veilkit 0.1.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +48 -0
- package/README.md +768 -99
- package/assets/demo-button.gif +0 -0
- package/assets/demo-hero.gif +0 -0
- package/assets/demo-presets.gif +0 -0
- package/assets/demo-spinners.gif +0 -0
- package/dist/angular/index.cjs +280 -14
- package/dist/angular/index.cjs.map +1 -1
- package/dist/angular/index.d.cts +39 -4
- package/dist/angular/index.d.ts +39 -4
- package/dist/angular/index.js +280 -14
- package/dist/angular/index.js.map +1 -1
- package/dist/{controller-Co5bvnaB.d.ts → controller-Cmc3Hp1j.d.ts} +5 -3
- package/dist/{controller-5OzP0U8X.d.cts → controller-CzNTbEGd.d.cts} +5 -3
- package/dist/element/index.cjs +285 -20
- package/dist/element/index.cjs.map +1 -1
- package/dist/element/index.d.cts +7 -1
- package/dist/element/index.d.ts +7 -1
- package/dist/element/index.js +285 -20
- package/dist/element/index.js.map +1 -1
- package/dist/index.cjs +288 -14
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +36 -11
- package/dist/index.d.ts +36 -11
- package/dist/index.js +288 -14
- package/dist/index.js.map +1 -1
- package/dist/native/index.cjs +1 -1
- package/dist/native/index.cjs.map +1 -1
- package/dist/native/index.d.cts +10 -4
- package/dist/native/index.d.ts +10 -4
- package/dist/native/index.js +1 -1
- package/dist/native/index.js.map +1 -1
- package/dist/react/index.cjs +280 -14
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.d.cts +38 -4
- package/dist/react/index.d.ts +38 -4
- package/dist/react/index.js +280 -14
- package/dist/react/index.js.map +1 -1
- package/dist/styles.css +133 -1
- package/dist/svelte/index.cjs +286 -20
- package/dist/svelte/index.cjs.map +1 -1
- package/dist/svelte/index.d.cts +9 -2
- package/dist/svelte/index.d.ts +9 -2
- package/dist/svelte/index.js +286 -20
- package/dist/svelte/index.js.map +1 -1
- package/dist/themes/index.d.cts +1 -1
- package/dist/themes/index.d.ts +1 -1
- package/dist/{types-Ciu5e5xt.d.cts → types-D2ryMkLU.d.cts} +45 -5
- package/dist/{types-Ciu5e5xt.d.ts → types-D2ryMkLU.d.ts} +45 -5
- package/dist/veilkit.min.js +288 -14
- package/dist/vue/index.cjs +270 -4
- package/dist/vue/index.cjs.map +1 -1
- package/dist/vue/index.d.cts +148 -2
- package/dist/vue/index.d.ts +148 -2
- package/dist/vue/index.js +270 -4
- package/dist/vue/index.js.map +1 -1
- package/package.json +41 -24
package/dist/veilkit.min.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
"use strict";var Veilkit=(()=>{var V=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var ge=Object.getOwnPropertyNames;var fe=Object.prototype.hasOwnProperty;var ve=(t,e)=>{for(var n in e)V(t,n,{get:e[n],enumerable:!0})},be=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ge(e))!fe.call(t,s)&&s!==n&&V(t,s,{get:()=>e[s],enumerable:!(r=ye(e,s))||r.enumerable});return t};var xe=t=>be(V({},"__esModule",{value:!0}),t);var $e={};ve($e,{ANIMATION_NAMES:()=>we,AntiFlickerController:()=>S,BUILTIN_THEMES:()=>y,LoadingManager:()=>R,OverlayController:()=>O,RouteProgressController:()=>I,SPINNER_TYPES:()=>Ee,VeilkitController:()=>H,applyA11yLoading:()=>K,applyReveal:()=>Z,createAutoMeasureOverlay:()=>Q,createLazyImage:()=>Me,createPreset:()=>x,createPrimitive:()=>J,createProgressElement:()=>Se,createSkeletonElement:()=>o,createSkeletonParagraph:()=>g,createSpinner:()=>v,createTextLoader:()=>Pe,createTheme:()=>A,default:()=>pe,getAnimationKeyframesCSS:()=>j,getCachedLayout:()=>de,getLabel:()=>$,getLocale:()=>Ce,getStylesCSS:()=>oe,getSyncDelay:()=>M,getThemeTokens:()=>D,getTimelineOrigin:()=>ne,injectStyles:()=>u,loadingManager:()=>T,measureContainer:()=>me,observeOffscreen:()=>W,overlayController:()=>C,parseDurationMs:()=>Y,progressController:()=>w,removeA11yLoading:()=>G,setCachedLayout:()=>ce,setLabels:()=>P,setLocale:()=>k,setNonce:()=>U,setupVisibilityObserver:()=>ae,teardownObservers:()=>Te,track:()=>z,veil:()=>pe,wrapFetch:()=>te,wrapLoadingButton:()=>Ae});var y={light:{base:"#e5e7eb",highlight:"rgba(255, 255, 255, 0.7)",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"#374151"},dark:{base:"#1f2937",highlight:"rgba(255, 255, 255, 0.12)",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"#f3f4f6"},auto:{base:"var(--veil-auto-base, #e5e7eb)",highlight:"var(--veil-auto-highlight, rgba(255, 255, 255, 0.7))",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"var(--veil-auto-contrast, #374151)"},glass:{base:"rgba(255, 255, 255, 0.08)",highlight:"rgba(255, 255, 255, 0.25)",radius:"12px",duration:"1.8s",easing:"cubic-bezier(0.25, 1, 0.5, 1)",blur:"12px",border:"1px solid rgba(255, 255, 255, 0.15)",glow:"inset 0 1px 1px 0 rgba(255, 255, 255, 0.25), 0 4px 16px 0 rgba(0, 0, 0, 0.12)",contrast:"#ffffff"},ios:{base:"rgba(120, 120, 128, 0.18)",highlight:"rgba(255, 255, 255, 0.45)",radius:"10px",duration:"1.4s",easing:"cubic-bezier(0.32, 0.72, 0, 1)",border:"none",contrast:"#1c1c1e"},material:{base:"#e7e0ec",highlight:"#f7f2fa",radius:"12px",duration:"1.6s",easing:"cubic-bezier(0.2, 0, 0, 1)",border:"none",contrast:"#1d1b20"},minimal:{base:"#f1f3f5",highlight:"#ffffff",radius:"4px",duration:"1.4s",easing:"ease-in-out",border:"none",contrast:"#212529"},mono:{base:"#e0e0e0",highlight:"#ffffff",radius:"0px",duration:"1.2s",easing:"linear",border:"1px solid #cccccc",contrast:"#000000"},neon:{base:"#0c0b16",highlight:"rgba(0, 240, 255, 0.5)",radius:"8px",duration:"1.6s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"1px solid rgba(0, 240, 255, 0.3)",glow:"0 0 12px rgba(0, 240, 255, 0.35)",contrast:"#00f0ff"},sunset:{base:"#fed7aa",highlight:"#fff7ed",radius:"8px",duration:"1.7s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",glow:"0 0 8px rgba(251, 146, 60, 0.25)",contrast:"#7c2d12"},ocean:{base:"#0f2937",highlight:"rgba(56, 189, 248, 0.45)",radius:"8px",duration:"1.7s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"1px solid rgba(56, 189, 248, 0.2)",glow:"0 0 10px rgba(56, 189, 248, 0.25)",contrast:"#38bdf8"}},ie=new Map;function A(t){let e=t.parent&&y[t.parent]?y[t.parent]:y.light,n={base:t.base??e.base,highlight:t.highlight??e.highlight,radius:t.radius??e.radius,duration:t.duration??e.duration,easing:t.easing??e.easing,border:t.border??e.border,blur:t.blur??e.blur,glow:t.glow??e.glow,contrast:t.contrast??e.contrast};return ie.set(t.name,n),n}function D(t){if(!t)return y.light;if(typeof t=="string"){if(t in y)return y[t];let e=ie.get(t);return e||y.light}return A(t)}var we=["shimmer","wave","pulse","blink","breathe","glass-shine","gradient-flow","aurora","scan-line","sparkle","neon-glow","stagger","none"];function j(){return["@keyframes veil-shimmer-ltr{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}","@keyframes veil-shimmer-rtl{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}","@keyframes veil-shimmer-ttb{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}","@keyframes veil-shimmer-btt{0%{transform:translateY(100%)}100%{transform:translateY(-100%)}}","@keyframes veil-wave{0%{transform:translateX(-120%) scaleX(0.8);opacity:0.3}50%{opacity:0.95}100%{transform:translateX(120%) scaleX(1.2);opacity:0.3}}","@keyframes veil-pulse{0%,100%{opacity:1}50%{opacity:0.38}}","@keyframes veil-blink{0%,49%{opacity:1}50%,99%{opacity:0.2}100%{opacity:1}}","@keyframes veil-breathe{0%,100%{opacity:0.65;transform:scale(0.995)}50%{opacity:1;transform:scale(1.005)}}","@keyframes veil-glass-shine{0%{transform:translate3d(-150%,-150%,0) rotate(35deg);opacity:0.1}40%,60%{opacity:0.85}100%{transform:translate3d(200%,200%,0) rotate(35deg);opacity:0.1}}","@keyframes veil-gradient-flow{0%{transform:translateX(-66.6%)}100%{transform:translateX(0%)}}","@keyframes veil-aurora{0%{transform:translate3d(-20%,-15%,0) rotate(0deg) scale(1);opacity:0.5}50%{transform:translate3d(25%,20%,0) rotate(180deg) scale(1.25);opacity:0.85}100%{transform:translate3d(-20%,-15%,0) rotate(360deg) scale(1);opacity:0.5}}","@keyframes veil-scan-line{0%{transform:translateY(-100%);opacity:0.2}50%{opacity:1}100%{transform:translateY(300%);opacity:0.2}}","@keyframes veil-sparkle{0%,100%{opacity:0.2;transform:scale(0.98)}25%{opacity:0.8;transform:scale(1.02)}50%{opacity:0.3;transform:scale(0.99)}75%{opacity:0.95;transform:scale(1.01)}}","@keyframes veil-neon-glow{0%,100%{opacity:0.45;transform:scale(0.998)}50%{opacity:1;transform:scale(1.002)}}",'[data-veil-anim="stagger"]>*{animation-delay:calc(var(--veil-stagger-idx,0)*120ms)!important}'].join("")}var B=0;function ne(){return B===0&&typeof performance<"u"&&(B=performance.now()),B}function M(t=1500){if(typeof performance>"u")return"0ms";let e=performance.now()-ne();return`-${Math.round(e%t)}ms`}function Y(t=1500){if(typeof t=="number")return t;if(!t)return 1500;let e=t.trim().toLowerCase();return e.endsWith("ms")?parseFloat(e)||1500:e.endsWith("s")?(parseFloat(e)||1.5)*1e3:parseFloat(e)||1500}var f=null,F=new Set,re=!1;function ke(t){for(let e of t){let n=e.target;e.isIntersecting?(n.removeAttribute("data-veil-offscreen"),n.style.removeProperty("--veil-play-state")):(n.setAttribute("data-veil-offscreen","true"),n.style.setProperty("--veil-play-state","paused"))}}function ae(){re||typeof document>"u"||(re=!0,document.addEventListener("visibilitychange",()=>{document.hidden?document.documentElement.setAttribute("data-veil-tab-hidden","true"):document.documentElement.removeAttribute("data-veil-tab-hidden")}))}function W(t){return typeof window>"u"||typeof IntersectionObserver>"u"?()=>{}:(ae(),f||(f=new IntersectionObserver(ke,{rootMargin:"100px 0px",threshold:0})),f.observe(t),F.add(t),()=>{f&&t&&(f.unobserve(t),F.delete(t))})}function Te(){f&&(f.disconnect(),f=null),F.clear()}var _={en:{loading:"Loading content, please wait\u2026",loaded:"Content loaded.",progress:"Loading progress",busy:"Busy"},es:{loading:"Cargando contenido, por favor espere\u2026",loaded:"Contenido cargado.",progress:"Progreso de carga",busy:"Ocupado"},fr:{loading:"Chargement du contenu, veuillez patienter\u2026",loaded:"Contenu charg\xE9.",progress:"Progression du chargement",busy:"Occup\xE9"},de:{loading:"Inhalt wird geladen, bitte warten\u2026",loaded:"Inhalt geladen.",progress:"Ladefortschritt",busy:"Besch\xE4ftigt"},ja:{loading:"\u30B3\u30F3\u30C6\u30F3\u30C4\u3092\u8AAD\u307F\u8FBC\u3093\u3067\u3044\u307E\u3059\u2026",loaded:"\u8AAD\u307F\u8FBC\u307F\u304C\u5B8C\u4E86\u3057\u307E\u3057\u305F\u3002",progress:"\u8AAD\u307F\u8FBC\u307F\u72B6\u6CC1",busy:"\u51E6\u7406\u4E2D"},zh:{loading:"\u6B63\u5728\u52A0\u8F7D\u5185\u5BB9\uFF0C\u8BF7\u7A0D\u5019\u2026",loaded:"\u5185\u5BB9\u52A0\u8F7D\u5B8C\u6210\u3002",progress:"\u52A0\u8F7D\u8FDB\u5EA6",busy:"\u5FD9\u788C\u4E2D"},ar:{loading:"\u062C\u0627\u0631\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u062D\u062A\u0648\u0649\u060C \u064A\u0631\u062C\u0649 \u0627\u0644\u0627\u0646\u062A\u0638\u0627\u0631\u2026",loaded:"\u062A\u0645 \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u062D\u062A\u0648\u0649.",progress:"\u062A\u0642\u062F\u0645 \u0627\u0644\u062A\u062D\u0645\u064A\u0644",busy:"\u0645\u0634\u063A\u0648\u0644"}},q="en",X={};function k(t){q=t}function Ce(){return q}function P(t){Object.assign(X,t)}function $(t){return X[t]?X[t]:(_[q]||_.en)[t]||_.en[t]||"Loading\u2026"}function K(t,e){t.setAttribute("aria-busy","true");let n=t.querySelector(".veil-sr-only");return n||(n=document.createElement("span"),n.className="veil-sr-only",n.setAttribute("role","status"),n.setAttribute("aria-live","polite"),t.appendChild(n)),n.textContent=e||$("loading"),n}function G(t){t.removeAttribute("aria-busy");let e=t.querySelector(".veil-sr-only");e&&e.remove()}var se=!1,le;function U(t){le=t}function oe(){let t=y.light,e=y.dark;return`
|
|
1
|
+
"use strict";var Veilkit=(()=>{var O=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var we=Object.prototype.hasOwnProperty;var ke=(a,e)=>{for(var d in e)O(a,d,{get:e[d],enumerable:!0})},Ce=(a,e,d,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of xe(e))!we.call(a,r)&&r!==d&&O(a,r,{get:()=>e[r],enumerable:!(l=ve(e,r))||l.enumerable});return a};var Ee=a=>Ce(O({},"__esModule",{value:!0}),a);var Ve={};ke(Ve,{ANIMATION_NAMES:()=>Te,AntiFlickerController:()=>T,BUILTIN_THEMES:()=>f,BUTTON_LOADING_STYLES:()=>Pe,LoadingManager:()=>P,OverlayController:()=>I,PRESET_NAMES:()=>Ae,RouteProgressController:()=>D,SPINNER_TYPES:()=>Me,SkeletonBuilder:()=>ie,VeilkitController:()=>H,applyA11yLoading:()=>_,applyReveal:()=>Z,createAutoMeasureOverlay:()=>Q,createCustomSkeleton:()=>ge,createLazyImage:()=>Oe,createPreset:()=>M,createPrimitive:()=>J,createProgressElement:()=>Re,createSkeletonElement:()=>c,createSkeletonParagraph:()=>g,createSpinner:()=>b,createTextLoader:()=>Be,createTheme:()=>L,default:()=>fe,getAnimationKeyframesCSS:()=>V,getCachedLayout:()=>ce,getLabel:()=>R,getLocale:()=>$e,getStylesCSS:()=>de,getSyncDelay:()=>$,getThemeTokens:()=>B,getTimelineOrigin:()=>ne,injectStyles:()=>u,loadingManager:()=>C,measureContainer:()=>ye,observeOffscreen:()=>X,overlayController:()=>E,parseDurationMs:()=>Y,progressController:()=>w,removeA11yLoading:()=>K,setCachedLayout:()=>pe,setLabels:()=>A,setLocale:()=>k,setNonce:()=>U,setupVisibilityObserver:()=>re,teardownObservers:()=>Le,track:()=>z,veil:()=>fe,wrapFetch:()=>te,wrapLoadingButton:()=>De});var f={light:{base:"#e5e7eb",highlight:"rgba(255, 255, 255, 0.7)",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"#374151"},dark:{base:"#1f2937",highlight:"rgba(255, 255, 255, 0.12)",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"#f3f4f6"},auto:{base:"var(--veil-auto-base, #e5e7eb)",highlight:"var(--veil-auto-highlight, rgba(255, 255, 255, 0.7))",radius:"6px",duration:"1.5s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",contrast:"var(--veil-auto-contrast, #374151)"},glass:{base:"rgba(255, 255, 255, 0.08)",highlight:"rgba(255, 255, 255, 0.25)",radius:"12px",duration:"1.8s",easing:"cubic-bezier(0.25, 1, 0.5, 1)",blur:"12px",border:"1px solid rgba(255, 255, 255, 0.15)",glow:"inset 0 1px 1px 0 rgba(255, 255, 255, 0.25), 0 4px 16px 0 rgba(0, 0, 0, 0.12)",contrast:"#ffffff"},ios:{base:"rgba(120, 120, 128, 0.18)",highlight:"rgba(255, 255, 255, 0.45)",radius:"10px",duration:"1.4s",easing:"cubic-bezier(0.32, 0.72, 0, 1)",border:"none",contrast:"#1c1c1e"},material:{base:"#e7e0ec",highlight:"#f7f2fa",radius:"12px",duration:"1.6s",easing:"cubic-bezier(0.2, 0, 0, 1)",border:"none",contrast:"#1d1b20"},minimal:{base:"#f1f3f5",highlight:"#ffffff",radius:"4px",duration:"1.4s",easing:"ease-in-out",border:"none",contrast:"#212529"},mono:{base:"#e0e0e0",highlight:"#ffffff",radius:"0px",duration:"1.2s",easing:"linear",border:"1px solid #cccccc",contrast:"#000000"},neon:{base:"#0c0b16",highlight:"rgba(0, 240, 255, 0.5)",radius:"8px",duration:"1.6s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"1px solid rgba(0, 240, 255, 0.3)",glow:"0 0 12px rgba(0, 240, 255, 0.35)",contrast:"#00f0ff"},sunset:{base:"#fed7aa",highlight:"#fff7ed",radius:"8px",duration:"1.7s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"none",glow:"0 0 8px rgba(251, 146, 60, 0.25)",contrast:"#7c2d12"},ocean:{base:"#0f2937",highlight:"rgba(56, 189, 248, 0.45)",radius:"8px",duration:"1.7s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",border:"1px solid rgba(56, 189, 248, 0.2)",glow:"0 0 10px rgba(56, 189, 248, 0.25)",contrast:"#38bdf8"}},ae=new Map;function L(a){let e=a.parent&&f[a.parent]?f[a.parent]:f.light,d={base:a.base??e.base,highlight:a.highlight??e.highlight,radius:a.radius??e.radius,duration:a.duration??e.duration,easing:a.easing??e.easing,border:a.border??e.border,blur:a.blur??e.blur,glow:a.glow??e.glow,contrast:a.contrast??e.contrast};return ae.set(a.name,d),d}function B(a){if(!a)return f.light;if(typeof a=="string"){if(a in f)return f[a];let e=ae.get(a);return e||f.light}return L(a)}var Te=["shimmer","wave","pulse","blink","breathe","glass-shine","gradient-flow","aurora","scan-line","sparkle","neon-glow","stagger","ripple","ping-pong","wipe","cascade","spotlight","rainbow","heartbeat","liquid","stripes","halftone","border-glow","typewriter","glitch","pixelate","tilt","diagonal-sweep","bounce-in","fade-slide","none"];function V(){return["@keyframes veil-shimmer-ltr{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}","@keyframes veil-shimmer-rtl{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}","@keyframes veil-shimmer-ttb{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}","@keyframes veil-shimmer-btt{0%{transform:translateY(100%)}100%{transform:translateY(-100%)}}","@keyframes veil-wave{0%{transform:translateX(-120%) scaleX(0.8);opacity:0.3}50%{opacity:0.95}100%{transform:translateX(120%) scaleX(1.2);opacity:0.3}}","@keyframes veil-pulse{0%,100%{opacity:1}50%{opacity:0.38}}","@keyframes veil-blink{0%,49%{opacity:1}50%,99%{opacity:0.2}100%{opacity:1}}","@keyframes veil-breathe{0%,100%{opacity:0.65;transform:scale(0.995)}50%{opacity:1;transform:scale(1.005)}}","@keyframes veil-glass-shine{0%{transform:translate3d(-150%,-150%,0) rotate(35deg);opacity:0.1}40%,60%{opacity:0.85}100%{transform:translate3d(200%,200%,0) rotate(35deg);opacity:0.1}}","@keyframes veil-gradient-flow{0%{transform:translateX(-66.6%)}100%{transform:translateX(0%)}}","@keyframes veil-aurora{0%{transform:translate3d(-20%,-15%,0) rotate(0deg) scale(1);opacity:0.5}50%{transform:translate3d(25%,20%,0) rotate(180deg) scale(1.25);opacity:0.85}100%{transform:translate3d(-20%,-15%,0) rotate(360deg) scale(1);opacity:0.5}}","@keyframes veil-scan-line{0%{transform:translateY(-100%);opacity:0.2}50%{opacity:1}100%{transform:translateY(300%);opacity:0.2}}","@keyframes veil-sparkle{0%,100%{opacity:0.2;transform:scale(0.98)}25%{opacity:0.8;transform:scale(1.02)}50%{opacity:0.3;transform:scale(0.99)}75%{opacity:0.95;transform:scale(1.01)}}","@keyframes veil-neon-glow{0%,100%{opacity:0.45;transform:scale(0.998)}50%{opacity:1;transform:scale(1.002)}}","@keyframes veil-ripple{0%{transform:scale(0.2);opacity:0.9}100%{transform:scale(2.4);opacity:0}}","@keyframes veil-ping-pong{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}","@keyframes veil-wipe{0%{transform:translateX(-100%) scaleX(0.2);opacity:0.2}50%{transform:translateX(0%) scaleX(1);opacity:0.9}100%{transform:translateX(100%) scaleX(0.2);opacity:0.2}}","@keyframes veil-cascade{0%{transform:translateY(-100%);opacity:0.3}50%{opacity:0.95}100%{transform:translateY(100%);opacity:0.3}}","@keyframes veil-spotlight{0%{transform:translate3d(-100%,-50%,0);opacity:0.15}50%{transform:translate3d(50%,0%,0);opacity:0.85}100%{transform:translate3d(200%,50%,0);opacity:0.15}}","@keyframes veil-rainbow{0%{filter:hue-rotate(0deg);transform:translateX(-50%)}100%{filter:hue-rotate(360deg);transform:translateX(0%)}}","@keyframes veil-heartbeat{0%,100%{transform:scale(1);opacity:0.7}14%{transform:scale(1.025);opacity:1}28%{transform:scale(1);opacity:0.75}42%{transform:scale(1.035);opacity:1}70%{transform:scale(1);opacity:0.7}}","@keyframes veil-liquid{0%,100%{transform:translateX(-100%) scaleY(0.9) skewX(-8deg);opacity:0.4}50%{transform:translateX(100%) scaleY(1.1) skewX(8deg);opacity:0.9}}","@keyframes veil-stripes{0%{transform:translateX(-48px)}100%{transform:translateX(0px)}}","@keyframes veil-halftone{0%,100%{opacity:0.35;transform:scale(0.995)}50%{opacity:0.95;transform:scale(1.005)}}","@keyframes veil-border-glow{0%,100%{opacity:0.5;transform:scale(0.998)}50%{opacity:1;transform:scale(1.002)}}","@keyframes veil-typewriter{0%{transform:scaleX(0.1);transform-origin:left;opacity:0.4}100%{transform:scaleX(1);transform-origin:left;opacity:1}}","@keyframes veil-glitch{0%,100%{transform:translate(0);opacity:0.8}20%{transform:translate(-2px,1px);opacity:0.95}40%{transform:translate(2px,-1px);opacity:0.85}60%{transform:translate(-1px,-1px);opacity:1}80%{transform:translate(1px,2px);opacity:0.9}}","@keyframes veil-pixelate{0%,100%{opacity:0.3;transform:scale(0.99)}25%{opacity:0.75;transform:scale(1)}50%{opacity:0.45;transform:scale(0.995)}75%{opacity:0.9;transform:scale(1.005)}}","@keyframes veil-tilt{0%,100%{transform:perspective(600px) rotateX(0deg) rotateY(0deg);opacity:0.7}50%{transform:perspective(600px) rotateX(4deg) rotateY(-4deg);opacity:1}}","@keyframes veil-diagonal-sweep{0%{transform:translate3d(-100%,-100%,0) rotate(-45deg)}100%{transform:translate3d(150%,150%,0) rotate(-45deg)}}","@keyframes veil-bounce-in{0%,100%{transform:scale(0.985);opacity:0.6}50%{transform:scale(1.015);opacity:1}}","@keyframes veil-fade-slide{0%,100%{transform:translateY(3px);opacity:0.5}50%{transform:translateY(-3px);opacity:1}}",'[data-veil-anim="stagger"]>*{animation-delay:calc(var(--veil-stagger-idx,0)*120ms)!important}'].join("")}var j=0;function ne(){return j===0&&typeof performance<"u"&&(j=performance.now()),j}function $(a=1500){if(typeof performance>"u")return"0ms";let e=performance.now()-ne();return`-${Math.round(e%a)}ms`}function Y(a=1500){if(typeof a=="number")return a;if(!a)return 1500;let e=a.trim().toLowerCase();return e.endsWith("ms")?parseFloat(e)||1500:e.endsWith("s")?(parseFloat(e)||1.5)*1e3:parseFloat(e)||1500}var x=null,q=new Set,se=!1;function Se(a){for(let e of a){let d=e.target;e.isIntersecting?(d.removeAttribute("data-veil-offscreen"),d.style.removeProperty("--veil-play-state")):(d.setAttribute("data-veil-offscreen","true"),d.style.setProperty("--veil-play-state","paused"))}}function re(){se||typeof document>"u"||(se=!0,document.addEventListener("visibilitychange",()=>{document.hidden?document.documentElement.setAttribute("data-veil-tab-hidden","true"):document.documentElement.removeAttribute("data-veil-tab-hidden")}))}function X(a){return typeof window>"u"||typeof IntersectionObserver>"u"?()=>{}:(re(),x||(x=new IntersectionObserver(Se,{rootMargin:"100px 0px",threshold:0})),x.observe(a),q.add(a),()=>{x&&a&&(x.unobserve(a),q.delete(a))})}function Le(){x&&(x.disconnect(),x=null),q.clear()}var F={en:{loading:"Loading content, please wait\u2026",loaded:"Content loaded.",progress:"Loading progress",busy:"Busy"},es:{loading:"Cargando contenido, por favor espere\u2026",loaded:"Contenido cargado.",progress:"Progreso de carga",busy:"Ocupado"},fr:{loading:"Chargement du contenu, veuillez patienter\u2026",loaded:"Contenu charg\xE9.",progress:"Progression du chargement",busy:"Occup\xE9"},de:{loading:"Inhalt wird geladen, bitte warten\u2026",loaded:"Inhalt geladen.",progress:"Ladefortschritt",busy:"Besch\xE4ftigt"},ja:{loading:"\u30B3\u30F3\u30C6\u30F3\u30C4\u3092\u8AAD\u307F\u8FBC\u3093\u3067\u3044\u307E\u3059\u2026",loaded:"\u8AAD\u307F\u8FBC\u307F\u304C\u5B8C\u4E86\u3057\u307E\u3057\u305F\u3002",progress:"\u8AAD\u307F\u8FBC\u307F\u72B6\u6CC1",busy:"\u51E6\u7406\u4E2D"},zh:{loading:"\u6B63\u5728\u52A0\u8F7D\u5185\u5BB9\uFF0C\u8BF7\u7A0D\u5019\u2026",loaded:"\u5185\u5BB9\u52A0\u8F7D\u5B8C\u6210\u3002",progress:"\u52A0\u8F7D\u8FDB\u5EA6",busy:"\u5FD9\u788C\u4E2D"},ar:{loading:"\u062C\u0627\u0631\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u062D\u062A\u0648\u0649\u060C \u064A\u0631\u062C\u0649 \u0627\u0644\u0627\u0646\u062A\u0638\u0627\u0631\u2026",loaded:"\u062A\u0645 \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u062D\u062A\u0648\u0649.",progress:"\u062A\u0642\u062F\u0645 \u0627\u0644\u062A\u062D\u0645\u064A\u0644",busy:"\u0645\u0634\u063A\u0648\u0644"}},G="en",W={};function k(a){G=a}function $e(){return G}function A(a){Object.assign(W,a)}function R(a){return W[a]?W[a]:(F[G]||F.en)[a]||F.en[a]||"Loading\u2026"}function _(a,e){a.setAttribute("aria-busy","true");let d=a.querySelector(".veil-sr-only");return d||(d=document.createElement("span"),d.className="veil-sr-only",d.setAttribute("role","status"),d.setAttribute("aria-live","polite"),a.appendChild(d)),d.textContent=e||R("loading"),d}function K(a){a.removeAttribute("aria-busy");let e=a.querySelector(".veil-sr-only");e&&e.remove()}var le=!1,oe;function U(a){oe=a}function de(){let a=f.light,e=f.dark;return`
|
|
2
2
|
/* === VEILKIT CORE STYLES === */
|
|
3
3
|
:root {
|
|
4
|
-
--veil-base: ${
|
|
5
|
-
--veil-highlight: ${
|
|
6
|
-
--veil-radius: ${
|
|
7
|
-
--veil-duration: ${
|
|
8
|
-
--veil-easing: ${
|
|
4
|
+
--veil-base: ${a.base};
|
|
5
|
+
--veil-highlight: ${a.highlight};
|
|
6
|
+
--veil-radius: ${a.radius};
|
|
7
|
+
--veil-duration: ${a.duration};
|
|
8
|
+
--veil-easing: ${a.easing};
|
|
9
9
|
--veil-direction: ltr;
|
|
10
10
|
--veil-border: none;
|
|
11
11
|
--veil-blur: none;
|
|
12
12
|
--veil-glow: none;
|
|
13
|
-
--veil-contrast: ${
|
|
13
|
+
--veil-contrast: ${a.contrast};
|
|
14
14
|
|
|
15
|
-
--veil-auto-base: ${
|
|
16
|
-
--veil-auto-highlight: ${
|
|
17
|
-
--veil-auto-contrast: ${
|
|
15
|
+
--veil-auto-base: ${a.base};
|
|
16
|
+
--veil-auto-highlight: ${a.highlight};
|
|
17
|
+
--veil-auto-contrast: ${a.contrast};
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
@media (prefers-color-scheme: dark) {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
/* === THEME ATTRIBUTE CLASSES === */
|
|
36
|
-
${Object.entries(
|
|
36
|
+
${Object.entries(f).map(([d,l])=>`[data-veil-theme="${d}"]{--veil-base:${l.base};--veil-highlight:${l.highlight};--veil-radius:${l.radius};--veil-duration:${l.duration};--veil-easing:${l.easing};${l.border?`--veil-border:${l.border};`:""}${l.blur?`--veil-blur:${l.blur};`:""}${l.glow?`--veil-glow:${l.glow};`:""}--veil-contrast:${l.contrast};}`).join("")}
|
|
37
37
|
|
|
38
38
|
/* === BASE SKELETON ELEMENT === */
|
|
39
39
|
.veil-skeleton {
|
|
@@ -178,6 +178,138 @@ ${Object.entries(y).map(([n,r])=>`[data-veil-theme="${n}"]{--veil-base:${r.base}
|
|
|
178
178
|
animation-delay: var(--veil-sync-delay, 0s);
|
|
179
179
|
}
|
|
180
180
|
|
|
181
|
+
.veil-skeleton[data-veil-anim="ripple"]::after {
|
|
182
|
+
width: 100%;
|
|
183
|
+
height: 100%;
|
|
184
|
+
animation: veil-ripple var(--veil-duration, 1.8s) ease-out infinite;
|
|
185
|
+
background: radial-gradient(circle, var(--veil-highlight, rgba(255, 255, 255, 0.7)) 10%, transparent 70%);
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.veil-skeleton[data-veil-anim="ping-pong"]::after {
|
|
189
|
+
animation-name: veil-ping-pong;
|
|
190
|
+
animation-duration: var(--veil-duration, 2.4s);
|
|
191
|
+
animation-timing-function: ease-in-out;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.veil-skeleton[data-veil-anim="wipe"]::after {
|
|
195
|
+
width: 100%;
|
|
196
|
+
animation-name: veil-wipe;
|
|
197
|
+
animation-duration: var(--veil-duration, 1.8s);
|
|
198
|
+
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.veil-skeleton[data-veil-anim="cascade"]::after {
|
|
202
|
+
width: 100%;
|
|
203
|
+
animation-name: veil-cascade;
|
|
204
|
+
animation-duration: var(--veil-duration, 1.6s);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.veil-skeleton[data-veil-anim="spotlight"]::after {
|
|
208
|
+
width: 140%;
|
|
209
|
+
height: 140%;
|
|
210
|
+
animation-name: veil-spotlight;
|
|
211
|
+
animation-duration: var(--veil-duration, 2.5s);
|
|
212
|
+
background: radial-gradient(circle at center, var(--veil-highlight, rgba(255, 255, 255, 0.85)) 0%, transparent 60%);
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.veil-skeleton[data-veil-anim="rainbow"]::after {
|
|
216
|
+
width: 250%;
|
|
217
|
+
animation-name: veil-rainbow;
|
|
218
|
+
animation-duration: var(--veil-duration, 3.5s);
|
|
219
|
+
background: linear-gradient(90deg, #f43f5e, #fbbf24, #10b981, #06b6d4, #8b5cf6, #f43f5e);
|
|
220
|
+
opacity: 0.25;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.veil-skeleton[data-veil-anim="heartbeat"] {
|
|
224
|
+
animation: veil-heartbeat var(--veil-duration, 1.4s) ease-in-out infinite;
|
|
225
|
+
animation-delay: var(--veil-sync-delay, 0s);
|
|
226
|
+
}
|
|
227
|
+
.veil-skeleton[data-veil-anim="heartbeat"]::after {
|
|
228
|
+
background: none;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.veil-skeleton[data-veil-anim="liquid"]::after {
|
|
232
|
+
width: 150%;
|
|
233
|
+
animation-name: veil-liquid;
|
|
234
|
+
animation-duration: var(--veil-duration, 2.2s);
|
|
235
|
+
background: radial-gradient(ellipse at center, var(--veil-highlight, rgba(255, 255, 255, 0.7)) 0%, transparent 70%);
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.veil-skeleton[data-veil-anim="stripes"]::after {
|
|
239
|
+
width: 200%;
|
|
240
|
+
animation-name: veil-stripes;
|
|
241
|
+
animation-duration: var(--veil-duration, 1.5s);
|
|
242
|
+
animation-timing-function: linear;
|
|
243
|
+
background: repeating-linear-gradient(45deg, transparent, transparent 12px, var(--veil-highlight, rgba(255, 255, 255, 0.4)) 12px, var(--veil-highlight, rgba(255, 255, 255, 0.4)) 24px);
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.veil-skeleton[data-veil-anim="halftone"] {
|
|
247
|
+
animation: veil-halftone var(--veil-duration, 1.8s) ease-in-out infinite;
|
|
248
|
+
}
|
|
249
|
+
.veil-skeleton[data-veil-anim="halftone"]::after {
|
|
250
|
+
background: radial-gradient(var(--veil-highlight, rgba(255, 255, 255, 0.5)) 15%, transparent 16%);
|
|
251
|
+
background-size: 8px 8px;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.veil-skeleton[data-veil-anim="border-glow"] {
|
|
255
|
+
animation: veil-border-glow var(--veil-duration, 1.6s) ease-in-out infinite;
|
|
256
|
+
box-shadow: 0 0 12px var(--veil-highlight, rgba(99, 102, 241, 0.5));
|
|
257
|
+
}
|
|
258
|
+
.veil-skeleton[data-veil-anim="border-glow"]::after {
|
|
259
|
+
background: none;
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
.veil-skeleton[data-veil-anim="typewriter"] {
|
|
263
|
+
animation: veil-typewriter var(--veil-duration, 1.5s) steps(20, end) infinite alternate;
|
|
264
|
+
}
|
|
265
|
+
.veil-skeleton[data-veil-anim="typewriter"]::after {
|
|
266
|
+
background: none;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
.veil-skeleton[data-veil-anim="glitch"] {
|
|
270
|
+
animation: veil-glitch var(--veil-duration, 2s) steps(4, jump-none) infinite;
|
|
271
|
+
}
|
|
272
|
+
.veil-skeleton[data-veil-anim="glitch"]::after {
|
|
273
|
+
background: linear-gradient(90deg, transparent, var(--veil-highlight, rgba(255, 255, 255, 0.6)), transparent);
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
.veil-skeleton[data-veil-anim="pixelate"] {
|
|
277
|
+
animation: veil-pixelate var(--veil-duration, 1.4s) steps(5, start) infinite;
|
|
278
|
+
}
|
|
279
|
+
.veil-skeleton[data-veil-anim="pixelate"]::after {
|
|
280
|
+
background: none;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.veil-skeleton[data-veil-anim="tilt"] {
|
|
284
|
+
animation: veil-tilt var(--veil-duration, 2.5s) ease-in-out infinite;
|
|
285
|
+
transform-style: preserve-3d;
|
|
286
|
+
}
|
|
287
|
+
.veil-skeleton[data-veil-anim="tilt"]::after {
|
|
288
|
+
animation-name: veil-shimmer-ltr;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
.veil-skeleton[data-veil-anim="diagonal-sweep"]::after {
|
|
292
|
+
width: 200%;
|
|
293
|
+
height: 200%;
|
|
294
|
+
animation-name: veil-diagonal-sweep;
|
|
295
|
+
animation-duration: var(--veil-duration, 2s);
|
|
296
|
+
background: linear-gradient(90deg, transparent 20%, var(--veil-highlight, rgba(255, 255, 255, 0.65)) 50%, transparent 80%);
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.veil-skeleton[data-veil-anim="bounce-in"] {
|
|
300
|
+
animation: veil-bounce-in var(--veil-duration, 1.6s) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
|
|
301
|
+
}
|
|
302
|
+
.veil-skeleton[data-veil-anim="bounce-in"]::after {
|
|
303
|
+
background: none;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
.veil-skeleton[data-veil-anim="fade-slide"] {
|
|
307
|
+
animation: veil-fade-slide var(--veil-duration, 1.6s) ease-in-out infinite;
|
|
308
|
+
}
|
|
309
|
+
.veil-skeleton[data-veil-anim="fade-slide"]::after {
|
|
310
|
+
background: none;
|
|
311
|
+
}
|
|
312
|
+
|
|
181
313
|
.veil-skeleton[data-veil-anim="none"]::after {
|
|
182
314
|
display: none !important;
|
|
183
315
|
}
|
|
@@ -375,8 +507,8 @@ ${Object.entries(y).map(([n,r])=>`[data-veil-theme="${n}"]{--veil-base:${r.base}
|
|
|
375
507
|
filter: blur(0px);
|
|
376
508
|
}
|
|
377
509
|
|
|
378
|
-
${
|
|
379
|
-
`}function u(t){if(se||typeof document>"u")return;se=!0;let e=oe(),n=t||le;if(typeof document.adoptedStyleSheets<"u"&&typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype&&!n)try{let s=new CSSStyleSheet;s.replaceSync(e),document.adoptedStyleSheets=[...document.adoptedStyleSheets,s];return}catch{}let r=document.createElement("style");r.id="veilkit-styles",n&&r.setAttribute("nonce",n),r.textContent=e,document.head.appendChild(r)}function o(t={}){u();let e=document.createElement("div");e.className=`veil-skeleton ${t.className||""}`.trim(),e.setAttribute("aria-hidden","true");let n=t.type||"rect";if(e.setAttribute("data-veil-shape",n),t.animation&&e.setAttribute("data-veil-anim",t.animation),t.direction&&e.setAttribute("data-veil-dir",t.direction),typeof t.theme=="string"&&e.setAttribute("data-veil-theme",t.theme),t.width!==void 0&&(e.style.width=typeof t.width=="number"?`${t.width}px`:t.width),t.height!==void 0&&(e.style.height=typeof t.height=="number"?`${t.height}px`:t.height),t.radius!==void 0&&(e.style.setProperty("--veil-radius",typeof t.radius=="number"?`${t.radius}px`:t.radius),e.style.borderRadius=typeof t.radius=="number"?`${t.radius}px`:t.radius),t.speed!==void 0){let r=Y(t.speed);e.style.setProperty("--veil-duration",`${r}ms`),e.style.setProperty("--veil-sync-delay",M(r))}else e.style.setProperty("--veil-sync-delay",M(1500));if(t.style)for(let[r,s]of Object.entries(t.style))e.style[r]=s;return W(e),e}function g(t=3,e={}){let n=document.createElement("div");n.className=`veil-lines-group ${e.className||""}`.trim(),n.setAttribute("aria-hidden","true");let r=e.gap!==void 0?typeof e.gap=="number"?`${e.gap}px`:e.gap:"0.45rem";n.style.display="flex",n.style.flexDirection="column",n.style.gap=r;let s=["100%","94%","88%","75%"],a=e.lastLineWidth!==void 0?typeof e.lastLineWidth=="number"?`${e.lastLineWidth}px`:e.lastLineWidth:"65%";for(let i=0;i<t;i++){let d=i===t-1?a:s[i%s.length]||"95%",c=o({...e,type:"line",width:d});c.style.setProperty("--veil-stagger-idx",String(i)),n.appendChild(c)}return n}function J(t,e={}){switch(t){case"paragraph":return g(e.lines||3,e);case"line":return o({...e,type:"line"});case"heading":return o({...e,type:"heading",width:e.width||"65%"});case"circle":return o({...e,type:"circle",width:e.width||e.height||"40px",height:e.height||e.width||"40px",radius:"50%"});case"image":return o({...e,type:"rect",width:e.width||"100%",height:e.height||"200px",radius:e.radius||"8px"});case"button":return o({...e,type:"button",width:e.width||"120px",height:e.height||"38px"});case"badge":return o({...e,type:"badge",width:e.width||"64px",height:e.height||"22px"});case"icon":return o({...e,type:"icon",width:e.width||"24px",height:e.height||"24px"});case"input":return o({...e,type:"input",width:e.width||"100%",height:e.height||"40px"});case"divider":return o({...e,type:"divider",width:"100%",height:"1px"});case"table-row":{let n=document.createElement("div");n.style.display="flex",n.style.gap="1rem",n.style.alignItems="center",n.style.width="100%",n.style.padding="0.5rem 0";let r=e.count||4;for(let s=0;s<r;s++){let a=o({...e,type:"line",width:`${100/r}%`,height:"16px"});n.appendChild(a)}return n}default:return o(e)}}function x(t){let e=document.createElement("div");e.className=`veil-preset veil-preset-${t.name} ${t.className||""}`.trim(),e.setAttribute("aria-hidden","true"),e.style.width=t.width!==void 0?typeof t.width=="number"?`${t.width}px`:t.width:"100%",e.style.boxSizing="border-box";let n={animation:t.animation,theme:t.theme,direction:t.direction,speed:t.speed};switch(t.name){case"card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius="12px",e.style.border="1px solid rgba(0,0,0,0.08)";let r=o({...n,type:"rect",height:"180px",radius:"8px"}),s=o({...n,type:"heading",width:"70%",height:"24px"}),a=g(2,n),i=o({...n,type:"button",width:"110px",height:"36px"});e.append(r,s,a,i);break}case"product-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px",e.style.padding="14px",e.style.borderRadius="12px",e.style.border="1px solid rgba(0,0,0,0.06)";let r=o({...n,type:"rect",height:"200px",radius:"10px"}),s=o({...n,type:"badge",width:"50px",height:"18px"}),a=o({...n,type:"line",width:"85%",height:"18px"}),i=o({...n,type:"line",width:"40%",height:"22px"}),l=o({...n,type:"button",width:"100%",height:"38px"});e.append(r,s,a,i,l);break}case"product-grid":{let r=t.items||4,s=t.columns||2;e.style.display="grid",e.style.gridTemplateColumns=`repeat(${s}, minmax(0, 1fr))`,e.style.gap="16px";for(let a=0;a<r;a++){let i=x({...t,name:"product-card"});i.style.setProperty("--veil-stagger-idx",String(a)),e.appendChild(i)}break}case"list-item":{e.style.display="flex",e.style.alignItems="center",e.style.gap="14px",e.style.padding="10px 0";let r=o({...n,type:"circle",width:"44px",height:"44px"}),s=document.createElement("div");s.style.flex="1",s.style.display="flex",s.style.flexDirection="column",s.style.gap="6px";let a=o({...n,type:"line",width:"55%",height:"16px"}),i=o({...n,type:"line",width:"35%",height:"12px"});s.append(a,i);let l=o({...n,type:"icon",width:"24px",height:"24px"});e.append(r,s,l);break}case"list":{let r=t.items||5;e.style.display="flex",e.style.flexDirection="column",e.style.gap="8px";for(let s=0;s<r;s++){let a=x({...t,name:"list-item"});a.style.setProperty("--veil-stagger-idx",String(s)),e.appendChild(a)}break}case"table":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px",e.style.width="100%";let r=document.createElement("div");r.style.display="flex",r.style.gap="16px",r.style.paddingBottom="8px",r.style.borderBottom="2px solid rgba(0,0,0,0.06)";let s=t.columns||4;for(let i=0;i<s;i++){let l=o({...n,type:"line",width:`${100/s}%`,height:"20px"});r.appendChild(l)}e.appendChild(r);let a=t.items||5;for(let i=0;i<a;i++){let l=document.createElement("div");l.style.display="flex",l.style.gap="16px",l.style.padding="8px 0",l.style.borderBottom="1px solid rgba(0,0,0,0.04)";for(let d=0;d<s;d++){let c=o({...n,type:"line",width:`${100/s}%`,height:"14px"});l.appendChild(c)}l.style.setProperty("--veil-stagger-idx",String(i)),e.appendChild(l)}break}case"profile":{e.style.display="flex",e.style.flexDirection="column",e.style.alignItems="center",e.style.gap="12px",e.style.padding="24px",e.style.textAlign="center";let r=o({...n,type:"circle",width:"80px",height:"80px"}),s=o({...n,type:"heading",width:"160px",height:"22px"}),a=g(2,{...n,width:"240px"}),i=o({...n,type:"button",width:"120px",height:"36px"});e.append(r,s,a,i);break}case"profile-header":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let r=o({...n,type:"rect",height:"140px",radius:"10px"}),s=document.createElement("div");s.style.display="flex",s.style.alignItems="flex-end",s.style.gap="16px",s.style.marginTop="-40px",s.style.paddingLeft="20px";let a=o({...n,type:"circle",width:"72px",height:"72px"});a.style.border="4px solid white";let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="6px",i.style.flex="1";let l=o({...n,type:"heading",width:"140px",height:"20px"}),d=o({...n,type:"line",width:"90px",height:"14px"});i.append(l,d),s.append(a,i);let c=g(2,n);e.append(r,s,c);break}case"feed-post":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius="12px",e.style.border="1px solid rgba(0,0,0,0.06)";let r=document.createElement("div");r.style.display="flex",r.style.alignItems="center",r.style.gap="10px";let s=o({...n,type:"circle",width:"40px",height:"40px"}),a=document.createElement("div");a.style.display="flex",a.style.flexDirection="column",a.style.gap="4px",a.append(o({...n,type:"line",width:"110px",height:"14px"}),o({...n,type:"line",width:"60px",height:"10px"})),r.append(s,a);let i=g(3,n),l=o({...n,type:"rect",height:"180px",radius:"8px"}),d=document.createElement("div");d.style.display="flex",d.style.gap="24px",d.append(o({...n,type:"icon",width:"20px",height:"20px"}),o({...n,type:"icon",width:"20px",height:"20px"}),o({...n,type:"icon",width:"20px",height:"20px"})),e.append(r,i,l,d);break}case"article":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let r=o({...n,type:"rect",height:"240px",radius:"10px"}),s=o({...n,type:"heading",width:"80%",height:"32px"}),a=o({...n,type:"line",width:"30%",height:"14px"}),i=g(4,n),l=g(3,n);e.append(r,s,a,i,l);break}case"comment-thread":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";let r=t.items||3;for(let s=0;s<r;s++){let a=x({...t,name:"list-item"});if(a.style.setProperty("--veil-stagger-idx",String(s)),e.appendChild(a),s===1){let i=x({...t,name:"list-item"});i.style.marginLeft="40px",e.appendChild(i)}}break}case"chat":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";let r=[{isSelf:!1,width:"60%"},{isSelf:!0,width:"45%"},{isSelf:!1,width:"75%"},{isSelf:!0,width:"50%"}];for(let s=0;s<r.length;s++){let a=r[s],i=document.createElement("div");i.style.display="flex",i.style.gap="8px",i.style.justifyContent=a.isSelf?"flex-end":"flex-start",a.isSelf||i.appendChild(o({...n,type:"circle",width:"28px",height:"28px"}));let l=o({...n,type:"rect",width:a.width,height:"36px",radius:"16px"});i.appendChild(l),i.style.setProperty("--veil-stagger-idx",String(s)),e.appendChild(i)}break}case"dashboard":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let r=document.createElement("div");r.style.display="grid",r.style.gridTemplateColumns="repeat(auto-fit, minmax(180px, 1fr))",r.style.gap="12px";for(let l=0;l<4;l++){let d=document.createElement("div");d.style.padding="14px",d.style.borderRadius="10px",d.style.border="1px solid rgba(0,0,0,0.06)",d.style.display="flex",d.style.flexDirection="column",d.style.gap="8px",d.append(o({...n,type:"line",width:"50%",height:"14px"}),o({...n,type:"heading",width:"70%",height:"24px"})),r.appendChild(d)}let s=document.createElement("div");s.style.display="grid",s.style.gridTemplateColumns="repeat(auto-fit, minmax(280px, 1fr))",s.style.gap="16px";let a=o({...n,type:"rect",height:"220px",radius:"10px"}),i=o({...n,type:"rect",height:"220px",radius:"10px"});s.append(a,i),e.append(r,s);break}case"form":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius="12px",e.style.border="1px solid rgba(0,0,0,0.06)";let r=o({...n,type:"heading",width:"40%",height:"26px"});e.appendChild(r);for(let a=0;a<3;a++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="6px",i.append(o({...n,type:"line",width:"25%",height:"12px"}),o({...n,type:"input",width:"100%",height:"40px"})),e.appendChild(i)}let s=o({...n,type:"button",width:"140px",height:"40px"});e.appendChild(s);break}case"media-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px";let r=o({...n,type:"rect",height:"180px",radius:"10px"}),s=document.createElement("div");s.style.display="flex",s.style.gap="12px";let a=o({...n,type:"circle",width:"38px",height:"38px"}),i=document.createElement("div");i.style.flex="1",i.style.display="flex",i.style.flexDirection="column",i.style.gap="6px",i.append(o({...n,type:"line",width:"85%",height:"16px"}),o({...n,type:"line",width:"50%",height:"12px"})),s.append(a,i),e.append(r,s);break}case"navbar":{e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="space-between",e.style.padding="12px 20px",e.style.borderBottom="1px solid rgba(0,0,0,0.06)";let r=o({...n,type:"rect",width:"100px",height:"28px",radius:"6px"}),s=document.createElement("div");s.style.display="flex",s.style.gap="20px";for(let i=0;i<4;i++)s.appendChild(o({...n,type:"line",width:"60px",height:"14px"}));let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="12px",a.append(o({...n,type:"input",width:"140px",height:"32px"}),o({...n,type:"circle",width:"32px",height:"32px"})),e.append(r,s,a);break}case"sidebar":{e.style.display="flex",e.style.flexDirection="column",e.style.justifyContent="space-between",e.style.padding="20px 16px",e.style.width="220px",e.style.height="450px",e.style.borderRight="1px solid rgba(0,0,0,0.06)";let r=document.createElement("div");r.style.display="flex",r.style.flexDirection="column",r.style.gap="16px",r.appendChild(o({...n,type:"rect",width:"120px",height:"32px",radius:"6px"}));for(let a=0;a<5;a++){let i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.gap="10px",i.append(o({...n,type:"icon",width:"20px",height:"20px"}),o({...n,type:"line",width:"90px",height:"14px"})),r.appendChild(i)}let s=document.createElement("div");s.style.display="flex",s.style.alignItems="center",s.style.gap="10px",s.append(o({...n,type:"circle",width:"36px",height:"36px"}),o({...n,type:"line",width:"80px",height:"14px"})),e.append(r,s);break}case"settings-page":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="24px",e.style.padding="24px";let r=o({...n,type:"heading",width:"220px",height:"30px"});e.appendChild(r);for(let s=0;s<3;s++){let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.justifyContent="space-between",a.style.padding="14px 0",a.style.borderBottom="1px solid rgba(0,0,0,0.06)";let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="6px",i.append(o({...n,type:"line",width:"160px",height:"16px"}),o({...n,type:"line",width:"240px",height:"12px"}));let l=o({...n,type:"button",width:"50px",height:"28px",radius:"14px"});a.append(i,l),e.appendChild(a)}break}}return e}var S=class{delay;minVisible;onShow;onHide;delayTimer=null;minVisibleTimer=null;shownTimestamp=null;isVisible=!1;isPending=!1;constructor(e={}){this.delay=e.delay!==void 0?e.delay:150,this.minVisible=e.minVisible!==void 0?e.minVisible:300,this.onShow=e.onShow,this.onHide=e.onHide}start(){if(!(this.isPending||this.isVisible)){if(this.isPending=!0,this.delay<=0){this.display();return}this.delayTimer=setTimeout(()=>{this.delayTimer=null,this.isPending&&this.display()},this.delay)}}display(){this.isPending=!1,this.isVisible=!0,this.shownTimestamp=Date.now(),this.onShow&&this.onShow()}finish(e){if(this.delayTimer){clearTimeout(this.delayTimer),this.delayTimer=null,this.isPending=!1,e&&e();return}if(!this.isVisible){this.isPending=!1,e&&e();return}let n=this.shownTimestamp?Date.now()-this.shownTimestamp:0,r=Math.max(0,this.minVisible-n);r<=0?(this.hide(),e&&e()):this.minVisibleTimer=setTimeout(()=>{this.minVisibleTimer=null,this.hide(),e&&e()},r)}hide(){this.isVisible=!1,this.isPending=!1,this.shownTimestamp=null,this.onHide&&this.onHide()}active(){return this.isVisible}destroy(){this.delayTimer&&clearTimeout(this.delayTimer),this.minVisibleTimer&&clearTimeout(this.minVisibleTimer),this.delayTimer=null,this.minVisibleTimer=null,this.isVisible=!1,this.isPending=!1}};function Z(t,e={}){let n=e.transition||"fade";if(n==="none"){e.onComplete&&e.onComplete();return}if(t.classList.add("veil-revealing"),n==="stagger-children"){let a=Array.from(t.children);a.forEach((l,d)=>{l.classList.add("veil-reveal-fade"),l.style.animationDelay=`${d*60}ms`,e.duration&&(l.style.animationDuration=`${e.duration}ms`)});let i=(e.duration||350)+a.length*60;setTimeout(()=>{t.classList.remove("veil-revealing"),a.forEach(l=>{l.classList.remove("veil-reveal-fade"),l.style.removeProperty("animation-delay"),l.style.removeProperty("animation-duration")}),e.onComplete&&e.onComplete()},i);return}let r=`veil-reveal-${n}`;t.classList.add(r),e.duration&&(t.style.animationDuration=`${e.duration}ms`),e.easing&&(t.style.animationTimingFunction=e.easing);let s=()=>{t.removeEventListener("animationend",s),t.classList.remove("veil-revealing",r),t.style.removeProperty("animation-duration"),t.style.removeProperty("animation-timing-function"),e.onComplete&&e.onComplete()};t.addEventListener("animationend",s)}var N=new Map;function de(t){if(N.has(t))return N.get(t);if(typeof window<"u"&&window.localStorage)try{let e=localStorage.getItem(`veil_cache_${t}`);if(e){let n=JSON.parse(e);return N.set(t,n),n}}catch{}return null}function ce(t,e,n=!1){if(N.set(t,e),n&&typeof window<"u"&&window.localStorage)try{localStorage.setItem(`veil_cache_${t}`,JSON.stringify(e))}catch{}}function me(t,e){let n=t.getBoundingClientRect(),r=[];function s(i){if(i.hasAttribute("data-veil-ignore")||e&&i.matches(e))return!1;let l=window.getComputedStyle(i);if(l.display==="none"||l.visibility==="hidden"||l.opacity==="0")return!1;let d=i.tagName.toLowerCase();return["img","svg","button","input","textarea","select"].includes(d)||i.hasAttribute("data-veil-shape")?!0:Array.from(i.childNodes).some(m=>m.nodeType===Node.TEXT_NODE&&(m.textContent||"").trim().length>0)&&i.children.length===0}function a(i){if(i!==t&&s(i)){let d=i.getBoundingClientRect();if(d.width>2&&d.height>2){let m=window.getComputedStyle(i).borderRadius||"6px",p=i.getAttribute("data-veil-shape"),h="rect";p==="circle"||m==="50%"||m.includes("px")&&parseFloat(m)>=d.width/2?h="circle":(p==="line"||["p","span","h1","h2","h3","h4","h5","h6","a","label"].includes(i.tagName.toLowerCase()))&&(h="line"),r.push({x:Math.round(d.left-n.left),y:Math.round(d.top-n.top),width:Math.round(d.width),height:Math.round(d.height),radius:m,shape:h})}return}let l=Array.from(i.children);for(let d of l)d.hasAttribute("data-veil-ignore")||a(d)}return a(t),{width:Math.round(n.width),height:Math.round(n.height),boxes:r}}function Q(t,e={},n={}){let r=document.createElement("div");if(r.className="veil-auto-overlay",r.setAttribute("aria-hidden","true"),r.style.position="absolute",r.style.top="0",r.style.left="0",r.style.width="100%",r.style.height="100%",r.style.pointerEvents="none",r.style.zIndex="5",!e.preserveBackground){let c=window.getComputedStyle(t);r.style.backgroundColor=c.backgroundColor!=="rgba(0, 0, 0, 0)"?c.backgroundColor:"transparent"}function s(c){r.innerHTML="";for(let m=0;m<c.boxes.length;m++){let p=c.boxes[m],h=o({...n,type:p.shape,radius:p.radius});h.style.position="absolute",h.style.left=`${p.x}px`,h.style.top=`${p.y}px`,h.style.width=`${p.width}px`,h.style.height=`${p.height}px`,h.style.setProperty("--veil-stagger-idx",String(m)),r.appendChild(h)}}function a(){let c=me(t,e.ignoreSelector);c.boxes.length>0&&(s(c),e.cacheKey&&ce(e.cacheKey,c,e.persistCache))}if(e.cacheKey){let c=de(e.cacheKey);c&&s(c)}window.getComputedStyle(t).position==="static"&&(t.style.position="relative"),t.appendChild(r),r.children.length===0&&a();let l=null,d=null;return e.observeResize!==!1&&typeof ResizeObserver<"u"&&(l=new ResizeObserver(()=>a()),l.observe(t)),e.observeMutations!==!1&&typeof MutationObserver<"u"&&(d=new MutationObserver(()=>a()),d.observe(t,{childList:!0,subtree:!0,attributes:!1})),{overlay:r,refresh:a,destroy:()=>{l&&l.disconnect(),d&&d.disconnect(),e.reveal&&e.reveal!=="none"?Z(t,{transition:e.reveal,duration:e.revealDuration,easing:e.revealEasing,onComplete:()=>r.remove()}):r.remove()}}}var R=class{activeIds=new Set;counter=0;listeners=new Set;start(e){let n=e||`req_${Date.now()}_${Math.random().toString(36).substring(2,7)}`;return this.activeIds.has(n)||(this.activeIds.add(n),this.counter++,this.notify()),n}stop(e){if(e)this.activeIds.has(e)&&(this.activeIds.delete(e),this.counter=Math.max(0,this.counter-1),this.notify());else if(this.counter>0){this.counter--;let n=this.activeIds.values().next().value;n&&this.activeIds.delete(n),this.notify()}}isLoading(){return this.counter>0}getCount(){return this.counter}subscribe(e){return this.listeners.add(e),e(this.isLoading(),this.counter),()=>{this.listeners.delete(e)}}reset(){this.activeIds.clear(),this.counter=0,this.notify()}notify(){let e=this.isLoading();for(let n of this.listeners)n(e,this.counter)}},T=new R;var I=class{el=null;innerEl=null;currentProgress=0;trickleTimer=null;status="idle";ensureDOM(){this.el||typeof document>"u"||(u(),this.el=document.createElement("div"),this.el.className="veil-progress-bar",this.el.setAttribute("role","progressbar"),this.el.setAttribute("aria-valuemin","0"),this.el.setAttribute("aria-valuemax","100"),this.el.setAttribute("aria-valuenow","0"),this.innerEl=document.createElement("div"),this.innerEl.className="veil-progress-inner",this.innerEl.style.width="0%",this.innerEl.style.opacity="1",this.el.appendChild(this.innerEl),document.body.appendChild(this.el))}start(){this.ensureDOM(),this.status!=="loading"&&(this.status="loading",this.currentProgress=0,this.set(.08),this.innerEl&&(this.innerEl.style.opacity="1",this.innerEl.style.backgroundColor="var(--veil-progress-color, #3b82f6)"),this.trickle())}set(e){this.ensureDOM(),this.currentProgress=Math.min(1,Math.max(0,e));let n=Math.round(this.currentProgress*100);this.innerEl&&(this.innerEl.style.width=`${n}%`),this.el&&this.el.setAttribute("aria-valuenow",String(n))}inc(e){let n=this.currentProgress;n>=1||(typeof e!="number"&&(n>=0&&n<.2?e=.1:n>=.2&&n<.5?e=.04:n>=.5&&n<.8?e=.02:n>=.8&&n<.99?e=.005:e=0),this.set(n+e))}trickle(){this.stopTrickle(),this.trickleTimer=setInterval(()=>{this.currentProgress<.95&&this.inc()},250)}stopTrickle(){this.trickleTimer&&(clearInterval(this.trickleTimer),this.trickleTimer=null)}done(){this.status!=="idle"&&(this.stopTrickle(),this.set(1),this.status="idle",setTimeout(()=>{this.innerEl&&(this.innerEl.style.opacity="0"),setTimeout(()=>{this.el&&(this.el.remove(),this.el=null,this.innerEl=null),this.currentProgress=0},350)},200))}fail(){this.stopTrickle(),this.status="error",this.innerEl&&(this.innerEl.style.backgroundColor="#ef4444"),this.set(1),setTimeout(()=>this.done(),500)}},w=new I;function Se(t={}){u();let e=!!t.circular,n=t.color||"var(--veil-progress-color, #3b82f6)",r=t.trackColor||"rgba(0, 0, 0, 0.08)";if(e){let l=t.size!==void 0?typeof t.size=="number"?`${t.size}px`:t.size:"48px",d=t.strokeWidth||4,c=document.createElement("div");c.className=`veil-progress-circular ${t.className||""}`.trim(),c.style.width=l,c.style.height=l,c.style.display="inline-flex",c.style.alignItems="center",c.style.justifyContent="center",c.style.position="relative";let m=document.createElementNS("http://www.w3.org/2000/svg","svg");m.setAttribute("viewBox","0 0 48 48"),m.style.width="100%",m.style.height="100%",m.style.transform="rotate(-90deg)";let p=document.createElementNS("http://www.w3.org/2000/svg","circle");p.setAttribute("cx","24"),p.setAttribute("cy","24"),p.setAttribute("r","20"),p.setAttribute("fill","none"),p.setAttribute("stroke",r),p.setAttribute("stroke-width",String(d));let h=document.createElementNS("http://www.w3.org/2000/svg","circle");h.setAttribute("cx","24"),h.setAttribute("cy","24"),h.setAttribute("r","20"),h.setAttribute("fill","none"),h.setAttribute("stroke",n),h.setAttribute("stroke-width",String(d)),h.setAttribute("stroke-linecap","round");let L=2*Math.PI*20;if(h.setAttribute("stroke-dasharray",String(L)),t.value!==void 0){let b=Math.min(100,Math.max(0,t.value)),ue=L-b/100*L;h.setAttribute("stroke-dashoffset",String(ue)),h.style.transition="stroke-dashoffset 300ms ease"}else h.setAttribute("stroke-dashoffset",String(L*.75)),m.style.animation="veil-spin 1200ms linear infinite";if(m.append(p,h),c.appendChild(m),t.showPercentage&&t.value!==void 0){let b=document.createElement("span");b.style.position="absolute",b.style.fontSize="11px",b.style.fontWeight="600",b.textContent=`${Math.round(t.value)}%`,c.appendChild(b)}return c}let s=t.height!==void 0?typeof t.height=="number"?`${t.height}px`:t.height:"4px",a=document.createElement("div");a.className=`veil-progress-linear ${t.className||""}`.trim(),a.setAttribute("role","progressbar"),a.style.width="100%",a.style.height=s,a.style.backgroundColor=r,a.style.borderRadius="9999px",a.style.overflow="hidden",a.style.position="relative";let i=document.createElement("div");if(i.style.height="100%",i.style.backgroundColor=n,i.style.borderRadius="9999px",t.value!==void 0){let l=Math.min(100,Math.max(0,t.value));a.setAttribute("aria-valuenow",String(l)),i.style.width=`${l}%`,i.style.transition="width 250ms ease"}else i.style.width="35%",i.style.animation="veil-progress-indeterminate 1400ms ease-in-out infinite";return a.appendChild(i),a}var Ee=["ring","dual-ring","dots","bars","pulse","orbit","wave","bounce","ios-activity","glass-orb","morph","progress-circle"];function v(t={}){u();let e=t.type||"ring",n=t.size!==void 0?typeof t.size=="number"?`${t.size}px`:t.size:"28px",r=t.color||"var(--veil-progress-color, #3b82f6)",s=t.secondaryColor||"rgba(0, 0, 0, 0.12)",a=document.createElement("div");switch(a.className=`veil-spinner veil-spinner-${e} ${t.className||""}`.trim(),a.setAttribute("role","status"),a.setAttribute("aria-label",t.label||"Loading"),a.style.width=n,a.style.height=n,a.style.display="inline-flex",a.style.alignItems="center",a.style.justifyContent="center",a.style.position="relative",e){case"ring":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border=`3px solid ${s}`,i.style.borderTopColor=r,i.style.animation="veil-spin 800ms linear infinite",i.style.boxSizing="border-box",a.appendChild(i);break}case"dual-ring":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border="3px solid transparent",i.style.borderTopColor=r,i.style.borderBottomColor=r,i.style.animation="veil-spin 900ms cubic-bezier(0.5, 0, 0.5, 1) infinite",i.style.boxSizing="border-box",a.appendChild(i);break}case"dots":{a.style.gap="4px";for(let i=0;i<3;i++){let l=document.createElement("div");l.style.width="28%",l.style.height="28%",l.style.borderRadius="50%",l.style.backgroundColor=r,l.style.animation="veil-dot-bounce 1200ms ease-in-out infinite",l.style.animationDelay=`${i*160}ms`,a.appendChild(l)}break}case"bars":{a.style.gap="3px";for(let i=0;i<4;i++){let l=document.createElement("div");l.style.width="18%",l.style.height="100%",l.style.borderRadius="2px",l.style.backgroundColor=r,l.style.animation="veil-bar-wave 1000ms ease-in-out infinite",l.style.animationDelay=`${i*140}ms`,a.appendChild(l)}break}case"pulse":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.backgroundColor=r,i.style.animation="veil-pulse-scale 1200ms ease-out infinite",a.appendChild(i);break}case"orbit":{let i=document.createElement("div");i.style.width="30%",i.style.height="30%",i.style.borderRadius="50%",i.style.backgroundColor=r,i.style.position="absolute";let l=document.createElement("div");l.style.width="100%",l.style.height="100%",l.style.position="absolute",l.style.animation="veil-spin 1200ms linear infinite";let d=document.createElement("div");d.style.width="24%",d.style.height="24%",d.style.borderRadius="50%",d.style.backgroundColor=r,d.style.position="absolute",d.style.top="0",d.style.left="38%",l.appendChild(d),a.append(i,l);break}case"wave":{a.style.gap="4px";for(let i=0;i<5;i++){let l=document.createElement("div");l.style.width="12%",l.style.height="80%",l.style.borderRadius="3px",l.style.backgroundColor=r,l.style.animation="veil-wave-dance 1100ms ease-in-out infinite",l.style.animationDelay=`${i*110}ms`,a.appendChild(l)}break}case"bounce":{let i=document.createElement("div");i.style.width="60%",i.style.height="60%",i.style.borderRadius="50%",i.style.backgroundColor=r,i.style.animation="veil-bounce-ball 900ms cubic-bezier(0.28, 0.84, 0.42, 1) infinite",a.appendChild(i);break}case"ios-activity":{for(let i=0;i<12;i++){let l=document.createElement("div");l.style.position="absolute",l.style.width="8%",l.style.height="26%",l.style.backgroundColor=r,l.style.borderRadius="2px",l.style.transformOrigin="50% 190%",l.style.transform=`rotate(${i*30}deg) translateY(-90%)`,l.style.animation="veil-ios-fade 1000ms linear infinite",l.style.animationDelay=`-${(12-i)*(1e3/12)}ms`,a.appendChild(l)}break}case"glass-orb":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.background=`radial-gradient(circle at 35% 35%, rgba(255,255,255,0.8), ${r} 70%)`,i.style.boxShadow=`0 4px 12px ${r}44, inset 0 2px 4px rgba(255,255,255,0.6)`,i.style.animation="veil-glass-orbit 1600ms ease-in-out infinite",a.appendChild(i);break}case"morph":{let i=document.createElement("div");i.style.width="80%",i.style.height="80%",i.style.backgroundColor=r,i.style.animation="veil-morph-shape 2000ms ease-in-out infinite",a.appendChild(i);break}case"progress-circle":{let i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("viewBox","0 0 36 36"),i.style.width="100%",i.style.height="100%",i.style.transform="rotate(-90deg)";let l=document.createElementNS("http://www.w3.org/2000/svg","circle");l.setAttribute("cx","18"),l.setAttribute("cy","18"),l.setAttribute("r","14"),l.setAttribute("fill","none"),l.setAttribute("stroke",s),l.setAttribute("stroke-width","3");let d=document.createElementNS("http://www.w3.org/2000/svg","circle");d.setAttribute("cx","18"),d.setAttribute("cy","18"),d.setAttribute("r","14"),d.setAttribute("fill","none"),d.setAttribute("stroke",r),d.setAttribute("stroke-width","3"),d.setAttribute("stroke-dasharray","88"),d.setAttribute("stroke-dashoffset","25"),d.setAttribute("stroke-linecap","round"),d.style.animation="veil-spin 1200ms linear infinite",d.style.transformOrigin="50% 50%",i.append(l,d),a.appendChild(i);break}}return Le(),a}var he=!1;function Le(){if(he||typeof document>"u")return;he=!0;let t=document.createElement("style");t.id="veilkit-spinner-keyframes",t.textContent=`
|
|
510
|
+
${V()}
|
|
511
|
+
`}function u(a){if(le||typeof document>"u")return;le=!0;let e=de(),d=a||oe;if(typeof document.adoptedStyleSheets<"u"&&typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype&&!d)try{let r=new CSSStyleSheet;r.replaceSync(e),document.adoptedStyleSheets=[...document.adoptedStyleSheets,r];return}catch{}let l=document.createElement("style");l.id="veilkit-styles",d&&l.setAttribute("nonce",d),l.textContent=e,document.head.appendChild(l)}function c(a={}){u();let e=document.createElement("div");e.className=`veil-skeleton ${a.className||""}`.trim(),e.setAttribute("aria-hidden","true");let d=a.type||"rect";if(e.setAttribute("data-veil-shape",d),a.animation&&e.setAttribute("data-veil-anim",a.animation),a.direction&&e.setAttribute("data-veil-dir",a.direction),typeof a.theme=="string"&&e.setAttribute("data-veil-theme",a.theme),a.width!==void 0&&(e.style.width=typeof a.width=="number"?`${a.width}px`:a.width),a.height!==void 0&&(e.style.height=typeof a.height=="number"?`${a.height}px`:a.height),a.radius!==void 0&&(e.style.setProperty("--veil-radius",typeof a.radius=="number"?`${a.radius}px`:a.radius),e.style.borderRadius=typeof a.radius=="number"?`${a.radius}px`:a.radius),a.speed!==void 0){let l=Y(a.speed);e.style.setProperty("--veil-duration",`${l}ms`),e.style.setProperty("--veil-sync-delay",$(l))}else e.style.setProperty("--veil-sync-delay",$(1500));if(a.style)for(let[l,r]of Object.entries(a.style))e.style[l]=r;return X(e),e}function g(a=3,e={}){let d=document.createElement("div");d.className=`veil-lines-group ${e.className||""}`.trim(),d.setAttribute("aria-hidden","true");let l=e.gap!==void 0?typeof e.gap=="number"?`${e.gap}px`:e.gap:"0.45rem";d.style.display="flex",d.style.flexDirection="column",d.style.gap=l;let r=["100%","94%","88%","75%"],s=e.lastLineWidth!==void 0?typeof e.lastLineWidth=="number"?`${e.lastLineWidth}px`:e.lastLineWidth:"65%";for(let t=0;t<a;t++){let n=t===a-1?s:r[t%r.length]||"95%",o=c({...e,type:"line",width:n});o.style.setProperty("--veil-stagger-idx",String(t)),d.appendChild(o)}return d}function J(a,e={}){switch(a){case"paragraph":return g(e.lines||3,e);case"line":return c({...e,type:"line"});case"heading":return c({...e,type:"heading",width:e.width||"65%"});case"circle":return c({...e,type:"circle",width:e.width||e.height||"40px",height:e.height||e.width||"40px",radius:"50%"});case"image":return c({...e,type:"rect",width:e.width||"100%",height:e.height||"200px",radius:e.radius||"8px"});case"button":return c({...e,type:"button",width:e.width||"120px",height:e.height||"38px"});case"badge":return c({...e,type:"badge",width:e.width||"64px",height:e.height||"22px"});case"icon":return c({...e,type:"icon",width:e.width||"24px",height:e.height||"24px"});case"input":return c({...e,type:"input",width:e.width||"100%",height:e.height||"40px"});case"divider":return c({...e,type:"divider",width:"100%",height:"1px"});case"table-row":{let d=document.createElement("div");d.style.display="flex",d.style.gap="1rem",d.style.alignItems="center",d.style.width="100%",d.style.padding="0.5rem 0";let l=e.count||4;for(let r=0;r<l;r++){let s=c({...e,type:"line",width:`${100/l}%`,height:"16px"});d.appendChild(s)}return d}default:return c(e)}}var Ae=["card","product-card","product-grid","list","list-item","table","profile","profile-header","feed-post","article","comment-thread","chat","dashboard","form","media-card","navbar","sidebar","settings-page","product-detail","news-feed","inbox-list","notification-list","order-list","kpi-card","chart-bar","chart-line","chart-pie","search-results","video-player","music-player","stories-row","reels","tabs","calendar","kanban","timeline","map-card","pricing-card","testimonial","faq-accordion","file-explorer","code-block","e-commerce-checkout","social-story","hero-banner"];function M(a){let e=document.createElement("div");e.className=`veil-preset veil-preset-${a.name} ${a.className||""}`.trim(),e.setAttribute("aria-hidden","true"),e.style.width=a.width!==void 0?typeof a.width=="number"?`${a.width}px`:a.width:"100%",e.style.boxSizing="border-box";let d=a.shape||"rounded",l;d==="pill"?l="9999px":d==="square"?l="4px":d==="sharp"&&(l="0px"),d==="glass"&&(e.style.backdropFilter="blur(10px)",e.style.webkitBackdropFilter="blur(10px)",e.style.background="rgba(255, 255, 255, 0.08)",e.style.border="1px solid rgba(255, 255, 255, 0.18)",e.style.boxShadow="0 8px 32px rgba(0, 0, 0, 0.08)");let r={animation:a.animation,theme:a.theme,direction:a.direction,speed:a.speed,radius:l};switch(a.name){case"card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.08)";let s=c({...r,type:"rect",height:"180px",radius:l||"8px"}),t=c({...r,type:"heading",width:"70%",height:"24px"}),i=g(2,r),n=c({...r,type:"button",width:"110px",height:"36px"});e.append(s,t,i,n);break}case"product-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px",e.style.padding="14px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"rect",height:"200px",radius:l||"10px"}),t=c({...r,type:"badge",width:"50px",height:"18px"}),i=c({...r,type:"line",width:"85%",height:"18px"}),n=c({...r,type:"line",width:"40%",height:"22px"}),o=c({...r,type:"button",width:"100%",height:"38px"});e.append(s,t,i,n,o);break}case"product-grid":{let s=a.items||4,t=a.columns||2;e.style.display="grid",e.style.gridTemplateColumns=`repeat(${t}, 1fr)`,e.style.gap="16px";for(let i=0;i<s;i++){let n=M({...a,name:"product-card",width:"100%"});e.appendChild(n)}break}case"list":{let s=a.items||4;e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";for(let t=0;t<s;t++){let i=c({...r,type:"line",width:`${95-t%3*15}%`,height:"18px"});e.appendChild(i)}break}case"list-item":{e.style.display="flex",e.style.alignItems="center",e.style.gap="14px",e.style.padding="10px 0";let s=c({...r,type:"circle",width:"44px",height:"44px"}),t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="6px",t.style.flex="1";let i=c({...r,type:"line",width:"60%",height:"16px"}),n=c({...r,type:"line",width:"40%",height:"12px"});t.append(i,n),e.append(s,t);break}case"table":{let s=a.items||5;e.style.display="flex",e.style.flexDirection="column",e.style.gap="8px",e.style.padding="12px",e.style.borderRadius=l||"8px",e.style.border="1px solid rgba(0,0,0,0.06)";let t=document.createElement("div");t.style.display="grid",t.style.gridTemplateColumns="2fr 1fr 1fr 1fr",t.style.gap="12px",t.style.paddingBottom="8px",t.style.borderBottom="2px solid rgba(0,0,0,0.08)";for(let i=0;i<4;i++)t.appendChild(c({...r,type:"line",height:"16px"}));e.appendChild(t);for(let i=0;i<s;i++){let n=document.createElement("div");n.style.display="grid",n.style.gridTemplateColumns="2fr 1fr 1fr 1fr",n.style.gap="12px",n.style.padding="8px 0",n.style.borderBottom="1px solid rgba(0,0,0,0.04)";for(let o=0;o<4;o++)n.appendChild(c({...r,type:"line",height:"14px"}));e.appendChild(n)}break}case"profile":{e.style.display="flex",e.style.flexDirection="column",e.style.alignItems="center",e.style.gap="14px",e.style.padding="24px",e.style.borderRadius=l||"16px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"circle",width:"88px",height:"88px"}),t=c({...r,type:"heading",width:"160px",height:"22px"}),i=g(2,r),n=document.createElement("div");n.style.display="flex",n.style.gap="10px",n.append(c({...r,type:"button",width:"100px",height:"34px"}),c({...r,type:"button",width:"100px",height:"34px"})),e.append(s,t,i,n);break}case"profile-header":{e.style.display="flex",e.style.flexDirection="column",e.style.borderRadius=l||"16px",e.style.overflow="hidden",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"rect",height:"140px",radius:"0"}),t=document.createElement("div");t.style.display="flex",t.style.alignItems="flex-end",t.style.gap="16px",t.style.padding="0 20px 20px 20px",t.style.marginTop="-40px";let i=c({...r,type:"circle",width:"80px",height:"80px"}),n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.style.flex="1",n.append(c({...r,type:"heading",width:"140px",height:"20px"}),c({...r,type:"line",width:"200px",height:"14px"})),t.append(i,n),e.append(s,t);break}case"feed-post":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.08)";let s=document.createElement("div");s.style.display="flex",s.style.alignItems="center",s.style.gap="10px",s.append(c({...r,type:"circle",width:"40px",height:"40px"}),c({...r,type:"line",width:"120px",height:"16px"}));let t=g(2,r),i=c({...r,type:"rect",height:"220px",radius:l||"8px"}),n=document.createElement("div");n.style.display="flex",n.style.gap="16px",n.append(c({...r,type:"button",width:"60px",height:"28px"}),c({...r,type:"button",width:"60px",height:"28px"})),e.append(s,t,i,n);break}case"article":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let s=c({...r,type:"heading",width:"85%",height:"36px"}),t=document.createElement("div");t.style.display="flex",t.style.gap="12px",t.append(c({...r,type:"circle",width:"32px",height:"32px"}),c({...r,type:"line",width:"140px",height:"14px"}));let i=c({...r,type:"rect",height:"260px",radius:l||"10px"}),n=g(4,r),o=g(3,r);e.append(s,t,i,n,o);break}case"comment-thread":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.gap="12px",s===1&&(t.style.marginLeft="40px");let i=c({...r,type:"circle",width:"36px",height:"36px"}),n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.style.flex="1",n.append(c({...r,type:"line",width:"120px",height:"14px"}),g(2,r)),t.append(i,n),e.appendChild(t)}break}case"chat":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px",e.style.padding="16px";let s=[{align:"flex-start",w:"65%"},{align:"flex-end",w:"50%"},{align:"flex-start",w:"80%"},{align:"flex-end",w:"40%"}];for(let t of s){let i=document.createElement("div");i.style.display="flex",i.style.justifyContent=t.align;let n=c({...r,type:"rect",width:t.w,height:"42px",radius:l||"18px"});i.appendChild(n),e.appendChild(i)}break}case"dashboard":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let s=document.createElement("div");s.style.display="grid",s.style.gridTemplateColumns="repeat(3, 1fr)",s.style.gap="12px";for(let i=0;i<3;i++){let n=document.createElement("div");n.style.padding="16px",n.style.borderRadius=l||"10px",n.style.border="1px solid rgba(0,0,0,0.06)",n.style.display="flex",n.style.flexDirection="column",n.style.gap="8px",n.append(c({...r,type:"line",width:"60%",height:"14px"}),c({...r,type:"heading",width:"80%",height:"28px"})),s.appendChild(n)}let t=c({...r,type:"rect",height:"200px",radius:l||"10px"});e.append(s,t);break}case"form":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";for(let t=0;t<3;t++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="6px",i.append(c({...r,type:"line",width:"30%",height:"14px"}),c({...r,type:"input",width:"100%",height:"40px"})),e.appendChild(i)}let s=c({...r,type:"button",width:"140px",height:"40px"});e.appendChild(s);break}case"media-card":{e.style.display="flex",e.style.gap="16px",e.style.padding="12px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"rect",width:"140px",height:"90px",radius:l||"8px"}),t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="8px",t.style.flex="1",t.append(c({...r,type:"heading",width:"80%",height:"18px"}),c({...r,type:"line",width:"60%",height:"14px"}),c({...r,type:"line",width:"40%",height:"12px"})),e.append(s,t);break}case"navbar":{e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="space-between",e.style.padding="12px 20px",e.style.borderBottom="1px solid rgba(0,0,0,0.08)";let s=c({...r,type:"heading",width:"110px",height:"24px"}),t=document.createElement("div");t.style.display="flex",t.style.gap="18px";for(let n=0;n<4;n++)t.appendChild(c({...r,type:"line",width:"60px",height:"14px"}));let i=c({...r,type:"button",width:"90px",height:"34px"});e.append(s,t,i);break}case"sidebar":{e.style.display="flex",e.style.flexDirection="column",e.style.justifyContent="space-between",e.style.padding="18px 14px",e.style.height="100%",e.style.minHeight="320px",e.style.borderRight="1px solid rgba(0,0,0,0.08)";let s=document.createElement("div");s.style.display="flex",s.style.flexDirection="column",s.style.gap="16px",s.appendChild(c({...r,type:"heading",width:"100px",height:"22px"}));for(let i=0;i<5;i++){let n=document.createElement("div");n.style.display="flex",n.style.alignItems="center",n.style.gap="10px",n.append(c({...r,type:"icon",width:"20px",height:"20px"}),c({...r,type:"line",width:"90px",height:"14px"})),s.appendChild(n)}let t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="10px",t.append(c({...r,type:"circle",width:"36px",height:"36px"}),c({...r,type:"line",width:"80px",height:"14px"})),e.append(s,t);break}case"settings-page":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="24px",e.style.padding="24px";let s=c({...r,type:"heading",width:"220px",height:"30px"});e.appendChild(s);for(let t=0;t<3;t++){let i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.justifyContent="space-between",i.style.padding="14px 0",i.style.borderBottom="1px solid rgba(0,0,0,0.06)";let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.append(c({...r,type:"line",width:"160px",height:"16px"}),c({...r,type:"line",width:"240px",height:"12px"}));let o=c({...r,type:"button",width:"50px",height:"28px",radius:"14px"});i.append(n,o),e.appendChild(i)}break}case"product-detail":{e.style.display="grid",e.style.gridTemplateColumns="1fr 1.2fr",e.style.gap="24px",e.style.padding="20px";let s=document.createElement("div");s.style.display="flex",s.style.flexDirection="column",s.style.gap="12px";let t=c({...r,type:"rect",height:"280px",radius:l||"12px"}),i=document.createElement("div");i.style.display="flex",i.style.gap="8px";for(let h=0;h<4;h++)i.appendChild(c({...r,type:"rect",width:"60px",height:"60px",radius:"6px"}));s.append(t,i);let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="14px";let o=c({...r,type:"heading",width:"85%",height:"32px"}),p=c({...r,type:"badge",width:"120px",height:"20px"}),y=c({...r,type:"heading",width:"100px",height:"28px"}),m=g(3,r),v=c({...r,type:"button",width:"180px",height:"44px"});n.append(o,p,y,m,v),e.append(s,n);break}case"news-feed":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.gap="16px",t.style.paddingBottom="16px",t.style.borderBottom="1px solid rgba(0,0,0,0.06)";let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="8px",i.style.flex="1",i.append(c({...r,type:"badge",width:"80px",height:"16px"}),c({...r,type:"heading",width:"90%",height:"20px"}),g(2,r));let n=c({...r,type:"rect",width:"120px",height:"90px",radius:l||"8px"});t.append(i,n),e.appendChild(t)}break}case"inbox-list":{e.style.display="flex",e.style.flexDirection="column",e.style.border="1px solid rgba(0,0,0,0.06)",e.style.borderRadius=l||"8px";for(let s=0;s<4;s++){let t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="14px",t.style.padding="12px 16px",t.style.borderBottom="1px solid rgba(0,0,0,0.04)";let i=c({...r,type:"icon",width:"18px",height:"18px"}),n=c({...r,type:"line",width:"120px",height:"14px"}),o=c({...r,type:"line",width:"280px",height:"14px"}),p=c({...r,type:"badge",width:"50px",height:"16px"});t.append(i,n,o,p),e.appendChild(t)}break}case"notification-list":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.alignItems="flex-start",t.style.gap="12px",t.style.padding="12px",t.style.borderRadius=l||"8px",t.style.background="rgba(0,0,0,0.02)";let i=c({...r,type:"circle",width:"10px",height:"10px"});i.style.marginTop="6px";let n=c({...r,type:"circle",width:"38px",height:"38px"}),o=document.createElement("div");o.style.display="flex",o.style.flexDirection="column",o.style.gap="4px",o.style.flex="1",o.append(c({...r,type:"line",width:"75%",height:"14px"}),c({...r,type:"line",width:"40%",height:"12px"})),t.append(i,n,o),e.appendChild(t)}break}case"order-list":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";for(let s=0;s<2;s++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="12px",t.style.padding="16px",t.style.borderRadius=l||"10px",t.style.border="1px solid rgba(0,0,0,0.08)";let i=document.createElement("div");i.style.display="flex",i.style.justifyContent="space-between",i.append(c({...r,type:"line",width:"140px",height:"16px"}),c({...r,type:"badge",width:"80px",height:"22px"}));let n=document.createElement("div");n.style.display="flex",n.style.gap="10px";for(let p=0;p<3;p++)n.appendChild(c({...r,type:"rect",width:"50px",height:"50px",radius:"6px"}));let o=document.createElement("div");o.style.display="flex",o.style.justifyContent="space-between",o.style.alignItems="center",o.append(c({...r,type:"heading",width:"90px",height:"20px"}),c({...r,type:"button",width:"110px",height:"32px"})),t.append(i,n,o),e.appendChild(t)}break}case"kpi-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="18px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=document.createElement("div");s.style.display="flex",s.style.justifyContent="space-between",s.style.alignItems="center",s.append(c({...r,type:"line",width:"90px",height:"14px"}),c({...r,type:"icon",width:"20px",height:"20px"}));let t=c({...r,type:"heading",width:"140px",height:"36px"}),i=c({...r,type:"badge",width:"70px",height:"18px"});e.append(s,t,i);break}case"chart-bar":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="18px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"heading",width:"140px",height:"20px"}),t=document.createElement("div");t.style.display="flex",t.style.alignItems="flex-end",t.style.justifyContent="space-between",t.style.height="140px",t.style.padding="0 10px";let i=["40%","75%","55%","90%","65%","80%","50%"];for(let n of i){let o=c({...r,type:"rect",width:"22px",height:n,radius:"4px"});t.appendChild(o)}e.append(s,t);break}case"chart-line":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px",e.style.padding="18px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"heading",width:"150px",height:"20px"}),t=c({...r,type:"rect",height:"140px",radius:"8px"});e.append(s,t);break}case"chart-pie":{e.style.display="flex",e.style.alignItems="center",e.style.gap="20px",e.style.padding="20px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"circle",width:"120px",height:"120px"}),t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="10px",t.style.flex="1";for(let i=0;i<3;i++){let n=document.createElement("div");n.style.display="flex",n.style.alignItems="center",n.style.gap="8px",n.append(c({...r,type:"circle",width:"12px",height:"12px"}),c({...r,type:"line",width:"90px",height:"14px"})),t.appendChild(n)}e.append(s,t);break}case"search-results":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="18px";let s=c({...r,type:"input",height:"42px",radius:l||"24px"});e.appendChild(s);for(let t=0;t<3;t++){let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="6px",i.append(c({...r,type:"line",width:"160px",height:"12px"}),c({...r,type:"heading",width:"70%",height:"20px"}),g(2,r)),e.appendChild(i)}break}case"video-player":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";let s=c({...r,type:"rect",height:"240px",radius:l||"12px"}),t=c({...r,type:"heading",width:"80%",height:"24px"}),i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.justifyContent="space-between";let n=document.createElement("div");n.style.display="flex",n.style.alignItems="center",n.style.gap="10px",n.append(c({...r,type:"circle",width:"40px",height:"40px"}),c({...r,type:"line",width:"120px",height:"14px"}));let o=c({...r,type:"button",width:"100px",height:"36px"});i.append(n,o),e.append(s,t,i);break}case"music-player":{e.style.display="flex",e.style.flexDirection="column",e.style.alignItems="center",e.style.gap="14px",e.style.padding="20px",e.style.borderRadius=l||"16px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=c({...r,type:"rect",width:"180px",height:"180px",radius:l||"12px"}),t=c({...r,type:"heading",width:"160px",height:"20px"}),i=c({...r,type:"line",width:"100px",height:"14px"}),n=c({...r,type:"line",width:"100%",height:"6px"}),o=document.createElement("div");o.style.display="flex",o.style.alignItems="center",o.style.gap="20px",o.append(c({...r,type:"icon",width:"24px",height:"24px"}),c({...r,type:"circle",width:"48px",height:"48px"}),c({...r,type:"icon",width:"24px",height:"24px"})),e.append(s,t,i,n,o);break}case"stories-row":{e.style.display="flex",e.style.gap="16px",e.style.overflowX="auto",e.style.padding="8px 0";for(let s=0;s<5;s++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.alignItems="center",t.style.gap="6px",t.append(c({...r,type:"circle",width:"60px",height:"60px"}),c({...r,type:"line",width:"48px",height:"10px"})),e.appendChild(t)}break}case"reels":{e.style.display="flex",e.style.flexDirection="column",e.style.justifyContent="flex-end",e.style.height="340px",e.style.padding="20px",e.style.borderRadius=l||"16px",e.style.border="1px solid rgba(0,0,0,0.1)",e.style.position="relative";let s=document.createElement("div");s.style.display="flex",s.style.alignItems="center",s.style.gap="10px",s.append(c({...r,type:"circle",width:"36px",height:"36px"}),c({...r,type:"line",width:"100px",height:"14px"}));let t=g(2,r);e.append(s,t);break}case"tabs":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let s=document.createElement("div");s.style.display="flex",s.style.gap="20px",s.style.borderBottom="2px solid rgba(0,0,0,0.06)",s.style.paddingBottom="8px";for(let i=0;i<4;i++)s.appendChild(c({...r,type:"line",width:"70px",height:"16px"}));let t=g(3,r);e.append(s,t);break}case"calendar":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px",e.style.padding="16px",e.style.borderRadius=l||"12px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=document.createElement("div");s.style.display="flex",s.style.justifyContent="space-between",s.append(c({...r,type:"heading",width:"120px",height:"20px"}),c({...r,type:"line",width:"60px",height:"20px"}));let t=document.createElement("div");t.style.display="grid",t.style.gridTemplateColumns="repeat(7, 1fr)",t.style.gap="8px";for(let i=0;i<28;i++)t.appendChild(c({...r,type:"rect",height:"24px",radius:"4px"}));e.append(s,t);break}case"kanban":{e.style.display="grid",e.style.gridTemplateColumns="repeat(3, 1fr)",e.style.gap="14px";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="10px",t.style.padding="12px",t.style.borderRadius=l||"10px",t.style.background="rgba(0,0,0,0.03)";let i=c({...r,type:"heading",width:"80px",height:"16px"});t.appendChild(i);for(let n=0;n<2;n++){let o=document.createElement("div");o.style.display="flex",o.style.flexDirection="column",o.style.gap="8px",o.style.padding="10px",o.style.borderRadius=l||"6px",o.style.background="#fff",o.style.border="1px solid rgba(0,0,0,0.06)",o.append(c({...r,type:"line",width:"85%",height:"14px"}),c({...r,type:"badge",width:"50px",height:"16px"})),t.appendChild(o)}e.appendChild(t)}break}case"timeline":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="18px",e.style.padding="10px 0";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.gap="14px";let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.alignItems="center",i.append(c({...r,type:"circle",width:"16px",height:"16px"}),c({...r,type:"rect",width:"2px",height:"40px"}));let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="4px",n.style.flex="1",n.append(c({...r,type:"line",width:"90px",height:"12px"}),c({...r,type:"heading",width:"60%",height:"18px"}),c({...r,type:"line",width:"85%",height:"14px"})),t.append(i,n),e.appendChild(t)}break}case"map-card":{e.style.display="flex",e.style.flexDirection="column",e.style.borderRadius=l||"14px",e.style.overflow="hidden",e.style.border="1px solid rgba(0,0,0,0.08)";let s=c({...r,type:"rect",height:"160px",radius:"0"}),t=document.createElement("div");t.style.display="flex",t.style.justifyContent="space-between",t.style.alignItems="center",t.style.padding="14px";let i=document.createElement("div");i.style.display="flex",i.style.flexDirection="column",i.style.gap="6px",i.append(c({...r,type:"heading",width:"140px",height:"18px"}),c({...r,type:"line",width:"200px",height:"12px"}));let n=c({...r,type:"button",width:"90px",height:"34px"});t.append(i,n),e.append(s,t);break}case"pricing-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="24px",e.style.borderRadius=l||"16px",e.style.border="1px solid rgba(0,0,0,0.08)";let s=c({...r,type:"badge",width:"70px",height:"22px"}),t=c({...r,type:"heading",width:"130px",height:"38px"}),i=c({...r,type:"line",width:"80%",height:"14px"}),n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="10px";for(let p=0;p<4;p++){let y=document.createElement("div");y.style.display="flex",y.style.alignItems="center",y.style.gap="8px",y.append(c({...r,type:"icon",width:"16px",height:"16px"}),c({...r,type:"line",width:"70%",height:"14px"})),n.appendChild(y)}let o=c({...r,type:"button",width:"100%",height:"42px"});e.append(s,t,i,n,o);break}case"testimonial":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px",e.style.padding="20px",e.style.borderRadius=l||"14px",e.style.border="1px solid rgba(0,0,0,0.06)";let s=g(3,r),t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="12px",t.append(c({...r,type:"circle",width:"42px",height:"42px"}),c({...r,type:"line",width:"120px",height:"16px"})),e.append(s,t);break}case"faq-accordion":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";for(let s=0;s<3;s++){let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="8px",t.style.padding="14px 16px",t.style.borderRadius=l||"8px",t.style.border="1px solid rgba(0,0,0,0.06)";let i=document.createElement("div");if(i.style.display="flex",i.style.justifyContent="space-between",i.style.alignItems="center",i.append(c({...r,type:"line",width:"75%",height:"16px"}),c({...r,type:"icon",width:"16px",height:"16px"})),t.appendChild(i),s===0){let n=g(2,r);t.appendChild(n)}e.appendChild(t)}break}case"file-explorer":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px",e.style.padding="12px";for(let s=0;s<5;s++){let t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="10px",t.style.marginLeft=`${s%3*16}px`,t.append(c({...r,type:"icon",width:"16px",height:"16px"}),c({...r,type:"line",width:`${100+s*20}px`,height:"14px"})),e.appendChild(t)}break}case"code-block":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="8px",e.style.padding="16px",e.style.borderRadius=l||"8px",e.style.background="rgba(0,0,0,0.05)";let s=["40%","70%","55%","85%","30%","60%"];for(let t of s)e.appendChild(c({...r,type:"line",width:t,height:"12px"}));break}case"e-commerce-checkout":{e.style.display="grid",e.style.gridTemplateColumns="repeat(auto-fit, minmax(280px, 1fr))",e.style.gap="20px";let s=document.createElement("div");s.style.display="flex",s.style.flexDirection="column",s.style.gap="12px",s.append(c({...r,type:"heading",width:"60%",height:"22px"}),c({...r,type:"input",width:"100%",height:"40px",radius:l||"6px"}),c({...r,type:"input",width:"100%",height:"40px",radius:l||"6px"}),c({...r,type:"input",width:"100%",height:"40px",radius:l||"6px"}));let t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.gap="12px",t.style.padding="16px",t.style.borderRadius=l||"8px",t.style.background="rgba(255,255,255,0.03)",t.append(c({...r,type:"heading",width:"50%",height:"20px"}),c({...r,type:"line",width:"100%",height:"14px"}),c({...r,type:"line",width:"80%",height:"14px"}),c({...r,type:"button",width:"100%",height:"44px",radius:l||"8px"})),e.append(s,t);break}case"social-story":{e.style.display="flex",e.style.flexDirection="column",e.style.width="240px",e.style.height="380px",e.style.borderRadius=l||"16px",e.style.padding="14px",e.style.position="relative",e.style.overflow="hidden",e.style.background="rgba(255,255,255,0.05)";let s=document.createElement("div");s.style.display="flex",s.style.gap="4px",s.style.width="100%";for(let i=0;i<4;i++){let n=c({...r,type:"rect",width:"100%",height:"3px",radius:"2px"});s.appendChild(n)}let t=document.createElement("div");t.style.display="flex",t.style.alignItems="center",t.style.gap="8px",t.style.marginTop="8px",t.append(c({...r,type:"circle",width:"32px",height:"32px"}),c({...r,type:"line",width:"80px",height:"12px"})),e.append(s,t);break}case"hero-banner":{e.style.display="flex",e.style.flexDirection="column",e.style.alignItems="center",e.style.textAlign="center",e.style.gap="14px",e.style.padding="40px 20px";let s=c({...r,type:"badge",width:"110px",height:"24px",radius:"9999px"}),t=c({...r,type:"heading",width:"70%",height:"36px"}),i=c({...r,type:"line",width:"50%",height:"16px"}),n=c({...r,type:"line",width:"40%",height:"16px"}),o=document.createElement("div");o.style.display="flex",o.style.gap="12px",o.style.marginTop="10px",o.append(c({...r,type:"button",width:"140px",height:"44px",radius:l||"8px"}),c({...r,type:"button",width:"120px",height:"44px",radius:l||"8px"})),e.append(s,t,i,n,o);break}}return e}var T=class{delay;minVisible;onShow;onHide;delayTimer=null;minVisibleTimer=null;shownTimestamp=null;isVisible=!1;isPending=!1;constructor(e={}){this.delay=e.delay!==void 0?e.delay:150,this.minVisible=e.minVisible!==void 0?e.minVisible:300,this.onShow=e.onShow,this.onHide=e.onHide}start(){if(!(this.isPending||this.isVisible)){if(this.isPending=!0,this.delay<=0){this.display();return}this.delayTimer=setTimeout(()=>{this.delayTimer=null,this.isPending&&this.display()},this.delay)}}display(){this.isPending=!1,this.isVisible=!0,this.shownTimestamp=Date.now(),this.onShow&&this.onShow()}finish(e){if(this.delayTimer){clearTimeout(this.delayTimer),this.delayTimer=null,this.isPending=!1,e&&e();return}if(!this.isVisible){this.isPending=!1,e&&e();return}let d=this.shownTimestamp?Date.now()-this.shownTimestamp:0,l=Math.max(0,this.minVisible-d);l<=0?(this.hide(),e&&e()):this.minVisibleTimer=setTimeout(()=>{this.minVisibleTimer=null,this.hide(),e&&e()},l)}hide(){this.isVisible=!1,this.isPending=!1,this.shownTimestamp=null,this.onHide&&this.onHide()}active(){return this.isVisible}destroy(){this.delayTimer&&clearTimeout(this.delayTimer),this.minVisibleTimer&&clearTimeout(this.minVisibleTimer),this.delayTimer=null,this.minVisibleTimer=null,this.isVisible=!1,this.isPending=!1}};function Z(a,e={}){let d=e.transition||"fade";if(d==="none"){e.onComplete&&e.onComplete();return}if(a.classList.add("veil-revealing"),d==="stagger-children"){let s=Array.from(a.children);s.forEach((i,n)=>{i.classList.add("veil-reveal-fade"),i.style.animationDelay=`${n*60}ms`,e.duration&&(i.style.animationDuration=`${e.duration}ms`)});let t=(e.duration||350)+s.length*60;setTimeout(()=>{a.classList.remove("veil-revealing"),s.forEach(i=>{i.classList.remove("veil-reveal-fade"),i.style.removeProperty("animation-delay"),i.style.removeProperty("animation-duration")}),e.onComplete&&e.onComplete()},t);return}let l=`veil-reveal-${d}`;a.classList.add(l),e.duration&&(a.style.animationDuration=`${e.duration}ms`),e.easing&&(a.style.animationTimingFunction=e.easing);let r=()=>{a.removeEventListener("animationend",r),a.classList.remove("veil-revealing",l),a.style.removeProperty("animation-duration"),a.style.removeProperty("animation-timing-function"),e.onComplete&&e.onComplete()};a.addEventListener("animationend",r)}var N=new Map;function ce(a){if(N.has(a))return N.get(a);if(typeof window<"u"&&window.localStorage)try{let e=localStorage.getItem(`veil_cache_${a}`);if(e){let d=JSON.parse(e);return N.set(a,d),d}}catch{}return null}function pe(a,e,d=!1){if(N.set(a,e),d&&typeof window<"u"&&window.localStorage)try{localStorage.setItem(`veil_cache_${a}`,JSON.stringify(e))}catch{}}function ye(a,e){let d=a.getBoundingClientRect(),l=[];function r(t){if(t.hasAttribute("data-veil-ignore")||e&&t.matches(e))return!1;let i=window.getComputedStyle(t);if(i.display==="none"||i.visibility==="hidden"||i.opacity==="0")return!1;let n=t.tagName.toLowerCase();return["img","svg","button","input","textarea","select"].includes(n)||t.hasAttribute("data-veil-shape")?!0:Array.from(t.childNodes).some(p=>p.nodeType===Node.TEXT_NODE&&(p.textContent||"").trim().length>0)&&t.children.length===0}function s(t){if(t!==a&&r(t)){let n=t.getBoundingClientRect();if(n.width>2&&n.height>2){let p=window.getComputedStyle(t).borderRadius||"6px",y=t.getAttribute("data-veil-shape"),m="rect";y==="circle"||p==="50%"||p.includes("px")&&parseFloat(p)>=n.width/2?m="circle":(y==="line"||["p","span","h1","h2","h3","h4","h5","h6","a","label"].includes(t.tagName.toLowerCase()))&&(m="line"),l.push({x:Math.round(n.left-d.left),y:Math.round(n.top-d.top),width:Math.round(n.width),height:Math.round(n.height),radius:p,shape:m})}return}let i=Array.from(t.children);for(let n of i)n.hasAttribute("data-veil-ignore")||s(n)}return s(a),{width:Math.round(d.width),height:Math.round(d.height),boxes:l}}function Q(a,e={},d={}){let l=document.createElement("div");if(l.className="veil-auto-overlay",l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.top="0",l.style.left="0",l.style.width="100%",l.style.height="100%",l.style.pointerEvents="none",l.style.zIndex="5",!e.preserveBackground){let o=window.getComputedStyle(a);l.style.backgroundColor=o.backgroundColor!=="rgba(0, 0, 0, 0)"?o.backgroundColor:"transparent"}function r(o){l.innerHTML="";for(let p=0;p<o.boxes.length;p++){let y=o.boxes[p],m=c({...d,type:y.shape,radius:y.radius});m.style.position="absolute",m.style.left=`${y.x}px`,m.style.top=`${y.y}px`,m.style.width=`${y.width}px`,m.style.height=`${y.height}px`,m.style.setProperty("--veil-stagger-idx",String(p)),l.appendChild(m)}}function s(){let o=ye(a,e.ignoreSelector);o.boxes.length>0&&(r(o),e.cacheKey&&pe(e.cacheKey,o,e.persistCache))}if(e.cacheKey){let o=ce(e.cacheKey);o&&r(o)}window.getComputedStyle(a).position==="static"&&(a.style.position="relative"),a.appendChild(l),l.children.length===0&&s();let i=null,n=null;return e.observeResize!==!1&&typeof ResizeObserver<"u"&&(i=new ResizeObserver(()=>s()),i.observe(a)),e.observeMutations!==!1&&typeof MutationObserver<"u"&&(n=new MutationObserver(()=>s()),n.observe(a,{childList:!0,subtree:!0,attributes:!1})),{overlay:l,refresh:s,destroy:()=>{i&&i.disconnect(),n&&n.disconnect(),e.reveal&&e.reveal!=="none"?Z(a,{transition:e.reveal,duration:e.revealDuration,easing:e.revealEasing,onComplete:()=>l.remove()}):l.remove()}}}var P=class{activeIds=new Set;counter=0;listeners=new Set;start(e){let d=e||`req_${Date.now()}_${Math.random().toString(36).substring(2,7)}`;return this.activeIds.has(d)||(this.activeIds.add(d),this.counter++,this.notify()),d}stop(e){if(e)this.activeIds.has(e)&&(this.activeIds.delete(e),this.counter=Math.max(0,this.counter-1),this.notify());else if(this.counter>0){this.counter--;let d=this.activeIds.values().next().value;d&&this.activeIds.delete(d),this.notify()}}isLoading(){return this.counter>0}getCount(){return this.counter}subscribe(e){return this.listeners.add(e),e(this.isLoading(),this.counter),()=>{this.listeners.delete(e)}}reset(){this.activeIds.clear(),this.counter=0,this.notify()}notify(){let e=this.isLoading();for(let d of this.listeners)d(e,this.counter)}},C=new P;var D=class{el=null;innerEl=null;currentProgress=0;trickleTimer=null;status="idle";ensureDOM(){this.el||typeof document>"u"||(u(),this.el=document.createElement("div"),this.el.className="veil-progress-bar",this.el.setAttribute("role","progressbar"),this.el.setAttribute("aria-valuemin","0"),this.el.setAttribute("aria-valuemax","100"),this.el.setAttribute("aria-valuenow","0"),this.innerEl=document.createElement("div"),this.innerEl.className="veil-progress-inner",this.innerEl.style.width="0%",this.innerEl.style.opacity="1",this.el.appendChild(this.innerEl),document.body.appendChild(this.el))}start(){this.ensureDOM(),this.status!=="loading"&&(this.status="loading",this.currentProgress=0,this.set(.08),this.innerEl&&(this.innerEl.style.opacity="1",this.innerEl.style.backgroundColor="var(--veil-progress-color, #3b82f6)"),this.trickle())}set(e){this.ensureDOM(),this.currentProgress=Math.min(1,Math.max(0,e));let d=Math.round(this.currentProgress*100);this.innerEl&&(this.innerEl.style.width=`${d}%`),this.el&&this.el.setAttribute("aria-valuenow",String(d))}inc(e){let d=this.currentProgress;d>=1||(typeof e!="number"&&(d>=0&&d<.2?e=.1:d>=.2&&d<.5?e=.04:d>=.5&&d<.8?e=.02:d>=.8&&d<.99?e=.005:e=0),this.set(d+e))}trickle(){this.stopTrickle(),this.trickleTimer=setInterval(()=>{this.currentProgress<.95&&this.inc()},250)}stopTrickle(){this.trickleTimer&&(clearInterval(this.trickleTimer),this.trickleTimer=null)}done(){this.status!=="idle"&&(this.stopTrickle(),this.set(1),this.status="idle",setTimeout(()=>{this.innerEl&&(this.innerEl.style.opacity="0"),setTimeout(()=>{this.el&&(this.el.remove(),this.el=null,this.innerEl=null),this.currentProgress=0},350)},200))}fail(){this.stopTrickle(),this.status="error",this.innerEl&&(this.innerEl.style.backgroundColor="#ef4444"),this.set(1),setTimeout(()=>this.done(),500)}},w=new D;function Re(a={}){u();let e=!!a.circular,d=a.color||"var(--veil-progress-color, #3b82f6)",l=a.trackColor||"rgba(0, 0, 0, 0.08)";if(e){let i=a.size!==void 0?typeof a.size=="number"?`${a.size}px`:a.size:"48px",n=a.strokeWidth||4,o=document.createElement("div");o.className=`veil-progress-circular ${a.className||""}`.trim(),o.style.width=i,o.style.height=i,o.style.display="inline-flex",o.style.alignItems="center",o.style.justifyContent="center",o.style.position="relative";let p=document.createElementNS("http://www.w3.org/2000/svg","svg");p.setAttribute("viewBox","0 0 48 48"),p.style.width="100%",p.style.height="100%",p.style.transform="rotate(-90deg)";let y=document.createElementNS("http://www.w3.org/2000/svg","circle");y.setAttribute("cx","24"),y.setAttribute("cy","24"),y.setAttribute("r","20"),y.setAttribute("fill","none"),y.setAttribute("stroke",l),y.setAttribute("stroke-width",String(n));let m=document.createElementNS("http://www.w3.org/2000/svg","circle");m.setAttribute("cx","24"),m.setAttribute("cy","24"),m.setAttribute("r","20"),m.setAttribute("fill","none"),m.setAttribute("stroke",d),m.setAttribute("stroke-width",String(n)),m.setAttribute("stroke-linecap","round");let v=2*Math.PI*20;if(m.setAttribute("stroke-dasharray",String(v)),a.value!==void 0){let h=Math.min(100,Math.max(0,a.value)),be=v-h/100*v;m.setAttribute("stroke-dashoffset",String(be)),m.style.transition="stroke-dashoffset 300ms ease"}else m.setAttribute("stroke-dashoffset",String(v*.75)),p.style.animation="veil-spin 1200ms linear infinite";if(p.append(y,m),o.appendChild(p),a.showPercentage&&a.value!==void 0){let h=document.createElement("span");h.style.position="absolute",h.style.fontSize="11px",h.style.fontWeight="600",h.textContent=`${Math.round(a.value)}%`,o.appendChild(h)}return o}let r=a.height!==void 0?typeof a.height=="number"?`${a.height}px`:a.height:"4px",s=document.createElement("div");s.className=`veil-progress-linear ${a.className||""}`.trim(),s.setAttribute("role","progressbar"),s.style.width="100%",s.style.height=r,s.style.backgroundColor=l,s.style.borderRadius="9999px",s.style.overflow="hidden",s.style.position="relative";let t=document.createElement("div");if(t.style.height="100%",t.style.backgroundColor=d,t.style.borderRadius="9999px",a.value!==void 0){let i=Math.min(100,Math.max(0,a.value));s.setAttribute("aria-valuenow",String(i)),t.style.width=`${i}%`,t.style.transition="width 250ms ease"}else t.style.width="35%",t.style.animation="veil-progress-indeterminate 1400ms ease-in-out infinite";return s.appendChild(t),s}var Me=["ring","dual-ring","dots","bars","pulse","orbit","wave","bounce","ios-activity","glass-orb","morph","progress-circle","arc-gradient","pulse-ring","dots-circle","grid-dots","square-flip","cube-fold","hourglass","infinity","heartbeat-line","equalizer","chasing-dots","typing","liquid-fill","atom","clock","radar","ellipsis","flower"];function b(a={}){u();let e=a.type||"ring",d=a.size!==void 0?typeof a.size=="number"?`${a.size}px`:a.size:"28px",l=a.color||"var(--veil-progress-color, #3b82f6)",r=a.secondaryColor||"rgba(0, 0, 0, 0.12)",s=a.speed!==void 0?typeof a.speed=="number"?`${a.speed}ms`:a.speed:void 0,t=document.createElement("div");switch(t.className=`veil-spinner veil-spinner-${e} ${a.glass?"veil-spinner-glass":""} ${a.className||""}`.trim(),t.setAttribute("role","status"),t.setAttribute("aria-label",a.label||"Loading"),t.style.width=d,t.style.height=d,t.style.display="inline-flex",t.style.alignItems="center",t.style.justifyContent="center",t.style.position="relative",a.glass&&(t.style.borderRadius="50%",t.style.backdropFilter="blur(8px)",t.style.webkitBackdropFilter="blur(8px)",t.style.background="rgba(255, 255, 255, 0.12)",t.style.boxShadow="0 4px 16px rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.4)",t.style.border="1px solid rgba(255, 255, 255, 0.25)"),e){case"ring":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border=`3px solid ${r}`,i.style.borderTopColor=l,i.style.animation=`veil-spin ${s||"800ms"} linear infinite`,i.style.boxSizing="border-box",t.appendChild(i);break}case"dual-ring":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border="3px solid transparent",i.style.borderTopColor=l,i.style.borderBottomColor=l,i.style.animation=`veil-spin ${s||"900ms"} cubic-bezier(0.5, 0, 0.5, 1) infinite`,i.style.boxSizing="border-box",t.appendChild(i);break}case"dots":{t.style.gap="4px";for(let i=0;i<3;i++){let n=document.createElement("div");n.style.width="28%",n.style.height="28%",n.style.borderRadius="50%",n.style.backgroundColor=l,n.style.animation=`veil-dot-bounce ${s||"1200ms"} ease-in-out infinite`,n.style.animationDelay=`${i*160}ms`,t.appendChild(n)}break}case"bars":{t.style.gap="3px";for(let i=0;i<4;i++){let n=document.createElement("div");n.style.width="18%",n.style.height="100%",n.style.borderRadius="2px",n.style.backgroundColor=l,n.style.animation=`veil-bar-wave ${s||"1000ms"} ease-in-out infinite`,n.style.animationDelay=`${i*140}ms`,t.appendChild(n)}break}case"pulse":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.backgroundColor=l,i.style.animation=`veil-pulse-scale ${s||"1200ms"} ease-out infinite`,t.appendChild(i);break}case"orbit":{let i=document.createElement("div");i.style.width="30%",i.style.height="30%",i.style.borderRadius="50%",i.style.backgroundColor=l,i.style.position="absolute";let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.position="absolute",n.style.animation=`veil-spin ${s||"1200ms"} linear infinite`;let o=document.createElement("div");o.style.width="24%",o.style.height="24%",o.style.borderRadius="50%",o.style.backgroundColor=l,o.style.position="absolute",o.style.top="0",o.style.left="38%",n.appendChild(o),t.append(i,n);break}case"wave":{t.style.gap="4px";for(let i=0;i<5;i++){let n=document.createElement("div");n.style.width="12%",n.style.height="80%",n.style.borderRadius="3px",n.style.backgroundColor=l,n.style.animation=`veil-wave-dance ${s||"1100ms"} ease-in-out infinite`,n.style.animationDelay=`${i*110}ms`,t.appendChild(n)}break}case"bounce":{let i=document.createElement("div");i.style.width="60%",i.style.height="60%",i.style.borderRadius="50%",i.style.backgroundColor=l,i.style.animation=`veil-bounce-ball ${s||"900ms"} cubic-bezier(0.28, 0.84, 0.42, 1) infinite`,t.appendChild(i);break}case"ios-activity":{for(let i=0;i<12;i++){let n=document.createElement("div");n.style.position="absolute",n.style.width="8%",n.style.height="26%",n.style.backgroundColor=l,n.style.borderRadius="2px",n.style.transformOrigin="50% 190%",n.style.transform=`rotate(${i*30}deg) translateY(-90%)`,n.style.animation=`veil-ios-fade ${s||"1000ms"} linear infinite`,n.style.animationDelay=`-${(12-i)*(1e3/12)}ms`,t.appendChild(n)}break}case"glass-orb":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.background=`radial-gradient(circle at 35% 35%, rgba(255,255,255,0.8), ${l} 70%)`,i.style.boxShadow=`0 4px 12px ${l}44, inset 0 2px 4px rgba(255,255,255,0.6)`,i.style.animation=`veil-glass-orbit ${s||"1600ms"} ease-in-out infinite`,t.appendChild(i);break}case"morph":{let i=document.createElement("div");i.style.width="80%",i.style.height="80%",i.style.backgroundColor=l,i.style.animation=`veil-morph-shape ${s||"2000ms"} ease-in-out infinite`,t.appendChild(i);break}case"progress-circle":{let i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("viewBox","0 0 36 36"),i.style.width="100%",i.style.height="100%",i.style.transform="rotate(-90deg)";let n=document.createElementNS("http://www.w3.org/2000/svg","circle");n.setAttribute("cx","18"),n.setAttribute("cy","18"),n.setAttribute("r","14"),n.setAttribute("fill","none"),n.setAttribute("stroke",r),n.setAttribute("stroke-width","3");let o=document.createElementNS("http://www.w3.org/2000/svg","circle");o.setAttribute("cx","18"),o.setAttribute("cy","18"),o.setAttribute("r","14"),o.setAttribute("fill","none"),o.setAttribute("stroke",l),o.setAttribute("stroke-width","3"),o.setAttribute("stroke-dasharray","88"),o.setAttribute("stroke-dashoffset","25"),o.setAttribute("stroke-linecap","round"),o.style.animation=`veil-spin ${s||"1200ms"} linear infinite`,o.style.transformOrigin="50% 50%",i.append(n,o),t.appendChild(i);break}case"arc-gradient":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.background=`conic-gradient(from 0deg, transparent 20%, ${l} 100%)`,i.style.mask="radial-gradient(farthest-side, transparent calc(100% - 3px), #fff calc(100% - 2.5px))",i.style.webkitMask="radial-gradient(farthest-side, transparent calc(100% - 3px), #fff calc(100% - 2.5px))",i.style.animation=`veil-spin ${s||"750ms"} linear infinite`,t.appendChild(i);break}case"pulse-ring":{for(let i=0;i<2;i++){let n=document.createElement("div");n.style.position="absolute",n.style.inset="0",n.style.borderRadius="50%",n.style.border=`2px solid ${l}`,n.style.animation=`veil-pulse-ring ${s||"1400ms"} cubic-bezier(0, 0.2, 0.8, 1) infinite`,n.style.animationDelay=`${i*700}ms`,t.appendChild(n)}break}case"dots-circle":{for(let i=0;i<8;i++){let n=document.createElement("div");n.style.position="absolute",n.style.width="20%",n.style.height="20%",n.style.borderRadius="50%",n.style.backgroundColor=l,n.style.transformOrigin="50% 250%",n.style.transform=`rotate(${i*45}deg) translateY(-150%)`,n.style.animation=`veil-fade-seq ${s||"1000ms"} linear infinite`,n.style.animationDelay=`-${(8-i)*(1e3/8)}ms`,t.appendChild(n)}break}case"grid-dots":{t.style.display="grid",t.style.gridTemplateColumns="repeat(3, 1fr)",t.style.gap="3px";for(let i=0;i<3;i++)for(let n=0;n<3;n++){let o=document.createElement("div");o.style.width="100%",o.style.aspectRatio="1 / 1",o.style.borderRadius="50%",o.style.backgroundColor=l,o.style.animation=`veil-dot-bounce ${s||"1200ms"} ease-in-out infinite`,o.style.animationDelay=`${(i+n)*110}ms`,t.appendChild(o)}break}case"square-flip":{let i=document.createElement("div");i.style.width="60%",i.style.height="60%",i.style.backgroundColor=l,i.style.borderRadius="4px",i.style.animation=`veil-square-flip ${s||"1200ms"} ease-in-out infinite`,t.appendChild(i);break}case"cube-fold":{t.style.display="grid",t.style.gridTemplateColumns="repeat(2, 1fr)",t.style.gap="2px";for(let i=0;i<4;i++){let n=document.createElement("div");n.style.width="100%",n.style.aspectRatio="1 / 1",n.style.backgroundColor=l,n.style.borderRadius="2px",n.style.animation=`veil-cube-fold ${s||"1400ms"} ease-in-out infinite`,n.style.animationDelay=`${i*175}ms`,t.appendChild(n)}break}case"hourglass":{let i=document.createElement("div");i.style.width="65%",i.style.height="65%",i.style.border=`3px solid ${l}`,i.style.borderLeftColor="transparent",i.style.borderRightColor="transparent",i.style.borderRadius="50%",i.style.animation=`veil-hourglass ${s||"1200ms"} cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite`,t.appendChild(i);break}case"infinity":{let i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("viewBox","0 0 48 24"),i.style.width="100%",i.style.height="100%";let n=document.createElementNS("http://www.w3.org/2000/svg","path");n.setAttribute("d","M12,12 C4,12 4,4 12,4 C20,4 28,20 36,20 C44,20 44,12 36,12 C28,12 20,4 12,4"),n.setAttribute("fill","none"),n.setAttribute("stroke",l),n.setAttribute("stroke-width","3"),n.setAttribute("stroke-dasharray","80"),n.setAttribute("stroke-dashoffset","0"),n.setAttribute("stroke-linecap","round"),n.style.animation=`veil-dash ${s||"1400ms"} linear infinite`,i.appendChild(n),t.appendChild(i);break}case"heartbeat-line":{let i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("viewBox","0 0 50 24"),i.style.width="100%",i.style.height="100%";let n=document.createElementNS("http://www.w3.org/2000/svg","path");n.setAttribute("d","M0,12 L14,12 L18,3 L24,21 L28,9 L32,15 L36,12 L50,12"),n.setAttribute("fill","none"),n.setAttribute("stroke",l),n.setAttribute("stroke-width","2.5"),n.setAttribute("stroke-dasharray","60"),n.setAttribute("stroke-dashoffset","60"),n.setAttribute("stroke-linecap","round"),n.setAttribute("stroke-linejoin","round"),n.style.animation=`veil-ecg ${s||"1200ms"} ease-in-out infinite`,i.appendChild(n),t.appendChild(i);break}case"equalizer":{t.style.gap="3px";let i=[0,200,100,300];for(let n=0;n<4;n++){let o=document.createElement("div");o.style.width="18%",o.style.height="100%",o.style.borderRadius="2px",o.style.backgroundColor=l,o.style.animation=`veil-eq-bounce ${s||"800ms"} ease-in-out infinite alternate`,o.style.animationDelay=`${i[n]}ms`,t.appendChild(o)}break}case"chasing-dots":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.position="relative",i.style.animation=`veil-spin ${s||"1800ms"} linear infinite`;for(let n=0;n<2;n++){let o=document.createElement("div");o.style.position="absolute",o.style.width="45%",o.style.height="45%",o.style.borderRadius="50%",o.style.backgroundColor=l,o.style.animation=`veil-chase ${s||"1800ms"} ease-in-out infinite`,n===0?(o.style.top="0",o.style.left="0"):(o.style.bottom="0",o.style.right="0",o.style.animationDelay="-900ms"),i.appendChild(o)}t.appendChild(i);break}case"typing":{t.style.gap="4px";for(let i=0;i<3;i++){let n=document.createElement("div");n.style.width="24%",n.style.height="24%",n.style.borderRadius="50%",n.style.backgroundColor=l,n.style.animation=`veil-typing ${s||"1000ms"} ease-in-out infinite`,n.style.animationDelay=`${i*150}ms`,t.appendChild(n)}break}case"liquid-fill":{let i=document.createElement("div");i.style.width="85%",i.style.height="85%",i.style.borderRadius="50%",i.style.border=`2px solid ${l}`,i.style.position="relative",i.style.overflow="hidden";let n=document.createElement("div");n.style.position="absolute",n.style.inset="0",n.style.backgroundColor=l,n.style.opacity="0.7",n.style.borderRadius="40%",n.style.animation=`veil-liquid-spin ${s||"2000ms"} linear infinite`,i.appendChild(n),t.appendChild(i);break}case"atom":{let i=document.createElement("div");i.style.width="24%",i.style.height="24%",i.style.borderRadius="50%",i.style.backgroundColor=l,i.style.position="absolute",t.appendChild(i);let n=[0,60,120];for(let o of n){let p=document.createElement("div");p.style.position="absolute",p.style.width="100%",p.style.height="45%",p.style.borderRadius="50%",p.style.border=`1.5px solid ${l}`,p.style.transform=`rotate(${o}deg)`,p.style.animation=`veil-atom-spin ${s||"1600ms"} linear infinite`,t.appendChild(p)}break}case"clock":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border=`2.5px solid ${l}`,i.style.position="relative";let n=document.createElement("div");n.style.width="14%",n.style.height="14%",n.style.borderRadius="50%",n.style.backgroundColor=l,n.style.position="absolute",n.style.top="43%",n.style.left="43%";let o=document.createElement("div");o.style.position="absolute",o.style.width="2px",o.style.height="30%",o.style.backgroundColor=l,o.style.top="20%",o.style.left="calc(50% - 1px)",o.style.transformOrigin="bottom center",o.style.animation=`veil-spin ${s||"3000ms"} linear infinite`;let p=document.createElement("div");p.style.position="absolute",p.style.width="2px",p.style.height="42%",p.style.backgroundColor=l,p.style.top="8%",p.style.left="calc(50% - 1px)",p.style.transformOrigin="bottom center",p.style.animation=`veil-spin ${s||"1000ms"} linear infinite`,i.append(n,o,p),t.appendChild(i);break}case"radar":{let i=document.createElement("div");i.style.width="100%",i.style.height="100%",i.style.borderRadius="50%",i.style.border=`1.5px solid ${l}`,i.style.position="relative",i.style.overflow="hidden";let n=document.createElement("div");n.style.position="absolute",n.style.inset="0",n.style.borderRadius="50%",n.style.background=`conic-gradient(from 0deg, transparent 60%, ${l} 100%)`,n.style.opacity="0.6",n.style.animation=`veil-spin ${s||"1500ms"} linear infinite`,i.appendChild(n),t.appendChild(i);break}case"ellipsis":{t.style.gap="3px";for(let i=0;i<3;i++){let n=document.createElement("div");n.style.width="24%",n.style.height="24%",n.style.borderRadius="50%",n.style.backgroundColor=l,n.style.animation=`veil-ellipsis ${s||"1200ms"} ease-in-out infinite`,n.style.animationDelay=`${i*200}ms`,t.appendChild(n)}break}case"flower":{for(let i=0;i<6;i++){let n=document.createElement("div");n.style.position="absolute",n.style.width="28%",n.style.height="48%",n.style.borderRadius="50%",n.style.backgroundColor=l,n.style.opacity="0.85",n.style.transformOrigin="50% 100%",n.style.top="2%",n.style.transform=`rotate(${i*60}deg)`,n.style.animation=`veil-flower-bloom ${s||"1600ms"} ease-in-out infinite`,n.style.animationDelay=`${i*120}ms`,t.appendChild(n)}break}}return Ne(),t}var me=!1;function Ne(){if(me||typeof document>"u")return;me=!0;let a=document.createElement("style");a.id="veilkit-spinner-keyframes",a.textContent=`
|
|
380
512
|
@keyframes veil-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
|
|
381
513
|
@keyframes veil-dot-bounce { 0%, 80%, 100% { transform: scale(0.4); opacity: 0.4; } 40% { transform: scale(1); opacity: 1; } }
|
|
382
514
|
@keyframes veil-bar-wave { 0%, 100% { transform: scaleY(0.3); opacity: 0.5; } 50% { transform: scaleY(1); opacity: 1; } }
|
|
@@ -390,4 +522,146 @@ ${j()}
|
|
|
390
522
|
33% { border-radius: 8px; transform: rotate(90deg); }
|
|
391
523
|
66% { border-radius: 20px; transform: rotate(180deg); }
|
|
392
524
|
}
|
|
393
|
-
|
|
525
|
+
@keyframes veil-pulse-ring {
|
|
526
|
+
0% { transform: scale(0.2); opacity: 1; }
|
|
527
|
+
100% { transform: scale(1.4); opacity: 0; }
|
|
528
|
+
}
|
|
529
|
+
@keyframes veil-fade-seq { 0% { opacity: 1; } 100% { opacity: 0.1; } }
|
|
530
|
+
@keyframes veil-square-flip {
|
|
531
|
+
0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
|
|
532
|
+
50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
|
|
533
|
+
100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
|
|
534
|
+
}
|
|
535
|
+
@keyframes veil-cube-fold {
|
|
536
|
+
0%, 10% { transform: scale(1); opacity: 1; }
|
|
537
|
+
50% { transform: scale(0.3); opacity: 0.3; }
|
|
538
|
+
90%, 100% { transform: scale(1); opacity: 1; }
|
|
539
|
+
}
|
|
540
|
+
@keyframes veil-hourglass {
|
|
541
|
+
0% { transform: rotate(0); }
|
|
542
|
+
50% { transform: rotate(180deg); }
|
|
543
|
+
100% { transform: rotate(360deg); }
|
|
544
|
+
}
|
|
545
|
+
@keyframes veil-dash {
|
|
546
|
+
0% { stroke-dashoffset: 0; }
|
|
547
|
+
100% { stroke-dashoffset: -160; }
|
|
548
|
+
}
|
|
549
|
+
@keyframes veil-ecg {
|
|
550
|
+
0% { stroke-dashoffset: 60; }
|
|
551
|
+
50% { stroke-dashoffset: 0; }
|
|
552
|
+
100% { stroke-dashoffset: -60; }
|
|
553
|
+
}
|
|
554
|
+
@keyframes veil-eq-bounce {
|
|
555
|
+
0% { transform: scaleY(0.15); }
|
|
556
|
+
100% { transform: scaleY(1); }
|
|
557
|
+
}
|
|
558
|
+
@keyframes veil-chase {
|
|
559
|
+
0%, 100% { transform: scale(0.4); }
|
|
560
|
+
50% { transform: scale(1); }
|
|
561
|
+
}
|
|
562
|
+
@keyframes veil-typing {
|
|
563
|
+
0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
|
|
564
|
+
30% { transform: translateY(-4px); opacity: 1; }
|
|
565
|
+
}
|
|
566
|
+
@keyframes veil-liquid-spin {
|
|
567
|
+
0% { transform: translateY(30%) rotate(0deg); }
|
|
568
|
+
100% { transform: translateY(30%) rotate(360deg); }
|
|
569
|
+
}
|
|
570
|
+
@keyframes veil-atom-spin {
|
|
571
|
+
0% { transform: rotate(0deg) scale(1); }
|
|
572
|
+
50% { transform: rotate(180deg) scale(0.95); }
|
|
573
|
+
100% { transform: rotate(360deg) scale(1); }
|
|
574
|
+
}
|
|
575
|
+
@keyframes veil-ellipsis {
|
|
576
|
+
0%, 100% { transform: scale(0.5); opacity: 0.3; }
|
|
577
|
+
50% { transform: scale(1.1); opacity: 1; }
|
|
578
|
+
}
|
|
579
|
+
@keyframes veil-flower-bloom {
|
|
580
|
+
0%, 100% { transform: scale(0.7); opacity: 0.5; }
|
|
581
|
+
50% { transform: scale(1); opacity: 1; }
|
|
582
|
+
}
|
|
583
|
+
`,document.head.appendChild(a)}var S=new Map,ee="",I=class{show(e,d={}){u();let l,r=!e;if(r?l=document.body:typeof e=="string"?(l=document.querySelector(e),l||(l=document.body)):l=e,S.has(l))return S.get(l);let s=document.createElement("div");if(s.className=`veil-overlay ${r?"veil-overlay-fullscreen":""} ${d.className||""}`.trim(),s.setAttribute("role","status"),d.color&&s.style.setProperty("--veil-overlay-bg",d.color),d.blur!==void 0){let t=typeof d.blur=="boolean"?d.blur?"8px":"0px":d.blur;s.style.setProperty("--veil-overlay-blur",t)}if(d.zIndex!==void 0&&(s.style.zIndex=String(d.zIndex)),d.spinner!==!1){let t=typeof d.spinner=="string"?d.spinner:"ring",i=b({type:t,size:36});s.appendChild(i)}if(d.message){let t=document.createElement("span");t.className="veil-overlay-message",t.style.fontSize="14px",t.style.fontWeight="500",t.style.color="var(--veil-contrast, #1f2937)",t.textContent=d.message,s.appendChild(t)}return r||window.getComputedStyle(l).position==="static"&&(l.style.position="relative"),_(l,d.message),d.lockScroll&&r&&typeof document<"u"&&(ee=document.body.style.overflow,document.body.style.overflow="hidden"),l.appendChild(s),S.set(l,s),s}hide(e){let d,l=!e;l?d=document.body:typeof e=="string"?(d=document.querySelector(e),d||(d=document.body)):d=e;let r=S.get(d);r&&(r.style.opacity="0",setTimeout(()=>{r.remove(),S.delete(d),K(d),l&&ee!==void 0&&(document.body.style.overflow=ee)},200))}},E=new I;async function z(a,e={}){let d=C.start(e.id);e.progress&&w.start();let l=new T({delay:e.delay!==void 0?e.delay:150,minVisible:e.minVisible!==void 0?e.minVisible:300,onShow:()=>{e.overlay&&E.show(e.target),e.onStart&&e.onStart()},onHide:()=>{e.overlay&&E.hide(e.target),e.onFinish&&e.onFinish()}});l.start();try{return await(typeof a=="function"?a():a)}catch(r){throw e.progress&&w.fail(),r}finally{C.stop(d),e.progress&&w.done(),l.finish()}}function te(a=typeof window<"u"?window.fetch.bind(window):fetch,e={}){return async function(l,r){return z(()=>a(l,r),e)}}var Pe=["spinner-left","spinner-right","spinner-replace","dots-after-text","progress-fill","shimmer-surface","pulse-glow","stripes-progress","morph-circle","slide-text","border-trace","liquid-fill","bounce-dots","glass-shine","neon-pulse","skeleton-button"];function De(a,e={}){u(),He();let d=e.status||(e.loading?"loading":"idle"),l="",r="",s=a.innerHTML,t=null,i=e.pressFeedback||"press-scale";Ie(a,i);function n(){t&&(clearTimeout(t),t=null)}function o(y,m){n();let v=d;if(d=y,e.onStatusChange&&v!==y&&e.onStatusChange(y),y==="idle"){a.classList.remove("veil-btn-loading","veil-btn-success","veil-btn-error","veil-btn-shake","veil-btn-morph"),a.removeAttribute("aria-disabled"),a.removeAttribute("aria-busy"),a.style.width=l,a.style.height=r,a.innerHTML=s;return}if(v==="idle"){let h=a.getBoundingClientRect();l=a.style.width,r=a.style.height,s=a.innerHTML,h.width>0&&(a.style.width=`${h.width}px`),h.height>0&&(a.style.height=`${h.height}px`)}if(y==="loading"){a.classList.add("veil-btn-loading"),a.classList.remove("veil-btn-success","veil-btn-error"),a.setAttribute("aria-disabled","true"),a.setAttribute("aria-busy","true");let h=e.styleType||(e.spinnerPlacement==="replace"?"spinner-replace":e.spinnerPlacement==="end"?"spinner-right":"spinner-left");ze(a,h,e,m||e.loadingText)}else if(y==="success"){a.classList.remove("veil-btn-loading","veil-btn-error"),a.classList.add("veil-btn-success"),a.setAttribute("aria-busy","false"),he(a,"success",m||e.successText||"Success",e.resultAnimation);let h=e.resetAfter!==void 0?e.resetAfter:2e3;h>0&&(t=setTimeout(()=>o("idle"),h))}else if(y==="error"){a.classList.remove("veil-btn-loading","veil-btn-success"),a.classList.add("veil-btn-error"),a.setAttribute("aria-busy","false"),he(a,"error",m||e.errorText||"Failed",e.resultAnimation);let h=e.resetAfter!==void 0?e.resetAfter:2e3;h>0&&(t=setTimeout(()=>o("idle"),h))}}let p=async y=>{if(d!=="idle"){y.preventDefault(),y.stopPropagation();return}if(e.onClick)try{let m=e.onClick(y);m&&typeof m.then=="function"&&(o("loading"),await m,o("success"))}catch{o("error")}};return a.addEventListener("click",p),e.status?o(e.status):e.loading&&o("loading",e.loadingText),{setStatus:o,setLoading:(y,m)=>o(y?"loading":"idle",m),getStatus:()=>d,destroy:()=>{n(),a.removeEventListener("click",p),o("idle")}}}function Ie(a,e){if(e!=="none")if(e==="press-scale"){a.style.transition="transform 100ms ease, box-shadow 150ms ease",a.addEventListener("mousedown",()=>{a.style.transform="scale(0.97)"});let d=()=>{a.style.transform="scale(1)"};a.addEventListener("mouseup",d),a.addEventListener("mouseleave",d)}else e==="ripple"?(a.style.position="relative",a.style.overflow="hidden",a.addEventListener("click",d=>{let l=a.getBoundingClientRect(),r=document.createElement("span"),s=Math.max(l.width,l.height),t=s/2;r.style.width=r.style.height=`${s}px`,r.style.left=`${d.clientX-l.left-t}px`,r.style.top=`${d.clientY-l.top-t}px`,r.className="veil-btn-ripple";let i=a.querySelector(".veil-btn-ripple");i&&i.remove(),a.appendChild(r)})):e==="glow-follow"&&a.addEventListener("mousemove",d=>{let l=a.getBoundingClientRect(),r=d.clientX-l.left,s=d.clientY-l.top;a.style.setProperty("--veil-mouse-x",`${r}px`),a.style.setProperty("--veil-mouse-y",`${s}px`)})}function ze(a,e,d,l){let r=d.spinner||"ring",s=l||a.textContent?.trim()||"";switch(a.innerHTML="",e){case"spinner-left":{let t=b({type:r,size:16,color:"currentColor"});t.classList.add("veil-btn-spinner-wrap");let i=document.createElement("span");i.textContent=s,a.append(t,i);break}case"spinner-right":{let t=document.createElement("span");t.textContent=s;let i=b({type:r,size:16,color:"currentColor"});i.classList.add("veil-btn-spinner-wrap"),i.style.marginLeft="8px",i.style.marginRight="0",a.append(t,i);break}case"spinner-replace":{let t=b({type:r,size:20,color:"currentColor"});a.appendChild(t);break}case"dots-after-text":{let t=document.createElement("span");t.textContent=s;let i=document.createElement("span");i.className="veil-btn-typing-dots",i.textContent="...",a.append(t,i);break}case"progress-fill":{let t=document.createElement("div");t.className="veil-btn-progress-bar";let i=d.progress!==void 0?d.progress:60;t.style.width=`${i}%`;let n=document.createElement("span");n.style.position="relative",n.style.zIndex="2",n.textContent=s,a.append(t,n);break}case"shimmer-surface":{let t=document.createElement("span");t.textContent=s,t.style.position="relative",t.style.zIndex="2";let i=document.createElement("div");i.className="veil-btn-shimmer",a.append(t,i);break}case"pulse-glow":{a.classList.add("veil-btn-pulse-glow");let t=document.createElement("span");t.textContent=s,a.appendChild(t);break}case"stripes-progress":{let t=document.createElement("div");t.className="veil-btn-stripes";let i=document.createElement("span");i.style.position="relative",i.style.zIndex="2",i.textContent=s,a.append(t,i);break}case"morph-circle":{a.classList.add("veil-btn-morph");let t=b({type:r,size:20,color:"currentColor"});a.appendChild(t);break}case"slide-text":{let t=document.createElement("span");t.className="veil-btn-slide-wrap";let i=document.createElement("span");i.className="veil-btn-slide-out",i.textContent=s;let n=document.createElement("span");n.className="veil-btn-slide-in",n.textContent=l||"Loading\u2026",t.append(i,n),a.appendChild(t);break}case"border-trace":{let t=document.createElement("span");t.textContent=s,t.style.position="relative",t.style.zIndex="2";let i=document.createElement("div");i.className="veil-btn-border-trace",a.append(t,i);break}case"liquid-fill":{let t=document.createElement("div");t.className="veil-btn-liquid";let i=document.createElement("span");i.style.position="relative",i.style.zIndex="2",i.textContent=s,a.append(t,i);break}case"bounce-dots":{let t=b({type:"dots",size:22,color:"currentColor"}),i=document.createElement("span");i.textContent=s?` ${s}`:"",a.append(t,i);break}case"glass-shine":{a.classList.add("veil-btn-glass-shine");let t=document.createElement("span");t.textContent=s,a.appendChild(t);break}case"neon-pulse":{a.classList.add("veil-btn-neon-pulse");let t=document.createElement("span");t.textContent=s,a.appendChild(t);break}case"skeleton-button":{let t=document.createElement("div");t.className="veil-skeleton",t.setAttribute("data-veil-shape","button"),t.setAttribute("data-veil-anim","shimmer"),t.style.width="100%",t.style.height="100%",a.appendChild(t);break}}}function he(a,e,d,l="checkmark"){if(a.innerHTML="",a.style.display="inline-flex",a.style.alignItems="center",a.style.justifyContent="center",a.style.gap="8px",e==="error"&&(l==="shake"||l==="cross"||l==="none")&&a.classList.add("veil-btn-shake"),e==="success"&&l==="success-burst"){let i=document.createElement("div");i.className="veil-btn-burst",a.appendChild(i)}let r=document.createElementNS("http://www.w3.org/2000/svg","svg");r.setAttribute("viewBox","0 0 24 24"),r.style.width="18px",r.style.height="18px",r.style.stroke="currentColor",r.style.strokeWidth="2.5",r.style.fill="none",r.style.strokeLinecap="round",r.style.strokeLinejoin="round";let s=document.createElementNS("http://www.w3.org/2000/svg","path");e==="success"?s.setAttribute("d","M5 13l4 4L19 7"):s.setAttribute("d","M6 18L18 6M6 6l12 12"),s.style.strokeDasharray="30",s.style.strokeDashoffset="30",s.style.animation="veil-draw 300ms ease forwards",r.appendChild(s);let t=document.createElement("span");t.textContent=d,a.append(r,t)}var ue=!1;function He(){if(ue||typeof document>"u")return;ue=!0;let a=document.createElement("style");a.id="veilkit-button-styles",a.textContent=`
|
|
584
|
+
.veil-btn-loading { position: relative; cursor: wait !important; pointer-events: none; }
|
|
585
|
+
.veil-btn-success { background-color: #10b981 !important; color: #fff !important; }
|
|
586
|
+
.veil-btn-error { background-color: #ef4444 !important; color: #fff !important; }
|
|
587
|
+
.veil-btn-shake { animation: veil-shake 350ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }
|
|
588
|
+
.veil-btn-ripple {
|
|
589
|
+
position: absolute; border-radius: 50%;
|
|
590
|
+
background: rgba(255, 255, 255, 0.4);
|
|
591
|
+
transform: scale(0);
|
|
592
|
+
animation: veil-btn-ripple-anim 600ms linear;
|
|
593
|
+
pointer-events: none;
|
|
594
|
+
}
|
|
595
|
+
.veil-btn-progress-bar {
|
|
596
|
+
position: absolute; left: 0; top: 0; bottom: 0;
|
|
597
|
+
background: rgba(255, 255, 255, 0.25);
|
|
598
|
+
transition: width 200ms ease;
|
|
599
|
+
}
|
|
600
|
+
.veil-btn-shimmer {
|
|
601
|
+
position: absolute; inset: 0;
|
|
602
|
+
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
|
|
603
|
+
animation: veil-btn-shimmer 1.5s infinite;
|
|
604
|
+
}
|
|
605
|
+
.veil-btn-pulse-glow { animation: veil-btn-glow 1.4s ease-in-out infinite alternate; }
|
|
606
|
+
.veil-btn-stripes {
|
|
607
|
+
position: absolute; inset: 0;
|
|
608
|
+
background: repeating-linear-gradient(45deg, rgba(255,255,255,0.15), rgba(255,255,255,0.15) 10px, transparent 10px, transparent 20px);
|
|
609
|
+
background-size: 28px 28px;
|
|
610
|
+
animation: veil-btn-stripes 1s linear infinite;
|
|
611
|
+
}
|
|
612
|
+
.veil-btn-morph { border-radius: 50% !important; padding: 0 !important; width: 40px !important; height: 40px !important; transition: all 250ms ease; }
|
|
613
|
+
.veil-btn-typing-dots { animation: veil-typing-text 1.2s infinite; display: inline-block; width: 1.2em; text-align: left; }
|
|
614
|
+
.veil-btn-slide-wrap { display: flex; flex-direction: column; overflow: hidden; height: 1.2em; position: relative; }
|
|
615
|
+
.veil-btn-slide-out { animation: veil-slide-up-out 250ms forwards; }
|
|
616
|
+
.veil-btn-slide-in { animation: veil-slide-up-in 250ms forwards; }
|
|
617
|
+
.veil-btn-border-trace {
|
|
618
|
+
position: absolute; inset: -2px; border-radius: inherit;
|
|
619
|
+
background: conic-gradient(from 0deg, transparent 60%, currentColor 100%);
|
|
620
|
+
animation: veil-spin 1.2s linear infinite;
|
|
621
|
+
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #fff calc(100% - 1.5px));
|
|
622
|
+
mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #fff calc(100% - 1.5px));
|
|
623
|
+
}
|
|
624
|
+
.veil-btn-liquid {
|
|
625
|
+
position: absolute; inset: 0; background: currentColor; opacity: 0.15;
|
|
626
|
+
animation: veil-liquid-wave 2s infinite ease-in-out alternate;
|
|
627
|
+
}
|
|
628
|
+
.veil-btn-glass-shine {
|
|
629
|
+
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4), 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
630
|
+
background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.05));
|
|
631
|
+
}
|
|
632
|
+
.veil-btn-neon-pulse {
|
|
633
|
+
box-shadow: 0 0 15px currentColor;
|
|
634
|
+
animation: veil-btn-glow 1.2s infinite alternate;
|
|
635
|
+
}
|
|
636
|
+
.veil-btn-burst {
|
|
637
|
+
position: absolute; inset: -4px; border-radius: inherit;
|
|
638
|
+
box-shadow: 0 0 20px #10b981;
|
|
639
|
+
animation: veil-burst 500ms ease-out forwards;
|
|
640
|
+
pointer-events: none;
|
|
641
|
+
}
|
|
642
|
+
|
|
643
|
+
@keyframes veil-draw { to { stroke-dashoffset: 0; } }
|
|
644
|
+
@keyframes veil-shake {
|
|
645
|
+
10%, 90% { transform: translate3d(-1px, 0, 0); }
|
|
646
|
+
20%, 80% { transform: translate3d(2px, 0, 0); }
|
|
647
|
+
30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
|
|
648
|
+
40%, 60% { transform: translate3d(4px, 0, 0); }
|
|
649
|
+
}
|
|
650
|
+
@keyframes veil-btn-ripple-anim { to { transform: scale(4); opacity: 0; } }
|
|
651
|
+
@keyframes veil-btn-shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
|
|
652
|
+
@keyframes veil-btn-glow { from { opacity: 0.8; transform: scale(0.99); } to { opacity: 1; transform: scale(1.01); } }
|
|
653
|
+
@keyframes veil-btn-stripes { from { background-position: 0 0; } to { background-position: 28px 0; } }
|
|
654
|
+
@keyframes veil-slide-up-out { from { transform: translateY(0); } to { transform: translateY(-100%); } }
|
|
655
|
+
@keyframes veil-slide-up-in { from { transform: translateY(100%); } to { transform: translateY(0); } }
|
|
656
|
+
@keyframes veil-liquid-wave { from { transform: scaleY(0.7); } to { transform: scaleY(1); } }
|
|
657
|
+
@keyframes veil-burst { 0% { opacity: 1; transform: scale(0.95); } 100% { opacity: 0; transform: scale(1.2); } }
|
|
658
|
+
@keyframes veil-typing-text { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } }
|
|
659
|
+
`,document.head.appendChild(a)}function Oe(a){u();let e=document.createElement("div");if(e.className=`veil-lazy-img-wrap ${a.className||""}`.trim(),e.style.position="relative",e.style.display="inline-block",e.style.overflow="hidden",a.width&&(e.style.width=typeof a.width=="number"?`${a.width}px`:a.width),a.height&&(e.style.height=typeof a.height=="number"?`${a.height}px`:a.height),a.aspectRatio&&(e.style.aspectRatio=String(a.aspectRatio)),a.radius){let r=typeof a.radius=="number"?`${a.radius}px`:a.radius;e.style.borderRadius=r}let d=c({animation:a.animation||"shimmer",theme:a.theme,width:"100%",height:"100%",radius:a.radius});d.style.position="absolute",d.style.inset="0",e.appendChild(d);let l=document.createElement("img");return l.alt=a.alt||"",l.className="veil-lazy-img veil-lazy-img-loading",l.style.width="100%",l.style.height="100%",l.style.objectFit="cover",l.style.display="block",l.onload=()=>{l.classList.remove("veil-lazy-img-loading"),l.classList.add("veil-lazy-img-loaded"),d.style.opacity="0",setTimeout(()=>{d.remove()},350),a.onLoad&&a.onLoad()},l.onerror=r=>{a.fallbackSrc&&l.src!==a.fallbackSrc?l.src=a.fallbackSrc:(d.remove(),e.style.backgroundColor="#fee2e2",e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="center",e.textContent="\u26A0\uFE0F Image failed to load"),a.onError&&a.onError(r)},l.src=a.src,e.appendChild(l),e}function Be(a={}){u(),a.locale&&k(a.locale);let e=document.createElement("span");e.className=`veil-text-loader ${a.className||""}`.trim(),e.setAttribute("role","status"),e.setAttribute("aria-live","polite");let d=document.createElement("span");d.className="veil-text-loader-text",d.textContent=a.text||R("loading");let l=document.createElement("span");l.className="veil-text-loader-dots",l.setAttribute("aria-hidden","true");let r=a.dots||3;for(let s=0;s<r;s++){let t=document.createElement("span");t.className="veil-typing-dot",t.textContent=".",t.style.display="inline-block",t.style.animation="veil-dot-pulse 1200ms infinite",t.style.animationDelay=`${s*200}ms`,l.appendChild(t)}return e.append(d,l),e}function ge(a){u();let e=document.createElement("div");e.className=`veil-custom-skeleton ${a.className||""}`.trim(),e.setAttribute("role","status"),e.setAttribute("aria-busy","true"),e.setAttribute("aria-label","Loading content"),a.theme&&typeof a.theme=="string"&&e.setAttribute("data-veil-theme",a.theme),e.style.display="flex",e.style.flexDirection="column",e.style.gap=typeof a.gap=="number"?`${a.gap}px`:a.gap||"12px",e.style.width="100%",a.style&&Object.assign(e.style,a.style);let d={animation:a.animation||"shimmer",theme:a.theme,direction:a.direction},l=a.shape==="pill"?"9999px":a.shape==="square"?"4px":a.shape==="sharp"?"0px":void 0;function r(t){let i=t.count||1,n=t.radius?typeof t.radius=="number"?`${t.radius}px`:t.radius:l;if(t.type==="row"||t.type==="col"||t.type==="card"){let o=document.createElement("div");if(o.className=`veil-layout-${t.type} ${t.className||""}`.trim(),o.style.display="flex",o.style.flexDirection=t.type==="row"?"row":"column",o.style.gap=typeof t.gap=="number"?`${t.gap}px`:t.gap||"12px",o.style.width=t.width?typeof t.width=="number"?`${t.width}px`:t.width:"100%",t.height&&(o.style.height=typeof t.height=="number"?`${t.height}px`:t.height),t.align==="center"?o.style.alignItems="center":t.align==="end"?o.style.alignItems="flex-end":t.align==="between"&&(o.style.justifyContent="space-between"),t.type==="card"&&(o.style.padding="16px",o.style.borderRadius=n||"12px",o.style.background="var(--veil-card-bg, rgba(255, 255, 255, 0.03))",o.style.border="1px solid var(--veil-card-border, rgba(255, 255, 255, 0.08))"),t.style&&Object.assign(o.style,t.style),t.children)for(let p of t.children)o.appendChild(r(p));return o}if(i>1){let o=document.createElement("div");o.style.display="flex",o.style.flexDirection="column",o.style.gap=typeof t.gap=="number"?`${t.gap}px`:t.gap||"8px",o.style.width="100%";for(let p=0;p<i;p++){let y=s(t,n);o.appendChild(y)}return o}return s(t,n)}function s(t,i){let n="rect",o=t.width,p=t.height,y=i;switch(t.type){case"avatar":n="circle",o=o||44,p=p||44,y="50%";break;case"heading":n="heading",o=o||"70%",p=p||24,y=y||"6px";break;case"line":n="line",o=o||"100%",p=p||14,y=y||"4px";break;case"button":n="button",o=o||120,p=p||40,y=y||"8px";break;case"badge":n="badge",o=o||64,p=p||22,y=y||"9999px";break;default:n="rect",o=o||"100%",p=p||160,y=y||"8px";break}return c({...d,type:n,width:o,height:p,radius:y,style:t.style,className:t.className})}for(let t of a.nodes)e.appendChild(r(t));return e}var ie=class a{config;constructor(e){this.config={nodes:[],animation:e?.animation||"shimmer",theme:e?.theme||"auto",shape:e?.shape||"rounded",direction:e?.direction,gap:e?.gap||12,className:e?.className,style:e?.style}}row(e,d){let l=new a;return e(l),this.config.nodes.push({type:"row",gap:d,children:l.config.nodes}),this}col(e,d){let l=new a;return e(l),this.config.nodes.push({type:"col",gap:d,children:l.config.nodes}),this}card(e,d){let l=new a;return e(l),this.config.nodes.push({type:"card",gap:d,children:l.config.nodes}),this}avatar(e=44){return this.config.nodes.push({type:"avatar",width:e,height:e}),this}heading(e="65%",d=24){return this.config.nodes.push({type:"heading",width:e,height:d}),this}lines(e=3,d=8){return this.config.nodes.push({type:"line",count:e,gap:d}),this}button(e=120,d=40){return this.config.nodes.push({type:"button",width:e,height:d}),this}rect(e="100%",d=160,l){return this.config.nodes.push({type:"rect",width:e,height:d,radius:l}),this}badge(e=70,d=22){return this.config.nodes.push({type:"badge",width:e,height:d}),this}toConfig(){return this.config}build(){return ge(this.config)}toCode(e="react"){return e==="react"?`import { Skeleton, SkeletonGroup } from 'veilkit/react';
|
|
660
|
+
|
|
661
|
+
export function CustomSkeleton() {
|
|
662
|
+
return (
|
|
663
|
+
<SkeletonGroup animation="${this.config.animation||"shimmer"}" theme="${this.config.theme||"auto"}">
|
|
664
|
+
${JSON.stringify(this.config.nodes,null,2)}
|
|
665
|
+
</SkeletonGroup>
|
|
666
|
+
);
|
|
667
|
+
}`:JSON.stringify(this.config,null,2)}};var H=class{config={};configure(e){Object.assign(this.config,e),e.nonce&&U(e.nonce),e.locale&&k(e.locale),e.labels&&A(e.labels),u(e.nonce)}skeleton(e,d={}){u();let l=typeof e=="string"?document.querySelector(e):e;if(!l)throw new Error("[Veilkit] Target element not found for skeleton.");let r=null,s=!1,t=()=>{s||(s=!0,l.setAttribute("aria-busy","true"),r=Q(l,d,d))},i=()=>{s&&(s=!1,l.removeAttribute("aria-busy"),r&&(r.destroy(),r=null))},n=p=>{Object.assign(d,p),r&&r.refresh()},o=()=>{i()};return t(),{element:l,show:t,hide:i,update:n,destroy:o}}spinner(e,d={}){let l=typeof e=="string"?document.querySelector(e):e,r=b(d);return l&&l.appendChild(r),r}overlay=E;progress=w;manager=C;track=z;wrapFetch=te;setLocale=k;setLabels=A;createTheme=L;getThemeTokens=B;createSkeleton=c;createPrimitive=J;createPreset=M},fe=new H;return Ee(Ve);})();
|