| Current Path : /var/www/html/12park/vendor/twbs/bootstrap/site/src/assets/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html/12park/vendor/twbs/bootstrap/site/src/assets/stackblitz.js |
// NOTICE!!! Initially embedded in our docs this JavaScript
// file contains elements that can help you create reproducible
// use cases in StackBlitz for instance.
// In a real project please adapt this content to your needs.
// ++++++++++++++++++++++++++++++++++++++++++
/*!
* JavaScript for Bootstrap's docs (https://getbootstrap.com/)
* Copyright 2024-2025 The Bootstrap Authors
* Licensed under the Creative Commons Attribution 3.0 Unported License.
* For details, see https://creativecommons.org/licenses/by/3.0/.
*/
import sdk from '@stackblitz/sdk'
// eslint-disable-next-line import/no-unresolved
import snippetsContent from './partials/snippets.js?raw'
// These values will be replaced by Astro's Vite plugin
const CONFIG = {
cssCdn: '__CSS_CDN__',
jsBundleCdn: '__JS_BUNDLE_CDN__',
docsVersion: '__DOCS_VERSION__'
}
// Open in StackBlitz logic
document.querySelectorAll('.btn-edit').forEach(btn => {
btn.addEventListener('click', event => {
const codeSnippet = event.target.closest('.bd-code-snippet')
const exampleEl = codeSnippet.querySelector('.bd-example')
const htmlSnippet = exampleEl.innerHTML
const jsSnippet = codeSnippet.querySelector('.btn-edit').getAttribute('data-sb-js-snippet')
// Get extra classes for this example
const classes = Array.from(exampleEl.classList).join(' ')
openBootstrapSnippet(htmlSnippet, jsSnippet, classes)
})
})
const openBootstrapSnippet = (htmlSnippet, jsSnippet, classes) => {
const indexHtml = `<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="${CONFIG.cssCdn}" rel="stylesheet">
<link href="https://getbootstrap.com/docs/${CONFIG.docsVersion}/assets/css/docs.css" rel="stylesheet">
<title>Bootstrap Example</title>
<script defer src="${CONFIG.jsBundleCdn}"></script>
</head>
<body class="p-3 m-0 border-0 ${classes}">
<!-- Example Code Start-->
${htmlSnippet.trimStart().replace(/^/gm, ' ').replace(/^ {4}$/gm, '').trimEnd()}
<!-- Example Code End -->
</body>
</html>`
// Modify the snippets content to convert export default to a variable and invoke it
let modifiedSnippetsContent = ''
if (jsSnippet) {
// Replace export default with a variable assignment
modifiedSnippetsContent = snippetsContent.replace(
'export default () => {',
'const snippets_default = () => {'
)
// Add IIFE wrapper and execution
modifiedSnippetsContent = `(() => {
${modifiedSnippetsContent}
// <stdin>
snippets_default();
})();`
}
const project = {
files: {
'index.html': indexHtml,
...(jsSnippet && { 'index.js': modifiedSnippetsContent })
},
title: 'Bootstrap Example',
description: `Official example from ${window.location.href}`,
template: jsSnippet ? 'javascript' : 'html',
tags: ['bootstrap']
}
sdk.openProject(project, { openFile: 'index.html' })
}