loading-state-zoo 0.4.0 → 0.4.1
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/README.md +5 -77
- package/dist/index.cjs +45 -152
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -15
- package/dist/index.d.ts +3 -15
- package/dist/index.js +45 -152
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +40 -147
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +1 -54
- package/dist/react.d.ts +1 -54
- package/dist/react.js +40 -147
- package/dist/react.js.map +1 -1
- package/dist/theme.css +5 -179
- package/docs/AI.md +8 -11
- package/docs/components.json +1500 -385
- package/package.json +2 -2
package/dist/react.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var W=Object.defineProperty;var Xe=Object.getOwnPropertyDescriptor;var Qe=Object.getOwnPropertyNames;var Je=Object.prototype.hasOwnProperty;var Y=t=>{throw TypeError(t)};var je=(t,r)=>{for(var e in r)W(t,e,{get:r[e],enumerable:!0})},et=(t,r,e,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of Qe(r))!Je.call(t,a)&&a!==e&&W(t,a,{get:()=>r[a],enumerable:!(s=Xe(r,a))||s.enumerable});return t};var tt=t=>et(W({},"__esModule",{value:!0}),t);var $=(t,r,e)=>r.has(t)||Y("Cannot "+e);var U=(t,r,e)=>($(t,r,"read from private field"),e?e.call(t):r.get(t)),V=(t,r,e)=>r.has(t)?Y("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),q=(t,r,e,s)=>($(t,r,"write to private field"),s?s.call(t,e):r.set(t,e),e);var Ot={};je(Ot,{ActivityRings:()=>Ke,ArcSpinner:()=>Ee,BouncingDots:()=>Ae,BreathingPulse:()=>Me,DotGridWave:()=>Ne,Ellipsis:()=>He,Equalizer:()=>Oe,Eyes:()=>Ge,HelixDots:()=>_e,IndeterminateProgressBar:()=>Ze,MaterialDoubleArc:()=>Le,MorphingSquare:()=>Ie,MusicNote:()=>qe,OrbitDots:()=>Se,OrbitRingDots:()=>Re,ProgressBar:()=>Be,ProgressRing:()=>Ce,ScanSweep:()=>Pe,SkeletonCard:()=>We,SkeletonList:()=>Ye,SkeletonShimmer:()=>De,Sonar:()=>Ve,TypingDots:()=>ke,Vinyl:()=>Ue,WaveDots:()=>Te,Waveform:()=>$e,defineAll:()=>B});module.exports=tt(Ot);var rt=`
|
|
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 {
|
|
@@ -68,16 +68,6 @@
|
|
|
68
68
|
0%, 100% { transform: scale(1); opacity: 1; }
|
|
69
69
|
50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }
|
|
70
70
|
}
|
|
71
|
-
@keyframes lz-ios-glow {
|
|
72
|
-
0%, 100% { opacity: var(--lz-ios-fade, 0.2); transform: scale(var(--lz-ios-min, 0.5)); }
|
|
73
|
-
35% { opacity: 1; transform: scale(var(--lz-ios-peak, 1.25)); }
|
|
74
|
-
50% { opacity: 1; transform: scale(var(--lz-ios-peak, 1.25)); }
|
|
75
|
-
}
|
|
76
|
-
@keyframes lz-ai-sparkle {
|
|
77
|
-
0%, 100% { opacity: 0; transform: scale(0.1) rotate(0deg); }
|
|
78
|
-
20% { opacity: 1; transform: scale(1) rotate(8deg); }
|
|
79
|
-
45% { opacity: 0; transform: scale(1.35) rotate(14deg); }
|
|
80
|
-
}
|
|
81
71
|
@keyframes lz-waveform {
|
|
82
72
|
0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }
|
|
83
73
|
50% { transform: scaleY(1); }
|
|
@@ -96,7 +86,7 @@
|
|
|
96
86
|
0%, 100% { transform: rotate(22deg); }
|
|
97
87
|
50% { transform: rotate(27deg); }
|
|
98
88
|
}
|
|
99
|
-
`,
|
|
89
|
+
`,K=`
|
|
100
90
|
:host {
|
|
101
91
|
display: inline-flex;
|
|
102
92
|
font-size: var(--lz-size, 44px);
|
|
@@ -105,9 +95,9 @@
|
|
|
105
95
|
.lz-root {
|
|
106
96
|
display: contents;
|
|
107
97
|
}
|
|
108
|
-
${
|
|
109
|
-
`;var
|
|
110
|
-
${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".lz-root"),
|
|
98
|
+
${rt}
|
|
99
|
+
`;var st=typeof HTMLElement<"u",at=st?HTMLElement:class{},z,o=class extends at{constructor(){super(...arguments);V(this,z,!1)}connectedCallback(){let e=this.shadowRoot??this.attachShadow({mode:"open"});e.innerHTML=`<style>${K}
|
|
100
|
+
${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".lz-root"),q(this,z,!0),this.paint()}attributeChangedCallback(){U(this,z)&&this.paint()}paint(){this.sync();let e=this._rootEl;e&&(e.innerHTML=this.template())}num(e,s){let a=this.getAttribute(e);if(a===null||a==="")return s;let i=Number(a);return Number.isFinite(i)?i:s}varPx(e,s,a){let i=this.getAttribute(s);i!==null&&i!==""&&Number.isFinite(Number(i))?this.style.setProperty(e,`${Number(i)}px`):this.style.removeProperty(e)}varNum(e,s,a){let i=this.getAttribute(s);i!==null&&i!==""&&Number.isFinite(Number(i))?this.style.setProperty(e,String(Number(i))):this.style.removeProperty(e)}varRaw(e,s,a){let i=this.getAttribute(s);i!==null&&i!==""?this.style.setProperty(e,i):this.style.removeProperty(e)}};z=new WeakMap,o.observedAttributes=[];function l(t,r){typeof customElements>"u"||customElements.get(t)||customElements.define(t,r)}var it="lz-bouncing-dots",f=class extends o{constructor(){super(...arguments);this.css=`
|
|
111
101
|
:host { font-size: var(--lz-size, 8px); }
|
|
112
102
|
.lz-dots { display: flex; gap: 0.7em; }
|
|
113
103
|
.lz-dot {
|
|
@@ -117,7 +107,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
117
107
|
}
|
|
118
108
|
.lz-dot:nth-child(2) { animation-delay: 0.15s; }
|
|
119
109
|
.lz-dot:nth-child(3) { animation-delay: 0.3s; }
|
|
120
|
-
`}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)}};f.observedAttributes=["size","color","speed"];function
|
|
110
|
+
`}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)}};f.observedAttributes=["size","color","speed"];function F(){l(it,f)}var ot="lz-typing-dots",h=class extends o{constructor(){super(...arguments);this.css=`
|
|
121
111
|
:host { font-size: var(--lz-size, 8px); }
|
|
122
112
|
.lz-dots { display: flex; gap: 0.8em; }
|
|
123
113
|
.lz-dot {
|
|
@@ -127,7 +117,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
127
117
|
}
|
|
128
118
|
.lz-dot:nth-child(2) { animation-delay: -0.18s; }
|
|
129
119
|
.lz-dot:nth-child(3) { animation-delay: -0.36s; }
|
|
130
|
-
`}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)}};h.observedAttributes=["size","color","speed"];function
|
|
120
|
+
`}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)}};h.observedAttributes=["size","color","speed"];function X(){l(ot,h)}var lt="lz-wave-dots",u=class extends o{constructor(){super(...arguments);this.css=`
|
|
131
121
|
:host { font-size: var(--lz-size, 8px); }
|
|
132
122
|
.lz-dots { display: flex; gap: 0.6em; }
|
|
133
123
|
.lz-dot {
|
|
@@ -138,7 +128,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
138
128
|
.lz-dot:nth-child(2) { animation-delay: -0.1s; }
|
|
139
129
|
.lz-dot:nth-child(3) { animation-delay: -0.2s; }
|
|
140
130
|
.lz-dot:nth-child(4) { animation-delay: -0.3s; }
|
|
141
|
-
`}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)}};u.observedAttributes=["size","color","speed"];function
|
|
131
|
+
`}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)}};u.observedAttributes=["size","color","speed"];function Q(){l(lt,u)}var nt="lz-helix-dots",ct=1.4,g=class extends o{constructor(){super(...arguments);this.css=`
|
|
142
132
|
:host { font-size: var(--lz-size, 6px); }
|
|
143
133
|
.lz-dots { display: flex; gap: 0.9em; }
|
|
144
134
|
.lz-dot {
|
|
@@ -146,7 +136,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
146
136
|
background: var(--lz-color, #f5f5f7);
|
|
147
137
|
animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
148
138
|
}
|
|
149
|
-
`}template(){let e=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let
|
|
139
|
+
`}template(){let e=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let a=0;a<e;a++)s+=`<span class="lz-dot" style="animation-delay:-${(ct/e*a).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)}};g.observedAttributes=["size","count","color","speed"];function J(){l(nt,g)}var dt="lz-dot-grid-wave",b=class extends o{constructor(){super(...arguments);this.css=`
|
|
150
140
|
:host { font-size: var(--lz-size, 6px); }
|
|
151
141
|
.lz-grid {
|
|
152
142
|
display: grid;
|
|
@@ -158,7 +148,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
158
148
|
background: var(--lz-color, #f5f5f7);
|
|
159
149
|
animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
160
150
|
}
|
|
161
|
-
`}template(){let e=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),
|
|
151
|
+
`}template(){let e=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),a='<div class="lz-grid" role="status" aria-label="Loading">';for(let i=0;i<e;i++)for(let n=0;n<s;n++)a+=`<span class="lz-dot" style="animation-delay:-${((i+n)*.08).toFixed(3)}s"></span>`;return`${a}</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)}};b.observedAttributes=["rows","cols","size","gap","color","speed"];function j(){l(dt,b)}var pt="lz-arc-spinner",mt=`
|
|
162
152
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
163
153
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
164
154
|
`,v=class extends o{constructor(){super(...arguments);this.css=`
|
|
@@ -171,17 +161,17 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
171
161
|
var(--lz-color, #f5f5f7) 110deg,
|
|
172
162
|
transparent 111deg
|
|
173
163
|
);
|
|
174
|
-
${
|
|
164
|
+
${mt}
|
|
175
165
|
animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
|
|
176
166
|
}
|
|
177
|
-
`}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)}};v.observedAttributes=["size","stroke-width","color","speed"];function
|
|
167
|
+
`}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)}};v.observedAttributes=["size","stroke-width","color","speed"];function ee(){l(pt,v)}var zt="lz-material-double-arc",ft=`
|
|
178
168
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
179
169
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
180
170
|
`,x="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",y=class extends o{constructor(){super(...arguments);this.css=`
|
|
181
171
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
182
172
|
.lz-arc {
|
|
183
173
|
position: absolute; inset: 0; border-radius: 50%;
|
|
184
|
-
${
|
|
174
|
+
${ft}
|
|
185
175
|
}
|
|
186
176
|
.lz-arc-a {
|
|
187
177
|
background: conic-gradient(from 0deg, ${x} 0deg, ${x} 135deg, transparent 136deg);
|
|
@@ -192,7 +182,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
192
182
|
background: conic-gradient(from 200deg, ${x} 0deg, ${x} 90deg, transparent 91deg);
|
|
193
183
|
animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
|
|
194
184
|
}
|
|
195
|
-
`}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
|
|
185
|
+
`}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 te(){l(zt,y)}var ht="lz-scan-sweep",ut=8,w=class extends o{constructor(){super(...arguments);this.css=`
|
|
196
186
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; display: inline-block; line-height: 1; }
|
|
197
187
|
.lz-ring {
|
|
198
188
|
position: absolute; inset: 0; border-radius: 50%;
|
|
@@ -201,7 +191,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
201
191
|
.lz-dial {
|
|
202
192
|
position: absolute; inset: 0.075em; border-radius: 50%;
|
|
203
193
|
border: 1px dashed rgba(255, 255, 255, 0.1);
|
|
204
|
-
animation: lz-spin-reverse calc(
|
|
194
|
+
animation: lz-spin-reverse calc(12s * var(--lz-speed, 1)) linear infinite;
|
|
205
195
|
}
|
|
206
196
|
.lz-ring-inner {
|
|
207
197
|
position: absolute; inset: 0.27em; border-radius: 50%;
|
|
@@ -236,16 +226,16 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
236
226
|
);
|
|
237
227
|
-webkit-mask: radial-gradient(closest-side, #000 100%);
|
|
238
228
|
mask: radial-gradient(closest-side, #000 100%);
|
|
239
|
-
animation: lz-spin calc(
|
|
229
|
+
animation: lz-spin calc(4s * var(--lz-speed, 1)) linear infinite;
|
|
240
230
|
}
|
|
241
231
|
.lz-sweep-edge {
|
|
242
232
|
position: absolute; inset: 0; border-radius: 50%;
|
|
243
233
|
background: conic-gradient(from 0deg, var(--lz-color, #f5f5f7) 0deg, transparent 5deg);
|
|
244
234
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
|
|
245
235
|
mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
|
|
246
|
-
animation: lz-spin calc(
|
|
236
|
+
animation: lz-spin calc(4s * var(--lz-speed, 1)) linear infinite;
|
|
247
237
|
}
|
|
248
|
-
`}template(){let e="";for(let s=0;s<
|
|
238
|
+
`}template(){let e="";for(let s=0;s<ut;s++){let a=s%2===1;e+=`<span class="lz-tick-slot" style="transform:rotate(${s*45}deg) translateY(-0.5em)"><span class="lz-tick${a?" short":""}"></span></span>`}return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-dial" aria-hidden="true"></div><div class="lz-ring-inner" aria-hidden="true"></div>'+e+'<div class="lz-core-ring" aria-hidden="true"></div><div class="lz-core" aria-hidden="true"></div><div class="lz-sweep" aria-hidden="true"></div><div class="lz-sweep-edge" aria-hidden="true"></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 re(){l(ht,w)}var gt="lz-orbit-dots",A=class extends o{constructor(){super(...arguments);this.css=`
|
|
249
239
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
250
240
|
.lz-orbit {
|
|
251
241
|
position: absolute; inset: 0;
|
|
@@ -260,7 +250,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
260
250
|
.lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }
|
|
261
251
|
.lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
|
|
262
252
|
.lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
|
|
263
|
-
`}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)}};
|
|
253
|
+
`}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)}};A.observedAttributes=["size","color","speed"];function se(){l(gt,A)}var bt="lz-orbit-ring-dots",ae=8,k=class extends o{constructor(){super(...arguments);this.css=`
|
|
264
254
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
265
255
|
.lz-orbit { position: absolute; inset: 0; }
|
|
266
256
|
.lz-dot {
|
|
@@ -271,7 +261,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
271
261
|
background: var(--lz-color, #f5f5f7);
|
|
272
262
|
animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;
|
|
273
263
|
}
|
|
274
|
-
`}template(){let e='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<
|
|
264
|
+
`}template(){let e='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<ae;s++){let a=360/ae*s;e+=`<span class="lz-dot" style="transform:rotate(${a}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(s*.15).toFixed(2)}s"></span>`}return`${e}</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 ie(){l(bt,k)}var vt="lz-eyes",T=class extends o{constructor(){super(...arguments);this.css=`
|
|
275
265
|
:host { font-size: var(--lz-size, 44px); }
|
|
276
266
|
.lz-eyes { display: flex; gap: 0.24em; }
|
|
277
267
|
.lz-eye {
|
|
@@ -285,7 +275,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
285
275
|
background: var(--lz-pupil, rgba(0, 0, 0, 0.85));
|
|
286
276
|
animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
287
277
|
}
|
|
288
|
-
`}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)}};T.observedAttributes=["size","color","speed"];function
|
|
278
|
+
`}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)}};T.observedAttributes=["size","color","speed"];function oe(){l(vt,T)}var xt="lz-morphing-square",_=class extends o{constructor(){super(...arguments);this.css=`
|
|
289
279
|
:host {
|
|
290
280
|
font-size: var(--lz-size, 44px);
|
|
291
281
|
width: 1em; height: 1em;
|
|
@@ -293,14 +283,14 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
293
283
|
box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));
|
|
294
284
|
animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
295
285
|
}
|
|
296
|
-
`}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)}};
|
|
286
|
+
`}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)}};_.observedAttributes=["size","accent","speed"];function le(){l(xt,_)}var yt="lz-breathing-pulse",N=class extends o{constructor(){super(...arguments);this.css=`
|
|
297
287
|
:host {
|
|
298
288
|
font-size: var(--lz-size, 36px);
|
|
299
289
|
width: 1em; height: 1em; border-radius: 50%;
|
|
300
290
|
background: var(--lz-color, #f5f5f7);
|
|
301
291
|
animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
302
292
|
}
|
|
303
|
-
`}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)}};
|
|
293
|
+
`}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)}};N.observedAttributes=["size","color","speed"];function ne(){l(yt,N)}var wt="lz-equalizer",E=class extends o{constructor(){super(...arguments);this.css=`
|
|
304
294
|
:host { font-size: var(--lz-size, 22px); }
|
|
305
295
|
.lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }
|
|
306
296
|
.lz-bar {
|
|
@@ -313,12 +303,12 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
313
303
|
.lz-bar:nth-child(2) { animation-delay: 0.12s; }
|
|
314
304
|
.lz-bar:nth-child(3) { animation-delay: 0.24s; }
|
|
315
305
|
.lz-bar:nth-child(4) { animation-delay: 0.36s; }
|
|
316
|
-
`}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)}};E.observedAttributes=["size","bar-width","gap","color","speed"];function
|
|
306
|
+
`}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)}};E.observedAttributes=["size","bar-width","gap","color","speed"];function ce(){l(wt,E)}var At="lz-progress-ring",kt=`
|
|
317
307
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
318
308
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
319
309
|
`,L=class extends o{constructor(){super(...arguments);this.css=`
|
|
320
310
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
321
|
-
.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${
|
|
311
|
+
.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${kt} }
|
|
322
312
|
.lz-track {
|
|
323
313
|
background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);
|
|
324
314
|
}
|
|
@@ -326,7 +316,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
326
316
|
background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
|
|
327
317
|
transition: background 0.2s ease;
|
|
328
318
|
}
|
|
329
|
-
`}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)}};L.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function
|
|
319
|
+
`}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)}};L.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function de(){l(At,L)}var Tt="lz-indeterminate-progress-bar",P=class extends o{constructor(){super(...arguments);this.css=`
|
|
330
320
|
:host {
|
|
331
321
|
position: relative; display: inline-block;
|
|
332
322
|
width: var(--lz-width, 160px); height: var(--lz-height, 6px);
|
|
@@ -339,7 +329,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
339
329
|
background: var(--lz-accent, #0a84ff);
|
|
340
330
|
animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
341
331
|
}
|
|
342
|
-
`}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)}};P.observedAttributes=["width","height","accent","track-color","speed"];function
|
|
332
|
+
`}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)}};P.observedAttributes=["width","height","accent","track-color","speed"];function pe(){l(Tt,P)}var _t="lz-skeleton-shimmer",S=class extends o{constructor(){super(...arguments);this.css=`
|
|
343
333
|
:host {
|
|
344
334
|
position: relative; display: inline-block;
|
|
345
335
|
width: var(--lz-width, 120px); height: var(--lz-height, 28px);
|
|
@@ -351,7 +341,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
351
341
|
background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);
|
|
352
342
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
353
343
|
}
|
|
354
|
-
`}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)}};S.observedAttributes=["width","height","track-color","speed"];function
|
|
344
|
+
`}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)}};S.observedAttributes=["width","height","track-color","speed"];function me(){l(_t,S)}var Nt="lz-ellipsis",R=class extends o{constructor(){super(...arguments);this.css=`
|
|
355
345
|
:host {
|
|
356
346
|
display: inline-flex; gap: 0.2em; align-items: center;
|
|
357
347
|
font-size: var(--lz-size, 8px); line-height: 1;
|
|
@@ -363,7 +353,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
363
353
|
}
|
|
364
354
|
.lz-dot:nth-child(2) { animation-delay: -0.45s; }
|
|
365
355
|
.lz-dot:nth-child(3) { animation-delay: -0.9s; }
|
|
366
|
-
`}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)}};R.observedAttributes=["size","color","speed"];function
|
|
356
|
+
`}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)}};R.observedAttributes=["size","color","speed"];function ze(){l(Nt,R)}var Et="lz-progress-bar",G=class extends o{constructor(){super(...arguments);this.css=`
|
|
367
357
|
:host {
|
|
368
358
|
display: inline-block; position: relative;
|
|
369
359
|
width: var(--lz-width, 160px); height: var(--lz-height, 6px);
|
|
@@ -377,7 +367,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
377
367
|
background: var(--lz-color, #f5f5f7);
|
|
378
368
|
border-radius: inherit;
|
|
379
369
|
}
|
|
380
|
-
`}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 e=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${e}`);let s=this.shadowRoot?.querySelector(".lz-fill");s&&(s.style.transform=`scaleX(${e/100})`),this.setAttribute("aria-valuenow",String(e))}};G.observedAttributes=["width","height","percent","color","track-color","speed"];function
|
|
370
|
+
`}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 e=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${e}`);let s=this.shadowRoot?.querySelector(".lz-fill");s&&(s.style.transform=`scaleX(${e/100})`),this.setAttribute("aria-valuenow",String(e))}};G.observedAttributes=["width","height","percent","color","track-color","speed"];function fe(){l(Et,G)}var Lt="lz-skeleton-card",I=class extends o{constructor(){super(...arguments);this.css=`
|
|
381
371
|
:host {
|
|
382
372
|
position: relative; display: inline-block;
|
|
383
373
|
width: var(--lz-width, 200px); height: var(--lz-height, 64px);
|
|
@@ -402,7 +392,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
402
392
|
background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
|
|
403
393
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
404
394
|
}
|
|
405
|
-
`}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)}};I.observedAttributes=["width","height","track-color","speed"];function
|
|
395
|
+
`}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)}};I.observedAttributes=["width","height","track-color","speed"];function he(){l(Lt,I)}var Pt="lz-skeleton-list",M=class extends o{constructor(){super(...arguments);this.css=`
|
|
406
396
|
:host {
|
|
407
397
|
position: relative; display: block;
|
|
408
398
|
width: var(--lz-width, 180px);
|
|
@@ -427,104 +417,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
427
417
|
background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
|
|
428
418
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
429
419
|
}
|
|
430
|
-
`}template(){let e=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],
|
|
431
|
-
:host {
|
|
432
|
-
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
433
|
-
display: inline-block; position: relative; line-height: 1;
|
|
434
|
-
}
|
|
435
|
-
.lz-slot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
|
|
436
|
-
.lz-dot {
|
|
437
|
-
position: absolute; border-radius: 50%; background: currentColor;
|
|
438
|
-
box-shadow: 0 0 0.12em 0.05em currentColor;
|
|
439
|
-
animation: lz-ios-glow calc(${ke}s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
440
|
-
}
|
|
441
|
-
`}template(){let e=0,s='<div role="status" aria-label="Loading">',i=(a,l,c,m=!1)=>{let V=a*Math.PI/180,pt=m?98:50-48*Math.cos(V),q=`${c.toFixed(3)}em`,F=`-${(c/2).toFixed(3)}em`,mt=`color-mix(in srgb, var(--lz-color, #f5f5f7) ${pt.toFixed(0)}%, var(--lz-accent, #0a84ff))`,zt=`-${(e/jt*ke).toFixed(3)}s`,ft=l===0?"":` transform:rotate(${a}deg) translateY(-${l.toFixed(3)}em);`;s+=`<span class="lz-slot" style="${ft}"><span class="lz-dot" style="width:${q};height:${q};left:${F};top:${F};color:${mt};animation-delay:${zt}"></span></span>`,e++};for(let a of Qt){let l=360/a.count;for(let c=0;c<a.count;c++)i(a.offset+l*c,a.radius,a.dot)}return i(0,0,.13,!0),`${s}</div>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};M.observedAttributes=["size","color","accent","speed"];function Te(){n(Xt,M)}var Jt="lz-ai-orb",C=class extends o{constructor(){super(...arguments);this.css=`
|
|
442
|
-
:host {
|
|
443
|
-
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
444
|
-
display: inline-block; position: relative; line-height: 1;
|
|
445
|
-
}
|
|
446
|
-
.lz-orb {
|
|
447
|
-
position: absolute; inset: 0.08em; border-radius: 50%;
|
|
448
|
-
background: radial-gradient(circle at 34% 32%,
|
|
449
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 18%, white) 0%,
|
|
450
|
-
var(--lz-accent, #0a84ff) 40%,
|
|
451
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 74%,
|
|
452
|
-
transparent 100%);
|
|
453
|
-
box-shadow: 0 0 0.5em color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent);
|
|
454
|
-
animation: lz-orb-breathe calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
455
|
-
}
|
|
456
|
-
.lz-orbit {
|
|
457
|
-
position: absolute; inset: 0;
|
|
458
|
-
animation: lz-spin calc(4.5s * var(--lz-speed, 1)) linear infinite;
|
|
459
|
-
}
|
|
460
|
-
.lz-light {
|
|
461
|
-
position: absolute; left: 50%; top: calc(50% - 0.46em);
|
|
462
|
-
width: 0.13em; height: 0.13em; margin-left: -0.065em; border-radius: 50%;
|
|
463
|
-
background: var(--lz-color, #f5f5f7);
|
|
464
|
-
box-shadow: 0 0 0.22em 0.05em color-mix(in srgb, var(--lz-color, #f5f5f7) 55%, transparent);
|
|
465
|
-
animation: lz-pulse-breath calc(1.1s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
466
|
-
}
|
|
467
|
-
.lz-sparkle {
|
|
468
|
-
position: absolute; width: 0.28em; height: 0.28em;
|
|
469
|
-
animation: lz-ai-sparkle calc(3s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
470
|
-
}
|
|
471
|
-
.lz-sparkle::before, .lz-sparkle::after {
|
|
472
|
-
content: ""; position: absolute; inset: 0;
|
|
473
|
-
background: var(--lz-color, #f5f5f7);
|
|
474
|
-
}
|
|
475
|
-
.lz-sparkle::before {
|
|
476
|
-
clip-path: polygon(50% 0, 58% 50%, 50% 100%, 42% 50%);
|
|
477
|
-
}
|
|
478
|
-
.lz-sparkle::after {
|
|
479
|
-
clip-path: polygon(50% 0, 58% 50%, 50% 100%, 42% 50%);
|
|
480
|
-
transform: rotate(90deg);
|
|
481
|
-
}
|
|
482
|
-
.lz-sparkle.a { right: 0.01em; top: -0.01em; }
|
|
483
|
-
.lz-sparkle.b { left: -0.01em; bottom: 0.02em; animation-delay: -1.5s; }
|
|
484
|
-
`}template(){return'<div class="lz-orb" role="status" aria-label="Loading"></div><div class="lz-orbit" aria-hidden="true"><span class="lz-light"></span></div><span class="lz-sparkle a" aria-hidden="true"></span><span class="lz-sparkle b" aria-hidden="true"></span>'}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)}};C.observedAttributes=["size","accent","color","speed"];function Ne(){n(Jt,C)}var er="lz-ai-thinking",Z=class extends o{constructor(){super(...arguments);this.css=`
|
|
485
|
-
:host {
|
|
486
|
-
font-size: var(--lz-size, 40px); width: 2.1em; height: 0.66em;
|
|
487
|
-
display: inline-block; position: relative; line-height: 1;
|
|
488
|
-
}
|
|
489
|
-
.lz-field {
|
|
490
|
-
position: absolute; inset: 0; display: flex; align-items: center;
|
|
491
|
-
justify-content: center; gap: 0.32em; border-radius: 999px;
|
|
492
|
-
background: var(--lz-surface, rgba(255,255,255,0.07));
|
|
493
|
-
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lz-color, #f5f5f7) 12%, transparent);
|
|
494
|
-
}
|
|
495
|
-
.lz-dot {
|
|
496
|
-
width: 0.16em; height: 0.16em; border-radius: 50%;
|
|
497
|
-
background: var(--lz-color, #f5f5f7);
|
|
498
|
-
animation: lz-typing-pulse calc(1s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;
|
|
499
|
-
}
|
|
500
|
-
.lz-field .lz-dot:nth-child(2) { animation-delay: -0.2s; }
|
|
501
|
-
.lz-field .lz-dot:nth-child(3) { animation-delay: -0.4s; }
|
|
502
|
-
.lz-aura {
|
|
503
|
-
position: absolute; inset: -0.16em; border-radius: 999px;
|
|
504
|
-
border: 2px solid transparent;
|
|
505
|
-
background: conic-gradient(from 0deg,
|
|
506
|
-
transparent 0deg,
|
|
507
|
-
var(--lz-accent, #0a84ff) 8deg,
|
|
508
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 30%, transparent) 34deg,
|
|
509
|
-
transparent 92deg) border-box;
|
|
510
|
-
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
|
|
511
|
-
-webkit-mask-composite: xor;
|
|
512
|
-
mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
|
|
513
|
-
mask-composite: exclude;
|
|
514
|
-
animation: lz-spin calc(1.9s * var(--lz-speed, 1)) linear infinite;
|
|
515
|
-
}
|
|
516
|
-
`}template(){return'<div class="lz-field" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div><div class="lz-aura" aria-hidden="true"></div>'}sync(){this.varPx("--lz-size","size",40),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};Z.observedAttributes=["size","color","accent","speed"];function _e(){n(er,Z)}var tr="lz-ai-neural",D=class extends o{constructor(){super(...arguments);this.css=`
|
|
517
|
-
:host { font-size: var(--lz-size, 6px); }
|
|
518
|
-
.lz-grid {
|
|
519
|
-
display: grid;
|
|
520
|
-
gap: var(--lz-grid-gap, 10px);
|
|
521
|
-
grid-template-columns: repeat(var(--lz-cols, 5), 1em);
|
|
522
|
-
}
|
|
523
|
-
.lz-dot {
|
|
524
|
-
width: 1em; height: 1em; border-radius: 50%;
|
|
525
|
-
animation: lz-grid-dot-wave calc(1.5s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
526
|
-
}
|
|
527
|
-
`}template(){let e=Math.max(1,this.num("rows",3)),s=Math.max(1,this.num("cols",5)),i='<div class="lz-grid" role="status" aria-label="Loading">';for(let a=0;a<e;a++)for(let l=0;l<s;l++){let c=(a+l)%2===0?"color-mix(in srgb, var(--lz-accent, #0a84ff) 78%, var(--lz-color, #f5f5f7))":"var(--lz-color, #f5f5f7)",m=((a+l)*.12).toFixed(3);i+=`<span class="lz-dot" style="background:${c};animation-delay:-${m}s"></span>`}return`${i}</div>`}sync(){this.varPx("--lz-size","size",6),this.varNum("--lz-cols","cols",5),this.varPx("--lz-grid-gap","gap",10),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};D.observedAttributes=["rows","cols","size","gap","color","accent","speed"];function Ee(){n(tr,D)}var rr="lz-waveform",H=class extends o{constructor(){super(...arguments);this.css=`
|
|
420
|
+
`}template(){let e=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],a='<div role="status" aria-label="Loading">';for(let i=0;i<e;i++){let n=s[i%s.length];a+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></div></div>`}return`${a}</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)}};M.observedAttributes=["width","rows","track-color","speed"];function ue(){l(Pt,M)}var St="lz-waveform",O=class extends o{constructor(){super(...arguments);this.css=`
|
|
528
421
|
:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
|
|
529
422
|
.lz-wave {
|
|
530
423
|
display: flex; align-items: center; gap: var(--lz-gap, 4px);
|
|
@@ -537,7 +430,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
537
430
|
animation: lz-waveform calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
538
431
|
}
|
|
539
432
|
.lz-bar.accent { background: var(--lz-accent, #0a84ff); }
|
|
540
|
-
`}template(){let e=Math.max(5,Math.min(21,this.num("count",11))),s=(e-1)/2,
|
|
433
|
+
`}template(){let e=Math.max(5,Math.min(21,this.num("count",11))),s=(e-1)/2,a="";for(let i=0;i<e;i++){let n=(i-s)*.12,d=i===Math.floor(s)||i===Math.floor(s/2)||i===e-1-Math.floor(s/2);a+=`<span class="lz-bar${d?" accent":""}" style="animation-delay: ${n.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${a}</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)}};O.observedAttributes=["size","count","color","accent","speed"];function ge(){l(St,O)}var Rt="lz-vinyl",C=class extends o{constructor(){super(...arguments);this.css=`
|
|
541
434
|
:host {
|
|
542
435
|
font-size: var(--lz-size, 48px); width: 2.2em; height: 2.2em;
|
|
543
436
|
display: inline-block; position: relative; line-height: 1;
|
|
@@ -549,7 +442,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
549
442
|
radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 0 17%, rgba(0,0,0,0.22) 17% 18%, transparent 18% 20%, rgba(255,255,255,0.045) 20% 21%, transparent 21% 100%),
|
|
550
443
|
radial-gradient(circle at 50% 50%, #141216 0 100%);
|
|
551
444
|
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
|
|
552
|
-
animation: lz-spin calc(
|
|
445
|
+
animation: lz-spin calc(7s * var(--lz-speed, 1)) linear infinite;
|
|
553
446
|
}
|
|
554
447
|
.lz-disc::before {
|
|
555
448
|
content: ""; position: absolute; inset: 0; border-radius: 50%;
|
|
@@ -573,7 +466,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
573
466
|
.lz-arm {
|
|
574
467
|
position: absolute; top: 0.05em; right: 0.06em; width: 0.8em; height: 0.8em;
|
|
575
468
|
transform-origin: top right;
|
|
576
|
-
animation: lz-needle-bob calc(
|
|
469
|
+
animation: lz-needle-bob calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
577
470
|
}
|
|
578
471
|
.lz-post {
|
|
579
472
|
position: absolute; right: -0.01em; top: -0.01em;
|
|
@@ -600,7 +493,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
600
493
|
width: 0.05em; height: 0.1em; border-radius: 0 0 3px 3px;
|
|
601
494
|
background: color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white);
|
|
602
495
|
}
|
|
603
|
-
`}template(){return'<div class="lz-disc" role="status" aria-label="Loading"><span class="lz-label"></span><span class="lz-spindle"></span></div><div class="lz-arm" aria-hidden="true"><span class="lz-post"></span><span class="lz-shaft"></span></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)}};
|
|
496
|
+
`}template(){return'<div class="lz-disc" role="status" aria-label="Loading"><span class="lz-label"></span><span class="lz-spindle"></span></div><div class="lz-arm" aria-hidden="true"><span class="lz-post"></span><span class="lz-shaft"></span></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)}};C.observedAttributes=["size","accent","color","speed"];function be(){l(Rt,C)}var Gt="lz-sonar",ve=3.6,Z=class extends o{constructor(){super(...arguments);this.css=`
|
|
604
497
|
:host {
|
|
605
498
|
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
606
499
|
display: inline-block; position: relative; line-height: 1;
|
|
@@ -614,9 +507,9 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
614
507
|
.lz-ring {
|
|
615
508
|
position: absolute; inset: 0.14em; border-radius: 50%;
|
|
616
509
|
border: 1px solid var(--lz-accent, #0a84ff);
|
|
617
|
-
animation: lz-sonar-ring calc(${
|
|
510
|
+
animation: lz-sonar-ring calc(${ve}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
|
|
618
511
|
}
|
|
619
|
-
`}template(){let e=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let
|
|
512
|
+
`}template(){let e=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let a=0;a<e;a++)s+=`<span class="lz-ring" style="animation-delay: -${(a*ve/e).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)}};Z.observedAttributes=["size","count","accent","color","speed"];function xe(){l(Gt,Z)}var It="lz-music-note",D=class extends o{constructor(){super(...arguments);this.css=`
|
|
620
513
|
:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
|
|
621
514
|
.lz-notes { display: flex; align-items: center; gap: 0.5em; }
|
|
622
515
|
.lz-note {
|
|
@@ -648,7 +541,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
648
541
|
border-radius: 0 0 0.14em 0.02em / 0 0 0.26em 0.02em;
|
|
649
542
|
}
|
|
650
543
|
.lz-note.second .lz-head { background: color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, var(--lz-accent, #0a84ff)); }
|
|
651
|
-
`}template(){let e=Math.max(1,Math.min(4,this.num("count",2))),s="";for(let
|
|
544
|
+
`}template(){let e=Math.max(1,Math.min(4,this.num("count",2))),s="";for(let a=0;a<e;a++)s+=`<span class="${a===1?"lz-note second":"lz-note"}"><span class="lz-head"></span><span class="lz-stem"></span><span class="lz-flag"></span></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)}};D.observedAttributes=["size","count","color","speed"];function ye(){l(It,D)}var Mt="lz-activity-rings",H=class extends o{constructor(){super(...arguments);this.css=`
|
|
652
545
|
:host {
|
|
653
546
|
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
654
547
|
display: inline-block; line-height: 1;
|
|
@@ -666,5 +559,5 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
666
559
|
<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>
|
|
667
560
|
<g class="lz-g mid"><circle class="lz-ring lz-mid" cx="50" cy="50" r="34.5" transform="rotate(-90 50 50)" /></g>
|
|
668
561
|
<g class="lz-g inner"><circle class="lz-ring lz-inner" cx="50" cy="50" r="26.5" transform="rotate(-90 50 50)" /></g>
|
|
669
|
-
</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)}};
|
|
562
|
+
</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)}};H.observedAttributes=["size","accent","color","color-weak","speed"];function we(){l(Mt,H)}function B(){F(),X(),Q(),J(),j(),ee(),te(),re(),se(),ie(),oe(),le(),ne(),ce(),de(),pe(),me(),ze(),fe(),he(),ue(),ge(),be(),xe(),ye(),we()}var c=require("react/jsx-runtime");B();var p=(t,r)=>r===void 0?{}:{[t]:String(r)};function Ae(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-bouncing-dots",{size:r,color:e,speed:s,className:a,style:i})}Ae.displayName="BouncingDots";function ke(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-typing-dots",{size:r,color:e,speed:s,className:a,style:i})}ke.displayName="TypingDots";function Te(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-wave-dots",{size:r,color:e,speed:s,className:a,style:i})}Te.displayName="WaveDots";function _e(t){let{size:r,color:e,speed:s,count:a,className:i,style:n}=t;return(0,c.jsx)("lz-helix-dots",{size:r,color:e,speed:s,count:a,className:i,style:n})}_e.displayName="HelixDots";function Ne(t){let{rows:r,cols:e,gap:s,size:a,color:i,speed:n,className:d,style:m}=t;return(0,c.jsx)("lz-dot-grid-wave",{rows:r,cols:e,gap:s,size:a,color:i,speed:n,className:d,style:m})}Ne.displayName="DotGridWave";function Ee(t){let{size:r,color:e,speed:s,strokeWidth:a,className:i,style:n}=t;return(0,c.jsx)("lz-arc-spinner",{size:r,color:e,speed:s,className:i,style:n,...p("stroke-width",a)})}Ee.displayName="ArcSpinner";function Le(t){let{size:r,color:e,colorWeak:s,speed:a,strokeWidth:i,className:n,style:d}=t;return(0,c.jsx)("lz-material-double-arc",{size:r,color:e,speed:a,className:n,style:d,...p("stroke-width",i),...p("color-weak",s)})}Le.displayName="MaterialDoubleArc";function Pe(t){let{size:r,color:e,colorWeak:s,colorSweep:a,speed:i,className:n,style:d}=t;return(0,c.jsx)("lz-scan-sweep",{size:r,color:e,speed:i,className:n,style:d,...p("color-weak",s),...p("color-sweep",a)})}Pe.displayName="ScanSweep";function Se(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-orbit-dots",{size:r,color:e,speed:s,className:a,style:i})}Se.displayName="OrbitDots";function Re(t){let{size:r,color:e,speed:s,dotSize:a,className:i,style:n}=t;return(0,c.jsx)("lz-orbit-ring-dots",{size:r,color:e,speed:s,className:i,style:n,...p("dot-size",a)})}Re.displayName="OrbitRingDots";function Ge(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-eyes",{size:r,color:e,speed:s,className:a,style:i})}Ge.displayName="Eyes";function Ie(t){let{size:r,accent:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-morphing-square",{size:r,accent:e,speed:s,className:a,style:i})}Ie.displayName="MorphingSquare";function Me(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-breathing-pulse",{size:r,color:e,speed:s,className:a,style:i})}Me.displayName="BreathingPulse";function Oe(t){let{size:r,color:e,speed:s,barWidth:a,gap:i,className:n,style:d}=t;return(0,c.jsx)("lz-equalizer",{size:r,color:e,speed:s,className:n,style:d,...p("bar-width",a),...p("gap",i)})}Oe.displayName="Equalizer";function Ce(t){let{size:r,color:e,trackColor:s,speed:a,strokeWidth:i,percent:n,className:d,style:m}=t;return(0,c.jsx)("lz-progress-ring",{size:r,color:e,speed:a,percent:n,className:d,style:m,...p("stroke-width",i),...p("track-color",s)})}Ce.displayName="ProgressRing";function Ze(t){let{width:r,height:e,accent:s,trackColor:a,speed:i,className:n,style:d}=t;return(0,c.jsx)("lz-indeterminate-progress-bar",{width:r,height:e,accent:s,speed:i,className:n,style:d,...p("track-color",a)})}Ze.displayName="IndeterminateProgressBar";function De(t){let{width:r,height:e,trackColor:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-skeleton-shimmer",{width:r,height:e,speed:a,className:i,style:n,...p("track-color",s)})}De.displayName="SkeletonShimmer";function He(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-ellipsis",{size:r,color:e,speed:s,className:a,style:i})}He.displayName="Ellipsis";function Be(t){let{width:r,height:e,percent:s,color:a,speed:i,trackColor:n,className:d,style:m}=t;return(0,c.jsx)("lz-progress-bar",{width:r,height:e,percent:s,color:a,speed:i,className:d,style:m,...p("track-color",n)})}Be.displayName="ProgressBar";function We(t){let{width:r,height:e,trackColor:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-skeleton-card",{width:r,height:e,speed:a,className:i,style:n,...p("track-color",s)})}We.displayName="SkeletonCard";function Ye(t){let{width:r,rows:e,trackColor:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-skeleton-list",{width:r,rows:e,speed:a,className:i,style:n,...p("track-color",s)})}Ye.displayName="SkeletonList";function $e(t){let{size:r,color:e,accent:s,speed:a,count:i,barWidth:n,gap:d,className:m,style:Fe}=t;return(0,c.jsx)("lz-waveform",{size:r,color:e,accent:s,speed:a,count:i,className:m,style:Fe,...p("bar-width",n),...p("gap",d)})}$e.displayName="Waveform";function Ue(t){let{size:r,color:e,accent:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-vinyl",{size:r,color:e,accent:s,speed:a,className:i,style:n})}Ue.displayName="Vinyl";function Ve(t){let{size:r,color:e,accent:s,speed:a,count:i,className:n,style:d}=t;return(0,c.jsx)("lz-sonar",{size:r,color:e,accent:s,speed:a,count:i,className:n,style:d})}Ve.displayName="Sonar";function qe(t){let{size:r,color:e,speed:s,count:a,className:i,style:n}=t;return(0,c.jsx)("lz-music-note",{size:r,color:e,speed:s,count:a,className:i,style:n})}qe.displayName="MusicNote";function Ke(t){let{size:r,color:e,accent:s,colorWeak:a,speed:i,className:n,style:d}=t;return(0,c.jsx)("lz-activity-rings",{size:r,color:e,accent:s,speed:i,className:n,style:d,...p("color-weak",a)})}Ke.displayName="ActivityRings";0&&(module.exports={ActivityRings,ArcSpinner,BouncingDots,BreathingPulse,DotGridWave,Ellipsis,Equalizer,Eyes,HelixDots,IndeterminateProgressBar,MaterialDoubleArc,MorphingSquare,MusicNote,OrbitDots,OrbitRingDots,ProgressBar,ProgressRing,ScanSweep,SkeletonCard,SkeletonList,SkeletonShimmer,Sonar,TypingDots,Vinyl,WaveDots,Waveform,defineAll});
|
|
670
563
|
//# sourceMappingURL=react.cjs.map
|