loading-state-zoo 0.1.2 → 0.2.0

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";var ce=Object.defineProperty;var ge=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var xe=Object.prototype.hasOwnProperty;var fe=e=>{throw TypeError(e)};var _e=(e,t)=>{for(var r in t)ce(e,r,{get:t[r],enumerable:!0})},Ae=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of be(t))!xe.call(e,o)&&o!==r&&ce(e,o,{get:()=>t[o],enumerable:!(i=ge(t,o))||i.enumerable});return e};var Te=e=>Ae(ce({},"__esModule",{value:!0}),e);var ze=(e,t,r)=>t.has(e)||fe("Cannot "+r);var me=(e,t,r)=>(ze(e,t,"read from private field"),r?r.call(e):t.get(e)),he=(e,t,r)=>t.has(e)?fe("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),ve=(e,t,r,i)=>(ze(e,t,"write to private field"),i?i.call(e,r):t.set(e,r),r);var Se={};_e(Se,{ARC_SPINNER_TAG:()=>B,BOUNCING_DOTS_TAG:()=>k,BREATHING_PULSE_TAG:()=>J,DOT_GRID_WAVE_TAG:()=>L,EQUALIZER_TAG:()=>te,EYES_TAG:()=>F,HELIX_DOTS_TAG:()=>O,INDETERMINATE_PROGRESS_BAR_TAG:()=>ie,KEYFRAMES:()=>pe,LZPattern:()=>a,MATERIAL_DOUBLE_ARC_TAG:()=>Y,MORPHING_SQUARE_TAG:()=>V,ORBIT_DOTS_TAG:()=>W,ORBIT_RING_DOTS_TAG:()=>X,PROGRESS_RING_TAG:()=>ae,SCAN_SWEEP_TAG:()=>U,SCOPED_CSS:()=>E,SKELETON_SHIMMER_TAG:()=>le,TYPING_DOTS_TAG:()=>S,WAVE_DOTS_TAG:()=>N,define:()=>s,defineAll:()=>ne,defineArcSpinner:()=>m,defineBouncingDots:()=>d,defineBreathingPulse:()=>_,defineDotGridWave:()=>z,defineEqualizer:()=>A,defineEyes:()=>b,defineHelixDots:()=>f,defineIndeterminateProgressBar:()=>y,defineMaterialDoubleArc:()=>h,defineMorphingSquare:()=>x,defineOrbitDots:()=>u,defineOrbitRingDots:()=>g,defineProgressRing:()=>T,defineScanSweep:()=>v,defineSkeletonShimmer:()=>w,defineTypingDots:()=>c,defineWaveDots:()=>p});module.exports=Te(Se);var pe=`
+"use strict";var Ae=Object.defineProperty;var Ge=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var Le=Object.prototype.hasOwnProperty;var we=e=>{throw TypeError(e)};var Ne=(e,i)=>{for(var t in i)Ae(e,t,{get:i[t],enumerable:!0})},Ie=(e,i,t,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of Pe(i))!Le.call(e,o)&&o!==t&&Ae(e,o,{get:()=>i[o],enumerable:!(s=Ge(i,o))||s.enumerable});return e};var Oe=e=>Ie(Ae({},"__esModule",{value:!0}),e);var ye=(e,i,t)=>i.has(e)||we("Cannot "+t);var ke=(e,i,t)=>(ye(e,i,"read from private field"),t?t.call(e):i.get(e)),Ee=(e,i,t)=>i.has(e)?we("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(e):i.set(e,t),Se=(e,i,t,s)=>(ye(e,i,"write to private field"),s?s.call(e,t):i.set(e,t),t);var Ze={};Ne(Ze,{ARC_SPINNER_TAG:()=>$,BOUNCING_DOTS_TAG:()=>N,BREATHING_PULSE_TAG:()=>ae,DOT_GRID_WAVE_TAG:()=>Y,ELLIPSIS_TAG:()=>me,EQUALIZER_TAG:()=>oe,EYES_TAG:()=>ee,HELIX_DOTS_TAG:()=>C,INDETERMINATE_PROGRESS_BAR_TAG:()=>ce,KEYFRAMES:()=>Te,LZPattern:()=>r,MATERIAL_DOUBLE_ARC_TAG:()=>K,MORPHING_SQUARE_TAG:()=>re,ORBIT_DOTS_TAG:()=>Q,ORBIT_RING_DOTS_TAG:()=>j,PROGRESS_BAR_TAG:()=>ve,PROGRESS_RING_TAG:()=>ne,SCAN_SWEEP_TAG:()=>X,SCOPED_CSS:()=>P,SKELETON_CARD_TAG:()=>ge,SKELETON_LIST_TAG:()=>xe,SKELETON_SHIMMER_TAG:()=>fe,TYPING_DOTS_TAG:()=>O,WAVE_DOTS_TAG:()=>M,define:()=>a,defineAll:()=>_e,defineArcSpinner:()=>h,defineBouncingDots:()=>c,defineBreathingPulse:()=>A,defineDotGridWave:()=>m,defineEllipsis:()=>E,defineEqualizer:()=>T,defineEyes:()=>x,defineHelixDots:()=>z,defineIndeterminateProgressBar:()=>y,defineMaterialDoubleArc:()=>v,defineMorphingSquare:()=>_,defineOrbitDots:()=>g,defineOrbitRingDots:()=>b,defineProgressBar:()=>S,defineProgressRing:()=>w,defineScanSweep:()=>u,defineSkeletonCard:()=>R,defineSkeletonList:()=>G,defineSkeletonShimmer:()=>k,defineTypingDots:()=>p,defineWaveDots:()=>f});module.exports=Oe(Ze);var Te=`
 @keyframes lz-spin { to { transform: rotate(360deg); } }
 @keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }
 @keyframes lz-dot-bounce {
@@ -59,7 +59,12 @@
   50% { transform: scale(1); opacity: 1; }
   100% { transform: scale(var(--lz-grid-min, 0.3)); opacity: var(--lz-grid-fade, 0.15); }
 }
-`,E=`
+@keyframes lz-ellipsis-dot {
+  0%, 20% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }
+  40%, 80% { opacity: 1; transform: scale(1); }
+  100% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }
+}
+`,P=`
 :host {
   display: inline-flex;
   font-size: var(--lz-size, 44px);
@@ -68,9 +73,9 @@
 .lz-root {
   display: contents;
 }
-${pe}
-`;var ye=typeof HTMLElement<"u",we=ye?HTMLElement:class{},n,a=class extends we{constructor(){super(...arguments);he(this,n,!1)}connectedCallback(){let r=this.shadowRoot??this.attachShadow({mode:"open"});r.innerHTML=`<style>${E}
-${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".lz-root"),ve(this,n,!0),this.paint()}attributeChangedCallback(){me(this,n)&&this.paint()}paint(){this.sync();let r=this._rootEl;r&&(r.innerHTML=this.template())}num(r,i){let o=this.getAttribute(r);if(o===null||o==="")return i;let l=Number(o);return Number.isFinite(l)?l:i}varPx(r,i,o){let l=this.getAttribute(i);l!==null&&l!==""&&Number.isFinite(Number(l))?this.style.setProperty(r,`${Number(l)}px`):this.style.removeProperty(r)}varNum(r,i,o){let l=this.getAttribute(i);l!==null&&l!==""&&Number.isFinite(Number(l))?this.style.setProperty(r,String(Number(l))):this.style.removeProperty(r)}varRaw(r,i,o){let l=this.getAttribute(i);l!==null&&l!==""?this.style.setProperty(r,l):this.style.removeProperty(r)}};n=new WeakMap,a.observedAttributes=[];function s(e,t){typeof customElements>"u"||customElements.get(e)||customElements.define(e,t)}var k="lz-bouncing-dots",R=class extends a{constructor(){super(...arguments);this.css=`
+${Te}
+`;var De=typeof HTMLElement<"u",Me=De?HTMLElement:class{},d,r=class extends Me{constructor(){super(...arguments);Ee(this,d,!1)}connectedCallback(){let t=this.shadowRoot??this.attachShadow({mode:"open"});t.innerHTML=`<style>${P}
+${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".lz-root"),Se(this,d,!0),this.paint()}attributeChangedCallback(){ke(this,d)&&this.paint()}paint(){this.sync();let t=this._rootEl;t&&(t.innerHTML=this.template())}num(t,s){let o=this.getAttribute(t);if(o===null||o==="")return s;let l=Number(o);return Number.isFinite(l)?l:s}varPx(t,s,o){let l=this.getAttribute(s);l!==null&&l!==""&&Number.isFinite(Number(l))?this.style.setProperty(t,`${Number(l)}px`):this.style.removeProperty(t)}varNum(t,s,o){let l=this.getAttribute(s);l!==null&&l!==""&&Number.isFinite(Number(l))?this.style.setProperty(t,String(Number(l))):this.style.removeProperty(t)}varRaw(t,s,o){let l=this.getAttribute(s);l!==null&&l!==""?this.style.setProperty(t,l):this.style.removeProperty(t)}};d=new WeakMap,r.observedAttributes=[];function a(e,i){typeof customElements>"u"||customElements.get(e)||customElements.define(e,i)}var N="lz-bouncing-dots",L=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 8px); }
 .lz-dots { display: flex; gap: 0.7em; }
 .lz-dot {
@@ -80,7 +85,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 }
 .lz-dot:nth-child(2) { animation-delay: 0.15s; }
 .lz-dot:nth-child(3) { animation-delay: 0.3s; }
-`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};R.observedAttributes=["size","color","speed"];function d(){s(k,R)}var S="lz-typing-dots",G=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};L.observedAttributes=["size","color","speed"];function c(){a(N,L)}var O="lz-typing-dots",I=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 8px); }
 .lz-dots { display: flex; gap: 0.8em; }
 .lz-dot {
@@ -90,7 +95,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 }
 .lz-dot:nth-child(2) { animation-delay: -0.18s; }
 .lz-dot:nth-child(3) { animation-delay: -0.36s; }
-`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};G.observedAttributes=["size","color","speed"];function c(){s(S,G)}var N="lz-wave-dots",P=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};I.observedAttributes=["size","color","speed"];function p(){a(O,I)}var M="lz-wave-dots",D=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 8px); }
 .lz-dots { display: flex; gap: 0.6em; }
 .lz-dot {
@@ -101,7 +106,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .lz-dot:nth-child(2) { animation-delay: -0.1s; }
 .lz-dot:nth-child(3) { animation-delay: -0.2s; }
 .lz-dot:nth-child(4) { animation-delay: -0.3s; }
-`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};P.observedAttributes=["size","color","speed"];function p(){s(N,P)}var O="lz-helix-dots",Ee=1.4,I=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};D.observedAttributes=["size","color","speed"];function f(){a(M,D)}var C="lz-helix-dots",Be=1.4,B=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 6px); }
 .lz-dots { display: flex; gap: 0.9em; }
 .lz-dot {
@@ -109,7 +114,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-color, #f5f5f7);
   animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
 }
-`}template(){let r=Math.max(1,this.num("count",10)),i='<div class="lz-dots" role="status" aria-label="Loading">';for(let o=0;o<r;o++)i+=`<span class="lz-dot" style="animation-delay:-${(Ee/r*o).toFixed(3)}s"></span>`;return`${i}</div>`}sync(){this.varPx("--lz-size","size",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};I.observedAttributes=["size","count","color","speed"];function f(){s(O,I)}var L="lz-dot-grid-wave",D=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){let t=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let o=0;o<t;o++)s+=`<span class="lz-dot" style="animation-delay:-${(Be/t*o).toFixed(3)}s"></span>`;return`${s}</div>`}sync(){this.varPx("--lz-size","size",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};B.observedAttributes=["size","count","color","speed"];function z(){a(C,B)}var Y="lz-dot-grid-wave",H=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 6px); }
 .lz-grid {
   display: grid;
@@ -121,10 +126,10 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-color, #f5f5f7);
   animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
 }
-`}template(){let r=Math.max(1,this.num("rows",4)),i=Math.max(1,this.num("cols",5)),o='<div class="lz-grid" role="status" aria-label="Loading">';for(let l=0;l<r;l++)for(let de=0;de<i;de++)o+=`<span class="lz-dot" style="animation-delay:-${((l+de)*.08).toFixed(3)}s"></span>`;return`${o}</div>`}sync(){this.varPx("--lz-size","size",6),this.varNum("--lz-cols","cols",5),this.varPx("--lz-grid-gap","gap",12),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};D.observedAttributes=["rows","cols","size","gap","color","speed"];function z(){s(L,D)}var B="lz-arc-spinner",Re=`
+`}template(){let t=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),o='<div class="lz-grid" role="status" aria-label="Loading">';for(let l=0;l<t;l++)for(let n=0;n<s;n++)o+=`<span class="lz-dot" style="animation-delay:-${((l+n)*.08).toFixed(3)}s"></span>`;return`${o}</div>`}sync(){this.varPx("--lz-size","size",6),this.varNum("--lz-cols","cols",5),this.varPx("--lz-grid-gap","gap",12),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};H.observedAttributes=["rows","cols","size","gap","color","speed"];function m(){a(Y,H)}var $="lz-arc-spinner",Ce=`
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
-`,M=class extends a{constructor(){super(...arguments);this.css=`
+`,Z=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
 .lz-ring {
   width: 100%; height: 100%; border-radius: 50%;
@@ -134,28 +139,28 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
     var(--lz-color, #f5f5f7) 110deg,
     transparent 111deg
   );
-  ${Re}
+  ${Ce}
   animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};M.observedAttributes=["size","stroke-width","color","speed"];function m(){s(B,M)}var Y="lz-material-double-arc",ke=`
+`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};Z.observedAttributes=["size","stroke-width","color","speed"];function h(){a($,Z)}var K="lz-material-double-arc",He=`
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
-`,C="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",H=class extends a{constructor(){super(...arguments);this.css=`
+`,U="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",W=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-arc {
   position: absolute; inset: 0; border-radius: 50%;
-  ${ke}
+  ${He}
 }
 .lz-arc-a {
-  background: conic-gradient(from 0deg, ${C} 0deg, ${C} 135deg, transparent 136deg);
+  background: conic-gradient(from 0deg, ${U} 0deg, ${U} 135deg, transparent 136deg);
   animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
 }
 .lz-arc-b {
   opacity: 0.6;
-  background: conic-gradient(from 200deg, ${C} 0deg, ${C} 90deg, transparent 91deg);
+  background: conic-gradient(from 200deg, ${U} 0deg, ${U} 90deg, transparent 91deg);
   animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-arc lz-arc-a" role="status" aria-label="Loading"></div><div class="lz-arc lz-arc-b"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};H.observedAttributes=["size","stroke-width","color","speed"];function h(){s(Y,H)}var U="lz-scan-sweep",Z=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-arc lz-arc-a" role="status" aria-label="Loading"></div><div class="lz-arc lz-arc-b"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};W.observedAttributes=["size","stroke-width","color","speed"];function v(){a(K,W)}var X="lz-scan-sweep",q=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-ring {
   position: absolute; inset: 0; border-radius: 50%;
@@ -182,7 +187,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   mask: radial-gradient(closest-side, #000 100%);
   animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-ring-inner"></div><div class="lz-core"></div><div class="lz-sweep"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varRaw("--lz-color-sweep","color-sweep"),this.varNum("--lz-speed","speed",1)}};Z.observedAttributes=["size","color","speed"];function v(){s(U,Z)}var W="lz-orbit-dots",$=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-ring-inner"></div><div class="lz-core"></div><div class="lz-sweep"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varRaw("--lz-color-sweep","color-sweep"),this.varNum("--lz-speed","speed",1)}};q.observedAttributes=["size","color","speed"];function u(){a(X,q)}var Q="lz-orbit-dots",F=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit {
   position: absolute; inset: 0;
@@ -197,7 +202,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }
 .lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
 .lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
-`}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};$.observedAttributes=["size","color","speed"];function u(){s(W,$)}var X="lz-orbit-ring-dots",ue=8,q=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};F.observedAttributes=["size","color","speed"];function g(){a(Q,F)}var j="lz-orbit-ring-dots",Re=8,V=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit { position: absolute; inset: 0; }
 .lz-dot {
@@ -208,7 +213,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-color, #f5f5f7);
   animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){let r='<div class="lz-orbit" role="status" aria-label="Loading">';for(let i=0;i<ue;i++){let o=360/ue*i;r+=`<span class="lz-dot" style="transform:rotate(${o}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(i*.15).toFixed(2)}s"></span>`}return`${r}</div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-dot-size","dot-size",7.92),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};q.observedAttributes=["size","dot-size","color","speed"];function g(){s(X,q)}var F="lz-eyes",K=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){let t='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<Re;s++){let o=360/Re*s;t+=`<span class="lz-dot" style="transform:rotate(${o}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(s*.15).toFixed(2)}s"></span>`}return`${t}</div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-dot-size","dot-size",7.92),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};V.observedAttributes=["size","dot-size","color","speed"];function b(){a(j,V)}var ee="lz-eyes",J=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); }
 .lz-eyes { display: flex; gap: 0.24em; }
 .lz-eye {
@@ -222,7 +227,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-pupil, rgba(0, 0, 0, 0.85));
   animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
 }
-`}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};K.observedAttributes=["size","color","speed"];function b(){s(F,K)}var V="lz-morphing-square",Q=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};J.observedAttributes=["size","color","speed"];function x(){a(ee,J)}var re="lz-morphing-square",te=class extends r{constructor(){super(...arguments);this.css=`
 :host {
   font-size: var(--lz-size, 44px);
   width: 1em; height: 1em;
@@ -230,14 +235,14 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));
   animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
 }
-`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-glow","glow"),this.varNum("--lz-speed","speed",1)}};Q.observedAttributes=["size","accent","speed"];function x(){s(V,Q)}var J="lz-breathing-pulse",j=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-glow","glow"),this.varNum("--lz-speed","speed",1)}};te.observedAttributes=["size","accent","speed"];function _(){a(re,te)}var ae="lz-breathing-pulse",ie=class extends r{constructor(){super(...arguments);this.css=`
 :host {
   font-size: var(--lz-size, 36px);
   width: 1em; height: 1em; border-radius: 50%;
   background: var(--lz-color, #f5f5f7);
   animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
 }
-`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",36),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};j.observedAttributes=["size","color","speed"];function _(){s(J,j)}var te="lz-equalizer",ee=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",36),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};ie.observedAttributes=["size","color","speed"];function A(){a(ae,ie)}var oe="lz-equalizer",se=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 22px); }
 .lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }
 .lz-bar {
@@ -250,12 +255,12 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
 .lz-bar:nth-child(2) { animation-delay: 0.12s; }
 .lz-bar:nth-child(3) { animation-delay: 0.24s; }
 .lz-bar:nth-child(4) { animation-delay: 0.36s; }
-`}template(){return'<div class="lz-eq" role="status" aria-label="Loading"><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span></div>'}sync(){this.varPx("--lz-size","size",22),this.varPx("--lz-bar-width","bar-width",3),this.varPx("--lz-gap","gap",3),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};ee.observedAttributes=["size","bar-width","gap","color","speed"];function A(){s(te,ee)}var ae="lz-progress-ring",Ge=`
+`}template(){return'<div class="lz-eq" role="status" aria-label="Loading"><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span></div>'}sync(){this.varPx("--lz-size","size",22),this.varPx("--lz-bar-width","bar-width",3),this.varPx("--lz-gap","gap",3),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};se.observedAttributes=["size","bar-width","gap","color","speed"];function T(){a(oe,se)}var ne="lz-progress-ring",Ye=`
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
-`,re=class extends a{constructor(){super(...arguments);this.css=`
+`,le=class extends r{constructor(){super(...arguments);this.css=`
 :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
-.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Ge} }
+.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Ye} }
 .lz-track {
   background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);
 }
@@ -263,7 +268,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
   transition: background 0.2s ease;
 }
-`}template(){return`<div class="lz-ring lz-track" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.max(0,Math.min(100,this.num("percent",0)))}"></div><div class="lz-ring lz-fill"></div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color"),this.varNum("--lz-speed","speed",1),this.varNum("--lz-percent","percent",0)}};re.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function T(){s(ae,re)}var ie="lz-indeterminate-progress-bar",se=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){return`<div class="lz-ring lz-track" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.max(0,Math.min(100,this.num("percent",0)))}"></div><div class="lz-ring lz-fill"></div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color"),this.varNum("--lz-speed","speed",1),this.varNum("--lz-percent","percent",0)}};le.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function w(){a(ne,le)}var ce="lz-indeterminate-progress-bar",de=class extends r{constructor(){super(...arguments);this.css=`
 :host {
   position: relative; display: inline-block;
   width: var(--lz-width, 160px); height: var(--lz-height, 6px);
@@ -276,7 +281,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: var(--lz-accent, #0a84ff);
   animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
 }
-`}template(){return'<div class="lz-bar" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};se.observedAttributes=["width","height","accent","track-color","speed"];function y(){s(ie,se)}var le="lz-skeleton-shimmer",oe=class extends a{constructor(){super(...arguments);this.css=`
+`}template(){return'<div class="lz-bar" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};de.observedAttributes=["width","height","accent","track-color","speed"];function y(){a(ce,de)}var fe="lz-skeleton-shimmer",pe=class extends r{constructor(){super(...arguments);this.css=`
 :host {
   position: relative; display: inline-block;
   width: var(--lz-width, 120px); height: var(--lz-height, 28px);
@@ -288,5 +293,81 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
   background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);
   animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
 }
-`}template(){return'<div class="lz-sheen" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",120),this.varPx("--lz-height","height",28),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varRaw("--lz-sheen","sheen"),this.varNum("--lz-speed","speed",1)}};oe.observedAttributes=["width","height","track-color","speed"];function w(){s(le,oe)}function ne(){d(),c(),p(),f(),z(),m(),h(),v(),u(),g(),b(),x(),_(),A(),T(),y(),w()}ne();0&&(module.exports={ARC_SPINNER_TAG,BOUNCING_DOTS_TAG,BREATHING_PULSE_TAG,DOT_GRID_WAVE_TAG,EQUALIZER_TAG,EYES_TAG,HELIX_DOTS_TAG,INDETERMINATE_PROGRESS_BAR_TAG,KEYFRAMES,LZPattern,MATERIAL_DOUBLE_ARC_TAG,MORPHING_SQUARE_TAG,ORBIT_DOTS_TAG,ORBIT_RING_DOTS_TAG,PROGRESS_RING_TAG,SCAN_SWEEP_TAG,SCOPED_CSS,SKELETON_SHIMMER_TAG,TYPING_DOTS_TAG,WAVE_DOTS_TAG,define,defineAll,defineArcSpinner,defineBouncingDots,defineBreathingPulse,defineDotGridWave,defineEqualizer,defineEyes,defineHelixDots,defineIndeterminateProgressBar,defineMaterialDoubleArc,defineMorphingSquare,defineOrbitDots,defineOrbitRingDots,defineProgressRing,defineScanSweep,defineSkeletonShimmer,defineTypingDots,defineWaveDots});
+`}template(){return'<div class="lz-sheen" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",120),this.varPx("--lz-height","height",28),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varRaw("--lz-sheen","sheen"),this.varNum("--lz-speed","speed",1)}};pe.observedAttributes=["width","height","track-color","speed"];function k(){a(fe,pe)}var me="lz-ellipsis",ze=class extends r{constructor(){super(...arguments);this.css=`
+:host {
+  display: inline-flex; gap: 0.2em; align-items: center;
+  font-size: var(--lz-size, 8px); line-height: 1;
+}
+.lz-dot {
+  width: 1em; height: 1em; border-radius: 50%;
+  background: var(--lz-color, #f5f5f7);
+  animation: lz-ellipsis-dot calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
+}
+.lz-dot:nth-child(2) { animation-delay: -0.45s; }
+.lz-dot:nth-child(3) { animation-delay: -0.9s; }
+`}template(){return'<span class="lz-dot" role="status" aria-label="Loading"></span><span class="lz-dot"></span><span class="lz-dot"></span>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};ze.observedAttributes=["size","color","speed"];function E(){a(me,ze)}var ve="lz-progress-bar",he=class extends r{constructor(){super(...arguments);this.css=`
+:host {
+  display: inline-block; position: relative;
+  width: var(--lz-width, 160px); height: var(--lz-height, 6px);
+  border-radius: calc(var(--lz-height, 6px) / 2);
+  overflow: hidden;
+  background: var(--lz-track, rgba(255,255,255,0.15));
+}
+.lz-fill {
+  position: absolute; top: 0; bottom: 0; left: 0; width: 100%;
+  transform-origin: left;
+  background: var(--lz-color, #f5f5f7);
+  border-radius: inherit;
+}
+`}template(){return'<div class="lz-fill"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color","rgba(255,255,255,0.15)"),this.varNum("--lz-speed","speed",1);let t=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${t}`);let s=this.shadowRoot?.querySelector(".lz-fill");s&&(s.style.transform=`scaleX(${t/100})`),this.setAttribute("aria-valuenow",String(t))}};he.observedAttributes=["width","height","percent","color","track-color","speed"];function S(){a(ve,he)}var ge="lz-skeleton-card",ue=class extends r{constructor(){super(...arguments);this.css=`
+:host {
+  position: relative; display: inline-block;
+  width: var(--lz-width, 200px); height: var(--lz-height, 64px);
+  border-radius: var(--lz-radius, 10px); overflow: hidden;
+  background: var(--lz-surface, #1c1c1e);
+}
+.lz-card-row {
+  display: flex; gap: 10px; padding: 12px;
+}
+.lz-avatar {
+  width: 40px; height: 40px; border-radius: 50%;
+  background: rgba(255,255,255,0.08); flex-shrink: 0;
+}
+.lz-lines { display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 0; }
+.lz-line {
+  height: 8px; border-radius: 4px;
+  background: rgba(255,255,255,0.08);
+}
+.lz-line-short { width: 60%; }
+.lz-sheen {
+  position: absolute; top: 0; bottom: 0; left: 0; width: 50%;
+  background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
+  animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
+}
+`}template(){return'<div class="lz-card-row" role="status" aria-label="Loading"><div class="lz-avatar"></div><div class="lz-lines"><div class="lz-line"></div><div class="lz-line lz-line-short"></div><div class="lz-line" style="width:80%"></div></div></div><div class="lz-sheen"></div>'}sync(){this.varPx("--lz-width","width",200),this.varPx("--lz-height","height",64),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};ue.observedAttributes=["width","height","track-color","speed"];function R(){a(ge,ue)}var xe="lz-skeleton-list",be=class extends r{constructor(){super(...arguments);this.css=`
+:host {
+  position: relative; display: block;
+  width: var(--lz-width, 180px);
+  border-radius: var(--lz-radius, 10px); overflow: hidden;
+  background: var(--lz-surface, #1c1c1e);
+}
+.lz-list-row {
+  display: flex; align-items: center; gap: 8px;
+  padding: 8px 12px;
+}
+.lz-list-avatar {
+  width: 28px; height: 28px; border-radius: 50%;
+  background: rgba(255,255,255,0.08); flex-shrink: 0;
+}
+.lz-list-line {
+  height: 8px; border-radius: 4px;
+  background: rgba(255,255,255,0.08); flex: 1;
+}
+.lz-list-line-fixed { height: 8px; border-radius: 4px; background: rgba(255,255,255,0.08); }
+.lz-sheen {
+  position: absolute; top: 0; bottom: 0; left: 0; width: 50%;
+  background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
+  animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
+}
+`}template(){let t=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],o='<div role="status" aria-label="Loading">';for(let l=0;l<t;l++){let n=s[l%s.length];o+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></div></div>`}return`${o}</div><div class="lz-sheen"></div>`}sync(){this.varPx("--lz-width","width",180),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};be.observedAttributes=["width","rows","track-color","speed"];function G(){a(xe,be)}function _e(){c(),p(),f(),z(),m(),h(),v(),u(),g(),b(),x(),_(),A(),T(),w(),y(),k(),E(),S(),R(),G()}_e();0&&(module.exports={ARC_SPINNER_TAG,BOUNCING_DOTS_TAG,BREATHING_PULSE_TAG,DOT_GRID_WAVE_TAG,ELLIPSIS_TAG,EQUALIZER_TAG,EYES_TAG,HELIX_DOTS_TAG,INDETERMINATE_PROGRESS_BAR_TAG,KEYFRAMES,LZPattern,MATERIAL_DOUBLE_ARC_TAG,MORPHING_SQUARE_TAG,ORBIT_DOTS_TAG,ORBIT_RING_DOTS_TAG,PROGRESS_BAR_TAG,PROGRESS_RING_TAG,SCAN_SWEEP_TAG,SCOPED_CSS,SKELETON_CARD_TAG,SKELETON_LIST_TAG,SKELETON_SHIMMER_TAG,TYPING_DOTS_TAG,WAVE_DOTS_TAG,define,defineAll,defineArcSpinner,defineBouncingDots,defineBreathingPulse,defineDotGridWave,defineEllipsis,defineEqualizer,defineEyes,defineHelixDots,defineIndeterminateProgressBar,defineMaterialDoubleArc,defineMorphingSquare,defineOrbitDots,defineOrbitRingDots,defineProgressBar,defineProgressRing,defineScanSweep,defineSkeletonCard,defineSkeletonList,defineSkeletonShimmer,defineTypingDots,defineWaveDots});
 //# sourceMappingURL=index.cjs.map