veilkit 0.0.0-stage → 0.1.0

package/dist/vue/index.js

@@ -0,0 +1,394 @@
+import {defineComponent,onMounted,h,ref,watch,onUnmounted}from'vue';var C=class{delay;minVisible;onShow;onHide;delayTimer=null;minVisibleTimer=null;shownTimestamp=null;isVisible=false;isPending=false;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=true,this.delay<=0){this.display();return}this.delayTimer=setTimeout(()=>{this.delayTimer=null,this.isPending&&this.display();},this.delay);}}display(){this.isPending=false,this.isVisible=true,this.shownTimestamp=Date.now(),this.onShow&&this.onShow();}finish(e){if(this.delayTimer){clearTimeout(this.delayTimer),this.delayTimer=null,this.isPending=false,e&&e();return}if(!this.isVisible){this.isPending=false,e&&e();return}let i=this.shownTimestamp?Date.now()-this.shownTimestamp:0,r=Math.max(0,this.minVisible-i);r<=0?(this.hide(),e&&e()):this.minVisibleTimer=setTimeout(()=>{this.minVisibleTimer=null,this.hide(),e&&e();},r);}hide(){this.isVisible=false,this.isPending=false,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=false,this.isPending=false;}};var g={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"}},J=new Map;function R(t){let e=t.parent&&g[t.parent]?g[t.parent]:g.light,i={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 J.set(t.name,i),i}function Z(t){if(!t)return g.light;if(typeof t=="string"){if(t in g)return g[t];let e=J.get(t);return e||g.light}return R(t)}function Q(){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 ee=false,te;function ie(t){te=t;}function Le(){let t=g.light,e=g.dark;return `
+/* === VEILKIT CORE STYLES === */
+:root {
+  --veil-base: ${t.base};
+  --veil-highlight: ${t.highlight};
+  --veil-radius: ${t.radius};
+  --veil-duration: ${t.duration};
+  --veil-easing: ${t.easing};
+  --veil-direction: ltr;
+  --veil-border: none;
+  --veil-blur: none;
+  --veil-glow: none;
+  --veil-contrast: ${t.contrast};
+
+  --veil-auto-base: ${t.base};
+  --veil-auto-highlight: ${t.highlight};
+  --veil-auto-contrast: ${t.contrast};
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --veil-auto-base: ${e.base};
+    --veil-auto-highlight: ${e.highlight};
+    --veil-auto-contrast: ${e.contrast};
+  }
+}
+
+/* === DARK THEME SELECTORS === */
+[data-theme="dark"], .dark, [data-theme="dark"] .veil-skeleton {
+  --veil-base: ${e.base};
+  --veil-highlight: ${e.highlight};
+  --veil-contrast: ${e.contrast};
+}
+
+/* === THEME ATTRIBUTE CLASSES === */
+${Object.entries(g).map(([i,r])=>`[data-veil-theme="${i}"]{--veil-base:${r.base};--veil-highlight:${r.highlight};--veil-radius:${r.radius};--veil-duration:${r.duration};--veil-easing:${r.easing};${r.border?`--veil-border:${r.border};`:""}${r.blur?`--veil-blur:${r.blur};`:""}${r.glow?`--veil-glow:${r.glow};`:""}--veil-contrast:${r.contrast};}`).join("")}
+
+/* === BASE SKELETON ELEMENT === */
+.veil-skeleton {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  background-color: var(--veil-base, #e5e7eb);
+  border-radius: var(--veil-radius, 6px);
+  border: var(--veil-border, none);
+  box-shadow: var(--veil-glow, none);
+  overflow: hidden;
+  pointer-events: none;
+  user-select: none;
+  min-height: 12px;
+}
+
+[data-veil-theme="glass"] .veil-skeleton,
+.veil-skeleton[data-veil-theme="glass"] {
+  backdrop-filter: blur(var(--veil-blur, 12px));
+  -webkit-backdrop-filter: blur(var(--veil-blur, 12px));
+}
+
+/* === SHIMMER / ANIMATION OVERLAY === */
+.veil-skeleton::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  will-change: transform, opacity;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    var(--veil-highlight, rgba(255, 255, 255, 0.7)) 50%,
+    transparent 100%
+  );
+  animation-duration: var(--veil-duration, 1.5s);
+  animation-timing-function: var(--veil-easing, cubic-bezier(0.4, 0, 0.2, 1));
+  animation-iteration-count: infinite;
+  animation-delay: var(--veil-sync-delay, 0s);
+  animation-play-state: var(--veil-play-state, running);
+}
+
+/* Animation name mapping */
+.veil-skeleton[data-veil-anim="shimmer"]::after,
+.veil-skeleton:not([data-veil-anim])::after {
+  animation-name: veil-shimmer-ltr;
+}
+.veil-skeleton[data-veil-dir="rtl"]::after,
+[dir="rtl"] .veil-skeleton[data-veil-anim="shimmer"]::after {
+  animation-name: veil-shimmer-rtl;
+}
+.veil-skeleton[data-veil-dir="ttb"]::after {
+  animation-name: veil-shimmer-ttb;
+  background: linear-gradient(180deg, transparent 0%, var(--veil-highlight, rgba(255,255,255,0.7)) 50%, transparent 100%);
+}
+.veil-skeleton[data-veil-dir="btt"]::after {
+  animation-name: veil-shimmer-btt;
+  background: linear-gradient(0deg, transparent 0%, var(--veil-highlight, rgba(255,255,255,0.7)) 50%, transparent 100%);
+}
+
+.veil-skeleton[data-veil-anim="wave"]::after {
+  animation-name: veil-wave;
+}
+
+.veil-skeleton[data-veil-anim="pulse"]::after {
+  background: none;
+}
+.veil-skeleton[data-veil-anim="pulse"] {
+  animation: veil-pulse var(--veil-duration, 1.5s) var(--veil-easing, ease-in-out) infinite;
+  animation-delay: var(--veil-sync-delay, 0s);
+  animation-play-state: var(--veil-play-state, running);
+}
+
+.veil-skeleton[data-veil-anim="blink"]::after {
+  background: none;
+}
+.veil-skeleton[data-veil-anim="blink"] {
+  animation: veil-blink var(--veil-duration, 1.2s) steps(2, start) infinite;
+  animation-delay: var(--veil-sync-delay, 0s);
+  animation-play-state: var(--veil-play-state, running);
+}
+
+.veil-skeleton[data-veil-anim="breathe"]::after {
+  background: none;
+}
+.veil-skeleton[data-veil-anim="breathe"] {
+  animation: veil-breathe var(--veil-duration, 2.2s) var(--veil-easing, ease-in-out) infinite;
+  animation-delay: var(--veil-sync-delay, 0s);
+  animation-play-state: var(--veil-play-state, running);
+}
+
+.veil-skeleton[data-veil-anim="glass-shine"]::after {
+  animation-name: veil-glass-shine;
+  background: linear-gradient(
+    115deg,
+    transparent 20%,
+    var(--veil-highlight, rgba(255, 255, 255, 0.4)) 50%,
+    transparent 80%
+  );
+}
+
+.veil-skeleton[data-veil-anim="gradient-flow"]::after {
+  width: 300%;
+  animation-name: veil-gradient-flow;
+  background: linear-gradient(
+    90deg,
+    var(--veil-base, #e5e7eb) 0%,
+    var(--veil-highlight, rgba(255, 255, 255, 0.8)) 30%,
+    var(--veil-base, #e5e7eb) 60%,
+    var(--veil-highlight, rgba(255, 255, 255, 0.8)) 100%
+  );
+}
+
+.veil-skeleton[data-veil-anim="aurora"]::after {
+  width: 160%;
+  height: 160%;
+  animation-name: veil-aurora;
+  background: radial-gradient(
+    circle at 50% 50%,
+    rgba(56, 189, 248, 0.3) 0%,
+    rgba(168, 85, 247, 0.25) 45%,
+    rgba(236, 72, 153, 0.2) 75%,
+    transparent 100%
+  );
+}
+
+.veil-skeleton[data-veil-anim="scan-line"]::after {
+  height: 30%;
+  animation-name: veil-scan-line;
+  background: linear-gradient(180deg, transparent, var(--veil-highlight, rgba(0, 240, 255, 0.8)), transparent);
+}
+
+.veil-skeleton[data-veil-anim="sparkle"]::after {
+  animation-name: veil-sparkle;
+}
+
+.veil-skeleton[data-veil-anim="neon-glow"] {
+  animation: veil-neon-glow var(--veil-duration, 1.6s) ease-in-out infinite;
+  animation-delay: var(--veil-sync-delay, 0s);
+}
+
+.veil-skeleton[data-veil-anim="none"]::after {
+  display: none !important;
+}
+
+/* === PRIMITIVE VARIANTS === */
+.veil-skeleton[data-veil-shape="line"] {
+  height: 1em;
+  margin: 0.35em 0;
+  border-radius: var(--veil-radius, 4px);
+}
+.veil-skeleton[data-veil-shape="circle"] {
+  border-radius: 50% !important;
+  aspect-ratio: 1 / 1;
+}
+.veil-skeleton[data-veil-shape="heading"] {
+  height: 1.8em;
+  margin: 0.5em 0;
+  border-radius: var(--veil-radius, 6px);
+}
+.veil-skeleton[data-veil-shape="button"] {
+  height: 2.5rem;
+  border-radius: var(--veil-radius, 8px);
+}
+.veil-skeleton[data-veil-shape="badge"] {
+  height: 1.35rem;
+  border-radius: 9999px;
+  display: inline-block;
+}
+.veil-skeleton[data-veil-shape="icon"] {
+  width: 1.5rem;
+  height: 1.5rem;
+  border-radius: var(--veil-radius, 6px);
+  display: inline-block;
+}
+.veil-skeleton[data-veil-shape="input"] {
+  height: 2.6rem;
+  border-radius: var(--veil-radius, 8px);
+}
+.veil-skeleton[data-veil-shape="divider"] {
+  height: 1px;
+  width: 100%;
+  margin: 1rem 0;
+  min-height: 1px;
+}
+
+/* Natural randomized last-line widths */
+.veil-lines-group > .veil-skeleton:last-child {
+  width: var(--veil-last-width, 68%);
+}
+
+/* === ACCESSIBILITY === */
+.veil-sr-only {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border-width: 0 !important;
+}
+
+/* prefers-reduced-motion */
+@media (prefers-reduced-motion: reduce) {
+  .veil-skeleton::after {
+    animation: none !important;
+    display: none !important;
+  }
+  .veil-skeleton {
+    animation: veil-pulse 3s ease-in-out infinite !important;
+    transform: none !important;
+  }
+}
+
+/* forced-colors */
+@media (forced-colors: active) {
+  .veil-skeleton {
+    forced-color-adjust: none;
+    background-color: ButtonFace !important;
+    outline: 1px solid Highlight !important;
+  }
+  .veil-skeleton::after {
+    display: none !important;
+  }
+}
+
+/* Offscreen & Tab Hidden Pausing */
+[data-veil-tab-hidden="true"] .veil-skeleton,
+[data-veil-tab-hidden="true"] .veil-skeleton::after,
+[data-veil-offscreen="true"],
+[data-veil-offscreen="true"]::after {
+  animation-play-state: paused !important;
+}
+
+/* === REVEAL TRANSITIONS === */
+.veil-revealing {
+  position: relative;
+}
+.veil-reveal-fade {
+  animation: veil-reveal-fade 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+.veil-reveal-blur-in {
+  animation: veil-reveal-blur 400ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+.veil-reveal-slide-up {
+  animation: veil-reveal-slide 400ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+.veil-reveal-scale {
+  animation: veil-reveal-scale 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+@keyframes veil-reveal-fade {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+@keyframes veil-reveal-blur {
+  0% { opacity: 0; filter: blur(8px); }
+  100% { opacity: 1; filter: blur(0px); }
+}
+@keyframes veil-reveal-slide {
+  0% { opacity: 0; transform: translateY(12px); }
+  100% { opacity: 1; transform: translateY(0); }
+}
+@keyframes veil-reveal-scale {
+  0% { opacity: 0; transform: scale(0.96); }
+  100% { opacity: 1; transform: scale(1); }
+}
+
+/* === SPINNERS, PROGRESS, OVERLAY, BUTTON, LAZY IMAGE === */
+.veil-spinner {
+  display: inline-block;
+  box-sizing: border-box;
+  vertical-align: middle;
+}
+.veil-overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  background-color: var(--veil-overlay-bg, rgba(255, 255, 255, 0.75));
+  backdrop-filter: blur(var(--veil-overlay-blur, 6px));
+  -webkit-backdrop-filter: blur(var(--veil-overlay-blur, 6px));
+  z-index: 100;
+  transition: opacity 250ms ease;
+}
+.veil-overlay-fullscreen {
+  position: fixed !important;
+  z-index: 999999 !important;
+}
+.veil-progress-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  z-index: 999999;
+  background: transparent;
+  pointer-events: none;
+}
+.veil-progress-inner {
+  height: 100%;
+  background: var(--veil-progress-color, #3b82f6);
+  box-shadow: 0 0 10px var(--veil-progress-color, #3b82f6), 0 0 5px var(--veil-progress-color, #3b82f6);
+  transition: width 200ms ease, opacity 350ms ease;
+}
+.veil-btn-loading {
+  position: relative;
+  pointer-events: none;
+  cursor: default;
+}
+.veil-btn-spinner-wrap {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 8px;
+}
+.veil-lazy-img-wrap {
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+}
+.veil-lazy-img {
+  transition: opacity 350ms ease, filter 350ms ease;
+}
+.veil-lazy-img-loading {
+  opacity: 0;
+  filter: blur(10px);
+}
+.veil-lazy-img-loaded {
+  opacity: 1;
+  filter: blur(0px);
+}
+
+${Q()}
+`}function p(t){if(ee||typeof document>"u")return;ee=true;let e=Le(),i=t||te;if(typeof document.adoptedStyleSheets<"u"&&typeof CSSStyleSheet<"u"&&"replaceSync"in CSSStyleSheet.prototype&&!i)try{let a=new CSSStyleSheet;a.replaceSync(e),document.adoptedStyleSheets=[...document.adoptedStyleSheets,a];return}catch{}let r=document.createElement("style");r.id="veilkit-styles",i&&r.setAttribute("nonce",i),r.textContent=e,document.head.appendChild(r);}var H=class{el=null;innerEl=null;currentProgress=0;trickleTimer=null;status="idle";ensureDOM(){this.el||typeof document>"u"||(p(),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 i=Math.round(this.currentProgress*100);this.innerEl&&(this.innerEl.style.width=`${i}%`),this.el&&this.el.setAttribute("aria-valuenow",String(i));}inc(e){let i=this.currentProgress;i>=1||(typeof e!="number"&&(i>=0&&i<.2?e=.1:i>=.2&&i<.5?e=.04:i>=.5&&i<.8?e=.02:i>=.8&&i<.99?e=.005:e=0),this.set(i+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);}},y=new H;function ne(t={}){p();let e=!!t.circular,i=t.color||"var(--veil-progress-color, #3b82f6)",r=t.trackColor||"rgba(0, 0, 0, 0.08)";if(e){let s=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=s,c.style.height=s,c.style.display="inline-flex",c.style.alignItems="center",c.style.justifyContent="center",c.style.position="relative";let u=document.createElementNS("http://www.w3.org/2000/svg","svg");u.setAttribute("viewBox","0 0 48 48"),u.style.width="100%",u.style.height="100%",u.style.transform="rotate(-90deg)";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",r),h.setAttribute("stroke-width",String(d));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",i),m.setAttribute("stroke-width",String(d)),m.setAttribute("stroke-linecap","round");let V=2*Math.PI*20;if(m.setAttribute("stroke-dasharray",String(V)),t.value!==void 0){let k=Math.min(100,Math.max(0,t.value)),Ce=V-k/100*V;m.setAttribute("stroke-dashoffset",String(Ce)),m.style.transition="stroke-dashoffset 300ms ease";}else m.setAttribute("stroke-dashoffset",String(V*.75)),u.style.animation="veil-spin 1200ms linear infinite";if(u.append(h,m),c.appendChild(u),t.showPercentage&&t.value!==void 0){let k=document.createElement("span");k.style.position="absolute",k.style.fontSize="11px",k.style.fontWeight="600",k.textContent=`${Math.round(t.value)}%`,c.appendChild(k);}return c}let a=t.height!==void 0?typeof t.height=="number"?`${t.height}px`:t.height:"4px",l=document.createElement("div");l.className=`veil-progress-linear ${t.className||""}`.trim(),l.setAttribute("role","progressbar"),l.style.width="100%",l.style.height=a,l.style.backgroundColor=r,l.style.borderRadius="9999px",l.style.overflow="hidden",l.style.position="relative";let n=document.createElement("div");if(n.style.height="100%",n.style.backgroundColor=i,n.style.borderRadius="9999px",t.value!==void 0){let s=Math.min(100,Math.max(0,t.value));l.setAttribute("aria-valuenow",String(s)),n.style.width=`${s}%`,n.style.transition="width 250ms ease";}else n.style.width="35%",n.style.animation="veil-progress-indeterminate 1400ms ease-in-out infinite";return l.appendChild(n),l}var O=class{activeIds=new Set;counter=0;listeners=new Set;start(e){let i=e||`req_${Date.now()}_${Math.random().toString(36).substring(2,7)}`;return this.activeIds.has(i)||(this.activeIds.add(i),this.counter++,this.notify()),i}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 i=this.activeIds.values().next().value;i&&this.activeIds.delete(i),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 i of this.listeners)i(e,this.counter);}},x=new O;function et(){return {start:()=>y.start(),set:t=>y.set(t),inc:t=>y.inc(t),done:()=>y.done(),fail:()=>y.fail()}}function Pe(t,e={}){let i=ref(false),r=null;return onMounted(()=>{r=new C({delay:e.delay!==void 0?e.delay:150,minVisible:e.minVisible!==void 0?e.minVisible:300,onShow:()=>{i.value=true;},onHide:()=>{i.value=false;}}),t.value&&r.start();}),watch(()=>t.value,a=>{r&&(a?r.start():r.finish());}),onUnmounted(()=>{r&&(r.destroy(),r=null);}),i}function tt(t,e={}){let i=ref(false),r=ref(null),a=ref(null);return {loading:Pe(i,e),rawLoading:i,data:r,error:a,execute:async(...s)=>{i.value=true,a.value=null;let d=x.start();try{let c=await t(...s);return r.value=c,c}catch(c){throw a.value=c,c}finally{x.stop(d),i.value=false;}}}}var D=0;function Ve(){return D===0&&typeof performance<"u"&&(D=performance.now()),D}function B(t=1500){if(typeof performance>"u")return "0ms";let e=performance.now()-Ve();return `-${Math.round(e%t)}ms`}function re(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 A=null,ae=new Set,le=false;function $e(t){for(let e of t){let i=e.target;e.isIntersecting?(i.removeAttribute("data-veil-offscreen"),i.style.removeProperty("--veil-play-state")):(i.setAttribute("data-veil-offscreen","true"),i.style.setProperty("--veil-play-state","paused"));}}function Ne(){le||typeof document>"u"||(le=true,document.addEventListener("visibilitychange",()=>{document.hidden?document.documentElement.setAttribute("data-veil-tab-hidden","true"):document.documentElement.removeAttribute("data-veil-tab-hidden");}));}function se(t){return typeof window>"u"||typeof IntersectionObserver>"u"?()=>{}:(Ne(),A||(A=new IntersectionObserver($e,{rootMargin:"100px 0px",threshold:0})),A.observe(t),ae.add(t),()=>{A&&t&&(A.unobserve(t),ae.delete(t));})}function o(t={}){p();let e=document.createElement("div");e.className=`veil-skeleton ${t.className||""}`.trim(),e.setAttribute("aria-hidden","true");let i=t.type||"rect";if(e.setAttribute("data-veil-shape",i),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=re(t.speed);e.style.setProperty("--veil-duration",`${r}ms`),e.style.setProperty("--veil-sync-delay",B(r));}else e.style.setProperty("--veil-sync-delay",B(1500));if(t.style)for(let[r,a]of Object.entries(t.style))e.style[r]=a;return se(e),e}function w(t=3,e={}){let i=document.createElement("div");i.className=`veil-lines-group ${e.className||""}`.trim(),i.setAttribute("aria-hidden","true");let r=e.gap!==void 0?typeof e.gap=="number"?`${e.gap}px`:e.gap:"0.45rem";i.style.display="flex",i.style.flexDirection="column",i.style.gap=r;let a=["100%","94%","88%","75%"],l=e.lastLineWidth!==void 0?typeof e.lastLineWidth=="number"?`${e.lastLineWidth}px`:e.lastLineWidth:"65%";for(let n=0;n<t;n++){let d=n===t-1?l:a[n%a.length]||"95%",c=o({...e,type:"line",width:d});c.style.setProperty("--veil-stagger-idx",String(n)),i.appendChild(c);}return i}function oe(t,e={}){switch(t){case "paragraph":return w(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 i=document.createElement("div");i.style.display="flex",i.style.gap="1rem",i.style.alignItems="center",i.style.width="100%",i.style.padding="0.5rem 0";let r=e.count||4;for(let a=0;a<r;a++){let l=o({...e,type:"line",width:`${100/r}%`,height:"16px"});i.appendChild(l);}return i}default:return o(e)}}function de(t,e={}){let i=e.transition||"fade";if(i==="none"){e.onComplete&&e.onComplete();return}if(t.classList.add("veil-revealing"),i==="stagger-children"){let l=Array.from(t.children);l.forEach((s,d)=>{s.classList.add("veil-reveal-fade"),s.style.animationDelay=`${d*60}ms`,e.duration&&(s.style.animationDuration=`${e.duration}ms`);});let n=(e.duration||350)+l.length*60;setTimeout(()=>{t.classList.remove("veil-revealing"),l.forEach(s=>{s.classList.remove("veil-reveal-fade"),s.style.removeProperty("animation-delay"),s.style.removeProperty("animation-duration");}),e.onComplete&&e.onComplete();},n);return}let r=`veil-reveal-${i}`;t.classList.add(r),e.duration&&(t.style.animationDuration=`${e.duration}ms`),e.easing&&(t.style.animationTimingFunction=e.easing);let a=()=>{t.removeEventListener("animationend",a),t.classList.remove("veil-revealing",r),t.style.removeProperty("animation-duration"),t.style.removeProperty("animation-timing-function"),e.onComplete&&e.onComplete();};t.addEventListener("animationend",a);}var N=new Map;function Ie(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 i=JSON.parse(e);return N.set(t,i),i}}catch{}return null}function ze(t,e,i=false){if(N.set(t,e),i&&typeof window<"u"&&window.localStorage)try{localStorage.setItem(`veil_cache_${t}`,JSON.stringify(e));}catch{}}function Re(t,e){let i=t.getBoundingClientRect(),r=[];function a(n){if(n.hasAttribute("data-veil-ignore")||e&&n.matches(e))return  false;let s=window.getComputedStyle(n);if(s.display==="none"||s.visibility==="hidden"||s.opacity==="0")return  false;let d=n.tagName.toLowerCase();return ["img","svg","button","input","textarea","select"].includes(d)||n.hasAttribute("data-veil-shape")?true:Array.from(n.childNodes).some(u=>u.nodeType===Node.TEXT_NODE&&(u.textContent||"").trim().length>0)&&n.children.length===0}function l(n){if(n!==t&&a(n)){let d=n.getBoundingClientRect();if(d.width>2&&d.height>2){let u=window.getComputedStyle(n).borderRadius||"6px",h=n.getAttribute("data-veil-shape"),m="rect";h==="circle"||u==="50%"||u.includes("px")&&parseFloat(u)>=d.width/2?m="circle":(h==="line"||["p","span","h1","h2","h3","h4","h5","h6","a","label"].includes(n.tagName.toLowerCase()))&&(m="line"),r.push({x:Math.round(d.left-i.left),y:Math.round(d.top-i.top),width:Math.round(d.width),height:Math.round(d.height),radius:u,shape:m});}return}let s=Array.from(n.children);for(let d of s)d.hasAttribute("data-veil-ignore")||l(d);}return l(t),{width:Math.round(i.width),height:Math.round(i.height),boxes:r}}function T(t,e={},i={}){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 a(c){r.innerHTML="";for(let u=0;u<c.boxes.length;u++){let h=c.boxes[u],m=o({...i,type:h.shape,radius:h.radius});m.style.position="absolute",m.style.left=`${h.x}px`,m.style.top=`${h.y}px`,m.style.width=`${h.width}px`,m.style.height=`${h.height}px`,m.style.setProperty("--veil-stagger-idx",String(u)),r.appendChild(m);}}function l(){let c=Re(t,e.ignoreSelector);c.boxes.length>0&&(a(c),e.cacheKey&&ze(e.cacheKey,c,e.persistCache));}if(e.cacheKey){let c=Ie(e.cacheKey);c&&a(c);}window.getComputedStyle(t).position==="static"&&(t.style.position="relative"),t.appendChild(r),r.children.length===0&&l();let s=null,d=null;return e.observeResize!==false&&typeof ResizeObserver<"u"&&(s=new ResizeObserver(()=>l()),s.observe(t)),e.observeMutations!==false&&typeof MutationObserver<"u"&&(d=new MutationObserver(()=>l()),d.observe(t,{childList:true,subtree:true,attributes:false})),{overlay:r,refresh:l,destroy:()=>{s&&s.disconnect(),d&&d.disconnect(),e.reveal&&e.reveal!=="none"?de(t,{transition:e.reveal,duration:e.revealDuration,easing:e.revealEasing,onComplete:()=>r.remove()}):r.remove();}}}var I=new WeakMap,ce={mounted(t,e){p();let i={};I.set(t,i),e.value&&(i.overlayInstance=T(t,{observeResize:true,observeMutations:true,reveal:"fade"}),t.setAttribute("aria-busy","true"));},updated(t,e){let i=I.get(t);i&&(e.value&&!i.overlayInstance?(i.overlayInstance=T(t,{observeResize:true,observeMutations:true,reveal:"fade"}),t.setAttribute("aria-busy","true")):!e.value&&i.overlayInstance&&(i.overlayInstance.destroy(),i.overlayInstance=void 0,t.removeAttribute("aria-busy")));},unmounted(t){let e=I.get(t);e?.overlayInstance&&(e.overlayInstance.destroy(),e.overlayInstance=void 0),I.delete(t);}};function v(t={}){p();let e=t.type||"ring",i=t.size!==void 0?typeof t.size=="number"?`${t.size}px`:t.size:"28px",r=t.color||"var(--veil-progress-color, #3b82f6)",a=t.secondaryColor||"rgba(0, 0, 0, 0.12)",l=document.createElement("div");switch(l.className=`veil-spinner veil-spinner-${e} ${t.className||""}`.trim(),l.setAttribute("role","status"),l.setAttribute("aria-label",t.label||"Loading"),l.style.width=i,l.style.height=i,l.style.display="inline-flex",l.style.alignItems="center",l.style.justifyContent="center",l.style.position="relative",e){case "ring":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.border=`3px solid ${a}`,n.style.borderTopColor=r,n.style.animation="veil-spin 800ms linear infinite",n.style.boxSizing="border-box",l.appendChild(n);break}case "dual-ring":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.border="3px solid transparent",n.style.borderTopColor=r,n.style.borderBottomColor=r,n.style.animation="veil-spin 900ms cubic-bezier(0.5, 0, 0.5, 1) infinite",n.style.boxSizing="border-box",l.appendChild(n);break}case "dots":{l.style.gap="4px";for(let n=0;n<3;n++){let s=document.createElement("div");s.style.width="28%",s.style.height="28%",s.style.borderRadius="50%",s.style.backgroundColor=r,s.style.animation="veil-dot-bounce 1200ms ease-in-out infinite",s.style.animationDelay=`${n*160}ms`,l.appendChild(s);}break}case "bars":{l.style.gap="3px";for(let n=0;n<4;n++){let s=document.createElement("div");s.style.width="18%",s.style.height="100%",s.style.borderRadius="2px",s.style.backgroundColor=r,s.style.animation="veil-bar-wave 1000ms ease-in-out infinite",s.style.animationDelay=`${n*140}ms`,l.appendChild(s);}break}case "pulse":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.backgroundColor=r,n.style.animation="veil-pulse-scale 1200ms ease-out infinite",l.appendChild(n);break}case "orbit":{let n=document.createElement("div");n.style.width="30%",n.style.height="30%",n.style.borderRadius="50%",n.style.backgroundColor=r,n.style.position="absolute";let s=document.createElement("div");s.style.width="100%",s.style.height="100%",s.style.position="absolute",s.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%",s.appendChild(d),l.append(n,s);break}case "wave":{l.style.gap="4px";for(let n=0;n<5;n++){let s=document.createElement("div");s.style.width="12%",s.style.height="80%",s.style.borderRadius="3px",s.style.backgroundColor=r,s.style.animation="veil-wave-dance 1100ms ease-in-out infinite",s.style.animationDelay=`${n*110}ms`,l.appendChild(s);}break}case "bounce":{let n=document.createElement("div");n.style.width="60%",n.style.height="60%",n.style.borderRadius="50%",n.style.backgroundColor=r,n.style.animation="veil-bounce-ball 900ms cubic-bezier(0.28, 0.84, 0.42, 1) infinite",l.appendChild(n);break}case "ios-activity":{for(let n=0;n<12;n++){let s=document.createElement("div");s.style.position="absolute",s.style.width="8%",s.style.height="26%",s.style.backgroundColor=r,s.style.borderRadius="2px",s.style.transformOrigin="50% 190%",s.style.transform=`rotate(${n*30}deg) translateY(-90%)`,s.style.animation="veil-ios-fade 1000ms linear infinite",s.style.animationDelay=`-${(12-n)*(1e3/12)}ms`,l.appendChild(s);}break}case "glass-orb":{let n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.borderRadius="50%",n.style.background=`radial-gradient(circle at 35% 35%, rgba(255,255,255,0.8), ${r} 70%)`,n.style.boxShadow=`0 4px 12px ${r}44, inset 0 2px 4px rgba(255,255,255,0.6)`,n.style.animation="veil-glass-orbit 1600ms ease-in-out infinite",l.appendChild(n);break}case "morph":{let n=document.createElement("div");n.style.width="80%",n.style.height="80%",n.style.backgroundColor=r,n.style.animation="veil-morph-shape 2000ms ease-in-out infinite",l.appendChild(n);break}case "progress-circle":{let n=document.createElementNS("http://www.w3.org/2000/svg","svg");n.setAttribute("viewBox","0 0 36 36"),n.style.width="100%",n.style.height="100%",n.style.transform="rotate(-90deg)";let s=document.createElementNS("http://www.w3.org/2000/svg","circle");s.setAttribute("cx","18"),s.setAttribute("cy","18"),s.setAttribute("r","14"),s.setAttribute("fill","none"),s.setAttribute("stroke",a),s.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%",n.append(s,d),l.appendChild(n);break}}return He(),l}var ue=false;function He(){if(ue||typeof document>"u")return;ue=true;let t=document.createElement("style");t.id="veilkit-spinner-keyframes",t.textContent=`
+    @keyframes veil-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+    @keyframes veil-dot-bounce { 0%, 80%, 100% { transform: scale(0.4); opacity: 0.4; } 40% { transform: scale(1); opacity: 1; } }
+    @keyframes veil-bar-wave { 0%, 100% { transform: scaleY(0.3); opacity: 0.5; } 50% { transform: scaleY(1); opacity: 1; } }
+    @keyframes veil-pulse-scale { 0% { transform: scale(0.2); opacity: 1; } 100% { transform: scale(1.1); opacity: 0; } }
+    @keyframes veil-wave-dance { 0%, 100% { transform: scaleY(0.2); } 50% { transform: scaleY(1); } }
+    @keyframes veil-bounce-ball { 0%, 100% { transform: translateY(35%) scale(1.15, 0.75); } 50% { transform: translateY(-40%) scale(0.9, 1.1); } }
+    @keyframes veil-ios-fade { 0% { opacity: 1; } 100% { opacity: 0.15; } }
+    @keyframes veil-glass-orbit { 0%, 100% { transform: scale(0.9) rotate(0deg); } 50% { transform: scale(1.08) rotate(180deg); } }
+    @keyframes veil-morph-shape {
+      0%, 100% { border-radius: 50%; transform: rotate(0deg); }
+      33% { border-radius: 8px; transform: rotate(90deg); }
+      66% { border-radius: 20px; transform: rotate(180deg); }
+    }
+  `,document.head.appendChild(t);}var j={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"}},me="en",F={};function Y(t){me=t;}function W(t){Object.assign(F,t);}function Oe(t){return F[t]?F[t]:(j[me]||j.en)[t]||j.en[t]||"Loading\u2026"}function pe(t,e){t.setAttribute("aria-busy","true");let i=t.querySelector(".veil-sr-only");return i||(i=document.createElement("span"),i.className="veil-sr-only",i.setAttribute("role","status"),i.setAttribute("aria-live","polite"),t.appendChild(i)),i.textContent=e||Oe("loading"),i}function he(t){t.removeAttribute("aria-busy");let e=t.querySelector(".veil-sr-only");e&&e.remove();}var M=new Map,q="",_=class{show(e,i={}){p();let r,a=!e;if(a?r=document.body:typeof e=="string"?(r=document.querySelector(e),r||(r=document.body)):r=e,M.has(r))return M.get(r);let l=document.createElement("div");if(l.className=`veil-overlay ${a?"veil-overlay-fullscreen":""} ${i.className||""}`.trim(),l.setAttribute("role","status"),i.color&&l.style.setProperty("--veil-overlay-bg",i.color),i.blur!==void 0){let n=typeof i.blur=="boolean"?i.blur?"8px":"0px":i.blur;l.style.setProperty("--veil-overlay-blur",n);}if(i.zIndex!==void 0&&(l.style.zIndex=String(i.zIndex)),i.spinner!==false){let n=typeof i.spinner=="string"?i.spinner:"ring",s=v({type:n,size:36});l.appendChild(s);}if(i.message){let n=document.createElement("span");n.className="veil-overlay-message",n.style.fontSize="14px",n.style.fontWeight="500",n.style.color="var(--veil-contrast, #1f2937)",n.textContent=i.message,l.appendChild(n);}return a||window.getComputedStyle(r).position==="static"&&(r.style.position="relative"),pe(r,i.message),i.lockScroll&&a&&typeof document<"u"&&(q=document.body.style.overflow,document.body.style.overflow="hidden"),r.appendChild(l),M.set(r,l),l}hide(e){let i,r=!e;r?i=document.body:typeof e=="string"?(i=document.querySelector(e),i||(i=document.body)):i=e;let a=M.get(i);a&&(a.style.opacity="0",setTimeout(()=>{a.remove(),M.delete(i),he(i),r&&q!==void 0&&(document.body.style.overflow=q);},200));}},b=new _;function ye(t,e={}){p();let i="",r="",a=[],l=null,n=null;function s(d,c){if(d){if(!t.classList.contains("veil-btn-loading")){let u=t.getBoundingClientRect();if(i=t.style.width,r=t.style.height,u.width>0&&(t.style.width=`${u.width}px`),u.height>0&&(t.style.height=`${u.height}px`),t.classList.add("veil-btn-loading"),t.setAttribute("aria-disabled","true"),t.setAttribute("aria-busy","true"),e.spinnerPlacement==="replace"){a=Array.from(t.childNodes),t.innerHTML="";let h=v({type:e.spinner||"ring",size:18,color:"currentColor"});t.appendChild(h);}else {l=document.createElement("span"),l.className="veil-btn-spinner-wrap";let h=v({type:e.spinner||"ring",size:16,color:"currentColor"});l.appendChild(h),t.insertBefore(l,t.firstChild),(c||e.loadingText)&&(n=document.createTextNode(` ${c||e.loadingText}`),t.appendChild(n));}}}else if(t.classList.contains("veil-btn-loading"))if(t.classList.remove("veil-btn-loading"),t.removeAttribute("aria-disabled"),t.removeAttribute("aria-busy"),t.style.width=i,t.style.height=r,e.spinnerPlacement==="replace"){t.innerHTML="";for(let u of a)t.appendChild(u);a=[];}else l&&(l.remove(),l=null),n&&(n.remove(),n=null);}return e.loading&&s(true,e.loadingText),{setLoading:s,destroy:()=>s(false)}}function ge(t){p();let e=document.createElement("div");if(e.className=`veil-lazy-img-wrap ${t.className||""}`.trim(),e.style.position="relative",e.style.display="inline-block",e.style.overflow="hidden",t.width&&(e.style.width=typeof t.width=="number"?`${t.width}px`:t.width),t.height&&(e.style.height=typeof t.height=="number"?`${t.height}px`:t.height),t.aspectRatio&&(e.style.aspectRatio=String(t.aspectRatio)),t.radius){let a=typeof t.radius=="number"?`${t.radius}px`:t.radius;e.style.borderRadius=a;}let i=o({animation:t.animation||"shimmer",theme:t.theme,width:"100%",height:"100%",radius:t.radius});i.style.position="absolute",i.style.inset="0",e.appendChild(i);let r=document.createElement("img");return r.alt=t.alt||"",r.className="veil-lazy-img veil-lazy-img-loading",r.style.width="100%",r.style.height="100%",r.style.objectFit="cover",r.style.display="block",r.onload=()=>{r.classList.remove("veil-lazy-img-loading"),r.classList.add("veil-lazy-img-loaded"),i.style.opacity="0",setTimeout(()=>{i.remove();},350),t.onLoad&&t.onLoad();},r.onerror=a=>{t.fallbackSrc&&r.src!==t.fallbackSrc?r.src=t.fallbackSrc:(i.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"),t.onError&&t.onError(a);},r.src=t.src,e.appendChild(r),e}var fe=defineComponent({name:"VSkeleton",props:{type:{type:String,default:"rect"},width:{type:[String,Number]},height:{type:[String,Number]},radius:{type:[String,Number]},count:{type:Number,default:1},gap:{type:[String,Number],default:"0.5rem"},lines:{type:Number},lastLineWidth:{type:[String,Number],default:"65%"},animation:{type:String,default:"shimmer"},theme:{type:String,default:"light"},circle:{type:Boolean,default:false},label:{type:String,default:"Loading"}},setup(t,{slots:e}){return onMounted(()=>p()),()=>{let i=t.circle?"circle":t.lines?"line":t.type,r=t.lines||(t.count>1?t.count:1);if(r>1){let a=["100%","94%","88%","75%"];return h("div",{class:"veil-lines-group",role:"status","aria-label":t.label,style:{display:"flex",flexDirection:"column",gap:typeof t.gap=="number"?`${t.gap}px`:t.gap}},[h("span",{class:"veil-sr-only"},t.label),...Array.from({length:r}).map((l,n)=>{let d=n===r-1?t.lastLineWidth:a[n%a.length]||"95%";return h("div",{key:n,class:"veil-skeleton","data-veil-shape":"line","data-veil-anim":t.animation,"data-veil-theme":t.theme,"aria-hidden":"true",style:{width:typeof d=="number"?`${d}px`:d,"--veil-stagger-idx":n}})})])}return h("div",{class:"veil-skeleton","data-veil-shape":i,"data-veil-anim":t.animation,"data-veil-theme":t.theme,role:"status","aria-label":t.label,style:{width:typeof t.width=="number"?`${t.width}px`:t.width,height:typeof t.height=="number"?`${t.height}px`:t.height,borderRadius:t.circle?"50%":typeof t.radius=="number"?`${t.radius}px`:t.radius}},[h("span",{class:"veil-sr-only"},t.label),e.default?e.default():null])}}}),ve=defineComponent({name:"VVeil",props:{loading:{type:Boolean,required:true},cacheKey:{type:String},persistCache:{type:Boolean,default:false},reveal:{type:String,default:"fade"}},setup(t,{slots:e}){let i=ref(null),r=null;return watch(()=>t.loading,a=>{i.value&&(a?r=T(i.value,{cacheKey:t.cacheKey,persistCache:t.persistCache,reveal:t.reveal}):r&&(r.destroy(),r=null));},{immediate:true}),onUnmounted(()=>{r&&r.destroy();}),()=>h("div",{ref:i,class:"veil-vue-wrapper",style:{position:"relative"}},e.default?.())}}),be=defineComponent({name:"VSpinner",props:{type:{type:String,default:"ring"},size:{type:[String,Number],default:28},color:{type:String},label:{type:String,default:"Loading"}},setup(t){let e=ref(null);return onMounted(()=>{if(!e.value)return;let i=v({type:t.type,size:t.size,color:t.color,label:t.label});e.value.appendChild(i);}),()=>h("div",{ref:e,class:"veil-spinner-vue",style:{display:"inline-flex"}})}}),xe=defineComponent({name:"VProgressBar",props:{value:{type:Number},circular:{type:Boolean,default:false},size:{type:[String,Number]},color:{type:String}},setup(t){let e=ref(null);return onMounted(()=>{if(!e.value)return;let i=ne(t);e.value.appendChild(i);}),()=>h("div",{ref:e,class:"veil-progress-vue"})}}),we=defineComponent({name:"VOverlay",props:{visible:{type:Boolean,default:false},blur:{type:Boolean,default:true},message:{type:String},spinner:{type:String,default:"ring"}},setup(t,{slots:e}){let i=ref(null);return watch(()=>t.visible,r=>{i.value&&(r?b.show(i.value,{blur:t.blur,message:t.message,spinner:t.spinner}):b.hide(i.value));}),onUnmounted(()=>{i.value&&b.hide(i.value);}),()=>h("div",{ref:i,class:"veil-overlay-vue",style:{position:"relative"}},e.default?.())}}),ke=defineComponent({name:"VLoadingButton",props:{loading:{type:Boolean,default:false},spinner:{type:String,default:"ring"},loadingText:{type:String}},setup(t,{slots:e}){let i=ref(null),r=null;return onMounted(()=>{i.value&&(r=ye(i.value,{loading:t.loading,spinner:t.spinner,loadingText:t.loadingText}));}),watch(()=>t.loading,a=>{r&&r.setLoading(a,t.loadingText);}),onUnmounted(()=>{r&&r.destroy();}),()=>h("button",{ref:i,class:"veil-button"},e.default?.())}}),Te=defineComponent({name:"VLazyImage",props:{src:{type:String,required:true},alt:{type:String,default:""},width:{type:[String,Number]},height:{type:[String,Number]},radius:{type:[String,Number]}},setup(t){let e=ref(null);return onMounted(()=>{if(!e.value)return;let i=ge(t);e.value.appendChild(i);}),()=>h("div",{ref:e,class:"veil-lazy-img-vue"})}});function E(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 i={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({...i,type:"rect",height:"180px",radius:"8px"}),a=o({...i,type:"heading",width:"70%",height:"24px"}),l=w(2,i),n=o({...i,type:"button",width:"110px",height:"36px"});e.append(r,a,l,n);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({...i,type:"rect",height:"200px",radius:"10px"}),a=o({...i,type:"badge",width:"50px",height:"18px"}),l=o({...i,type:"line",width:"85%",height:"18px"}),n=o({...i,type:"line",width:"40%",height:"22px"}),s=o({...i,type:"button",width:"100%",height:"38px"});e.append(r,a,l,n,s);break}case "product-grid":{let r=t.items||4,a=t.columns||2;e.style.display="grid",e.style.gridTemplateColumns=`repeat(${a}, minmax(0, 1fr))`,e.style.gap="16px";for(let l=0;l<r;l++){let n=E({...t,name:"product-card"});n.style.setProperty("--veil-stagger-idx",String(l)),e.appendChild(n);}break}case "list-item":{e.style.display="flex",e.style.alignItems="center",e.style.gap="14px",e.style.padding="10px 0";let r=o({...i,type:"circle",width:"44px",height:"44px"}),a=document.createElement("div");a.style.flex="1",a.style.display="flex",a.style.flexDirection="column",a.style.gap="6px";let l=o({...i,type:"line",width:"55%",height:"16px"}),n=o({...i,type:"line",width:"35%",height:"12px"});a.append(l,n);let s=o({...i,type:"icon",width:"24px",height:"24px"});e.append(r,a,s);break}case "list":{let r=t.items||5;e.style.display="flex",e.style.flexDirection="column",e.style.gap="8px";for(let a=0;a<r;a++){let l=E({...t,name:"list-item"});l.style.setProperty("--veil-stagger-idx",String(a)),e.appendChild(l);}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 a=t.columns||4;for(let n=0;n<a;n++){let s=o({...i,type:"line",width:`${100/a}%`,height:"20px"});r.appendChild(s);}e.appendChild(r);let l=t.items||5;for(let n=0;n<l;n++){let s=document.createElement("div");s.style.display="flex",s.style.gap="16px",s.style.padding="8px 0",s.style.borderBottom="1px solid rgba(0,0,0,0.04)";for(let d=0;d<a;d++){let c=o({...i,type:"line",width:`${100/a}%`,height:"14px"});s.appendChild(c);}s.style.setProperty("--veil-stagger-idx",String(n)),e.appendChild(s);}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({...i,type:"circle",width:"80px",height:"80px"}),a=o({...i,type:"heading",width:"160px",height:"22px"}),l=w(2,{...i,width:"240px"}),n=o({...i,type:"button",width:"120px",height:"36px"});e.append(r,a,l,n);break}case "profile-header":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let r=o({...i,type:"rect",height:"140px",radius:"10px"}),a=document.createElement("div");a.style.display="flex",a.style.alignItems="flex-end",a.style.gap="16px",a.style.marginTop="-40px",a.style.paddingLeft="20px";let l=o({...i,type:"circle",width:"72px",height:"72px"});l.style.border="4px solid white";let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.style.flex="1";let s=o({...i,type:"heading",width:"140px",height:"20px"}),d=o({...i,type:"line",width:"90px",height:"14px"});n.append(s,d),a.append(l,n);let c=w(2,i);e.append(r,a,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 a=o({...i,type:"circle",width:"40px",height:"40px"}),l=document.createElement("div");l.style.display="flex",l.style.flexDirection="column",l.style.gap="4px",l.append(o({...i,type:"line",width:"110px",height:"14px"}),o({...i,type:"line",width:"60px",height:"10px"})),r.append(a,l);let n=w(3,i),s=o({...i,type:"rect",height:"180px",radius:"8px"}),d=document.createElement("div");d.style.display="flex",d.style.gap="24px",d.append(o({...i,type:"icon",width:"20px",height:"20px"}),o({...i,type:"icon",width:"20px",height:"20px"}),o({...i,type:"icon",width:"20px",height:"20px"})),e.append(r,n,s,d);break}case "article":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="16px";let r=o({...i,type:"rect",height:"240px",radius:"10px"}),a=o({...i,type:"heading",width:"80%",height:"32px"}),l=o({...i,type:"line",width:"30%",height:"14px"}),n=w(4,i),s=w(3,i);e.append(r,a,l,n,s);break}case "comment-thread":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="14px";let r=t.items||3;for(let a=0;a<r;a++){let l=E({...t,name:"list-item"});if(l.style.setProperty("--veil-stagger-idx",String(a)),e.appendChild(l),a===1){let n=E({...t,name:"list-item"});n.style.marginLeft="40px",e.appendChild(n);}}break}case "chat":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="12px";let r=[{isSelf:false,width:"60%"},{isSelf:true,width:"45%"},{isSelf:false,width:"75%"},{isSelf:true,width:"50%"}];for(let a=0;a<r.length;a++){let l=r[a],n=document.createElement("div");n.style.display="flex",n.style.gap="8px",n.style.justifyContent=l.isSelf?"flex-end":"flex-start",l.isSelf||n.appendChild(o({...i,type:"circle",width:"28px",height:"28px"}));let s=o({...i,type:"rect",width:l.width,height:"36px",radius:"16px"});n.appendChild(s),n.style.setProperty("--veil-stagger-idx",String(a)),e.appendChild(n);}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 s=0;s<4;s++){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({...i,type:"line",width:"50%",height:"14px"}),o({...i,type:"heading",width:"70%",height:"24px"})),r.appendChild(d);}let a=document.createElement("div");a.style.display="grid",a.style.gridTemplateColumns="repeat(auto-fit, minmax(280px, 1fr))",a.style.gap="16px";let l=o({...i,type:"rect",height:"220px",radius:"10px"}),n=o({...i,type:"rect",height:"220px",radius:"10px"});a.append(l,n),e.append(r,a);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({...i,type:"heading",width:"40%",height:"26px"});e.appendChild(r);for(let l=0;l<3;l++){let n=document.createElement("div");n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.append(o({...i,type:"line",width:"25%",height:"12px"}),o({...i,type:"input",width:"100%",height:"40px"})),e.appendChild(n);}let a=o({...i,type:"button",width:"140px",height:"40px"});e.appendChild(a);break}case "media-card":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="10px";let r=o({...i,type:"rect",height:"180px",radius:"10px"}),a=document.createElement("div");a.style.display="flex",a.style.gap="12px";let l=o({...i,type:"circle",width:"38px",height:"38px"}),n=document.createElement("div");n.style.flex="1",n.style.display="flex",n.style.flexDirection="column",n.style.gap="6px",n.append(o({...i,type:"line",width:"85%",height:"16px"}),o({...i,type:"line",width:"50%",height:"12px"})),a.append(l,n),e.append(r,a);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({...i,type:"rect",width:"100px",height:"28px",radius:"6px"}),a=document.createElement("div");a.style.display="flex",a.style.gap="20px";for(let n=0;n<4;n++)a.appendChild(o({...i,type:"line",width:"60px",height:"14px"}));let l=document.createElement("div");l.style.display="flex",l.style.alignItems="center",l.style.gap="12px",l.append(o({...i,type:"input",width:"140px",height:"32px"}),o({...i,type:"circle",width:"32px",height:"32px"})),e.append(r,a,l);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({...i,type:"rect",width:"120px",height:"32px",radius:"6px"}));for(let l=0;l<5;l++){let n=document.createElement("div");n.style.display="flex",n.style.alignItems="center",n.style.gap="10px",n.append(o({...i,type:"icon",width:"20px",height:"20px"}),o({...i,type:"line",width:"90px",height:"14px"})),r.appendChild(n);}let a=document.createElement("div");a.style.display="flex",a.style.alignItems="center",a.style.gap="10px",a.append(o({...i,type:"circle",width:"36px",height:"36px"}),o({...i,type:"line",width:"80px",height:"14px"})),e.append(r,a);break}case "settings-page":{e.style.display="flex",e.style.flexDirection="column",e.style.gap="24px",e.style.padding="24px";let r=o({...i,type:"heading",width:"220px",height:"30px"});e.appendChild(r);for(let a=0;a<3;a++){let l=document.createElement("div");l.style.display="flex",l.style.alignItems="center",l.style.justifyContent="space-between",l.style.padding="14px 0",l.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(o({...i,type:"line",width:"160px",height:"16px"}),o({...i,type:"line",width:"240px",height:"12px"}));let s=o({...i,type:"button",width:"50px",height:"28px",radius:"14px"});l.append(n,s),e.appendChild(l);}break}}return e}async function G(t,e={}){let i=x.start(e.id);e.progress&&y.start();let r=new C({delay:e.delay!==void 0?e.delay:150,minVisible:e.minVisible!==void 0?e.minVisible:300,onShow:()=>{e.overlay&&b.show(e.target),e.onStart&&e.onStart();},onHide:()=>{e.overlay&&b.hide(e.target),e.onFinish&&e.onFinish();}});r.start();try{return await(typeof t=="function"?t():t)}catch(a){throw e.progress&&y.fail(),a}finally{x.stop(i),e.progress&&y.done(),r.finish();}}function Se(t=typeof window<"u"?window.fetch.bind(window):fetch,e={}){return async function(r,a){return G(()=>t(r,a),e)}}var U=class{config={};configure(e){Object.assign(this.config,e),e.nonce&&ie(e.nonce),e.locale&&Y(e.locale),e.labels&&W(e.labels),p(e.nonce);}skeleton(e,i={}){p();let r=typeof e=="string"?document.querySelector(e):e;if(!r)throw new Error("[Veilkit] Target element not found for skeleton.");let a=null,l=false,n=()=>{l||(l=true,r.setAttribute("aria-busy","true"),a=T(r,i,i));},s=()=>{l&&(l=false,r.removeAttribute("aria-busy"),a&&(a.destroy(),a=null));},d=u=>{Object.assign(i,u),a&&a.refresh();},c=()=>{s();};return n(),{element:r,show:n,hide:s,update:d,destroy:c}}spinner(e,i={}){let r=typeof e=="string"?document.querySelector(e):e,a=v(i);return r&&r.appendChild(a),a}overlay=b;progress=y;manager=x;track=G;wrapFetch=Se;setLocale=Y;setLabels=W;createTheme=R;getThemeTokens=Z;createSkeleton=o;createPrimitive=oe;createPreset=E},De=new U,z=De;var Be={install(t,e={}){z.configure(e),t.directive("veil",ce),t.component("VSkeleton",fe),t.component("VVeil",ve),t.component("VSpinner",be),t.component("VProgressBar",xe),t.component("VOverlay",we),t.component("VLoadingButton",ke),t.component("VLazyImage",Te),t.config.globalProperties.$veil=z,t.provide("veil",z);}};function ci(t){typeof window<"u"&&(p(),t?.hook&&(t.hook("page:start",()=>{y.start();}),t.hook("page:finish",()=>{y.done();})));}export{Te as VLazyImage,ke as VLoadingButton,we as VOverlay,xe as VProgressBar,fe as VSkeleton,be as VSpinner,ve as VVeil,Be as default,ci as defineNuxtVeilkit,Pe as useDelayedLoading,tt as useLoading,et as useProgress,ce as vVeil,Be as veilkitPlugin};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map