@vertesia/ui 1.5.0-dev.20260910.052912Z → 1.6.0-dev.20260912.110338Z

package/lib/vertesia-ui-boot.js

@@ -0,0 +1,237 @@
+function e(e){return e}function t(e){return e.replace(/[&<>"']/g,e=>({"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&#39;`})[e]??e)}function n(e){return JSON.stringify(e).replace(/</g,`\\3c `)}function r(e){let t={background:[`--background`,`--color-background`,`--vb-bg`],foreground:[`--foreground`,`--color-foreground`,`--vb-fg`],accent:[`--info`,`--info-foreground`,`--color-info`,`--color-info-foreground`],button:[`--primary`,`--color-primary`,`--vb-primary`,`--auth-button`],buttonText:[`--primary-foreground`,`--color-primary-foreground`,`--vb-primary-fg`,`--auth-button-text`]};return Object.entries(e??{}).map(([e,n])=>{if(!Object.hasOwn(t,e)||/[;{}<>]/.test(n))throw Error(`Invalid branding color: ${e}`);return t[e].map(e=>`${e}:${n};`).join(``)}).join(``)}function i(e,t=`.vbrand`){let i=e.loadingIcon?.animation,a=e.loadingIcon?.keyframes??``;if(i!==void 0&&/[;{}<>]/.test(i))throw Error(`Invalid loading icon animation`);if(/[<>]/.test(a))throw Error(`Invalid loading icon keyframes`);let o=i===void 0?``:`--vertesia-loading-animation:${i};--vertesia-loading-pulse-animation:none;`,s=e.font;return`${s?`@font-face { font-family:${n(s.family)};src:url(${n(s.regular)});font-weight:400;font-display:swap; }
+${s.bold?`@font-face { font-family:${n(s.family)};src:url(${n(s.bold)});font-weight:700;font-display:swap; }`:``}`:``}
+${a}
+${t} { ${o}${r(e.colors?.light)}${s?`font-family:${n(s.family)};`:``} }
+.dark ${t},${t}.vboot-dark { ${r(e.colors?.dark)} }
+`}function a(e){return{iconSrc:e.loadingIcon?.light,darkIconSrc:e.loadingIcon?.dark,loadingLabel:e.copy?.loading,slowLoadingLabel:e.copy?.slowLoading,reloadLabel:e.copy?.reload,html:e.boot?.html,styles:`${i(e,`#loading-indicator`)}
+${e.colors?.light?.background?`:root{--vertesia-boot-background:${e.colors.light.background}}`:``}
+${e.colors?.dark?.background?`:root.dark{--vertesia-boot-background:${e.colors.dark.background}}`:``}
+${e.boot?.styles??``}`}}const o=`
+  .vboot {
+    --vb-bg: #ffffff;
+    --vb-fg: #0a0a0a;
+    --vb-muted: #636363;
+    --vb-muted-bg: #f5f5f5;
+    --vb-border: #e5e5e5;
+    --vb-primary: #0048bd;
+    --vb-primary-fg: #ffffff;
+    --vb-glow: rgba(50, 49, 189, 0.12);
+    font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
+    color: var(--vb-fg);
+  }
+  .vboot.vboot-dark {
+    --vb-bg: #0a0a0a;
+    --vb-fg: #fafafa;
+    --vb-muted: #a1a1a1;
+    --vb-muted-bg: #262626;
+    --vb-border: rgba(255, 255, 255, 0.1);
+    --vb-primary: #2b69d1;
+    --vb-primary-fg: #fafafa;
+    --vb-glow: rgba(79, 70, 229, 0.2);
+  }
+  @keyframes vboot-spin {
+    from { transform: rotate(0deg); }
+    to { transform: rotate(360deg); }
+  }
+  .vboot-overlay {
+    position: absolute !important;
+    inset: 0 !important;
+    box-sizing: border-box !important;
+    width: 100% !important;
+    height: 100% !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: center !important;
+    justify-content: center !important;
+    gap: 1.5rem !important;
+    transform: none !important;
+    background: var(--vb-bg) !important;
+  }
+  #loading-indicator {
+    position: fixed !important;
+    inset: 0 !important;
+    z-index: 2147483647 !important;
+    box-sizing: border-box !important;
+    width: 100vw !important;
+    height: 100vh !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    transform: none !important;
+  }
+  .vboot-spinner {
+    width: 2.5rem !important;
+    min-width: 2.5rem !important;
+    max-width: 2.5rem !important;
+    height: 2.5rem !important;
+    min-height: 2.5rem !important;
+    max-height: 2.5rem !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    object-fit: contain !important;
+    flex: none !important;
+    border-radius: 100% !important;
+    animation: var(--vertesia-loading-animation, vboot-spin 2s linear infinite) !important;
+  }
+  .vboot-icon-dark { display: none; }
+  .vboot-dark .vboot-icon-light { display: none; }
+  .vboot-dark .vboot-icon-dark { display: block; }
+  .vboot-slow {
+    text-align: center;
+  }
+  .vboot-slow p {
+    color: var(--vb-muted);
+    font-size: 0.875rem;
+    margin: 0 0 0.75rem;
+  }
+  .vboot-btn {
+    display: inline-block;
+    padding: 0.5rem 1rem;
+    background: var(--vb-primary);
+    color: var(--vb-primary-fg);
+    border: none;
+    border-radius: 0.375rem;
+    font: inherit;
+    font-size: 0.875rem;
+    font-weight: 500;
+    cursor: pointer;
+  }
+  .vboot-btn:hover {
+    opacity: 0.9;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .vboot-spinner { animation: none !important; }
+  }
+`;function s(e){return JSON.stringify(e).replaceAll(`<`,`\\u003c`)}function c(e){return{storageKey:e.storageKey??`vite-ui-theme`,iconSrc:e.iconSrc??`/icon.svg`,loadingLabel:e.loadingLabel??`Loading`,autoStart:e.autoStart??!0,html:e.html,styles:e.styles}}function l(e={}){let t=e=>e.replace(/[&<>"']/g,e=>({"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&#39;`})[e]??e),{iconSrc:n,loadingLabel:r}=c(e),i=(e,n=``)=>`<img class="vboot-spinner ${n}" width="40" height="40" src="${t(e)}" alt="${t(r)}" />`;return`<div class="vboot-overlay" role="status" aria-live="polite">${e.darkIconSrc?i(n,`vboot-icon-light`)+i(e.darkIconSrc,`vboot-icon-dark`):i(n)}
+<div id="loading-slow-notice" class="vboot-slow" style="display: none;">
+<p>${t(e.slowLoadingLabel??`Still loading — this is taking longer than usual.`)}</p>
+<div id="loading-slow-reload" style="display: none;"><button type="button" class="vboot-btn" data-boot-reload>${t(e.reloadLabel??`Reload page`)}</button></div></div></div>`}function u(e={}){let{storageKey:t,html:n}=c(e),r=l(e);return`(() => {
+  const storageKey = ${s(t)};
+
+  const customHtml = ${n===void 0?`undefined`:s(n)};
+  let slowNoticeTimer;
+  let slowReloadTimer;
+  const previewTheme = (() => {
+    try {
+      const value = new URL(window.location.href).searchParams.get('__vertesia_boot_theme');
+      return value === 'dark' || value === 'light' ? value : null;
+    } catch (_error) {
+      return null;
+    }
+  })();
+  const prefersDarkTheme = () => {
+    if (previewTheme) return previewTheme === 'dark';
+    try {
+      const stored = window.localStorage.getItem(storageKey);
+      if (stored === 'dark') return true;
+      if (stored === 'light') return false;
+    } catch (_error) {
+      // Storage can be unavailable in private or restricted browsing contexts.
+    }
+    try {
+      return typeof window.matchMedia === 'function' && window.matchMedia('(prefers-color-scheme: dark)').matches;
+    } catch (_error) {
+      return false;
+    }
+  };
+  const applyTheme = () => {
+    const dark = prefersDarkTheme();
+    const root = document.documentElement;
+    root.classList.remove('light', 'dark');
+    root.classList.add(dark ? 'dark' : 'light');
+    return dark;
+  };
+  const paintDocumentBackground = () => {
+    const dark = applyTheme();
+    const root = document.documentElement;
+    const background = window.getComputedStyle(root).getPropertyValue('--vertesia-boot-background').trim()
+      || (dark ? '#0a0a0a' : '#ffffff');
+    root.style.backgroundColor = background;
+    root.style.colorScheme = dark ? 'dark' : 'light';
+    if (document.body) document.body.style.backgroundColor = background;
+  };
+  const restoreDocumentBackground = () => {
+    applyTheme();
+    const root = document.documentElement;
+    root.style.removeProperty('background-color');
+    root.style.removeProperty('color-scheme');
+    if (document.body) document.body.style.removeProperty('background-color');
+  };
+  const bootThemeClass = () => prefersDarkTheme() ? 'vboot vboot-dark' : 'vboot';
+  const ensureLoadingIndicator = () => {
+    if (document.getElementById('loading-indicator') || !document.body) return;
+    paintDocumentBackground();
+    const loading = document.createElement('div');
+    loading.id = 'loading-indicator';
+    loading.className = bootThemeClass();
+    loading.innerHTML = customHtml ?? ${s(r)};
+    loading.querySelectorAll('[data-boot-title]').forEach((heading) => {
+      if (document.title) heading.textContent = document.title;
+    });
+    loading.querySelectorAll('[data-boot-reload]').forEach((button) => {
+      button.addEventListener('click', () => window.location.reload());
+    });
+    // Custom landmarks and controls must stay in body to enter the accessibility tree.
+    const loadingParent = customHtml === undefined && typeof document.documentElement.appendChild === 'function'
+      ? document.documentElement
+      : document.body;
+    loadingParent.appendChild(loading);
+  };
+  const hideLoadingIndicator = () => {
+    clearTimeout(slowNoticeTimer);
+    clearTimeout(slowReloadTimer);
+    const loading = document.getElementById('loading-indicator');
+    if (loading) loading.style.display = 'none';
+  };
+  const hasAppRendered = (rootId = 'root') => {
+    const root = document.getElementById(rootId);
+    return Boolean(root && root.innerHTML && root.innerHTML.trim() !== '');
+  };
+  const hideLoadingIndicatorOnFirstRender = (rootId = 'root') => {
+    if (typeof MutationObserver !== 'function') return;
+    const root = document.getElementById(rootId);
+    if (!root) return;
+    if (hasAppRendered(rootId)) {
+      hideLoadingIndicator();
+      restoreDocumentBackground();
+      return;
+    }
+    const observer = new MutationObserver(() => {
+      if (!hasAppRendered(rootId)) return;
+      hideLoadingIndicator();
+      restoreDocumentBackground();
+      observer.disconnect();
+    });
+    observer.observe(root, { childList: true });
+  };
+  // Used by standalone apps. Hosts with their own error handler keep autoStart disabled.
+  const scheduleSlowLoadingNotice = () => {
+    clearTimeout(slowNoticeTimer);
+    clearTimeout(slowReloadTimer);
+    if (hasAppRendered()) return;
+    slowNoticeTimer = setTimeout(() => {
+      const notice = document.getElementById('loading-slow-notice');
+      if (notice) notice.style.display = '';
+    }, 10000);
+    slowReloadTimer = setTimeout(() => {
+      const reload = document.getElementById('loading-slow-reload');
+      if (reload) reload.style.display = '';
+    }, 30000);
+  };
+  window.__vertesiaBoot = {
+    scheduleSlowLoadingNotice,
+    applyTheme,
+    bootThemeClass,
+    ensureLoadingIndicator,
+    hasAppRendered,
+    hideLoadingIndicator,
+    hideLoadingIndicatorOnFirstRender,
+    paintDocumentBackground,
+    prefersDarkTheme,
+    restoreDocumentBackground,
+  };
+  paintDocumentBackground();
+})();`}function d(e={}){return`<style id="vertesia-boot-styles">${o}\n${e.styles??``}</style>\n<script>${u(e)}<\/script>`}function f(){return`<script>window.__vertesiaBoot.ensureLoadingIndicator(); window.__vertesiaBoot.hideLoadingIndicatorOnFirstRender(); window.__vertesiaBoot.scheduleSlowLoadingNotice();<\/script>`}function p(e){return e===` `||e===`	`||e===`
+`||e===`\r`||e===`\f`}function m(e,t){let n=e.toLowerCase(),r=0;for(;r<n.length;){let e=n.indexOf(t,r);if(e===-1)return!1;let i=n[e-1],a=e+t.length;for(;p(n[a]);)a+=1;if(p(i)&&n[a]===`=`)return!0;r=e+t.length}return!1}function h(e,t,n){let r=e.toLowerCase(),i=`<${t}`,a=0;for(;a<r.length;){let e=r.indexOf(i,a);if(e===-1)return;let t=r[e+i.length];if(t===`>`||p(t)){let t=r.indexOf(`>`,e+i.length);if(t===-1)return;if(!n||m(r.slice(e,t+1),n))return t+1;a=t+1}else a=e+i.length}}function g(e,t,n){return`${e.slice(0,t)}${n}${e.slice(t)}`}function _(e,t={}){let n=c(t),r=d(n),i=h(e,`meta`,`charset`)??h(e,`head`),a=i===void 0?e:g(e,i,`\n${r}`);if(!n.autoStart)return a;let o=a.toLowerCase().indexOf(`</body>`);return o===-1?a:g(a,o,`${f()}\n`)}function v(e={}){return{name:`vertesia-boot-screen`,transformIndexHtml:t=>_(t,e)}}export{o as BOOT_SCREEN_STYLES,a as brandedBootOptions,v as createBootScreenVitePlugin,e as defineAppBranding,t as escapeBrandHtml,_ as injectBootScreenHtml,d as renderBootScreenHead,f as renderBootScreenInitializer,u as renderBootScreenRuntime,i as renderBrandStyles,l as renderDefaultBootContent};
+//# sourceMappingURL=vertesia-ui-boot.js.map

package/lib/vertesia-ui-boot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertesia-ui-boot.js","names":[],"sources":["boot/branding.js","boot/index.js"],"sourcesContent":["export function defineAppBranding(branding) {\n    return branding;\n}\nexport function escapeBrandHtml(value) {\n    return value.replace(/[&<>\"']/g, (char) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;' })[char] ?? char);\n}\nfunction cssString(value) {\n    return JSON.stringify(value).replace(/</g, '\\\\3c ');\n}\nfunction colorDeclarations(colors) {\n    const variables = {\n        background: ['--background', '--color-background', '--vb-bg'],\n        foreground: ['--foreground', '--color-foreground', '--vb-fg'],\n        accent: ['--info', '--info-foreground', '--color-info', '--color-info-foreground'],\n        button: ['--primary', '--color-primary', '--vb-primary', '--auth-button'],\n        buttonText: ['--primary-foreground', '--color-primary-foreground', '--vb-primary-fg', '--auth-button-text'],\n    };\n    return Object.entries(colors ?? {})\n        .map(([key, value]) => {\n        if (!Object.hasOwn(variables, key) || /[;{}<>]/.test(value))\n            throw new Error(`Invalid branding color: ${key}`);\n        return variables[key].map((name) => `${name}:${value};`).join('');\n    })\n        .join('');\n}\n/** Theme tokens only: branding must never replace the shared page layout. */\nexport function renderBrandStyles(brand, selector = '.vbrand') {\n    const animation = brand.loadingIcon?.animation;\n    const keyframes = brand.loadingIcon?.keyframes ?? '';\n    if (animation !== undefined && /[;{}<>]/.test(animation))\n        throw new Error('Invalid loading icon animation');\n    if (/[<>]/.test(keyframes))\n        throw new Error('Invalid loading icon keyframes');\n    const motion = animation === undefined\n        ? ''\n        : `--vertesia-loading-animation:${animation};--vertesia-loading-pulse-animation:none;`;\n    const font = brand.font;\n    const faces = font\n        ? `@font-face { font-family:${cssString(font.family)};src:url(${cssString(font.regular)});font-weight:400;font-display:swap; }\n${font.bold ? `@font-face { font-family:${cssString(font.family)};src:url(${cssString(font.bold)});font-weight:700;font-display:swap; }` : ''}`\n        : '';\n    return `${faces}\n${keyframes}\n${selector} { ${motion}${colorDeclarations(brand.colors?.light)}${font ? `font-family:${cssString(font.family)};` : ''} }\n.dark ${selector},${selector}.vboot-dark { ${colorDeclarations(brand.colors?.dark)} }\n`;\n}\nexport function brandedBootOptions(brand) {\n    return {\n        iconSrc: brand.loadingIcon?.light,\n        darkIconSrc: brand.loadingIcon?.dark,\n        loadingLabel: brand.copy?.loading,\n        slowLoadingLabel: brand.copy?.slowLoading,\n        reloadLabel: brand.copy?.reload,\n        html: brand.boot?.html,\n        styles: `${renderBrandStyles(brand, '#loading-indicator')}\n${brand.colors?.light?.background ? `:root{--vertesia-boot-background:${brand.colors.light.background}}` : ''}\n${brand.colors?.dark?.background ? `:root.dark{--vertesia-boot-background:${brand.colors.dark.background}}` : ''}\n${brand.boot?.styles ?? ''}`,\n    };\n}\n//# sourceMappingURL=branding.js.map","const DEFAULT_STORAGE_KEY = 'vite-ui-theme';\nconst DEFAULT_ICON_SRC = '/icon.svg';\nconst DEFAULT_LOADING_LABEL = 'Loading';\nexport const BOOT_SCREEN_STYLES = `\n  .vboot {\n    --vb-bg: #ffffff;\n    --vb-fg: #0a0a0a;\n    --vb-muted: #636363;\n    --vb-muted-bg: #f5f5f5;\n    --vb-border: #e5e5e5;\n    --vb-primary: #0048bd;\n    --vb-primary-fg: #ffffff;\n    --vb-glow: rgba(50, 49, 189, 0.12);\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;\n    color: var(--vb-fg);\n  }\n  .vboot.vboot-dark {\n    --vb-bg: #0a0a0a;\n    --vb-fg: #fafafa;\n    --vb-muted: #a1a1a1;\n    --vb-muted-bg: #262626;\n    --vb-border: rgba(255, 255, 255, 0.1);\n    --vb-primary: #2b69d1;\n    --vb-primary-fg: #fafafa;\n    --vb-glow: rgba(79, 70, 229, 0.2);\n  }\n  @keyframes vboot-spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n  .vboot-overlay {\n    position: absolute !important;\n    inset: 0 !important;\n    box-sizing: border-box !important;\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 1.5rem !important;\n    transform: none !important;\n    background: var(--vb-bg) !important;\n  }\n  #loading-indicator {\n    position: fixed !important;\n    inset: 0 !important;\n    z-index: 2147483647 !important;\n    box-sizing: border-box !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    transform: none !important;\n  }\n  .vboot-spinner {\n    width: 2.5rem !important;\n    min-width: 2.5rem !important;\n    max-width: 2.5rem !important;\n    height: 2.5rem !important;\n    min-height: 2.5rem !important;\n    max-height: 2.5rem !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    object-fit: contain !important;\n    flex: none !important;\n    border-radius: 100% !important;\n    animation: var(--vertesia-loading-animation, vboot-spin 2s linear infinite) !important;\n  }\n  .vboot-icon-dark { display: none; }\n  .vboot-dark .vboot-icon-light { display: none; }\n  .vboot-dark .vboot-icon-dark { display: block; }\n  .vboot-slow {\n    text-align: center;\n  }\n  .vboot-slow p {\n    color: var(--vb-muted);\n    font-size: 0.875rem;\n    margin: 0 0 0.75rem;\n  }\n  .vboot-btn {\n    display: inline-block;\n    padding: 0.5rem 1rem;\n    background: var(--vb-primary);\n    color: var(--vb-primary-fg);\n    border: none;\n    border-radius: 0.375rem;\n    font: inherit;\n    font-size: 0.875rem;\n    font-weight: 500;\n    cursor: pointer;\n  }\n  .vboot-btn:hover {\n    opacity: 0.9;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .vboot-spinner { animation: none !important; }\n  }\n`;\nfunction inlineJson(value) {\n    return JSON.stringify(value).replaceAll('<', '\\\\u003c');\n}\nfunction normalizedOptions(options) {\n    return {\n        storageKey: options.storageKey ?? DEFAULT_STORAGE_KEY,\n        iconSrc: options.iconSrc ?? DEFAULT_ICON_SRC,\n        loadingLabel: options.loadingLabel ?? DEFAULT_LOADING_LABEL,\n        autoStart: options.autoStart ?? true,\n        html: options.html,\n        styles: options.styles,\n    };\n}\n/** Default markup shared by Studio and configurable applications. */\nexport function renderDefaultBootContent(options = {}) {\n    const escapeMarkup = (value) => value.replace(/[&<>\"']/g, (char) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;' })[char] ?? char);\n    const { iconSrc, loadingLabel } = normalizedOptions(options);\n    const icon = (src, className = '') => `<img class=\"vboot-spinner ${className}\" width=\"40\" height=\"40\" src=\"${escapeMarkup(src)}\" alt=\"${escapeMarkup(loadingLabel)}\" />`;\n    return `<div class=\"vboot-overlay\" role=\"status\" aria-live=\"polite\">${options.darkIconSrc ? icon(iconSrc, 'vboot-icon-light') + icon(options.darkIconSrc, 'vboot-icon-dark') : icon(iconSrc)}\n<div id=\"loading-slow-notice\" class=\"vboot-slow\" style=\"display: none;\">\n<p>${escapeMarkup(options.slowLoadingLabel ?? 'Still loading — this is taking longer than usual.')}</p>\n<div id=\"loading-slow-reload\" style=\"display: none;\"><button type=\"button\" class=\"vboot-btn\" data-boot-reload>${escapeMarkup(options.reloadLabel ?? 'Reload page')}</button></div></div></div>`;\n}\nexport function renderBootScreenRuntime(options = {}) {\n    const { storageKey, html } = normalizedOptions(options);\n    const defaultHtml = renderDefaultBootContent(options);\n    return `(() => {\n  const storageKey = ${inlineJson(storageKey)};\n\n  const customHtml = ${html === undefined ? 'undefined' : inlineJson(html)};\n  let slowNoticeTimer;\n  let slowReloadTimer;\n  const previewTheme = (() => {\n    try {\n      const value = new URL(window.location.href).searchParams.get('__vertesia_boot_theme');\n      return value === 'dark' || value === 'light' ? value : null;\n    } catch (_error) {\n      return null;\n    }\n  })();\n  const prefersDarkTheme = () => {\n    if (previewTheme) return previewTheme === 'dark';\n    try {\n      const stored = window.localStorage.getItem(storageKey);\n      if (stored === 'dark') return true;\n      if (stored === 'light') return false;\n    } catch (_error) {\n      // Storage can be unavailable in private or restricted browsing contexts.\n    }\n    try {\n      return typeof window.matchMedia === 'function' && window.matchMedia('(prefers-color-scheme: dark)').matches;\n    } catch (_error) {\n      return false;\n    }\n  };\n  const applyTheme = () => {\n    const dark = prefersDarkTheme();\n    const root = document.documentElement;\n    root.classList.remove('light', 'dark');\n    root.classList.add(dark ? 'dark' : 'light');\n    return dark;\n  };\n  const paintDocumentBackground = () => {\n    const dark = applyTheme();\n    const root = document.documentElement;\n    const background = window.getComputedStyle(root).getPropertyValue('--vertesia-boot-background').trim()\n      || (dark ? '#0a0a0a' : '#ffffff');\n    root.style.backgroundColor = background;\n    root.style.colorScheme = dark ? 'dark' : 'light';\n    if (document.body) document.body.style.backgroundColor = background;\n  };\n  const restoreDocumentBackground = () => {\n    applyTheme();\n    const root = document.documentElement;\n    root.style.removeProperty('background-color');\n    root.style.removeProperty('color-scheme');\n    if (document.body) document.body.style.removeProperty('background-color');\n  };\n  const bootThemeClass = () => prefersDarkTheme() ? 'vboot vboot-dark' : 'vboot';\n  const ensureLoadingIndicator = () => {\n    if (document.getElementById('loading-indicator') || !document.body) return;\n    paintDocumentBackground();\n    const loading = document.createElement('div');\n    loading.id = 'loading-indicator';\n    loading.className = bootThemeClass();\n    loading.innerHTML = customHtml ?? ${inlineJson(defaultHtml)};\n    loading.querySelectorAll('[data-boot-title]').forEach((heading) => {\n      if (document.title) heading.textContent = document.title;\n    });\n    loading.querySelectorAll('[data-boot-reload]').forEach((button) => {\n      button.addEventListener('click', () => window.location.reload());\n    });\n    // Custom landmarks and controls must stay in body to enter the accessibility tree.\n    const loadingParent = customHtml === undefined && typeof document.documentElement.appendChild === 'function'\n      ? document.documentElement\n      : document.body;\n    loadingParent.appendChild(loading);\n  };\n  const hideLoadingIndicator = () => {\n    clearTimeout(slowNoticeTimer);\n    clearTimeout(slowReloadTimer);\n    const loading = document.getElementById('loading-indicator');\n    if (loading) loading.style.display = 'none';\n  };\n  const hasAppRendered = (rootId = 'root') => {\n    const root = document.getElementById(rootId);\n    return Boolean(root && root.innerHTML && root.innerHTML.trim() !== '');\n  };\n  const hideLoadingIndicatorOnFirstRender = (rootId = 'root') => {\n    if (typeof MutationObserver !== 'function') return;\n    const root = document.getElementById(rootId);\n    if (!root) return;\n    if (hasAppRendered(rootId)) {\n      hideLoadingIndicator();\n      restoreDocumentBackground();\n      return;\n    }\n    const observer = new MutationObserver(() => {\n      if (!hasAppRendered(rootId)) return;\n      hideLoadingIndicator();\n      restoreDocumentBackground();\n      observer.disconnect();\n    });\n    observer.observe(root, { childList: true });\n  };\n  // Used by standalone apps. Hosts with their own error handler keep autoStart disabled.\n  const scheduleSlowLoadingNotice = () => {\n    clearTimeout(slowNoticeTimer);\n    clearTimeout(slowReloadTimer);\n    if (hasAppRendered()) return;\n    slowNoticeTimer = setTimeout(() => {\n      const notice = document.getElementById('loading-slow-notice');\n      if (notice) notice.style.display = '';\n    }, 10000);\n    slowReloadTimer = setTimeout(() => {\n      const reload = document.getElementById('loading-slow-reload');\n      if (reload) reload.style.display = '';\n    }, 30000);\n  };\n  window.__vertesiaBoot = {\n    scheduleSlowLoadingNotice,\n    applyTheme,\n    bootThemeClass,\n    ensureLoadingIndicator,\n    hasAppRendered,\n    hideLoadingIndicator,\n    hideLoadingIndicatorOnFirstRender,\n    paintDocumentBackground,\n    prefersDarkTheme,\n    restoreDocumentBackground,\n  };\n  paintDocumentBackground();\n})();`;\n}\nexport function renderBootScreenHead(options = {}) {\n    return `<style id=\"vertesia-boot-styles\">${BOOT_SCREEN_STYLES}\\n${options.styles ?? ''}</style>\\n<script>${renderBootScreenRuntime(options)}</script>`;\n}\nexport function renderBootScreenInitializer() {\n    return `<script>window.__vertesiaBoot.ensureLoadingIndicator(); window.__vertesiaBoot.hideLoadingIndicatorOnFirstRender(); window.__vertesiaBoot.scheduleSlowLoadingNotice();</script>`;\n}\nfunction isHtmlWhitespace(character) {\n    return character === ' ' || character === '\\t' || character === '\\n' || character === '\\r' || character === '\\f';\n}\nfunction hasAttribute(openingTag, attributeName) {\n    const lowerTag = openingTag.toLowerCase();\n    let searchFrom = 0;\n    while (searchFrom < lowerTag.length) {\n        const attributeIndex = lowerTag.indexOf(attributeName, searchFrom);\n        if (attributeIndex === -1)\n            return false;\n        const before = lowerTag[attributeIndex - 1];\n        let afterIndex = attributeIndex + attributeName.length;\n        while (isHtmlWhitespace(lowerTag[afterIndex]))\n            afterIndex += 1;\n        if (isHtmlWhitespace(before) && lowerTag[afterIndex] === '=')\n            return true;\n        searchFrom = attributeIndex + attributeName.length;\n    }\n    return false;\n}\nfunction findOpeningTagEnd(html, tagName, attributeName) {\n    const lowerHtml = html.toLowerCase();\n    const tagStart = `<${tagName}`;\n    let searchFrom = 0;\n    while (searchFrom < lowerHtml.length) {\n        const start = lowerHtml.indexOf(tagStart, searchFrom);\n        if (start === -1)\n            return undefined;\n        const boundary = lowerHtml[start + tagStart.length];\n        if (boundary === '>' || isHtmlWhitespace(boundary)) {\n            const end = lowerHtml.indexOf('>', start + tagStart.length);\n            if (end === -1)\n                return undefined;\n            if (!attributeName || hasAttribute(lowerHtml.slice(start, end + 1), attributeName))\n                return end + 1;\n            searchFrom = end + 1;\n        }\n        else {\n            searchFrom = start + tagStart.length;\n        }\n    }\n    return undefined;\n}\nfunction insertAt(html, index, content) {\n    return `${html.slice(0, index)}${content}${html.slice(index)}`;\n}\nexport function injectBootScreenHtml(html, options = {}) {\n    const normalized = normalizedOptions(options);\n    const head = renderBootScreenHead(normalized);\n    const insertionPoint = findOpeningTagEnd(html, 'meta', 'charset') ?? findOpeningTagEnd(html, 'head');\n    const withHead = insertionPoint === undefined ? html : insertAt(html, insertionPoint, `\\n${head}`);\n    if (!normalized.autoStart)\n        return withHead;\n    const bodyEnd = withHead.toLowerCase().indexOf('</body>');\n    return bodyEnd === -1 ? withHead : insertAt(withHead, bodyEnd, `${renderBootScreenInitializer()}\\n`);\n}\nexport function createBootScreenVitePlugin(options = {}) {\n    return {\n        name: 'vertesia-boot-screen',\n        transformIndexHtml: (html) => injectBootScreenHtml(html, options),\n    };\n}\nexport * from './branding.js';\n//# sourceMappingURL=index.js.map"],"mappings":"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"}