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.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var W=t=>{throw TypeError(t)};var Y=(t,r,e)=>r.has(t)||W("Cannot "+e);var $=(t,r,e)=>(Y(t,r,"read from private field"),e?e.call(t):r.get(t)),U=(t,r,e)=>r.has(t)?W("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),V=(t,r,e,s)=>(Y(t,r,"write to private field"),s?s.call(t,e):r.set(t,e),e);var Ae=`
|
|
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 @@ var F=t=>{throw TypeError(t)};var X=(t,r,e)=>r.has(t)||F("Cannot "+e);var Q=(t,r
|
|
|
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 @@ var F=t=>{throw TypeError(t)};var X=(t,r,e)=>r.has(t)||F("Cannot "+e);var Q=(t,r
|
|
|
96
86
|
0%, 100% { transform: rotate(22deg); }
|
|
97
87
|
50% { transform: rotate(27deg); }
|
|
98
88
|
}
|
|
99
|
-
`,
|
|
89
|
+
`,q=`
|
|
100
90
|
:host {
|
|
101
91
|
display: inline-flex;
|
|
102
92
|
font-size: var(--lz-size, 44px);
|
|
@@ -105,9 +95,9 @@ var F=t=>{throw TypeError(t)};var X=(t,r,e)=>r.has(t)||F("Cannot "+e);var Q=(t,r
|
|
|
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
|
+
${Ae}
|
|
99
|
+
`;var ke=typeof HTMLElement<"u",Te=ke?HTMLElement:class{},z,o=class extends Te{constructor(){super(...arguments);U(this,z,!1)}connectedCallback(){let e=this.shadowRoot??this.attachShadow({mode:"open"});e.innerHTML=`<style>${q}
|
|
100
|
+
${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".lz-root"),V(this,z,!0),this.paint()}attributeChangedCallback(){$(this,z)&&this.paint()}paint(){this.sync();let e=this._rootEl;e&&(e.innerHTML=this.template())}num(e,s){let i=this.getAttribute(e);if(i===null||i==="")return s;let a=Number(i);return Number.isFinite(a)?a:s}varPx(e,s,i){let a=this.getAttribute(s);a!==null&&a!==""&&Number.isFinite(Number(a))?this.style.setProperty(e,`${Number(a)}px`):this.style.removeProperty(e)}varNum(e,s,i){let a=this.getAttribute(s);a!==null&&a!==""&&Number.isFinite(Number(a))?this.style.setProperty(e,String(Number(a))):this.style.removeProperty(e)}varRaw(e,s,i){let a=this.getAttribute(s);a!==null&&a!==""?this.style.setProperty(e,a):this.style.removeProperty(e)}};z=new WeakMap,o.observedAttributes=[];function l(t,r){typeof customElements>"u"||customElements.get(t)||customElements.define(t,r)}var _e="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 K(){l(_e,f)}var Ne="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 F(){l(Ne,h)}var Ee="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 X(){l(Ee,u)}var Le="lz-helix-dots",Pe=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 i=0;i<e;i++)s+=`<span class="lz-dot" style="animation-delay:-${(
|
|
139
|
+
`}template(){let e=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let i=0;i<e;i++)s+=`<span class="lz-dot" style="animation-delay:-${(Pe/e*i).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 Q(){l(Le,g)}var Se="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)),i='<div class="lz-grid" role="status" aria-label="Loading">';for(let a=0;a<e;a++)for(let
|
|
151
|
+
`}template(){let e=Math.max(1,this.num("rows",4)),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 n=0;n<s;n++)i+=`<span class="lz-dot" style="animation-delay:-${((a+n)*.08).toFixed(3)}s"></span>`;return`${i}</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(Se,b)}var Re="lz-arc-spinner",Ge=`
|
|
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
|
+
${Ge}
|
|
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 j(){l(Re,v)}var Ie="lz-material-double-arc",Me=`
|
|
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
|
+
${Me}
|
|
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 ee(){l(Ie,y)}var Oe="lz-scan-sweep",Ce=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<Ce;s++){let i=s%2===1;e+=`<span class="lz-tick-slot" style="transform:rotate(${s*45}deg) translateY(-0.5em)"><span class="lz-tick${i?" 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 te(){l(Oe,w)}var Ze="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 re(){l(Ze,A)}var De="lz-orbit-ring-dots",se=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<se;s++){let i=360/se*s;e+=`<span class="lz-dot" style="transform:rotate(${i}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 ae(){l(De,k)}var He="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 ie(){l(He,T)}var Be="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 oe(){l(Be,_)}var We="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 le(){l(We,N)}var Ye="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 ne(){l(Ye,E)}var $e="lz-progress-ring",Ue=`
|
|
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%; ${Ue} }
|
|
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 ce(){l($e,L)}var Ve="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 de(){l(Ve,P)}var qe="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 pe(){l(qe,S)}var Ke="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 me(){l(Ke,R)}var Fe="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 ze(){l(Fe,G)}var Xe="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 fe(){l(Xe,I)}var Qe="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%"],i='<div role="status" aria-label="Loading">';for(let a=0;a<e;a++){let
|
|
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(${we}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 U=a*Math.PI/180,Ie=m?98:50-48*Math.cos(U),K=`${c.toFixed(3)}em`,q=`-${(c/2).toFixed(3)}em`,Oe=`color-mix(in srgb, var(--lz-color, #f5f5f7) ${Ie.toFixed(0)}%, var(--lz-accent, #0a84ff))`,Me=`-${(e/ht*we).toFixed(3)}s`,Ce=l===0?"":` transform:rotate(${a}deg) translateY(-${l.toFixed(3)}em);`;s+=`<span class="lz-slot" style="${Ce}"><span class="lz-dot" style="width:${K};height:${K};left:${q};top:${q};color:${Oe};animation-delay:${Me}"></span></span>`,e++};for(let a of ft){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 ke(){n(zt,M)}var ut="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 Te(){n(ut,C)}var gt="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 Ne(){n(gt,Z)}var bt="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 _e(){n(bt,D)}var vt="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%"],i='<div role="status" aria-label="Loading">';for(let a=0;a<e;a++){let n=s[a%s.length];i+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></div></div>`}return`${i}</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 he(){l(Qe,M)}var Je="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,i="";for(let a=0;a<e;a++){let
|
|
433
|
+
`}template(){let e=Math.max(5,Math.min(21,this.num("count",11))),s=(e-1)/2,i="";for(let a=0;a<e;a++){let n=(a-s)*.12,d=a===Math.floor(s)||a===Math.floor(s/2)||a===e-1-Math.floor(s/2);i+=`<span class="lz-bar${d?" accent":""}" style="animation-delay: ${n.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${i}</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 ue(){l(Je,O)}var je="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 ge(){l(je,C)}var et="lz-sonar",be=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(${be}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 i=0;i<e;i++)s+=`<span class="lz-ring" style="animation-delay: -${(i*
|
|
512
|
+
`}template(){let e=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let i=0;i<e;i++)s+=`<span class="lz-ring" style="animation-delay: -${(i*be/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 ve(){l(et,Z)}var tt="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 i=0;i<e;i++)s+=`<span class="${i===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)}};
|
|
544
|
+
`}template(){let e=Math.max(1,Math.min(4,this.num("count",2))),s="";for(let i=0;i<e;i++)s+=`<span class="${i===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 xe(){l(tt,D)}var rt="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 ye(){l(rt,H)}function B(){K(),F(),X(),Q(),J(),j(),ee(),te(),re(),ae(),ie(),oe(),le(),ne(),ce(),de(),pe(),me(),ze(),fe(),he(),ue(),ge(),ve(),xe(),ye()}import{jsx as c}from"react/jsx-runtime";B();var p=(t,r)=>r===void 0?{}:{[t]:String(r)};function st(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return c("lz-bouncing-dots",{size:r,color:e,speed:s,className:i,style:a})}st.displayName="BouncingDots";function at(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return c("lz-typing-dots",{size:r,color:e,speed:s,className:i,style:a})}at.displayName="TypingDots";function it(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return c("lz-wave-dots",{size:r,color:e,speed:s,className:i,style:a})}it.displayName="WaveDots";function ot(t){let{size:r,color:e,speed:s,count:i,className:a,style:n}=t;return c("lz-helix-dots",{size:r,color:e,speed:s,count:i,className:a,style:n})}ot.displayName="HelixDots";function lt(t){let{rows:r,cols:e,gap:s,size:i,color:a,speed:n,className:d,style:m}=t;return c("lz-dot-grid-wave",{rows:r,cols:e,gap:s,size:i,color:a,speed:n,className:d,style:m})}lt.displayName="DotGridWave";function nt(t){let{size:r,color:e,speed:s,strokeWidth:i,className:a,style:n}=t;return c("lz-arc-spinner",{size:r,color:e,speed:s,className:a,style:n,...p("stroke-width",i)})}nt.displayName="ArcSpinner";function ct(t){let{size:r,color:e,colorWeak:s,speed:i,strokeWidth:a,className:n,style:d}=t;return c("lz-material-double-arc",{size:r,color:e,speed:i,className:n,style:d,...p("stroke-width",a),...p("color-weak",s)})}ct.displayName="MaterialDoubleArc";function dt(t){let{size:r,color:e,colorWeak:s,colorSweep:i,speed:a,className:n,style:d}=t;return c("lz-scan-sweep",{size:r,color:e,speed:a,className:n,style:d,...p("color-weak",s),...p("color-sweep",i)})}dt.displayName="ScanSweep";function pt(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return c("lz-orbit-dots",{size:r,color:e,speed:s,className:i,style:a})}pt.displayName="OrbitDots";function mt(t){let{size:r,color:e,speed:s,dotSize:i,className:a,style:n}=t;return c("lz-orbit-ring-dots",{size:r,color:e,speed:s,className:a,style:n,...p("dot-size",i)})}mt.displayName="OrbitRingDots";function zt(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return c("lz-eyes",{size:r,color:e,speed:s,className:i,style:a})}zt.displayName="Eyes";function ft(t){let{size:r,accent:e,speed:s,className:i,style:a}=t;return c("lz-morphing-square",{size:r,accent:e,speed:s,className:i,style:a})}ft.displayName="MorphingSquare";function ht(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return c("lz-breathing-pulse",{size:r,color:e,speed:s,className:i,style:a})}ht.displayName="BreathingPulse";function ut(t){let{size:r,color:e,speed:s,barWidth:i,gap:a,className:n,style:d}=t;return c("lz-equalizer",{size:r,color:e,speed:s,className:n,style:d,...p("bar-width",i),...p("gap",a)})}ut.displayName="Equalizer";function gt(t){let{size:r,color:e,trackColor:s,speed:i,strokeWidth:a,percent:n,className:d,style:m}=t;return c("lz-progress-ring",{size:r,color:e,speed:i,percent:n,className:d,style:m,...p("stroke-width",a),...p("track-color",s)})}gt.displayName="ProgressRing";function bt(t){let{width:r,height:e,accent:s,trackColor:i,speed:a,className:n,style:d}=t;return c("lz-indeterminate-progress-bar",{width:r,height:e,accent:s,speed:a,className:n,style:d,...p("track-color",i)})}bt.displayName="IndeterminateProgressBar";function vt(t){let{width:r,height:e,trackColor:s,speed:i,className:a,style:n}=t;return c("lz-skeleton-shimmer",{width:r,height:e,speed:i,className:a,style:n,...p("track-color",s)})}vt.displayName="SkeletonShimmer";function xt(t){let{size:r,color:e,speed:s,className:i,style:a}=t;return c("lz-ellipsis",{size:r,color:e,speed:s,className:i,style:a})}xt.displayName="Ellipsis";function yt(t){let{width:r,height:e,percent:s,color:i,speed:a,trackColor:n,className:d,style:m}=t;return c("lz-progress-bar",{width:r,height:e,percent:s,color:i,speed:a,className:d,style:m,...p("track-color",n)})}yt.displayName="ProgressBar";function wt(t){let{width:r,height:e,trackColor:s,speed:i,className:a,style:n}=t;return c("lz-skeleton-card",{width:r,height:e,speed:i,className:a,style:n,...p("track-color",s)})}wt.displayName="SkeletonCard";function At(t){let{width:r,rows:e,trackColor:s,speed:i,className:a,style:n}=t;return c("lz-skeleton-list",{width:r,rows:e,speed:i,className:a,style:n,...p("track-color",s)})}At.displayName="SkeletonList";function kt(t){let{size:r,color:e,accent:s,speed:i,count:a,barWidth:n,gap:d,className:m,style:we}=t;return c("lz-waveform",{size:r,color:e,accent:s,speed:i,count:a,className:m,style:we,...p("bar-width",n),...p("gap",d)})}kt.displayName="Waveform";function Tt(t){let{size:r,color:e,accent:s,speed:i,className:a,style:n}=t;return c("lz-vinyl",{size:r,color:e,accent:s,speed:i,className:a,style:n})}Tt.displayName="Vinyl";function _t(t){let{size:r,color:e,accent:s,speed:i,count:a,className:n,style:d}=t;return c("lz-sonar",{size:r,color:e,accent:s,speed:i,count:a,className:n,style:d})}_t.displayName="Sonar";function Nt(t){let{size:r,color:e,speed:s,count:i,className:a,style:n}=t;return c("lz-music-note",{size:r,color:e,speed:s,count:i,className:a,style:n})}Nt.displayName="MusicNote";function Et(t){let{size:r,color:e,accent:s,colorWeak:i,speed:a,className:n,style:d}=t;return c("lz-activity-rings",{size:r,color:e,accent:s,speed:a,className:n,style:d,...p("color-weak",i)})}Et.displayName="ActivityRings";export{Et as ActivityRings,nt as ArcSpinner,st as BouncingDots,ht as BreathingPulse,lt as DotGridWave,xt as Ellipsis,ut as Equalizer,zt as Eyes,ot as HelixDots,bt as IndeterminateProgressBar,ct as MaterialDoubleArc,ft as MorphingSquare,Nt as MusicNote,pt as OrbitDots,mt as OrbitRingDots,yt as ProgressBar,gt as ProgressRing,dt as ScanSweep,wt as SkeletonCard,At as SkeletonList,vt as SkeletonShimmer,_t as Sonar,at as TypingDots,Tt as Vinyl,it as WaveDots,kt as Waveform,B as defineAll};
|
|
670
563
|
//# sourceMappingURL=react.js.map
|