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.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var W=Object.defineProperty;var Xe=Object.getOwnPropertyDescriptor;var Qe=Object.getOwnPropertyNames;var Je=Object.prototype.hasOwnProperty;var Y=t=>{throw TypeError(t)};var je=(t,r)=>{for(var e in r)W(t,e,{get:r[e],enumerable:!0})},et=(t,r,e,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of Qe(r))!Je.call(t,a)&&a!==e&&W(t,a,{get:()=>r[a],enumerable:!(s=Xe(r,a))||s.enumerable});return t};var tt=t=>et(W({},"__esModule",{value:!0}),t);var $=(t,r,e)=>r.has(t)||Y("Cannot "+e);var U=(t,r,e)=>($(t,r,"read from private field"),e?e.call(t):r.get(t)),V=(t,r,e)=>r.has(t)?Y("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),q=(t,r,e,s)=>($(t,r,"write to private field"),s?s.call(t,e):r.set(t,e),e);var Ot={};je(Ot,{ActivityRings:()=>Ke,ArcSpinner:()=>Ee,BouncingDots:()=>Ae,BreathingPulse:()=>Me,DotGridWave:()=>Ne,Ellipsis:()=>He,Equalizer:()=>Oe,Eyes:()=>Ge,HelixDots:()=>_e,IndeterminateProgressBar:()=>Ze,MaterialDoubleArc:()=>Le,MorphingSquare:()=>Ie,MusicNote:()=>qe,OrbitDots:()=>Se,OrbitRingDots:()=>Re,ProgressBar:()=>Be,ProgressRing:()=>Ce,ScanSweep:()=>Pe,SkeletonCard:()=>We,SkeletonList:()=>Ye,SkeletonShimmer:()=>De,Sonar:()=>Ve,TypingDots:()=>ke,Vinyl:()=>Ue,WaveDots:()=>Te,Waveform:()=>$e,defineAll:()=>B});module.exports=tt(Ot);var rt=`
|
|
2
2
|
@keyframes lz-spin { to { transform: rotate(360deg); } }
|
|
3
3
|
@keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }
|
|
4
4
|
@keyframes lz-dot-bounce {
|
|
@@ -68,21 +68,6 @@
|
|
|
68
68
|
0%, 100% { transform: scale(1); opacity: 1; }
|
|
69
69
|
50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }
|
|
70
70
|
}
|
|
71
|
-
@keyframes lz-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 @@
|
|
|
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
|
+
`,K=`
|
|
105
90
|
:host {
|
|
106
91
|
display: inline-flex;
|
|
107
92
|
font-size: var(--lz-size, 44px);
|
|
@@ -110,9 +95,9 @@
|
|
|
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
|
+
${rt}
|
|
99
|
+
`;var st=typeof HTMLElement<"u",at=st?HTMLElement:class{},z,o=class extends at{constructor(){super(...arguments);V(this,z,!1)}connectedCallback(){let e=this.shadowRoot??this.attachShadow({mode:"open"});e.innerHTML=`<style>${K}
|
|
100
|
+
${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".lz-root"),q(this,z,!0),this.paint()}attributeChangedCallback(){U(this,z)&&this.paint()}paint(){this.sync();let e=this._rootEl;e&&(e.innerHTML=this.template())}num(e,s){let a=this.getAttribute(e);if(a===null||a==="")return s;let i=Number(a);return Number.isFinite(i)?i:s}varPx(e,s,a){let i=this.getAttribute(s);i!==null&&i!==""&&Number.isFinite(Number(i))?this.style.setProperty(e,`${Number(i)}px`):this.style.removeProperty(e)}varNum(e,s,a){let i=this.getAttribute(s);i!==null&&i!==""&&Number.isFinite(Number(i))?this.style.setProperty(e,String(Number(i))):this.style.removeProperty(e)}varRaw(e,s,a){let i=this.getAttribute(s);i!==null&&i!==""?this.style.setProperty(e,i):this.style.removeProperty(e)}};z=new WeakMap,o.observedAttributes=[];function l(t,r){typeof customElements>"u"||customElements.get(t)||customElements.define(t,r)}var it="lz-bouncing-dots",f=class extends o{constructor(){super(...arguments);this.css=`
|
|
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 F(){l(it,f)}var ot="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 X(){l(ot,h)}var lt="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 Q(){l(lt,u)}var nt="lz-helix-dots",ct=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 a=0;a<e;a++)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 a=0;a<e;a++)s+=`<span class="lz-dot" style="animation-delay:-${(ct/e*a).toFixed(3)}s"></span>`;return`${s}</div>`}sync(){this.varPx("--lz-size","size",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};g.observedAttributes=["size","count","color","speed"];function J(){l(nt,g)}var dt="lz-dot-grid-wave",b=class extends o{constructor(){super(...arguments);this.css=`
|
|
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)),a='<div class="lz-grid" role="status" aria-label="Loading">';for(let i=0;i<e;i++)for(let n=0;n<s;n++)a+=`<span class="lz-dot" style="animation-delay:-${((i+n)*.08).toFixed(3)}s"></span>`;return`${a}</div>`}sync(){this.varPx("--lz-size","size",6),this.varNum("--lz-cols","cols",5),this.varPx("--lz-grid-gap","gap",12),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};b.observedAttributes=["rows","cols","size","gap","color","speed"];function
|
|
151
|
+
`}template(){let e=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),a='<div class="lz-grid" role="status" aria-label="Loading">';for(let i=0;i<e;i++)for(let n=0;n<s;n++)a+=`<span class="lz-dot" style="animation-delay:-${((i+n)*.08).toFixed(3)}s"></span>`;return`${a}</div>`}sync(){this.varPx("--lz-size","size",6),this.varNum("--lz-cols","cols",5),this.varPx("--lz-grid-gap","gap",12),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};b.observedAttributes=["rows","cols","size","gap","color","speed"];function j(){l(dt,b)}var pt="lz-arc-spinner",mt=`
|
|
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
|
+
${mt}
|
|
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 ee(){l(pt,v)}var zt="lz-material-double-arc",ft=`
|
|
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
|
+
${ft}
|
|
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 te(){l(zt,y)}var ht="lz-scan-sweep",ut=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<ut;s++){let a=s%2===1;e+=`<span class="lz-tick-slot" style="transform:rotate(${s*45}deg) translateY(-0.5em)"><span class="lz-tick${a?" short":""}"></span></span>`}return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-dial" aria-hidden="true"></div><div class="lz-ring-inner" aria-hidden="true"></div>'+e+'<div class="lz-core-ring" aria-hidden="true"></div><div class="lz-core" aria-hidden="true"></div><div class="lz-sweep" aria-hidden="true"></div><div class="lz-sweep-edge" aria-hidden="true"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varRaw("--lz-color-sweep","color-sweep"),this.varNum("--lz-speed","speed",1)}};w.observedAttributes=["size","color","speed"];function re(){l(ht,w)}var gt="lz-orbit-dots",A=class extends o{constructor(){super(...arguments);this.css=`
|
|
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 se(){l(gt,A)}var bt="lz-orbit-ring-dots",ae=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<ae;s++){let a=360/ae*s;e+=`<span class="lz-dot" style="transform:rotate(${a}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(s*.15).toFixed(2)}s"></span>`}return`${e}</div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-dot-size","dot-size",7.92),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};k.observedAttributes=["size","dot-size","color","speed"];function ie(){l(bt,k)}var vt="lz-eyes",T=class extends o{constructor(){super(...arguments);this.css=`
|
|
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 oe(){l(vt,T)}var xt="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 le(){l(xt,_)}var yt="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 ne(){l(yt,N)}var wt="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 ce(){l(wt,E)}var At="lz-progress-ring",kt=`
|
|
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%; ${kt} }
|
|
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 de(){l(At,L)}var Tt="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 pe(){l(Tt,P)}var _t="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 me(){l(_t,S)}var Nt="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 ze(){l(Nt,R)}var Et="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 fe(){l(Et,G)}var Lt="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 he(){l(Lt,I)}var Pt="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%"],a='<div role="status" aria-label="Loading">';for(let i=0;i<e;i++){let n=s[i%s.length];a+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></div></div>`}return`${a}</div><div class="lz-sheen"></div>`}sync(){this.varPx("--lz-width","width",180),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};
|
|
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 Te(){l(Kt,M)}var Xt="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 we(){l(Xt,Z)}var Ft="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 _e(){l(Ft,C)}var Qt="lz-dot-orb",Jt=-.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,a="";for(let i=0;i<e;i++){let d=`transform: rotate(${360/e*i}deg) translateY(${Jt}em);`,m=`animation-delay: -${i/e*s}s;`;a+=`<span class="lz-slot" style="${d}"><span class="lz-dot" style="${m}"></span></span>`}return`<div role="status" aria-label="Loading">${a}</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 ke(){l(Qt,D)}var jt="lz-planet-orb",er=.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 a=0;a<e;a++){let i=360/e*a;s+=`<span class="lz-moon" style="transform: rotate(${i}deg) translateX(${er}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 Ne(){l(jt,H)}var tr="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 Pe(){l(tr,B)}var rr="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%"],a='<div role="status" aria-label="Loading">';for(let i=0;i<e;i++){let n=s[i%s.length];a+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></div></div>`}return`${a}</div><div class="lz-sheen"></div>`}sync(){this.varPx("--lz-width","width",180),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};M.observedAttributes=["width","rows","track-color","speed"];function ue(){l(Pt,M)}var St="lz-waveform",O=class extends o{constructor(){super(...arguments);this.css=`
|
|
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,a="";for(let i=0;i<e;i++){let n=(i-s)*.12,d=i===Math.floor(s)||i===Math.floor(s/2)||i===e-1-Math.floor(s/2);a+=`<span class="lz-bar${d?" accent":""}" style="animation-delay: ${n.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${a}</div>`}sync(){this.varPx("--lz-size","size",32),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};
|
|
433
|
+
`}template(){let e=Math.max(5,Math.min(21,this.num("count",11))),s=(e-1)/2,a="";for(let i=0;i<e;i++){let n=(i-s)*.12,d=i===Math.floor(s)||i===Math.floor(s/2)||i===e-1-Math.floor(s/2);a+=`<span class="lz-bar${d?" accent":""}" style="animation-delay: ${n.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${a}</div>`}sync(){this.varPx("--lz-size","size",32),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};O.observedAttributes=["size","count","color","accent","speed"];function ge(){l(St,O)}var Rt="lz-vinyl",C=class extends o{constructor(){super(...arguments);this.css=`
|
|
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 be(){l(Rt,C)}var Gt="lz-sonar",ve=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(${ve}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 a=0;a<e;a++)s+=`<span class="lz-ring" style="animation-delay: -${(a*
|
|
512
|
+
`}template(){let e=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let a=0;a<e;a++)s+=`<span class="lz-ring" style="animation-delay: -${(a*ve/e).toFixed(2)}s;"></span>`;return`<div class="lz-core" role="status" aria-label="Loading"></div>${s}`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};Z.observedAttributes=["size","count","accent","color","speed"];function xe(){l(Gt,Z)}var It="lz-music-note",D=class extends o{constructor(){super(...arguments);this.css=`
|
|
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 a=0;a<e;a++)s+=`<span class="${a===1?"lz-note second":"lz-note"}"><span class="lz-head"></span><span class="lz-stem"></span><span class="lz-flag"></span></span>`;return`<div class="lz-notes" role="status" aria-label="Loading">${s}</div>`}sync(){this.varPx("--lz-size","size",32),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};D.observedAttributes=["size","count","color","speed"];function ye(){l(It,D)}var Mt="lz-activity-rings",H=class extends o{constructor(){super(...arguments);this.css=`
|
|
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 we(){l(Mt,H)}function B(){F(),X(),Q(),J(),j(),ee(),te(),re(),se(),ie(),oe(),le(),ne(),ce(),de(),pe(),me(),ze(),fe(),he(),ue(),ge(),be(),xe(),ye(),we()}var c=require("react/jsx-runtime");B();var p=(t,r)=>r===void 0?{}:{[t]:String(r)};function Ae(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-bouncing-dots",{size:r,color:e,speed:s,className:a,style:i})}Ae.displayName="BouncingDots";function ke(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-typing-dots",{size:r,color:e,speed:s,className:a,style:i})}ke.displayName="TypingDots";function Te(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-wave-dots",{size:r,color:e,speed:s,className:a,style:i})}Te.displayName="WaveDots";function _e(t){let{size:r,color:e,speed:s,count:a,className:i,style:n}=t;return(0,c.jsx)("lz-helix-dots",{size:r,color:e,speed:s,count:a,className:i,style:n})}_e.displayName="HelixDots";function Ne(t){let{rows:r,cols:e,gap:s,size:a,color:i,speed:n,className:d,style:m}=t;return(0,c.jsx)("lz-dot-grid-wave",{rows:r,cols:e,gap:s,size:a,color:i,speed:n,className:d,style:m})}Ne.displayName="DotGridWave";function Ee(t){let{size:r,color:e,speed:s,strokeWidth:a,className:i,style:n}=t;return(0,c.jsx)("lz-arc-spinner",{size:r,color:e,speed:s,className:i,style:n,...p("stroke-width",a)})}Ee.displayName="ArcSpinner";function Le(t){let{size:r,color:e,colorWeak:s,speed:a,strokeWidth:i,className:n,style:d}=t;return(0,c.jsx)("lz-material-double-arc",{size:r,color:e,speed:a,className:n,style:d,...p("stroke-width",i),...p("color-weak",s)})}Le.displayName="MaterialDoubleArc";function Pe(t){let{size:r,color:e,colorWeak:s,colorSweep:a,speed:i,className:n,style:d}=t;return(0,c.jsx)("lz-scan-sweep",{size:r,color:e,speed:i,className:n,style:d,...p("color-weak",s),...p("color-sweep",a)})}Pe.displayName="ScanSweep";function Se(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-orbit-dots",{size:r,color:e,speed:s,className:a,style:i})}Se.displayName="OrbitDots";function Re(t){let{size:r,color:e,speed:s,dotSize:a,className:i,style:n}=t;return(0,c.jsx)("lz-orbit-ring-dots",{size:r,color:e,speed:s,className:i,style:n,...p("dot-size",a)})}Re.displayName="OrbitRingDots";function Ge(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-eyes",{size:r,color:e,speed:s,className:a,style:i})}Ge.displayName="Eyes";function Ie(t){let{size:r,accent:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-morphing-square",{size:r,accent:e,speed:s,className:a,style:i})}Ie.displayName="MorphingSquare";function Me(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-breathing-pulse",{size:r,color:e,speed:s,className:a,style:i})}Me.displayName="BreathingPulse";function Oe(t){let{size:r,color:e,speed:s,barWidth:a,gap:i,className:n,style:d}=t;return(0,c.jsx)("lz-equalizer",{size:r,color:e,speed:s,className:n,style:d,...p("bar-width",a),...p("gap",i)})}Oe.displayName="Equalizer";function Ce(t){let{size:r,color:e,trackColor:s,speed:a,strokeWidth:i,percent:n,className:d,style:m}=t;return(0,c.jsx)("lz-progress-ring",{size:r,color:e,speed:a,percent:n,className:d,style:m,...p("stroke-width",i),...p("track-color",s)})}Ce.displayName="ProgressRing";function Ze(t){let{width:r,height:e,accent:s,trackColor:a,speed:i,className:n,style:d}=t;return(0,c.jsx)("lz-indeterminate-progress-bar",{width:r,height:e,accent:s,speed:i,className:n,style:d,...p("track-color",a)})}Ze.displayName="IndeterminateProgressBar";function De(t){let{width:r,height:e,trackColor:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-skeleton-shimmer",{width:r,height:e,speed:a,className:i,style:n,...p("track-color",s)})}De.displayName="SkeletonShimmer";function He(t){let{size:r,color:e,speed:s,className:a,style:i}=t;return(0,c.jsx)("lz-ellipsis",{size:r,color:e,speed:s,className:a,style:i})}He.displayName="Ellipsis";function Be(t){let{width:r,height:e,percent:s,color:a,speed:i,trackColor:n,className:d,style:m}=t;return(0,c.jsx)("lz-progress-bar",{width:r,height:e,percent:s,color:a,speed:i,className:d,style:m,...p("track-color",n)})}Be.displayName="ProgressBar";function We(t){let{width:r,height:e,trackColor:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-skeleton-card",{width:r,height:e,speed:a,className:i,style:n,...p("track-color",s)})}We.displayName="SkeletonCard";function Ye(t){let{width:r,rows:e,trackColor:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-skeleton-list",{width:r,rows:e,speed:a,className:i,style:n,...p("track-color",s)})}Ye.displayName="SkeletonList";function $e(t){let{size:r,color:e,accent:s,speed:a,count:i,barWidth:n,gap:d,className:m,style:Fe}=t;return(0,c.jsx)("lz-waveform",{size:r,color:e,accent:s,speed:a,count:i,className:m,style:Fe,...p("bar-width",n),...p("gap",d)})}$e.displayName="Waveform";function Ue(t){let{size:r,color:e,accent:s,speed:a,className:i,style:n}=t;return(0,c.jsx)("lz-vinyl",{size:r,color:e,accent:s,speed:a,className:i,style:n})}Ue.displayName="Vinyl";function Ve(t){let{size:r,color:e,accent:s,speed:a,count:i,className:n,style:d}=t;return(0,c.jsx)("lz-sonar",{size:r,color:e,accent:s,speed:a,count:i,className:n,style:d})}Ve.displayName="Sonar";function qe(t){let{size:r,color:e,speed:s,count:a,className:i,style:n}=t;return(0,c.jsx)("lz-music-note",{size:r,color:e,speed:s,count:a,className:i,style:n})}qe.displayName="MusicNote";function Ke(t){let{size:r,color:e,accent:s,colorWeak:a,speed:i,className:n,style:d}=t;return(0,c.jsx)("lz-activity-rings",{size:r,color:e,accent:s,speed:i,className:n,style:d,...p("color-weak",a)})}Ke.displayName="ActivityRings";0&&(module.exports={ActivityRings,ArcSpinner,BouncingDots,BreathingPulse,DotGridWave,Ellipsis,Equalizer,Eyes,HelixDots,IndeterminateProgressBar,MaterialDoubleArc,MorphingSquare,MusicNote,OrbitDots,OrbitRingDots,ProgressBar,ProgressRing,ScanSweep,SkeletonCard,SkeletonList,SkeletonShimmer,Sonar,TypingDots,Vinyl,WaveDots,Waveform,defineAll});
|
|
609
563
|
//# sourceMappingURL=react.cjs.map
|