loading-state-zoo 0.3.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 +10 -115
- package/dist/index.cjs +153 -199
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -21
- package/dist/index.d.ts +3 -21
- package/dist/index.js +152 -198
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +149 -195
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +1 -64
- package/dist/react.d.ts +1 -64
- package/dist/react.js +149 -195
- package/dist/react.js.map +1 -1
- package/dist/theme.css +207 -284
- package/docs/AI.md +10 -11
- package/docs/components.json +1504 -428
- 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,21 +68,6 @@ var K=t=>{throw TypeError(t)};var X=(t,r,e)=>r.has(t)||K("Cannot "+e);var F=(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-blob-morph {
|
|
72
|
-
0% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }
|
|
73
|
-
25% { border-radius: 58% 42% 55% 45% / 55% 48% 52% 45%; transform: rotate(6deg) scale(1.06); }
|
|
74
|
-
50% { border-radius: 46% 54% 48% 52% / 48% 55% 45% 52%; transform: rotate(-5deg) scale(0.95); }
|
|
75
|
-
75% { border-radius: 55% 45% 52% 48% / 46% 52% 48% 55%; transform: rotate(3deg) scale(1.05); }
|
|
76
|
-
100% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }
|
|
77
|
-
}
|
|
78
|
-
@keyframes lz-siri-sheen {
|
|
79
|
-
0% { transform: translate3d(-24%, -14%, 0) rotate(0deg); }
|
|
80
|
-
100% { transform: translate3d(24%, 14%, 0) rotate(360deg); }
|
|
81
|
-
}
|
|
82
|
-
@keyframes lz-dot-orb {
|
|
83
|
-
0%, 100% { opacity: var(--lz-orb-fade, 0.14); transform: scale(var(--lz-dot-min, 0.7)); }
|
|
84
|
-
50% { opacity: 1; transform: scale(1); }
|
|
85
|
-
}
|
|
86
71
|
@keyframes lz-waveform {
|
|
87
72
|
0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }
|
|
88
73
|
50% { transform: scaleY(1); }
|
|
@@ -98,10 +83,10 @@ var K=t=>{throw TypeError(t)};var X=(t,r,e)=>r.has(t)||K("Cannot "+e);var F=(t,r
|
|
|
98
83
|
75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }
|
|
99
84
|
}
|
|
100
85
|
@keyframes lz-needle-bob {
|
|
101
|
-
0%, 100% { transform: rotate(
|
|
102
|
-
50% { transform: rotate(
|
|
86
|
+
0%, 100% { transform: rotate(22deg); }
|
|
87
|
+
50% { transform: rotate(27deg); }
|
|
103
88
|
}
|
|
104
|
-
`,
|
|
89
|
+
`,q=`
|
|
105
90
|
:host {
|
|
106
91
|
display: inline-flex;
|
|
107
92
|
font-size: var(--lz-size, 44px);
|
|
@@ -110,9 +95,9 @@ var K=t=>{throw TypeError(t)};var X=(t,r,e)=>r.has(t)||K("Cannot "+e);var F=(t,r
|
|
|
110
95
|
.lz-root {
|
|
111
96
|
display: contents;
|
|
112
97
|
}
|
|
113
|
-
${
|
|
114
|
-
`;var
|
|
115
|
-
${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=`
|
|
116
101
|
:host { font-size: var(--lz-size, 8px); }
|
|
117
102
|
.lz-dots { display: flex; gap: 0.7em; }
|
|
118
103
|
.lz-dot {
|
|
@@ -122,7 +107,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
122
107
|
}
|
|
123
108
|
.lz-dot:nth-child(2) { animation-delay: 0.15s; }
|
|
124
109
|
.lz-dot:nth-child(3) { animation-delay: 0.3s; }
|
|
125
|
-
`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};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=`
|
|
126
111
|
:host { font-size: var(--lz-size, 8px); }
|
|
127
112
|
.lz-dots { display: flex; gap: 0.8em; }
|
|
128
113
|
.lz-dot {
|
|
@@ -132,7 +117,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
132
117
|
}
|
|
133
118
|
.lz-dot:nth-child(2) { animation-delay: -0.18s; }
|
|
134
119
|
.lz-dot:nth-child(3) { animation-delay: -0.36s; }
|
|
135
|
-
`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};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=`
|
|
136
121
|
:host { font-size: var(--lz-size, 8px); }
|
|
137
122
|
.lz-dots { display: flex; gap: 0.6em; }
|
|
138
123
|
.lz-dot {
|
|
@@ -143,7 +128,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
143
128
|
.lz-dot:nth-child(2) { animation-delay: -0.1s; }
|
|
144
129
|
.lz-dot:nth-child(3) { animation-delay: -0.2s; }
|
|
145
130
|
.lz-dot:nth-child(4) { animation-delay: -0.3s; }
|
|
146
|
-
`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};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=`
|
|
147
132
|
:host { font-size: var(--lz-size, 6px); }
|
|
148
133
|
.lz-dots { display: flex; gap: 0.9em; }
|
|
149
134
|
.lz-dot {
|
|
@@ -151,7 +136,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
151
136
|
background: var(--lz-color, #f5f5f7);
|
|
152
137
|
animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
153
138
|
}
|
|
154
|
-
`}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=`
|
|
155
140
|
:host { font-size: var(--lz-size, 6px); }
|
|
156
141
|
.lz-grid {
|
|
157
142
|
display: grid;
|
|
@@ -163,10 +148,10 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
163
148
|
background: var(--lz-color, #f5f5f7);
|
|
164
149
|
animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
165
150
|
}
|
|
166
|
-
`}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
|
|
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=`
|
|
167
152
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
168
153
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
169
|
-
`,
|
|
154
|
+
`,v=class extends o{constructor(){super(...arguments);this.css=`
|
|
170
155
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
|
|
171
156
|
.lz-ring {
|
|
172
157
|
width: 100%; height: 100%; border-radius: 50%;
|
|
@@ -176,17 +161,17 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
176
161
|
var(--lz-color, #f5f5f7) 110deg,
|
|
177
162
|
transparent 111deg
|
|
178
163
|
);
|
|
179
|
-
${
|
|
164
|
+
${Ge}
|
|
180
165
|
animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
|
|
181
166
|
}
|
|
182
|
-
`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};
|
|
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=`
|
|
183
168
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
184
169
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
185
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=`
|
|
186
171
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
187
172
|
.lz-arc {
|
|
188
173
|
position: absolute; inset: 0; border-radius: 50%;
|
|
189
|
-
${
|
|
174
|
+
${Me}
|
|
190
175
|
}
|
|
191
176
|
.lz-arc-a {
|
|
192
177
|
background: conic-gradient(from 0deg, ${x} 0deg, ${x} 135deg, transparent 136deg);
|
|
@@ -197,34 +182,60 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
197
182
|
background: conic-gradient(from 200deg, ${x} 0deg, ${x} 90deg, transparent 91deg);
|
|
198
183
|
animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
|
|
199
184
|
}
|
|
200
|
-
`}template(){return'<div class="lz-arc lz-arc-a" role="status" aria-label="Loading"></div><div class="lz-arc lz-arc-b"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};y.observedAttributes=["size","stroke-width","color","speed"];function
|
|
201
|
-
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
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=`
|
|
186
|
+
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; display: inline-block; line-height: 1; }
|
|
202
187
|
.lz-ring {
|
|
203
188
|
position: absolute; inset: 0; border-radius: 50%;
|
|
204
189
|
border: 1px solid var(--lz-track, rgba(255, 255, 255, 0.12));
|
|
205
190
|
}
|
|
191
|
+
.lz-dial {
|
|
192
|
+
position: absolute; inset: 0.075em; border-radius: 50%;
|
|
193
|
+
border: 1px dashed rgba(255, 255, 255, 0.1);
|
|
194
|
+
animation: lz-spin-reverse calc(12s * var(--lz-speed, 1)) linear infinite;
|
|
195
|
+
}
|
|
206
196
|
.lz-ring-inner {
|
|
207
|
-
position: absolute; inset: 0.
|
|
197
|
+
position: absolute; inset: 0.27em; border-radius: 50%;
|
|
198
|
+
border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));
|
|
199
|
+
}
|
|
200
|
+
.lz-tick-slot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
|
|
201
|
+
.lz-tick {
|
|
202
|
+
position: absolute; left: -0.025em; top: 0;
|
|
203
|
+
width: 0.05em; height: 0.14em; border-radius: 1px;
|
|
204
|
+
background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));
|
|
205
|
+
}
|
|
206
|
+
.lz-tick.short { height: 0.09em; }
|
|
207
|
+
.lz-core-ring {
|
|
208
|
+
position: absolute; left: 50%; top: 50%;
|
|
209
|
+
width: 0.26em; height: 0.26em; margin: -0.13em 0 0 -0.13em; border-radius: 50%;
|
|
208
210
|
border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));
|
|
209
211
|
}
|
|
210
212
|
.lz-core {
|
|
211
|
-
position: absolute; width: 0.
|
|
212
|
-
left: 0.
|
|
213
|
+
position: absolute; width: 0.1em; height: 0.1em;
|
|
214
|
+
left: 0.45em; top: 0.45em; border-radius: 50%;
|
|
213
215
|
background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));
|
|
216
|
+
box-shadow: 0 0 0.18em 0.03em color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, transparent);
|
|
214
217
|
}
|
|
215
218
|
.lz-sweep {
|
|
216
219
|
position: absolute; inset: 0; border-radius: 50%;
|
|
217
220
|
background: conic-gradient(
|
|
218
221
|
from 0deg,
|
|
219
222
|
var(--lz-color, #f5f5f7) 0deg,
|
|
220
|
-
var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent))
|
|
221
|
-
transparent
|
|
223
|
+
var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 8deg,
|
|
224
|
+
color-mix(in srgb, var(--lz-color, #f5f5f7) 5%, transparent) 55deg,
|
|
225
|
+
transparent 95deg
|
|
222
226
|
);
|
|
223
227
|
-webkit-mask: radial-gradient(closest-side, #000 100%);
|
|
224
228
|
mask: radial-gradient(closest-side, #000 100%);
|
|
225
|
-
animation: lz-spin calc(
|
|
229
|
+
animation: lz-spin calc(4s * var(--lz-speed, 1)) linear infinite;
|
|
230
|
+
}
|
|
231
|
+
.lz-sweep-edge {
|
|
232
|
+
position: absolute; inset: 0; border-radius: 50%;
|
|
233
|
+
background: conic-gradient(from 0deg, var(--lz-color, #f5f5f7) 0deg, transparent 5deg);
|
|
234
|
+
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
|
|
235
|
+
mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
|
|
236
|
+
animation: lz-spin calc(4s * var(--lz-speed, 1)) linear infinite;
|
|
226
237
|
}
|
|
227
|
-
`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-ring-inner"></div><div class="lz-core"></div><div class="lz-sweep"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varRaw("--lz-color-sweep","color-sweep"),this.varNum("--lz-speed","speed",1)}};
|
|
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=`
|
|
228
239
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
229
240
|
.lz-orbit {
|
|
230
241
|
position: absolute; inset: 0;
|
|
@@ -239,7 +250,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
239
250
|
.lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }
|
|
240
251
|
.lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
|
|
241
252
|
.lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
|
|
242
|
-
`}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};
|
|
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=`
|
|
243
254
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
244
255
|
.lz-orbit { position: absolute; inset: 0; }
|
|
245
256
|
.lz-dot {
|
|
@@ -250,7 +261,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
250
261
|
background: var(--lz-color, #f5f5f7);
|
|
251
262
|
animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;
|
|
252
263
|
}
|
|
253
|
-
`}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=`
|
|
254
265
|
:host { font-size: var(--lz-size, 44px); }
|
|
255
266
|
.lz-eyes { display: flex; gap: 0.24em; }
|
|
256
267
|
.lz-eye {
|
|
@@ -264,7 +275,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
264
275
|
background: var(--lz-pupil, rgba(0, 0, 0, 0.85));
|
|
265
276
|
animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
266
277
|
}
|
|
267
|
-
`}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};
|
|
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=`
|
|
268
279
|
:host {
|
|
269
280
|
font-size: var(--lz-size, 44px);
|
|
270
281
|
width: 1em; height: 1em;
|
|
@@ -272,14 +283,14 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
272
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));
|
|
273
284
|
animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
274
285
|
}
|
|
275
|
-
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-glow","glow"),this.varNum("--lz-speed","speed",1)}};
|
|
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=`
|
|
276
287
|
:host {
|
|
277
288
|
font-size: var(--lz-size, 36px);
|
|
278
289
|
width: 1em; height: 1em; border-radius: 50%;
|
|
279
290
|
background: var(--lz-color, #f5f5f7);
|
|
280
291
|
animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
281
292
|
}
|
|
282
|
-
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",36),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};N.observedAttributes=["size","color","speed"];function
|
|
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=`
|
|
283
294
|
:host { font-size: var(--lz-size, 22px); }
|
|
284
295
|
.lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }
|
|
285
296
|
.lz-bar {
|
|
@@ -292,12 +303,12 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
292
303
|
.lz-bar:nth-child(2) { animation-delay: 0.12s; }
|
|
293
304
|
.lz-bar:nth-child(3) { animation-delay: 0.24s; }
|
|
294
305
|
.lz-bar:nth-child(4) { animation-delay: 0.36s; }
|
|
295
|
-
`}template(){return'<div class="lz-eq" role="status" aria-label="Loading"><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span></div>'}sync(){this.varPx("--lz-size","size",22),this.varPx("--lz-bar-width","bar-width",3),this.varPx("--lz-gap","gap",3),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};
|
|
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=`
|
|
296
307
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
297
308
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
298
309
|
`,L=class extends o{constructor(){super(...arguments);this.css=`
|
|
299
310
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
300
|
-
.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${
|
|
311
|
+
.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Ue} }
|
|
301
312
|
.lz-track {
|
|
302
313
|
background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);
|
|
303
314
|
}
|
|
@@ -305,7 +316,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
305
316
|
background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
|
|
306
317
|
transition: background 0.2s ease;
|
|
307
318
|
}
|
|
308
|
-
`}template(){return`<div class="lz-ring lz-track" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.max(0,Math.min(100,this.num("percent",0)))}"></div><div class="lz-ring lz-fill"></div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color"),this.varNum("--lz-speed","speed",1),this.varNum("--lz-percent","percent",0)}};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=`
|
|
309
320
|
:host {
|
|
310
321
|
position: relative; display: inline-block;
|
|
311
322
|
width: var(--lz-width, 160px); height: var(--lz-height, 6px);
|
|
@@ -318,7 +329,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
318
329
|
background: var(--lz-accent, #0a84ff);
|
|
319
330
|
animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
320
331
|
}
|
|
321
|
-
`}template(){return'<div class="lz-bar" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};
|
|
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=`
|
|
322
333
|
:host {
|
|
323
334
|
position: relative; display: inline-block;
|
|
324
335
|
width: var(--lz-width, 120px); height: var(--lz-height, 28px);
|
|
@@ -330,7 +341,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
330
341
|
background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);
|
|
331
342
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
332
343
|
}
|
|
333
|
-
`}template(){return'<div class="lz-sheen" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",120),this.varPx("--lz-height","height",28),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varRaw("--lz-sheen","sheen"),this.varNum("--lz-speed","speed",1)}};
|
|
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=`
|
|
334
345
|
:host {
|
|
335
346
|
display: inline-flex; gap: 0.2em; align-items: center;
|
|
336
347
|
font-size: var(--lz-size, 8px); line-height: 1;
|
|
@@ -342,7 +353,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
342
353
|
}
|
|
343
354
|
.lz-dot:nth-child(2) { animation-delay: -0.45s; }
|
|
344
355
|
.lz-dot:nth-child(3) { animation-delay: -0.9s; }
|
|
345
|
-
`}template(){return'<span class="lz-dot" role="status" aria-label="Loading"></span><span class="lz-dot"></span><span class="lz-dot"></span>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};
|
|
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=`
|
|
346
357
|
:host {
|
|
347
358
|
display: inline-block; position: relative;
|
|
348
359
|
width: var(--lz-width, 160px); height: var(--lz-height, 6px);
|
|
@@ -356,7 +367,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
356
367
|
background: var(--lz-color, #f5f5f7);
|
|
357
368
|
border-radius: inherit;
|
|
358
369
|
}
|
|
359
|
-
`}template(){return'<div class="lz-fill"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color","rgba(255,255,255,0.15)"),this.varNum("--lz-speed","speed",1);let 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=`
|
|
360
371
|
:host {
|
|
361
372
|
position: relative; display: inline-block;
|
|
362
373
|
width: var(--lz-width, 200px); height: var(--lz-height, 64px);
|
|
@@ -381,7 +392,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
381
392
|
background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
|
|
382
393
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
383
394
|
}
|
|
384
|
-
`}template(){return'<div class="lz-card-row" role="status" aria-label="Loading"><div class="lz-avatar"></div><div class="lz-lines"><div class="lz-line"></div><div class="lz-line lz-line-short"></div><div class="lz-line" style="width:80%"></div></div></div><div class="lz-sheen"></div>'}sync(){this.varPx("--lz-width","width",200),this.varPx("--lz-height","height",64),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};
|
|
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=`
|
|
385
396
|
:host {
|
|
386
397
|
position: relative; display: block;
|
|
387
398
|
width: var(--lz-width, 180px);
|
|
@@ -406,122 +417,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
406
417
|
background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
|
|
407
418
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
408
419
|
}
|
|
409
|
-
`}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)}};
|
|
410
|
-
:host {
|
|
411
|
-
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
412
|
-
display: inline-block; line-height: 1;
|
|
413
|
-
}
|
|
414
|
-
.lz-orb {
|
|
415
|
-
width: 100%; height: 100%; border-radius: 50%;
|
|
416
|
-
background: radial-gradient(circle at 35% 32%,
|
|
417
|
-
var(--lz-accent, #0a84ff) 0%,
|
|
418
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 55%,
|
|
419
|
-
transparent 72%);
|
|
420
|
-
box-shadow: 0 0 calc(0.5em) color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent);
|
|
421
|
-
animation: lz-orb-breathe calc(2.2s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
422
|
-
}
|
|
423
|
-
`}template(){return'<div class="lz-orb" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};M.observedAttributes=["size","accent","speed"];function Ae(){l(ct,M)}var dt="lz-morphing-orb",Z=class extends o{constructor(){super(...arguments);this.css=`
|
|
424
|
-
:host {
|
|
425
|
-
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
426
|
-
display: inline-block; line-height: 1;
|
|
427
|
-
background: radial-gradient(circle at 34% 30%,
|
|
428
|
-
var(--lz-accent, #0a84ff) 0%,
|
|
429
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 60%, transparent) 62%,
|
|
430
|
-
transparent 78%);
|
|
431
|
-
box-shadow: 0 0 calc(0.55em) color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent);
|
|
432
|
-
animation: lz-blob-morph calc(3.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
433
|
-
}
|
|
434
|
-
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};Z.observedAttributes=["size","accent","speed"];function Te(){l(dt,Z)}var pt="lz-siri-orb",C=class extends o{constructor(){super(...arguments);this.css=`
|
|
435
|
-
:host {
|
|
436
|
-
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
437
|
-
display: inline-block; line-height: 1;
|
|
438
|
-
position: relative; overflow: hidden; border-radius: 50%;
|
|
439
|
-
background: radial-gradient(circle at 30% 28%,
|
|
440
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white) 0%,
|
|
441
|
-
transparent 60%);
|
|
442
|
-
animation: lz-orb-breathe calc(2.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
443
|
-
}
|
|
444
|
-
.lz-sheen {
|
|
445
|
-
position: absolute; width: 2.4em; height: 2.4em;
|
|
446
|
-
left: 50%; top: 50%; margin: -1.2em 0 0 -1.2em;
|
|
447
|
-
background: conic-gradient(from 0deg at 50% 50%,
|
|
448
|
-
transparent 0deg,
|
|
449
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 55%, transparent) 40deg,
|
|
450
|
-
transparent 90deg,
|
|
451
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent) 150deg,
|
|
452
|
-
transparent 200deg,
|
|
453
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 50%, transparent) 270deg,
|
|
454
|
-
transparent 360deg);
|
|
455
|
-
animation: lz-siri-sheen calc(5s * var(--lz-speed, 1)) linear infinite;
|
|
456
|
-
opacity: 0.9;
|
|
457
|
-
}
|
|
458
|
-
`}template(){return'<span class="lz-sheen" role="status" aria-label="Loading"></span>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};C.observedAttributes=["size","accent","speed"];function we(){l(pt,C)}var mt="lz-dot-orb",zt=-.32,D=class extends o{constructor(){super(...arguments);this.css=`
|
|
459
|
-
:host {
|
|
460
|
-
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
461
|
-
display: inline-block; position: relative; line-height: 1;
|
|
462
|
-
}
|
|
463
|
-
.lz-slot {
|
|
464
|
-
position: absolute; left: 50%; top: 50%;
|
|
465
|
-
width: 0; height: 0;
|
|
466
|
-
}
|
|
467
|
-
.lz-dot {
|
|
468
|
-
position: absolute; left: -0.08em; top: -0.08em;
|
|
469
|
-
width: 0.16em; height: 0.16em; border-radius: 50%;
|
|
470
|
-
background: var(--lz-color, #f5f5f7);
|
|
471
|
-
animation: lz-dot-orb calc(2s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
472
|
-
}
|
|
473
|
-
`}template(){let e=Math.max(4,Math.min(16,this.num("count",8))),s=e*.14,i="";for(let a=0;a<e;a++){let d=`transform: rotate(${360/e*a}deg) translateY(${zt}em);`,m=`animation-delay: -${a/e*s}s;`;i+=`<span class="lz-slot" style="${d}"><span class="lz-dot" style="${m}"></span></span>`}return`<div role="status" aria-label="Loading">${i}</div>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};D.observedAttributes=["size","count","color","speed"];function _e(){l(mt,D)}var ft="lz-planet-orb",ht=.36,H=class extends o{constructor(){super(...arguments);this.css=`
|
|
474
|
-
:host {
|
|
475
|
-
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
476
|
-
display: inline-block; position: relative; line-height: 1;
|
|
477
|
-
}
|
|
478
|
-
.lz-core {
|
|
479
|
-
position: absolute; left: 50%; top: 50%;
|
|
480
|
-
width: 0.42em; height: 0.42em; margin: -0.21em 0 0 -0.21em; border-radius: 50%;
|
|
481
|
-
background: radial-gradient(circle at 35% 30%,
|
|
482
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, white) 0%,
|
|
483
|
-
var(--lz-accent, #0a84ff) 50%,
|
|
484
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent) 100%);
|
|
485
|
-
box-shadow: 0 0 calc(0.3em) color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent);
|
|
486
|
-
animation: lz-orb-breathe calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
487
|
-
}
|
|
488
|
-
.lz-orbit {
|
|
489
|
-
position: absolute; inset: 0;
|
|
490
|
-
animation: lz-spin calc(2.2s * var(--lz-speed, 1)) linear infinite;
|
|
491
|
-
}
|
|
492
|
-
.lz-moon {
|
|
493
|
-
position: absolute; left: 50%; top: 50%;
|
|
494
|
-
width: 0.14em; height: 0.14em; margin: -0.07em 0 0 -0.07em; border-radius: 50%;
|
|
495
|
-
background: var(--lz-color, #f5f5f7);
|
|
496
|
-
box-shadow: 0 0 calc(0.16em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);
|
|
497
|
-
}
|
|
498
|
-
`}template(){let e=Math.max(1,Math.min(5,this.num("count",2))),s="";for(let i=0;i<e;i++){let a=360/e*i;s+=`<span class="lz-moon" style="transform: rotate(${a}deg) translateX(${ht}em);"></span>`}return`<div class="lz-core"></div><div class="lz-orbit" role="status" aria-label="Loading">${s}</div>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};H.observedAttributes=["size","accent","color","count","speed"];function ke(){l(ft,H)}var ut="lz-aura-orb",B=class extends o{constructor(){super(...arguments);this.css=`
|
|
499
|
-
:host {
|
|
500
|
-
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
501
|
-
display: inline-block; position: relative; line-height: 1;
|
|
502
|
-
}
|
|
503
|
-
.lz-layer { position: absolute; inset: 0; animation: lz-spin calc(3s * var(--lz-speed, 1)) linear infinite; }
|
|
504
|
-
.lz-layer.a { animation-duration: calc(2.6s * var(--lz-speed, 1)); }
|
|
505
|
-
.lz-layer.b { animation-name: lz-spin-reverse; animation-duration: calc(3.4s * var(--lz-speed, 1)); }
|
|
506
|
-
.lz-orb {
|
|
507
|
-
position: absolute; left: 50%; top: 50%;
|
|
508
|
-
width: 0.78em; height: 0.78em; margin: -0.39em 0 0 -0.39em; border-radius: 50%;
|
|
509
|
-
transform: translateX(0.14em);
|
|
510
|
-
}
|
|
511
|
-
.lz-layer.a .lz-orb {
|
|
512
|
-
background: radial-gradient(circle at 35% 30%,
|
|
513
|
-
color-mix(in srgb, var(--lz-color, #f5f5f7) 90%, transparent) 0%,
|
|
514
|
-
color-mix(in srgb, var(--lz-color, #f5f5f7) 40%, transparent) 62%,
|
|
515
|
-
transparent 76%);
|
|
516
|
-
}
|
|
517
|
-
.lz-layer.b .lz-orb {
|
|
518
|
-
background: radial-gradient(circle at 35% 30%,
|
|
519
|
-
var(--lz-accent, #0a84ff) 0%,
|
|
520
|
-
color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 62%,
|
|
521
|
-
transparent 76%);
|
|
522
|
-
opacity: 0.9;
|
|
523
|
-
}
|
|
524
|
-
`}template(){return'<div class="lz-layer a" role="status" aria-label="Loading"><span class="lz-orb"></span></div><div class="lz-layer b"><span class="lz-orb"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};B.observedAttributes=["size","accent","color","speed"];function Ne(){l(ut,B)}var vt="lz-waveform",W=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=`
|
|
525
421
|
:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
|
|
526
422
|
.lz-wave {
|
|
527
423
|
display: flex; align-items: center; gap: var(--lz-gap, 4px);
|
|
@@ -534,33 +430,70 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
534
430
|
animation: lz-waveform calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
535
431
|
}
|
|
536
432
|
.lz-bar.accent { background: var(--lz-accent, #0a84ff); }
|
|
537
|
-
`}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)}};
|
|
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=`
|
|
538
434
|
:host {
|
|
539
435
|
font-size: var(--lz-size, 48px); width: 2.2em; height: 2.2em;
|
|
540
436
|
display: inline-block; position: relative; line-height: 1;
|
|
541
437
|
}
|
|
542
438
|
.lz-disc {
|
|
543
|
-
position: absolute; inset: 0; border-radius: 50%;
|
|
439
|
+
position: absolute; inset: 0; border-radius: 50%; overflow: hidden;
|
|
544
440
|
background:
|
|
545
|
-
repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.
|
|
546
|
-
radial-gradient(circle at 50% 50%,
|
|
441
|
+
repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.055) 0 1px, transparent 1px 4px),
|
|
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%),
|
|
443
|
+
radial-gradient(circle at 50% 50%, #141216 0 100%);
|
|
547
444
|
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
|
|
548
|
-
animation: lz-spin calc(
|
|
549
|
-
}
|
|
550
|
-
.lz-
|
|
551
|
-
position: absolute;
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
445
|
+
animation: lz-spin calc(7s * var(--lz-speed, 1)) linear infinite;
|
|
446
|
+
}
|
|
447
|
+
.lz-disc::before {
|
|
448
|
+
content: ""; position: absolute; inset: 0; border-radius: 50%;
|
|
449
|
+
background: linear-gradient(112deg, transparent 26%, rgba(255,255,255,0.17) 40%, rgba(255,255,255,0.04) 49%, transparent 62%);
|
|
450
|
+
}
|
|
451
|
+
.lz-label {
|
|
452
|
+
position: absolute; left: 50%; top: 50%;
|
|
453
|
+
width: 0.5em; height: 0.5em; margin: -0.25em 0 0 -0.25em; border-radius: 50%;
|
|
454
|
+
background:
|
|
455
|
+
radial-gradient(circle at 36% 30%, rgba(255,255,255,0.35) 0 5%, transparent 6%),
|
|
456
|
+
radial-gradient(circle at 63% 68%, rgba(0,0,0,0.4) 0 7%, transparent 8%),
|
|
457
|
+
var(--lz-accent, #0a84ff);
|
|
458
|
+
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.4);
|
|
459
|
+
}
|
|
460
|
+
.lz-spindle {
|
|
461
|
+
position: absolute; left: 50%; top: 50%;
|
|
462
|
+
width: 0.09em; height: 0.09em; margin: -0.045em 0 0 -0.045em; border-radius: 50%;
|
|
463
|
+
background: rgba(0,0,0,0.9);
|
|
464
|
+
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35);
|
|
465
|
+
}
|
|
466
|
+
.lz-arm {
|
|
467
|
+
position: absolute; top: 0.05em; right: 0.06em; width: 0.8em; height: 0.8em;
|
|
468
|
+
transform-origin: top right;
|
|
469
|
+
animation: lz-needle-bob calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
470
|
+
}
|
|
471
|
+
.lz-post {
|
|
472
|
+
position: absolute; right: -0.01em; top: -0.01em;
|
|
473
|
+
width: 0.13em; height: 0.13em; border-radius: 50%;
|
|
474
|
+
background: radial-gradient(circle at 35% 30%, var(--lz-color, #f5f5f7) 0 42%, color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, transparent) 100%);
|
|
475
|
+
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3);
|
|
476
|
+
}
|
|
477
|
+
.lz-shaft {
|
|
478
|
+
position: absolute; right: 0.045em; top: 0.02em;
|
|
479
|
+
width: 0.06em; height: 0.48em; border-radius: 3px;
|
|
480
|
+
background: linear-gradient(var(--lz-color, #f5f5f7), color-mix(in srgb, var(--lz-color, #f5f5f7) 35%, transparent));
|
|
481
|
+
box-shadow: inset 0 0 0 0.5px rgba(0,0,0,0.25);
|
|
482
|
+
transform-origin: top center;
|
|
483
|
+
transform: rotate(24deg);
|
|
484
|
+
}
|
|
485
|
+
.lz-shaft::before {
|
|
486
|
+
content: ""; position: absolute; top: -0.035em; left: -0.04em;
|
|
487
|
+
width: 0.14em; height: 0.14em; border-radius: 50%;
|
|
488
|
+
background: var(--lz-color, #f5f5f7);
|
|
489
|
+
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25);
|
|
562
490
|
}
|
|
563
|
-
|
|
491
|
+
.lz-shaft::after {
|
|
492
|
+
content: ""; position: absolute; bottom: -0.05em; left: 0.005em;
|
|
493
|
+
width: 0.05em; height: 0.1em; border-radius: 0 0 3px 3px;
|
|
494
|
+
background: color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white);
|
|
495
|
+
}
|
|
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=`
|
|
564
497
|
:host {
|
|
565
498
|
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
566
499
|
display: inline-block; position: relative; line-height: 1;
|
|
@@ -574,20 +507,41 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
574
507
|
.lz-ring {
|
|
575
508
|
position: absolute; inset: 0.14em; border-radius: 50%;
|
|
576
509
|
border: 1px solid var(--lz-accent, #0a84ff);
|
|
577
|
-
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;
|
|
578
511
|
}
|
|
579
|
-
`}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=`
|
|
580
513
|
:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
|
|
581
|
-
.lz-notes { display: flex; align-items:
|
|
514
|
+
.lz-notes { display: flex; align-items: center; gap: 0.5em; }
|
|
582
515
|
.lz-note {
|
|
583
|
-
display: inline-block;
|
|
584
|
-
|
|
516
|
+
position: relative; display: inline-block;
|
|
517
|
+
width: 0.42em; height: 0.88em;
|
|
585
518
|
animation: lz-note-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
586
519
|
}
|
|
587
520
|
.lz-notes .lz-note:nth-child(2) { animation-delay: -0.5s; }
|
|
588
521
|
.lz-notes .lz-note:nth-child(3) { animation-delay: -0.9s; }
|
|
589
522
|
.lz-notes .lz-note:nth-child(4) { animation-delay: -0.3s; }
|
|
590
|
-
|
|
523
|
+
.lz-head {
|
|
524
|
+
position: absolute; left: 0; bottom: 0.06em;
|
|
525
|
+
width: 0.3em; height: 0.24em;
|
|
526
|
+
border-radius: 55% 45% 50% 50%;
|
|
527
|
+
background: var(--lz-color, #f5f5f7);
|
|
528
|
+
box-shadow: inset -0.045em -0.02em 0 color-mix(in srgb, var(--lz-color, #f5f5f7) 55%, #000);
|
|
529
|
+
transform: rotate(-18deg);
|
|
530
|
+
}
|
|
531
|
+
.lz-stem {
|
|
532
|
+
position: absolute; left: 0.175em; bottom: 0.13em;
|
|
533
|
+
width: 0.045em; height: 0.6em; border-radius: 2px;
|
|
534
|
+
background: var(--lz-color, #f5f5f7);
|
|
535
|
+
}
|
|
536
|
+
.lz-flag {
|
|
537
|
+
position: absolute; left: 0.22em; bottom: 0.61em;
|
|
538
|
+
width: 0.24em; height: 0.2em;
|
|
539
|
+
border: 0.045em solid var(--lz-color, #f5f5f7);
|
|
540
|
+
border-left: none; border-top: none;
|
|
541
|
+
border-radius: 0 0 0.14em 0.02em / 0 0 0.26em 0.02em;
|
|
542
|
+
}
|
|
543
|
+
.lz-note.second .lz-head { background: color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, var(--lz-accent, #0a84ff)); }
|
|
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=`
|
|
591
545
|
:host {
|
|
592
546
|
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
593
547
|
display: inline-block; line-height: 1;
|
|
@@ -605,5 +559,5 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".l
|
|
|
605
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>
|
|
606
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>
|
|
607
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>
|
|
608
|
-
</svg>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#fa114f"),this.varRaw("--lz-color","color","#30d158"),this.varRaw("--lz-color-weak","color-weak","#32d7ff"),this.varNum("--lz-speed","speed",1)}};
|
|
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};
|
|
609
563
|
//# sourceMappingURL=react.js.map
|