loading-state-zoo 0.1.2 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var ce=t=>{throw TypeError(t)};var pe=(t,s,r)=>s.has(t)||ce("Cannot "+r);var fe=(t,s,r)=>(pe(t,s,"read from private field"),r?r.call(t):s.get(t)),ze=(t,s,r)=>s.has(t)?ce("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(t):s.set(t,r),me=(t,s,r,i)=>(pe(t,s,"write to private field"),i?i.call(t,r):s.set(t,r),r);var he=`
1
+ var rt=a=>{throw TypeError(a)};var at=(a,i,r)=>i.has(a)||rt("Cannot "+r);var it=(a,i,r)=>(at(a,i,"read from private field"),r?r.call(a):i.get(a)),st=(a,i,r)=>i.has(a)?rt("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(a):i.set(a,r),ot=(a,i,r,s)=>(at(a,i,"write to private field"),s?s.call(a,r):i.set(a,r),r);var nt=`
2
2
  @keyframes lz-spin { to { transform: rotate(360deg); } }
3
3
  @keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }
4
4
  @keyframes lz-dot-bounce {
@@ -59,7 +59,49 @@ var ce=t=>{throw TypeError(t)};var pe=(t,s,r)=>s.has(t)||ce("Cannot "+r);var fe=
59
59
  50% { transform: scale(1); opacity: 1; }
60
60
  100% { transform: scale(var(--lz-grid-min, 0.3)); opacity: var(--lz-grid-fade, 0.15); }
61
61
  }
62
- `,W=`
62
+ @keyframes lz-ellipsis-dot {
63
+ 0%, 20% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }
64
+ 40%, 80% { opacity: 1; transform: scale(1); }
65
+ 100% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }
66
+ }
67
+ @keyframes lz-orb-breathe {
68
+ 0%, 100% { transform: scale(1); opacity: 1; }
69
+ 50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }
70
+ }
71
+ @keyframes lz-blob-morph {
72
+ 0% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }
73
+ 25% { border-radius: 58% 42% 55% 45% / 55% 48% 52% 45%; transform: rotate(6deg) scale(1.06); }
74
+ 50% { border-radius: 46% 54% 48% 52% / 48% 55% 45% 52%; transform: rotate(-5deg) scale(0.95); }
75
+ 75% { border-radius: 55% 45% 52% 48% / 46% 52% 48% 55%; transform: rotate(3deg) scale(1.05); }
76
+ 100% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }
77
+ }
78
+ @keyframes lz-siri-sheen {
79
+ 0% { transform: translate3d(-24%, -14%, 0) rotate(0deg); }
80
+ 100% { transform: translate3d(24%, 14%, 0) rotate(360deg); }
81
+ }
82
+ @keyframes lz-dot-orb {
83
+ 0%, 100% { opacity: var(--lz-orb-fade, 0.14); transform: scale(var(--lz-dot-min, 0.7)); }
84
+ 50% { opacity: 1; transform: scale(1); }
85
+ }
86
+ @keyframes lz-waveform {
87
+ 0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }
88
+ 50% { transform: scaleY(1); }
89
+ }
90
+ @keyframes lz-sonar-ring {
91
+ 0% { transform: scale(0.18); opacity: var(--lz-sonar-fade, 0.9); }
92
+ 100% { transform: scale(1); opacity: 0; }
93
+ }
94
+ @keyframes lz-note-bob {
95
+ 0%, 100% { transform: translateY(0); }
96
+ 45% { transform: translateY(var(--lz-note-bob, 0.35em)); }
97
+ 60% { transform: rotate(4deg) translateY(var(--lz-note-bob, 0.35em)); }
98
+ 75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }
99
+ }
100
+ @keyframes lz-needle-bob {
101
+ 0%, 100% { transform: rotate(38deg); }
102
+ 50% { transform: rotate(43deg); }
103
+ }
104
+ `,_e=`
63
105
  :host {
64
106
  display: inline-flex;
65
107
  font-size: var(--lz-size, 44px);
@@ -68,9 +110,9 @@ var ce=t=>{throw TypeError(t)};var pe=(t,s,r)=>s.has(t)||ce("Cannot "+r);var fe=
68
110
  .lz-root {
69
111
  display: contents;
70
112
  }
71
- ${he}
72
- `;var ue=typeof HTMLElement<"u",ge=ue?HTMLElement:class{},n,e=class extends ge{constructor(){super(...arguments);ze(this,n,!1)}connectedCallback(){let r=this.shadowRoot??this.attachShadow({mode:"open"});r.innerHTML=`<style>${W}
73
- ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".lz-root"),me(this,n,!0),this.paint()}attributeChangedCallback(){fe(this,n)&&this.paint()}paint(){this.sync();let r=this._rootEl;r&&(r.innerHTML=this.template())}num(r,i){let l=this.getAttribute(r);if(l===null||l==="")return i;let o=Number(l);return Number.isFinite(o)?o:i}varPx(r,i,l){let o=this.getAttribute(i);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(r,`${Number(o)}px`):this.style.removeProperty(r)}varNum(r,i,l){let o=this.getAttribute(i);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(r,String(Number(o))):this.style.removeProperty(r)}varRaw(r,i,l){let o=this.getAttribute(i);o!==null&&o!==""?this.style.setProperty(r,o):this.style.removeProperty(r)}};n=new WeakMap,e.observedAttributes=[];function a(t,s){typeof customElements>"u"||customElements.get(t)||customElements.define(t,s)}var q="lz-bouncing-dots",d=class extends e{constructor(){super(...arguments);this.css=`
113
+ ${nt}
114
+ `;var ft=typeof HTMLElement<"u",pt=ft?HTMLElement:class{},d,e=class extends pt{constructor(){super(...arguments);st(this,d,!1)}connectedCallback(){let r=this.shadowRoot??this.attachShadow({mode:"open"});r.innerHTML=`<style>${_e}
115
+ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".lz-root"),ot(this,d,!0),this.paint()}attributeChangedCallback(){it(this,d)&&this.paint()}paint(){this.sync();let r=this._rootEl;r&&(r.innerHTML=this.template())}num(r,s){let n=this.getAttribute(r);if(n===null||n==="")return s;let o=Number(n);return Number.isFinite(o)?o:s}varPx(r,s,n){let o=this.getAttribute(s);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(r,`${Number(o)}px`):this.style.removeProperty(r)}varNum(r,s,n){let o=this.getAttribute(s);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(r,String(Number(o))):this.style.removeProperty(r)}varRaw(r,s,n){let o=this.getAttribute(s);o!==null&&o!==""?this.style.setProperty(r,o):this.style.removeProperty(r)}};d=new WeakMap,e.observedAttributes=[];function t(a,i){typeof customElements>"u"||customElements.get(a)||customElements.define(a,i)}var ye="lz-bouncing-dots",c=class extends e{constructor(){super(...arguments);this.css=`
74
116
  :host { font-size: var(--lz-size, 8px); }
75
117
  .lz-dots { display: flex; gap: 0.7em; }
76
118
  .lz-dot {
@@ -80,7 +122,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
80
122
  }
81
123
  .lz-dot:nth-child(2) { animation-delay: 0.15s; }
82
124
  .lz-dot:nth-child(3) { animation-delay: 0.3s; }
83
- `}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)}};d.observedAttributes=["size","color","speed"];function c(){a(q,d)}var X="lz-typing-dots",p=class extends e{constructor(){super(...arguments);this.css=`
125
+ `}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)}};c.observedAttributes=["size","color","speed"];function f(){t(ye,c)}var Te="lz-typing-dots",p=class extends e{constructor(){super(...arguments);this.css=`
84
126
  :host { font-size: var(--lz-size, 8px); }
85
127
  .lz-dots { display: flex; gap: 0.8em; }
86
128
  .lz-dot {
@@ -90,7 +132,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
90
132
  }
91
133
  .lz-dot:nth-child(2) { animation-delay: -0.18s; }
92
134
  .lz-dot:nth-child(3) { animation-delay: -0.36s; }
93
- `}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)}};p.observedAttributes=["size","color","speed"];function f(){a(X,p)}var K="lz-wave-dots",z=class extends e{constructor(){super(...arguments);this.css=`
135
+ `}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)}};p.observedAttributes=["size","color","speed"];function z(){t(Te,p)}var we="lz-wave-dots",m=class extends e{constructor(){super(...arguments);this.css=`
94
136
  :host { font-size: var(--lz-size, 8px); }
95
137
  .lz-dots { display: flex; gap: 0.6em; }
96
138
  .lz-dot {
@@ -101,7 +143,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
101
143
  .lz-dot:nth-child(2) { animation-delay: -0.1s; }
102
144
  .lz-dot:nth-child(3) { animation-delay: -0.2s; }
103
145
  .lz-dot:nth-child(4) { animation-delay: -0.3s; }
104
- `}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)}};z.observedAttributes=["size","color","speed"];function m(){a(K,z)}var F="lz-helix-dots",be=1.4,h=class extends e{constructor(){super(...arguments);this.css=`
146
+ `}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)}};m.observedAttributes=["size","color","speed"];function h(){t(we,m)}var Re="lz-helix-dots",zt=1.4,v=class extends e{constructor(){super(...arguments);this.css=`
105
147
  :host { font-size: var(--lz-size, 6px); }
106
148
  .lz-dots { display: flex; gap: 0.9em; }
107
149
  .lz-dot {
@@ -109,7 +151,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
109
151
  background: var(--lz-color, #f5f5f7);
110
152
  animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
111
153
  }
112
- `}template(){let r=Math.max(1,this.num("count",10)),i='<div class="lz-dots" role="status" aria-label="Loading">';for(let l=0;l<r;l++)i+=`<span class="lz-dot" style="animation-delay:-${(be/r*l).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)}};h.observedAttributes=["size","count","color","speed"];function v(){a(F,h)}var Q="lz-dot-grid-wave",u=class extends e{constructor(){super(...arguments);this.css=`
154
+ `}template(){let r=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let n=0;n<r;n++)s+=`<span class="lz-dot" style="animation-delay:-${(zt/r*n).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)}};v.observedAttributes=["size","count","color","speed"];function b(){t(Re,v)}var ke="lz-dot-grid-wave",g=class extends e{constructor(){super(...arguments);this.css=`
113
155
  :host { font-size: var(--lz-size, 6px); }
114
156
  .lz-grid {
115
157
  display: grid;
@@ -121,10 +163,10 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
121
163
  background: var(--lz-color, #f5f5f7);
122
164
  animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
123
165
  }
124
- `}template(){let r=Math.max(1,this.num("rows",4)),i=Math.max(1,this.num("cols",5)),l='<div class="lz-grid" role="status" aria-label="Loading">';for(let o=0;o<r;o++)for(let $=0;$<i;$++)l+=`<span class="lz-dot" style="animation-delay:-${((o+$)*.08).toFixed(3)}s"></span>`;return`${l}</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)}};u.observedAttributes=["rows","cols","size","gap","color","speed"];function g(){a(Q,u)}var V="lz-arc-spinner",xe=`
166
+ `}template(){let r=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),n='<div class="lz-grid" role="status" aria-label="Loading">';for(let o=0;o<r;o++)for(let l=0;l<s;l++)n+=`<span class="lz-dot" style="animation-delay:-${((o+l)*.08).toFixed(3)}s"></span>`;return`${n}</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)}};g.observedAttributes=["rows","cols","size","gap","color","speed"];function u(){t(ke,g)}var Ge="lz-arc-spinner",mt=`
125
167
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
126
168
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
127
- `,b=class extends e{constructor(){super(...arguments);this.css=`
169
+ `,x=class extends e{constructor(){super(...arguments);this.css=`
128
170
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
129
171
  .lz-ring {
130
172
  width: 100%; height: 100%; border-radius: 50%;
@@ -134,17 +176,17 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
134
176
  var(--lz-color, #f5f5f7) 110deg,
135
177
  transparent 111deg
136
178
  );
137
- ${xe}
179
+ ${mt}
138
180
  animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
139
181
  }
140
- `}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)}};b.observedAttributes=["size","stroke-width","color","speed"];function x(){a(V,b)}var j="lz-material-double-arc",_e=`
182
+ `}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)}};x.observedAttributes=["size","stroke-width","color","speed"];function A(){t(Ge,x)}var Se="lz-material-double-arc",ht=`
141
183
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
142
184
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
143
- `,_="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",A=class extends e{constructor(){super(...arguments);this.css=`
185
+ `,_="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",y=class extends e{constructor(){super(...arguments);this.css=`
144
186
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
145
187
  .lz-arc {
146
188
  position: absolute; inset: 0; border-radius: 50%;
147
- ${_e}
189
+ ${ht}
148
190
  }
149
191
  .lz-arc-a {
150
192
  background: conic-gradient(from 0deg, ${_} 0deg, ${_} 135deg, transparent 136deg);
@@ -155,7 +197,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
155
197
  background: conic-gradient(from 200deg, ${_} 0deg, ${_} 90deg, transparent 91deg);
156
198
  animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
157
199
  }
158
- `}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)}};A.observedAttributes=["size","stroke-width","color","speed"];function T(){a(j,A)}var J="lz-scan-sweep",y=class extends e{constructor(){super(...arguments);this.css=`
200
+ `}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)}};y.observedAttributes=["size","stroke-width","color","speed"];function T(){t(Se,y)}var Ee="lz-scan-sweep",w=class extends e{constructor(){super(...arguments);this.css=`
159
201
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
160
202
  .lz-ring {
161
203
  position: absolute; inset: 0; border-radius: 50%;
@@ -182,7 +224,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
182
224
  mask: radial-gradient(closest-side, #000 100%);
183
225
  animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
184
226
  }
185
- `}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)}};y.observedAttributes=["size","color","speed"];function w(){a(J,y)}var ee="lz-orbit-dots",E=class extends e{constructor(){super(...arguments);this.css=`
227
+ `}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)}};w.observedAttributes=["size","color","speed"];function R(){t(Ee,w)}var Pe="lz-orbit-dots",k=class extends e{constructor(){super(...arguments);this.css=`
186
228
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
187
229
  .lz-orbit {
188
230
  position: absolute; inset: 0;
@@ -197,7 +239,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
197
239
  .lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }
198
240
  .lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
199
241
  .lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
200
- `}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)}};E.observedAttributes=["size","color","speed"];function R(){a(ee,E)}var te="lz-orbit-ring-dots",ve=8,k=class extends e{constructor(){super(...arguments);this.css=`
242
+ `}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)}};k.observedAttributes=["size","color","speed"];function G(){t(Pe,k)}var Oe="lz-orbit-ring-dots",lt=8,S=class extends e{constructor(){super(...arguments);this.css=`
201
243
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
202
244
  .lz-orbit { position: absolute; inset: 0; }
203
245
  .lz-dot {
@@ -208,7 +250,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
208
250
  background: var(--lz-color, #f5f5f7);
209
251
  animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;
210
252
  }
211
- `}template(){let r='<div class="lz-orbit" role="status" aria-label="Loading">';for(let i=0;i<ve;i++){let l=360/ve*i;r+=`<span class="lz-dot" style="transform:rotate(${l}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)}};k.observedAttributes=["size","dot-size","color","speed"];function G(){a(te,k)}var re="lz-eyes",S=class extends e{constructor(){super(...arguments);this.css=`
253
+ `}template(){let r='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<lt;s++){let n=360/lt*s;r+=`<span class="lz-dot" style="transform:rotate(${n}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(s*.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)}};S.observedAttributes=["size","dot-size","color","speed"];function E(){t(Oe,S)}var Ne="lz-eyes",P=class extends e{constructor(){super(...arguments);this.css=`
212
254
  :host { font-size: var(--lz-size, 44px); }
213
255
  .lz-eyes { display: flex; gap: 0.24em; }
214
256
  .lz-eye {
@@ -222,7 +264,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
222
264
  background: var(--lz-pupil, rgba(0, 0, 0, 0.85));
223
265
  animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
224
266
  }
225
- `}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)}};S.observedAttributes=["size","color","speed"];function P(){a(re,S)}var ae="lz-morphing-square",N=class extends e{constructor(){super(...arguments);this.css=`
267
+ `}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)}};P.observedAttributes=["size","color","speed"];function O(){t(Ne,P)}var Le="lz-morphing-square",N=class extends e{constructor(){super(...arguments);this.css=`
226
268
  :host {
227
269
  font-size: var(--lz-size, 44px);
228
270
  width: 1em; height: 1em;
@@ -230,14 +272,14 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
230
272
  box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));
231
273
  animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
232
274
  }
233
- `}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)}};N.observedAttributes=["size","accent","speed"];function I(){a(ae,N)}var se="lz-breathing-pulse",O=class extends e{constructor(){super(...arguments);this.css=`
275
+ `}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)}};N.observedAttributes=["size","accent","speed"];function L(){t(Le,N)}var Ie="lz-breathing-pulse",I=class extends e{constructor(){super(...arguments);this.css=`
234
276
  :host {
235
277
  font-size: var(--lz-size, 36px);
236
278
  width: 1em; height: 1em; border-radius: 50%;
237
279
  background: var(--lz-color, #f5f5f7);
238
280
  animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
239
281
  }
240
- `}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)}};O.observedAttributes=["size","color","speed"];function D(){a(se,O)}var ie="lz-equalizer",L=class extends e{constructor(){super(...arguments);this.css=`
282
+ `}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)}};I.observedAttributes=["size","color","speed"];function M(){t(Ie,I)}var Me="lz-equalizer",D=class extends e{constructor(){super(...arguments);this.css=`
241
283
  :host { font-size: var(--lz-size, 22px); }
242
284
  .lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }
243
285
  .lz-bar {
@@ -250,12 +292,12 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
250
292
  .lz-bar:nth-child(2) { animation-delay: 0.12s; }
251
293
  .lz-bar:nth-child(3) { animation-delay: 0.24s; }
252
294
  .lz-bar:nth-child(4) { animation-delay: 0.36s; }
253
- `}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)}};L.observedAttributes=["size","bar-width","gap","color","speed"];function M(){a(ie,L)}var oe="lz-progress-ring",Ae=`
295
+ `}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)}};D.observedAttributes=["size","bar-width","gap","color","speed"];function B(){t(Me,D)}var De="lz-progress-ring",vt=`
254
296
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
255
297
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
256
- `,B=class extends e{constructor(){super(...arguments);this.css=`
298
+ `,C=class extends e{constructor(){super(...arguments);this.css=`
257
299
  :host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
258
- .lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Ae} }
300
+ .lz-ring { position: absolute; inset: 0; border-radius: 50%; ${vt} }
259
301
  .lz-track {
260
302
  background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);
261
303
  }
@@ -263,7 +305,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
263
305
  background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
264
306
  transition: background 0.2s ease;
265
307
  }
266
- `}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)}};B.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function C(){a(oe,B)}var le="lz-indeterminate-progress-bar",H=class extends e{constructor(){super(...arguments);this.css=`
308
+ `}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)}};C.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function Y(){t(De,C)}var Be="lz-indeterminate-progress-bar",$=class extends e{constructor(){super(...arguments);this.css=`
267
309
  :host {
268
310
  position: relative; display: inline-block;
269
311
  width: var(--lz-width, 160px); height: var(--lz-height, 6px);
@@ -276,7 +318,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
276
318
  background: var(--lz-accent, #0a84ff);
277
319
  animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
278
320
  }
279
- `}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)}};H.observedAttributes=["width","height","accent","track-color","speed"];function Y(){a(le,H)}var ne="lz-skeleton-shimmer",Z=class extends e{constructor(){super(...arguments);this.css=`
321
+ `}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)}};$.observedAttributes=["width","height","accent","track-color","speed"];function Z(){t(Be,$)}var Ce="lz-skeleton-shimmer",U=class extends e{constructor(){super(...arguments);this.css=`
280
322
  :host {
281
323
  position: relative; display: inline-block;
282
324
  width: var(--lz-width, 120px); height: var(--lz-height, 28px);
@@ -288,5 +330,280 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
288
330
  background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);
289
331
  animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
290
332
  }
291
- `}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)}};Z.observedAttributes=["width","height","track-color","speed"];function U(){a(ne,Z)}function de(){c(),f(),m(),v(),g(),x(),T(),w(),R(),G(),P(),I(),D(),M(),C(),Y(),U()}de();export{V as ARC_SPINNER_TAG,q as BOUNCING_DOTS_TAG,se as BREATHING_PULSE_TAG,Q as DOT_GRID_WAVE_TAG,ie as EQUALIZER_TAG,re as EYES_TAG,F as HELIX_DOTS_TAG,le as INDETERMINATE_PROGRESS_BAR_TAG,he as KEYFRAMES,e as LZPattern,j as MATERIAL_DOUBLE_ARC_TAG,ae as MORPHING_SQUARE_TAG,ee as ORBIT_DOTS_TAG,te as ORBIT_RING_DOTS_TAG,oe as PROGRESS_RING_TAG,J as SCAN_SWEEP_TAG,W as SCOPED_CSS,ne as SKELETON_SHIMMER_TAG,X as TYPING_DOTS_TAG,K as WAVE_DOTS_TAG,a as define,de as defineAll,x as defineArcSpinner,c as defineBouncingDots,D as defineBreathingPulse,g as defineDotGridWave,M as defineEqualizer,P as defineEyes,v as defineHelixDots,Y as defineIndeterminateProgressBar,T as defineMaterialDoubleArc,I as defineMorphingSquare,R as defineOrbitDots,G as defineOrbitRingDots,C as defineProgressRing,w as defineScanSweep,U as defineSkeletonShimmer,f as defineTypingDots,m as defineWaveDots};
333
+ `}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)}};U.observedAttributes=["width","height","track-color","speed"];function H(){t(Ce,U)}var Ye="lz-ellipsis",W=class extends e{constructor(){super(...arguments);this.css=`
334
+ :host {
335
+ display: inline-flex; gap: 0.2em; align-items: center;
336
+ font-size: var(--lz-size, 8px); line-height: 1;
337
+ }
338
+ .lz-dot {
339
+ width: 1em; height: 1em; border-radius: 50%;
340
+ background: var(--lz-color, #f5f5f7);
341
+ animation: lz-ellipsis-dot calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
342
+ }
343
+ .lz-dot:nth-child(2) { animation-delay: -0.45s; }
344
+ .lz-dot:nth-child(3) { animation-delay: -0.9s; }
345
+ `}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)}};W.observedAttributes=["size","color","speed"];function V(){t(Ye,W)}var $e="lz-progress-bar",K=class extends e{constructor(){super(...arguments);this.css=`
346
+ :host {
347
+ display: inline-block; position: relative;
348
+ width: var(--lz-width, 160px); height: var(--lz-height, 6px);
349
+ border-radius: calc(var(--lz-height, 6px) / 2);
350
+ overflow: hidden;
351
+ background: var(--lz-track, rgba(255,255,255,0.15));
352
+ }
353
+ .lz-fill {
354
+ position: absolute; top: 0; bottom: 0; left: 0; width: 100%;
355
+ transform-origin: left;
356
+ background: var(--lz-color, #f5f5f7);
357
+ border-radius: inherit;
358
+ }
359
+ `}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 r=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${r}`);let s=this.shadowRoot?.querySelector(".lz-fill");s&&(s.style.transform=`scaleX(${r/100})`),this.setAttribute("aria-valuenow",String(r))}};K.observedAttributes=["width","height","percent","color","track-color","speed"];function q(){t($e,K)}var Ze="lz-skeleton-card",F=class extends e{constructor(){super(...arguments);this.css=`
360
+ :host {
361
+ position: relative; display: inline-block;
362
+ width: var(--lz-width, 200px); height: var(--lz-height, 64px);
363
+ border-radius: var(--lz-radius, 10px); overflow: hidden;
364
+ background: var(--lz-surface, #1c1c1e);
365
+ }
366
+ .lz-card-row {
367
+ display: flex; gap: 10px; padding: 12px;
368
+ }
369
+ .lz-avatar {
370
+ width: 40px; height: 40px; border-radius: 50%;
371
+ background: rgba(255,255,255,0.08); flex-shrink: 0;
372
+ }
373
+ .lz-lines { display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 0; }
374
+ .lz-line {
375
+ height: 8px; border-radius: 4px;
376
+ background: rgba(255,255,255,0.08);
377
+ }
378
+ .lz-line-short { width: 60%; }
379
+ .lz-sheen {
380
+ position: absolute; top: 0; bottom: 0; left: 0; width: 50%;
381
+ background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
382
+ animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
383
+ }
384
+ `}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)}};F.observedAttributes=["width","height","track-color","speed"];function X(){t(Ze,F)}var Ue="lz-skeleton-list",Q=class extends e{constructor(){super(...arguments);this.css=`
385
+ :host {
386
+ position: relative; display: block;
387
+ width: var(--lz-width, 180px);
388
+ border-radius: var(--lz-radius, 10px); overflow: hidden;
389
+ background: var(--lz-surface, #1c1c1e);
390
+ }
391
+ .lz-list-row {
392
+ display: flex; align-items: center; gap: 8px;
393
+ padding: 8px 12px;
394
+ }
395
+ .lz-list-avatar {
396
+ width: 28px; height: 28px; border-radius: 50%;
397
+ background: rgba(255,255,255,0.08); flex-shrink: 0;
398
+ }
399
+ .lz-list-line {
400
+ height: 8px; border-radius: 4px;
401
+ background: rgba(255,255,255,0.08); flex: 1;
402
+ }
403
+ .lz-list-line-fixed { height: 8px; border-radius: 4px; background: rgba(255,255,255,0.08); }
404
+ .lz-sheen {
405
+ position: absolute; top: 0; bottom: 0; left: 0; width: 50%;
406
+ background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
407
+ animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
408
+ }
409
+ `}template(){let r=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],n='<div role="status" aria-label="Loading">';for(let o=0;o<r;o++){let l=s[o%s.length];n+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${l}"></div></div>`}return`${n}</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)}};Q.observedAttributes=["width","rows","track-color","speed"];function j(){t(Ue,Q)}var He="lz-pulsing-orb",J=class extends e{constructor(){super(...arguments);this.css=`
410
+ :host {
411
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
412
+ display: inline-block; line-height: 1;
413
+ }
414
+ .lz-orb {
415
+ width: 100%; height: 100%; border-radius: 50%;
416
+ background: radial-gradient(circle at 35% 32%,
417
+ var(--lz-accent, #0a84ff) 0%,
418
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 55%,
419
+ transparent 72%);
420
+ box-shadow: 0 0 calc(0.5em) color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent);
421
+ animation: lz-orb-breathe calc(2.2s * var(--lz-speed, 1)) ease-in-out infinite;
422
+ }
423
+ `}template(){return'<div class="lz-orb" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};J.observedAttributes=["size","accent","speed"];function ee(){t(He,J)}var We="lz-morphing-orb",te=class extends e{constructor(){super(...arguments);this.css=`
424
+ :host {
425
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
426
+ display: inline-block; line-height: 1;
427
+ background: radial-gradient(circle at 34% 30%,
428
+ var(--lz-accent, #0a84ff) 0%,
429
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 60%, transparent) 62%,
430
+ transparent 78%);
431
+ box-shadow: 0 0 calc(0.55em) color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent);
432
+ animation: lz-blob-morph calc(3.4s * var(--lz-speed, 1)) ease-in-out infinite;
433
+ }
434
+ `}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};te.observedAttributes=["size","accent","speed"];function re(){t(We,te)}var Ve="lz-siri-orb",ae=class extends e{constructor(){super(...arguments);this.css=`
435
+ :host {
436
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
437
+ display: inline-block; line-height: 1;
438
+ position: relative; overflow: hidden; border-radius: 50%;
439
+ background: radial-gradient(circle at 30% 28%,
440
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white) 0%,
441
+ transparent 60%);
442
+ animation: lz-orb-breathe calc(2.6s * var(--lz-speed, 1)) ease-in-out infinite;
443
+ }
444
+ .lz-sheen {
445
+ position: absolute; width: 2.4em; height: 2.4em;
446
+ left: 50%; top: 50%; margin: -1.2em 0 0 -1.2em;
447
+ background: conic-gradient(from 0deg at 50% 50%,
448
+ transparent 0deg,
449
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 55%, transparent) 40deg,
450
+ transparent 90deg,
451
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent) 150deg,
452
+ transparent 200deg,
453
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 50%, transparent) 270deg,
454
+ transparent 360deg);
455
+ animation: lz-siri-sheen calc(5s * var(--lz-speed, 1)) linear infinite;
456
+ opacity: 0.9;
457
+ }
458
+ `}template(){return'<span class="lz-sheen" role="status" aria-label="Loading"></span>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};ae.observedAttributes=["size","accent","speed"];function ie(){t(Ve,ae)}var Ke="lz-dot-orb",bt=-.32,se=class extends e{constructor(){super(...arguments);this.css=`
459
+ :host {
460
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
461
+ display: inline-block; position: relative; line-height: 1;
462
+ }
463
+ .lz-slot {
464
+ position: absolute; left: 50%; top: 50%;
465
+ width: 0; height: 0;
466
+ }
467
+ .lz-dot {
468
+ position: absolute; left: -0.08em; top: -0.08em;
469
+ width: 0.16em; height: 0.16em; border-radius: 50%;
470
+ background: var(--lz-color, #f5f5f7);
471
+ animation: lz-dot-orb calc(2s * var(--lz-speed, 1)) ease-in-out infinite;
472
+ }
473
+ `}template(){let r=Math.max(4,Math.min(16,this.num("count",8))),s=r*.14,n="";for(let o=0;o<r;o++){let Ae=`transform: rotate(${360/r*o}deg) translateY(${bt}em);`,ct=`animation-delay: -${o/r*s}s;`;n+=`<span class="lz-slot" style="${Ae}"><span class="lz-dot" style="${ct}"></span></span>`}return`<div role="status" aria-label="Loading">${n}</div>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};se.observedAttributes=["size","count","color","speed"];function oe(){t(Ke,se)}var qe="lz-planet-orb",gt=.36,ne=class extends e{constructor(){super(...arguments);this.css=`
474
+ :host {
475
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
476
+ display: inline-block; position: relative; line-height: 1;
477
+ }
478
+ .lz-core {
479
+ position: absolute; left: 50%; top: 50%;
480
+ width: 0.42em; height: 0.42em; margin: -0.21em 0 0 -0.21em; border-radius: 50%;
481
+ background: radial-gradient(circle at 35% 30%,
482
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, white) 0%,
483
+ var(--lz-accent, #0a84ff) 50%,
484
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent) 100%);
485
+ box-shadow: 0 0 calc(0.3em) color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent);
486
+ animation: lz-orb-breathe calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
487
+ }
488
+ .lz-orbit {
489
+ position: absolute; inset: 0;
490
+ animation: lz-spin calc(2.2s * var(--lz-speed, 1)) linear infinite;
491
+ }
492
+ .lz-moon {
493
+ position: absolute; left: 50%; top: 50%;
494
+ width: 0.14em; height: 0.14em; margin: -0.07em 0 0 -0.07em; border-radius: 50%;
495
+ background: var(--lz-color, #f5f5f7);
496
+ box-shadow: 0 0 calc(0.16em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);
497
+ }
498
+ `}template(){let r=Math.max(1,Math.min(5,this.num("count",2))),s="";for(let n=0;n<r;n++){let o=360/r*n;s+=`<span class="lz-moon" style="transform: rotate(${o}deg) translateX(${gt}em);"></span>`}return`<div class="lz-core"></div><div class="lz-orbit" role="status" aria-label="Loading">${s}</div>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};ne.observedAttributes=["size","accent","color","count","speed"];function le(){t(qe,ne)}var Fe="lz-aura-orb",de=class extends e{constructor(){super(...arguments);this.css=`
499
+ :host {
500
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
501
+ display: inline-block; position: relative; line-height: 1;
502
+ }
503
+ .lz-layer { position: absolute; inset: 0; animation: lz-spin calc(3s * var(--lz-speed, 1)) linear infinite; }
504
+ .lz-layer.a { animation-duration: calc(2.6s * var(--lz-speed, 1)); }
505
+ .lz-layer.b { animation-name: lz-spin-reverse; animation-duration: calc(3.4s * var(--lz-speed, 1)); }
506
+ .lz-orb {
507
+ position: absolute; left: 50%; top: 50%;
508
+ width: 0.78em; height: 0.78em; margin: -0.39em 0 0 -0.39em; border-radius: 50%;
509
+ transform: translateX(0.14em);
510
+ }
511
+ .lz-layer.a .lz-orb {
512
+ background: radial-gradient(circle at 35% 30%,
513
+ color-mix(in srgb, var(--lz-color, #f5f5f7) 90%, transparent) 0%,
514
+ color-mix(in srgb, var(--lz-color, #f5f5f7) 40%, transparent) 62%,
515
+ transparent 76%);
516
+ }
517
+ .lz-layer.b .lz-orb {
518
+ background: radial-gradient(circle at 35% 30%,
519
+ var(--lz-accent, #0a84ff) 0%,
520
+ color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 62%,
521
+ transparent 76%);
522
+ opacity: 0.9;
523
+ }
524
+ `}template(){return'<div class="lz-layer a" role="status" aria-label="Loading"><span class="lz-orb"></span></div><div class="lz-layer b"><span class="lz-orb"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};de.observedAttributes=["size","accent","color","speed"];function ce(){t(Fe,de)}var Xe="lz-waveform",fe=class extends e{constructor(){super(...arguments);this.css=`
525
+ :host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
526
+ .lz-wave {
527
+ display: flex; align-items: center; gap: var(--lz-gap, 4px);
528
+ height: 1em;
529
+ }
530
+ .lz-bar {
531
+ width: var(--lz-bar-width, 4px); height: 1em; border-radius: 2px;
532
+ transform-origin: center;
533
+ background: var(--lz-color, #f5f5f7);
534
+ animation: lz-waveform calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
535
+ }
536
+ .lz-bar.accent { background: var(--lz-accent, #0a84ff); }
537
+ `}template(){let r=Math.max(5,Math.min(21,this.num("count",11))),s=(r-1)/2,n="";for(let o=0;o<r;o++){let l=(o-s)*.12,Ae=o===Math.floor(s)||o===Math.floor(s/2)||o===r-1-Math.floor(s/2);n+=`<span class="lz-bar${Ae?" accent":""}" style="animation-delay: ${l.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${n}</div>`}sync(){this.varPx("--lz-size","size",32),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};fe.observedAttributes=["size","count","color","accent","speed"];function pe(){t(Xe,fe)}var Qe="lz-vinyl",ze=class extends e{constructor(){super(...arguments);this.css=`
538
+ :host {
539
+ font-size: var(--lz-size, 48px); width: 2.2em; height: 2.2em;
540
+ display: inline-block; position: relative; line-height: 1;
541
+ }
542
+ .lz-disc {
543
+ position: absolute; inset: 0; border-radius: 50%;
544
+ background:
545
+ repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.06) 0 1px, transparent 1px 4px),
546
+ radial-gradient(circle at 50% 50%, var(--lz-accent, #0a84ff) 0 13%, rgba(0,0,0,0.88) 14% 100%);
547
+ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
548
+ animation: lz-spin calc(3.5s * var(--lz-speed, 1)) linear infinite;
549
+ }
550
+ .lz-needle {
551
+ position: absolute; top: 0.08em; right: 0.18em;
552
+ width: 0.06em; height: 0.7em; border-radius: 3px;
553
+ background: linear-gradient(var(--lz-color, #f5f5f7), color-mix(in srgb, var(--lz-color, #f5f5f7) 30%, transparent));
554
+ transform: rotate(38deg); transform-origin: top right;
555
+ animation: lz-needle-bob calc(1.8s * var(--lz-speed, 1)) ease-in-out infinite;
556
+ }
557
+ .lz-needle::after {
558
+ content: ""; position: absolute; bottom: 0; left: 50%;
559
+ width: 0.1em; height: 0.1em; margin-left: -0.05em;
560
+ transform: translateY(0.1em); border-radius: 50%;
561
+ background: var(--lz-accent, #0a84ff);
562
+ }
563
+ `}template(){return'<div class="lz-disc" role="status" aria-label="Loading"></div><div class="lz-needle" aria-hidden="true"></div>'}sync(){this.varPx("--lz-size","size",48),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};ze.observedAttributes=["size","accent","color","speed"];function me(){t(Qe,ze)}var je="lz-sonar",dt=3.6,he=class extends e{constructor(){super(...arguments);this.css=`
564
+ :host {
565
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
566
+ display: inline-block; position: relative; line-height: 1;
567
+ }
568
+ .lz-core {
569
+ position: absolute; left: 50%; top: 50%;
570
+ width: 0.18em; height: 0.18em; margin: -0.09em 0 0 -0.09em; border-radius: 50%;
571
+ background: var(--lz-color, #f5f5f7);
572
+ box-shadow: 0 0 calc(0.2em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);
573
+ }
574
+ .lz-ring {
575
+ position: absolute; inset: 0.14em; border-radius: 50%;
576
+ border: 1px solid var(--lz-accent, #0a84ff);
577
+ animation: lz-sonar-ring calc(${dt}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
578
+ }
579
+ `}template(){let r=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let n=0;n<r;n++)s+=`<span class="lz-ring" style="animation-delay: -${(n*dt/r).toFixed(2)}s;"></span>`;return`<div class="lz-core" role="status" aria-label="Loading"></div>${s}`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};he.observedAttributes=["size","count","accent","color","speed"];function ve(){t(je,he)}var Je="lz-music-note",be=class extends e{constructor(){super(...arguments);this.css=`
580
+ :host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
581
+ .lz-notes { display: flex; align-items: baseline; gap: 0.45em; }
582
+ .lz-note {
583
+ display: inline-block; line-height: 1;
584
+ color: var(--lz-color, #f5f5f7);
585
+ animation: lz-note-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
586
+ }
587
+ .lz-notes .lz-note:nth-child(2) { animation-delay: -0.5s; }
588
+ .lz-notes .lz-note:nth-child(3) { animation-delay: -0.9s; }
589
+ .lz-notes .lz-note:nth-child(4) { animation-delay: -0.3s; }
590
+ `}template(){let r=Math.max(1,Math.min(4,this.num("count",2))),s="";for(let n=0;n<r;n++)s+='<span class="lz-note">&#9835;</span>';return`<div class="lz-notes" role="status" aria-label="Loading">${s}</div>`}sync(){this.varPx("--lz-size","size",32),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};be.observedAttributes=["size","count","color","speed"];function ge(){t(Je,be)}var et="lz-activity-rings",ue=class extends e{constructor(){super(...arguments);this.css=`
591
+ :host {
592
+ font-size: var(--lz-size, 44px); width: 1em; height: 1em;
593
+ display: inline-block; line-height: 1;
594
+ }
595
+ .lz-svg { width: 1em; height: 1em; display: block; }
596
+ .lz-g { animation: lz-spin calc(2.8s * var(--lz-speed, 1)) linear infinite; transform-origin: center; }
597
+ .lz-g.mid { animation-duration: calc(3.6s * var(--lz-speed, 1)); animation-direction: reverse; }
598
+ .lz-g.inner { animation-duration: calc(2.1s * var(--lz-speed, 1)); }
599
+ .lz-track { fill: none; stroke: var(--lz-track, rgba(255,255,255,0.08)); stroke-width: 5; }
600
+ .lz-ring { fill: none; stroke-linecap: round; stroke-width: 5; }
601
+ .lz-outer { stroke: var(--lz-accent, #fa114f); stroke-dasharray: 209 58; }
602
+ .lz-mid { stroke: var(--lz-color, #30d158); stroke-dasharray: 169 48; }
603
+ .lz-inner { stroke: var(--lz-color-weak, #32d7ff); stroke-dasharray: 128 39; }
604
+ `}template(){return`<svg class="lz-svg" viewBox="0 0 100 100" role="img" aria-label="Loading">
605
+ <g class="lz-g"><circle class="lz-track" cx="50" cy="50" r="42.5" /><circle class="lz-ring lz-outer" cx="50" cy="50" r="42.5" transform="rotate(-90 50 50)" /></g>
606
+ <g class="lz-g mid"><circle class="lz-ring lz-mid" cx="50" cy="50" r="34.5" transform="rotate(-90 50 50)" /></g>
607
+ <g class="lz-g inner"><circle class="lz-ring lz-inner" cx="50" cy="50" r="26.5" transform="rotate(-90 50 50)" /></g>
608
+ </svg>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#fa114f"),this.varRaw("--lz-color","color","#30d158"),this.varRaw("--lz-color-weak","color-weak","#32d7ff"),this.varNum("--lz-speed","speed",1)}};ue.observedAttributes=["size","accent","color","color-weak","speed"];function xe(){t(et,ue)}function tt(){f(),z(),h(),b(),u(),A(),T(),R(),G(),E(),O(),L(),M(),B(),Y(),Z(),H(),V(),q(),X(),j(),ee(),re(),ie(),oe(),le(),ce(),pe(),me(),ve(),ge(),xe()}tt();export{et as ACTIVITY_RINGS_TAG,Ge as ARC_SPINNER_TAG,Fe as AURA_ORB_TAG,ye as BOUNCING_DOTS_TAG,Ie as BREATHING_PULSE_TAG,ke as DOT_GRID_WAVE_TAG,Ke as DOT_ORB_TAG,Ye as ELLIPSIS_TAG,Me as EQUALIZER_TAG,Ne as EYES_TAG,Re as HELIX_DOTS_TAG,Be as INDETERMINATE_PROGRESS_BAR_TAG,nt as KEYFRAMES,e as LZPattern,Se as MATERIAL_DOUBLE_ARC_TAG,We as MORPHING_ORB_TAG,Le as MORPHING_SQUARE_TAG,Je as MUSIC_NOTE_TAG,Pe as ORBIT_DOTS_TAG,Oe as ORBIT_RING_DOTS_TAG,qe as PLANET_ORB_TAG,$e as PROGRESS_BAR_TAG,De as PROGRESS_RING_TAG,He as PULSING_ORB_TAG,Ee as SCAN_SWEEP_TAG,_e as SCOPED_CSS,Ve as SIRI_ORB_TAG,Ze as SKELETON_CARD_TAG,Ue as SKELETON_LIST_TAG,Ce as SKELETON_SHIMMER_TAG,je as SONAR_TAG,Te as TYPING_DOTS_TAG,Qe as VINYL_TAG,Xe as WAVEFORM_TAG,we as WAVE_DOTS_TAG,t as define,xe as defineActivityRings,tt as defineAll,A as defineArcSpinner,ce as defineAuraOrb,f as defineBouncingDots,M as defineBreathingPulse,u as defineDotGridWave,oe as defineDotOrb,V as defineEllipsis,B as defineEqualizer,O as defineEyes,b as defineHelixDots,Z as defineIndeterminateProgressBar,T as defineMaterialDoubleArc,re as defineMorphingOrb,L as defineMorphingSquare,ge as defineMusicNote,G as defineOrbitDots,E as defineOrbitRingDots,le as definePlanetOrb,q as defineProgressBar,Y as defineProgressRing,ee as definePulsingOrb,R as defineScanSweep,ie as defineSiriOrb,X as defineSkeletonCard,j as defineSkeletonList,H as defineSkeletonShimmer,ve as defineSonar,z as defineTypingDots,me as defineVinyl,h as defineWaveDots,pe as defineWaveform};
292
609
  //# sourceMappingURL=index.js.map