loading-state-zoo 0.2.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +244 -4
- package/dist/index.cjs +337 -40
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +30 -3
- package/dist/index.d.ts +30 -3
- package/dist/index.js +336 -39
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +334 -37
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +113 -1
- package/dist/react.d.ts +113 -1
- package/dist/react.js +334 -37
- package/dist/react.js.map +1 -1
- package/dist/theme.css +555 -7
- package/docs/AI.md +19 -9
- package/docs/components.json +259 -3
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var Qe=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var ht=Object.getOwnPropertyNames;var vt=Object.prototype.hasOwnProperty;var tt=a=>{throw TypeError(a)};var gt=(a,i)=>{for(var t in i)Qe(a,t,{get:i[t],enumerable:!0})},bt=(a,i,t,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let l of ht(i))!vt.call(a,l)&&l!==t&&Qe(a,l,{get:()=>i[l],enumerable:!(s=mt(i,l))||s.enumerable});return a};var ut=a=>bt(Qe({},"__esModule",{value:!0}),a);var rt=(a,i,t)=>i.has(a)||tt("Cannot "+t);var at=(a,i,t)=>(rt(a,i,"read from private field"),t?t.call(a):i.get(a)),it=(a,i,t)=>i.has(a)?tt("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(a):i.set(a,t),st=(a,i,t,s)=>(rt(a,i,"write to private field"),s?s.call(a,t):i.set(a,t),t);var St={};gt(St,{ACTIVITY_RINGS_TAG:()=>Fe,AI_NEURAL_TAG:()=>Be,AI_ORB_TAG:()=>Le,AI_THINKING_TAG:()=>Me,ARC_SPINNER_TAG:()=>J,BOUNCING_DOTS_TAG:()=>H,BREATHING_PULSE_TAG:()=>me,DOT_GRID_WAVE_TAG:()=>Q,ELLIPSIS_TAG:()=>ye,EQUALIZER_TAG:()=>ve,EYES_TAG:()=>ce,HELIX_DOTS_TAG:()=>q,INDETERMINATE_PROGRESS_BAR_TAG:()=>xe,IOS27_ORB_TAG:()=>Ie,KEYFRAMES:()=>je,LZPattern:()=>e,MATERIAL_DOUBLE_ARC_TAG:()=>re,MORPHING_SQUARE_TAG:()=>pe,MUSIC_NOTE_TAG:()=>Ve,ORBIT_DOTS_TAG:()=>oe,ORBIT_RING_DOTS_TAG:()=>ne,PROGRESS_BAR_TAG:()=>Te,PROGRESS_RING_TAG:()=>be,SCAN_SWEEP_TAG:()=>ie,SCOPED_CSS:()=>Y,SKELETON_CARD_TAG:()=>Ge,SKELETON_LIST_TAG:()=>Ee,SKELETON_SHIMMER_TAG:()=>we,SONAR_TAG:()=>Ue,TYPING_DOTS_TAG:()=>W,VINYL_TAG:()=>Ze,WAVEFORM_TAG:()=>Ce,WAVE_DOTS_TAG:()=>K,define:()=>r,defineActivityRings:()=>C,defineAiNeural:()=>O,defineAiOrb:()=>P,defineAiThinking:()=>L,defineAll:()=>qe,defineArcSpinner:()=>v,defineBouncingDots:()=>f,defineBreathingPulse:()=>_,defineDotGridWave:()=>h,defineEllipsis:()=>G,defineEqualizer:()=>y,defineEyes:()=>A,defineHelixDots:()=>m,defineIndeterminateProgressBar:()=>T,defineIos27Orb:()=>I,defineMaterialDoubleArc:()=>g,defineMorphingSquare:()=>w,defineMusicNote:()=>$,defineOrbitDots:()=>u,defineOrbitRingDots:()=>x,defineProgressBar:()=>S,defineProgressRing:()=>k,defineScanSweep:()=>b,defineSkeletonCard:()=>E,defineSkeletonList:()=>N,defineSkeletonShimmer:()=>R,defineSonar:()=>B,defineTypingDots:()=>p,defineVinyl:()=>D,defineWaveDots:()=>z,defineWaveform:()=>M});module.exports=ut(St);var je=`
|
|
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 {
|
|
@@ -64,7 +64,39 @@
|
|
|
64
64
|
40%, 80% { opacity: 1; transform: scale(1); }
|
|
65
65
|
100% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }
|
|
66
66
|
}
|
|
67
|
-
|
|
67
|
+
@keyframes lz-orb-breathe {
|
|
68
|
+
0%, 100% { transform: scale(1); opacity: 1; }
|
|
69
|
+
50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }
|
|
70
|
+
}
|
|
71
|
+
@keyframes lz-ios-glow {
|
|
72
|
+
0%, 100% { opacity: var(--lz-ios-fade, 0.2); transform: scale(var(--lz-ios-min, 0.5)); }
|
|
73
|
+
35% { opacity: 1; transform: scale(var(--lz-ios-peak, 1.25)); }
|
|
74
|
+
50% { opacity: 1; transform: scale(var(--lz-ios-peak, 1.25)); }
|
|
75
|
+
}
|
|
76
|
+
@keyframes lz-ai-sparkle {
|
|
77
|
+
0%, 100% { opacity: 0; transform: scale(0.1) rotate(0deg); }
|
|
78
|
+
20% { opacity: 1; transform: scale(1) rotate(8deg); }
|
|
79
|
+
45% { opacity: 0; transform: scale(1.35) rotate(14deg); }
|
|
80
|
+
}
|
|
81
|
+
@keyframes lz-waveform {
|
|
82
|
+
0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }
|
|
83
|
+
50% { transform: scaleY(1); }
|
|
84
|
+
}
|
|
85
|
+
@keyframes lz-sonar-ring {
|
|
86
|
+
0% { transform: scale(0.18); opacity: var(--lz-sonar-fade, 0.9); }
|
|
87
|
+
100% { transform: scale(1); opacity: 0; }
|
|
88
|
+
}
|
|
89
|
+
@keyframes lz-note-bob {
|
|
90
|
+
0%, 100% { transform: translateY(0); }
|
|
91
|
+
45% { transform: translateY(var(--lz-note-bob, 0.35em)); }
|
|
92
|
+
60% { transform: rotate(4deg) translateY(var(--lz-note-bob, 0.35em)); }
|
|
93
|
+
75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }
|
|
94
|
+
}
|
|
95
|
+
@keyframes lz-needle-bob {
|
|
96
|
+
0%, 100% { transform: rotate(22deg); }
|
|
97
|
+
50% { transform: rotate(27deg); }
|
|
98
|
+
}
|
|
99
|
+
`,Y=`
|
|
68
100
|
:host {
|
|
69
101
|
display: inline-flex;
|
|
70
102
|
font-size: var(--lz-size, 44px);
|
|
@@ -73,9 +105,9 @@
|
|
|
73
105
|
.lz-root {
|
|
74
106
|
display: contents;
|
|
75
107
|
}
|
|
76
|
-
${
|
|
77
|
-
`;var
|
|
78
|
-
${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".lz-root"),
|
|
108
|
+
${je}
|
|
109
|
+
`;var xt=typeof HTMLElement<"u",At=xt?HTMLElement:class{},c,e=class extends At{constructor(){super(...arguments);it(this,c,!1)}connectedCallback(){let t=this.shadowRoot??this.attachShadow({mode:"open"});t.innerHTML=`<style>${Y}
|
|
110
|
+
${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".lz-root"),st(this,c,!0),this.paint()}attributeChangedCallback(){at(this,c)&&this.paint()}paint(){this.sync();let t=this._rootEl;t&&(t.innerHTML=this.template())}num(t,s){let l=this.getAttribute(t);if(l===null||l==="")return s;let o=Number(l);return Number.isFinite(o)?o:s}varPx(t,s,l){let o=this.getAttribute(s);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(t,`${Number(o)}px`):this.style.removeProperty(t)}varNum(t,s,l){let o=this.getAttribute(s);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(t,String(Number(o))):this.style.removeProperty(t)}varRaw(t,s,l){let o=this.getAttribute(s);o!==null&&o!==""?this.style.setProperty(t,o):this.style.removeProperty(t)}};c=new WeakMap,e.observedAttributes=[];function r(a,i){typeof customElements>"u"||customElements.get(a)||customElements.define(a,i)}var H="lz-bouncing-dots",Z=class extends e{constructor(){super(...arguments);this.css=`
|
|
79
111
|
:host { font-size: var(--lz-size, 8px); }
|
|
80
112
|
.lz-dots { display: flex; gap: 0.7em; }
|
|
81
113
|
.lz-dot {
|
|
@@ -85,7 +117,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
85
117
|
}
|
|
86
118
|
.lz-dot:nth-child(2) { animation-delay: 0.15s; }
|
|
87
119
|
.lz-dot:nth-child(3) { animation-delay: 0.3s; }
|
|
88
|
-
`}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)}};
|
|
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)}};Z.observedAttributes=["size","color","speed"];function f(){r(H,Z)}var W="lz-typing-dots",U=class extends e{constructor(){super(...arguments);this.css=`
|
|
89
121
|
:host { font-size: var(--lz-size, 8px); }
|
|
90
122
|
.lz-dots { display: flex; gap: 0.8em; }
|
|
91
123
|
.lz-dot {
|
|
@@ -95,7 +127,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
95
127
|
}
|
|
96
128
|
.lz-dot:nth-child(2) { animation-delay: -0.18s; }
|
|
97
129
|
.lz-dot:nth-child(3) { animation-delay: -0.36s; }
|
|
98
|
-
`}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)}};
|
|
130
|
+
`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};U.observedAttributes=["size","color","speed"];function p(){r(W,U)}var K="lz-wave-dots",V=class extends e{constructor(){super(...arguments);this.css=`
|
|
99
131
|
:host { font-size: var(--lz-size, 8px); }
|
|
100
132
|
.lz-dots { display: flex; gap: 0.6em; }
|
|
101
133
|
.lz-dot {
|
|
@@ -106,7 +138,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
106
138
|
.lz-dot:nth-child(2) { animation-delay: -0.1s; }
|
|
107
139
|
.lz-dot:nth-child(3) { animation-delay: -0.2s; }
|
|
108
140
|
.lz-dot:nth-child(4) { animation-delay: -0.3s; }
|
|
109
|
-
`}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)}};
|
|
141
|
+
`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};V.observedAttributes=["size","color","speed"];function z(){r(K,V)}var q="lz-helix-dots",wt=1.4,F=class extends e{constructor(){super(...arguments);this.css=`
|
|
110
142
|
:host { font-size: var(--lz-size, 6px); }
|
|
111
143
|
.lz-dots { display: flex; gap: 0.9em; }
|
|
112
144
|
.lz-dot {
|
|
@@ -114,7 +146,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
114
146
|
background: var(--lz-color, #f5f5f7);
|
|
115
147
|
animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
116
148
|
}
|
|
117
|
-
`}template(){let t=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let
|
|
149
|
+
`}template(){let t=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let l=0;l<t;l++)s+=`<span class="lz-dot" style="animation-delay:-${(wt/t*l).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)}};F.observedAttributes=["size","count","color","speed"];function m(){r(q,F)}var Q="lz-dot-grid-wave",X=class extends e{constructor(){super(...arguments);this.css=`
|
|
118
150
|
:host { font-size: var(--lz-size, 6px); }
|
|
119
151
|
.lz-grid {
|
|
120
152
|
display: grid;
|
|
@@ -126,10 +158,10 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
126
158
|
background: var(--lz-color, #f5f5f7);
|
|
127
159
|
animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
128
160
|
}
|
|
129
|
-
`}template(){let t=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),
|
|
161
|
+
`}template(){let t=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),l='<div class="lz-grid" role="status" aria-label="Loading">';for(let o=0;o<t;o++)for(let n=0;n<s;n++)l+=`<span class="lz-dot" style="animation-delay:-${((o+n)*.08).toFixed(3)}s"></span>`;return`${l}</div>`}sync(){this.varPx("--lz-size","size",6),this.varNum("--lz-cols","cols",5),this.varPx("--lz-grid-gap","gap",12),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};X.observedAttributes=["rows","cols","size","gap","color","speed"];function h(){r(Q,X)}var J="lz-arc-spinner",_t=`
|
|
130
162
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
131
163
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
132
|
-
`,
|
|
164
|
+
`,j=class extends e{constructor(){super(...arguments);this.css=`
|
|
133
165
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
|
|
134
166
|
.lz-ring {
|
|
135
167
|
width: 100%; height: 100%; border-radius: 50%;
|
|
@@ -139,55 +171,81 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
139
171
|
var(--lz-color, #f5f5f7) 110deg,
|
|
140
172
|
transparent 111deg
|
|
141
173
|
);
|
|
142
|
-
${
|
|
174
|
+
${_t}
|
|
143
175
|
animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
|
|
144
176
|
}
|
|
145
|
-
`}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)}};
|
|
177
|
+
`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};j.observedAttributes=["size","stroke-width","color","speed"];function v(){r(J,j)}var re="lz-material-double-arc",yt=`
|
|
146
178
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
147
179
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
148
|
-
`,
|
|
180
|
+
`,ee="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",te=class extends e{constructor(){super(...arguments);this.css=`
|
|
149
181
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
150
182
|
.lz-arc {
|
|
151
183
|
position: absolute; inset: 0; border-radius: 50%;
|
|
152
|
-
${
|
|
184
|
+
${yt}
|
|
153
185
|
}
|
|
154
186
|
.lz-arc-a {
|
|
155
|
-
background: conic-gradient(from 0deg, ${
|
|
187
|
+
background: conic-gradient(from 0deg, ${ee} 0deg, ${ee} 135deg, transparent 136deg);
|
|
156
188
|
animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
|
|
157
189
|
}
|
|
158
190
|
.lz-arc-b {
|
|
159
191
|
opacity: 0.6;
|
|
160
|
-
background: conic-gradient(from 200deg, ${
|
|
192
|
+
background: conic-gradient(from 200deg, ${ee} 0deg, ${ee} 90deg, transparent 91deg);
|
|
161
193
|
animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
|
|
162
194
|
}
|
|
163
|
-
`}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)}};
|
|
164
|
-
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
195
|
+
`}template(){return'<div class="lz-arc lz-arc-a" role="status" aria-label="Loading"></div><div class="lz-arc lz-arc-b"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};te.observedAttributes=["size","stroke-width","color","speed"];function g(){r(re,te)}var ie="lz-scan-sweep",kt=8,ae=class extends e{constructor(){super(...arguments);this.css=`
|
|
196
|
+
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; display: inline-block; line-height: 1; }
|
|
165
197
|
.lz-ring {
|
|
166
198
|
position: absolute; inset: 0; border-radius: 50%;
|
|
167
199
|
border: 1px solid var(--lz-track, rgba(255, 255, 255, 0.12));
|
|
168
200
|
}
|
|
201
|
+
.lz-dial {
|
|
202
|
+
position: absolute; inset: 0.075em; border-radius: 50%;
|
|
203
|
+
border: 1px dashed rgba(255, 255, 255, 0.1);
|
|
204
|
+
animation: lz-spin-reverse calc(10s * var(--lz-speed, 1)) linear infinite;
|
|
205
|
+
}
|
|
169
206
|
.lz-ring-inner {
|
|
170
|
-
position: absolute; inset: 0.
|
|
207
|
+
position: absolute; inset: 0.27em; border-radius: 50%;
|
|
208
|
+
border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));
|
|
209
|
+
}
|
|
210
|
+
.lz-tick-slot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
|
|
211
|
+
.lz-tick {
|
|
212
|
+
position: absolute; left: -0.025em; top: 0;
|
|
213
|
+
width: 0.05em; height: 0.14em; border-radius: 1px;
|
|
214
|
+
background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));
|
|
215
|
+
}
|
|
216
|
+
.lz-tick.short { height: 0.09em; }
|
|
217
|
+
.lz-core-ring {
|
|
218
|
+
position: absolute; left: 50%; top: 50%;
|
|
219
|
+
width: 0.26em; height: 0.26em; margin: -0.13em 0 0 -0.13em; border-radius: 50%;
|
|
171
220
|
border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));
|
|
172
221
|
}
|
|
173
222
|
.lz-core {
|
|
174
|
-
position: absolute; width: 0.
|
|
175
|
-
left: 0.
|
|
223
|
+
position: absolute; width: 0.1em; height: 0.1em;
|
|
224
|
+
left: 0.45em; top: 0.45em; border-radius: 50%;
|
|
176
225
|
background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));
|
|
226
|
+
box-shadow: 0 0 0.18em 0.03em color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, transparent);
|
|
177
227
|
}
|
|
178
228
|
.lz-sweep {
|
|
179
229
|
position: absolute; inset: 0; border-radius: 50%;
|
|
180
230
|
background: conic-gradient(
|
|
181
231
|
from 0deg,
|
|
182
232
|
var(--lz-color, #f5f5f7) 0deg,
|
|
183
|
-
var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent))
|
|
184
|
-
transparent
|
|
233
|
+
var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 8deg,
|
|
234
|
+
color-mix(in srgb, var(--lz-color, #f5f5f7) 5%, transparent) 55deg,
|
|
235
|
+
transparent 95deg
|
|
185
236
|
);
|
|
186
237
|
-webkit-mask: radial-gradient(closest-side, #000 100%);
|
|
187
238
|
mask: radial-gradient(closest-side, #000 100%);
|
|
188
239
|
animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
|
|
189
240
|
}
|
|
190
|
-
|
|
241
|
+
.lz-sweep-edge {
|
|
242
|
+
position: absolute; inset: 0; border-radius: 50%;
|
|
243
|
+
background: conic-gradient(from 0deg, var(--lz-color, #f5f5f7) 0deg, transparent 5deg);
|
|
244
|
+
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
|
|
245
|
+
mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
|
|
246
|
+
animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
|
|
247
|
+
}
|
|
248
|
+
`}template(){let t="";for(let s=0;s<kt;s++){let l=s%2===1;t+=`<span class="lz-tick-slot" style="transform:rotate(${s*45}deg) translateY(-0.5em)"><span class="lz-tick${l?" 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>'+t+'<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)}};ae.observedAttributes=["size","color","speed"];function b(){r(ie,ae)}var oe="lz-orbit-dots",se=class extends e{constructor(){super(...arguments);this.css=`
|
|
191
249
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
192
250
|
.lz-orbit {
|
|
193
251
|
position: absolute; inset: 0;
|
|
@@ -202,7 +260,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
202
260
|
.lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }
|
|
203
261
|
.lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
|
|
204
262
|
.lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
|
|
205
|
-
`}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)}};
|
|
263
|
+
`}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};se.observedAttributes=["size","color","speed"];function u(){r(oe,se)}var ne="lz-orbit-ring-dots",ot=8,le=class extends e{constructor(){super(...arguments);this.css=`
|
|
206
264
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
207
265
|
.lz-orbit { position: absolute; inset: 0; }
|
|
208
266
|
.lz-dot {
|
|
@@ -213,7 +271,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
213
271
|
background: var(--lz-color, #f5f5f7);
|
|
214
272
|
animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;
|
|
215
273
|
}
|
|
216
|
-
`}template(){let t='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<
|
|
274
|
+
`}template(){let t='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<ot;s++){let l=360/ot*s;t+=`<span class="lz-dot" style="transform:rotate(${l}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(s*.15).toFixed(2)}s"></span>`}return`${t}</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)}};le.observedAttributes=["size","dot-size","color","speed"];function x(){r(ne,le)}var ce="lz-eyes",de=class extends e{constructor(){super(...arguments);this.css=`
|
|
217
275
|
:host { font-size: var(--lz-size, 44px); }
|
|
218
276
|
.lz-eyes { display: flex; gap: 0.24em; }
|
|
219
277
|
.lz-eye {
|
|
@@ -227,7 +285,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
227
285
|
background: var(--lz-pupil, rgba(0, 0, 0, 0.85));
|
|
228
286
|
animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
229
287
|
}
|
|
230
|
-
`}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)}};
|
|
288
|
+
`}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};de.observedAttributes=["size","color","speed"];function A(){r(ce,de)}var pe="lz-morphing-square",fe=class extends e{constructor(){super(...arguments);this.css=`
|
|
231
289
|
:host {
|
|
232
290
|
font-size: var(--lz-size, 44px);
|
|
233
291
|
width: 1em; height: 1em;
|
|
@@ -235,14 +293,14 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
235
293
|
box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));
|
|
236
294
|
animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
237
295
|
}
|
|
238
|
-
`}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)}};
|
|
296
|
+
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-glow","glow"),this.varNum("--lz-speed","speed",1)}};fe.observedAttributes=["size","accent","speed"];function w(){r(pe,fe)}var me="lz-breathing-pulse",ze=class extends e{constructor(){super(...arguments);this.css=`
|
|
239
297
|
:host {
|
|
240
298
|
font-size: var(--lz-size, 36px);
|
|
241
299
|
width: 1em; height: 1em; border-radius: 50%;
|
|
242
300
|
background: var(--lz-color, #f5f5f7);
|
|
243
301
|
animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
244
302
|
}
|
|
245
|
-
`}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)}};
|
|
303
|
+
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",36),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};ze.observedAttributes=["size","color","speed"];function _(){r(me,ze)}var ve="lz-equalizer",he=class extends e{constructor(){super(...arguments);this.css=`
|
|
246
304
|
:host { font-size: var(--lz-size, 22px); }
|
|
247
305
|
.lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }
|
|
248
306
|
.lz-bar {
|
|
@@ -255,12 +313,12 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
255
313
|
.lz-bar:nth-child(2) { animation-delay: 0.12s; }
|
|
256
314
|
.lz-bar:nth-child(3) { animation-delay: 0.24s; }
|
|
257
315
|
.lz-bar:nth-child(4) { animation-delay: 0.36s; }
|
|
258
|
-
`}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)}};
|
|
316
|
+
`}template(){return'<div class="lz-eq" role="status" aria-label="Loading"><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span></div>'}sync(){this.varPx("--lz-size","size",22),this.varPx("--lz-bar-width","bar-width",3),this.varPx("--lz-gap","gap",3),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};he.observedAttributes=["size","bar-width","gap","color","speed"];function y(){r(ve,he)}var be="lz-progress-ring",Tt=`
|
|
259
317
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
260
318
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
261
|
-
`,
|
|
319
|
+
`,ge=class extends e{constructor(){super(...arguments);this.css=`
|
|
262
320
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
263
|
-
.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${
|
|
321
|
+
.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Tt} }
|
|
264
322
|
.lz-track {
|
|
265
323
|
background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);
|
|
266
324
|
}
|
|
@@ -268,7 +326,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
268
326
|
background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
|
|
269
327
|
transition: background 0.2s ease;
|
|
270
328
|
}
|
|
271
|
-
`}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)}};
|
|
329
|
+
`}template(){return`<div class="lz-ring lz-track" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.max(0,Math.min(100,this.num("percent",0)))}"></div><div class="lz-ring lz-fill"></div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color"),this.varNum("--lz-speed","speed",1),this.varNum("--lz-percent","percent",0)}};ge.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function k(){r(be,ge)}var xe="lz-indeterminate-progress-bar",ue=class extends e{constructor(){super(...arguments);this.css=`
|
|
272
330
|
:host {
|
|
273
331
|
position: relative; display: inline-block;
|
|
274
332
|
width: var(--lz-width, 160px); height: var(--lz-height, 6px);
|
|
@@ -281,7 +339,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
281
339
|
background: var(--lz-accent, #0a84ff);
|
|
282
340
|
animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
283
341
|
}
|
|
284
|
-
`}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)}};
|
|
342
|
+
`}template(){return'<div class="lz-bar" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};ue.observedAttributes=["width","height","accent","track-color","speed"];function T(){r(xe,ue)}var we="lz-skeleton-shimmer",Ae=class extends e{constructor(){super(...arguments);this.css=`
|
|
285
343
|
:host {
|
|
286
344
|
position: relative; display: inline-block;
|
|
287
345
|
width: var(--lz-width, 120px); height: var(--lz-height, 28px);
|
|
@@ -293,7 +351,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
293
351
|
background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);
|
|
294
352
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
295
353
|
}
|
|
296
|
-
`}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)}};
|
|
354
|
+
`}template(){return'<div class="lz-sheen" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",120),this.varPx("--lz-height","height",28),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varRaw("--lz-sheen","sheen"),this.varNum("--lz-speed","speed",1)}};Ae.observedAttributes=["width","height","track-color","speed"];function R(){r(we,Ae)}var ye="lz-ellipsis",_e=class extends e{constructor(){super(...arguments);this.css=`
|
|
297
355
|
:host {
|
|
298
356
|
display: inline-flex; gap: 0.2em; align-items: center;
|
|
299
357
|
font-size: var(--lz-size, 8px); line-height: 1;
|
|
@@ -305,7 +363,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
305
363
|
}
|
|
306
364
|
.lz-dot:nth-child(2) { animation-delay: -0.45s; }
|
|
307
365
|
.lz-dot:nth-child(3) { animation-delay: -0.9s; }
|
|
308
|
-
`}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)}};
|
|
366
|
+
`}template(){return'<span class="lz-dot" role="status" aria-label="Loading"></span><span class="lz-dot"></span><span class="lz-dot"></span>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};_e.observedAttributes=["size","color","speed"];function G(){r(ye,_e)}var Te="lz-progress-bar",ke=class extends e{constructor(){super(...arguments);this.css=`
|
|
309
367
|
:host {
|
|
310
368
|
display: inline-block; position: relative;
|
|
311
369
|
width: var(--lz-width, 160px); height: var(--lz-height, 6px);
|
|
@@ -319,7 +377,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
319
377
|
background: var(--lz-color, #f5f5f7);
|
|
320
378
|
border-radius: inherit;
|
|
321
379
|
}
|
|
322
|
-
`}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 t=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${t}`);let s=this.shadowRoot?.querySelector(".lz-fill");s&&(s.style.transform=`scaleX(${t/100})`),this.setAttribute("aria-valuenow",String(t))}};
|
|
380
|
+
`}template(){return'<div class="lz-fill"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color","rgba(255,255,255,0.15)"),this.varNum("--lz-speed","speed",1);let t=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${t}`);let s=this.shadowRoot?.querySelector(".lz-fill");s&&(s.style.transform=`scaleX(${t/100})`),this.setAttribute("aria-valuenow",String(t))}};ke.observedAttributes=["width","height","percent","color","track-color","speed"];function S(){r(Te,ke)}var Ge="lz-skeleton-card",Re=class extends e{constructor(){super(...arguments);this.css=`
|
|
323
381
|
:host {
|
|
324
382
|
position: relative; display: inline-block;
|
|
325
383
|
width: var(--lz-width, 200px); height: var(--lz-height, 64px);
|
|
@@ -344,7 +402,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
344
402
|
background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
|
|
345
403
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
346
404
|
}
|
|
347
|
-
`}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)}};
|
|
405
|
+
`}template(){return'<div class="lz-card-row" role="status" aria-label="Loading"><div class="lz-avatar"></div><div class="lz-lines"><div class="lz-line"></div><div class="lz-line lz-line-short"></div><div class="lz-line" style="width:80%"></div></div></div><div class="lz-sheen"></div>'}sync(){this.varPx("--lz-width","width",200),this.varPx("--lz-height","height",64),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};Re.observedAttributes=["width","height","track-color","speed"];function E(){r(Ge,Re)}var Ee="lz-skeleton-list",Se=class extends e{constructor(){super(...arguments);this.css=`
|
|
348
406
|
:host {
|
|
349
407
|
position: relative; display: block;
|
|
350
408
|
width: var(--lz-width, 180px);
|
|
@@ -369,5 +427,244 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
369
427
|
background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
|
|
370
428
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
371
429
|
}
|
|
372
|
-
`}template(){let t=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],
|
|
430
|
+
`}template(){let t=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],l='<div role="status" aria-label="Loading">';for(let o=0;o<t;o++){let n=s[o%s.length];l+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></div></div>`}return`${l}</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)}};Se.observedAttributes=["width","rows","track-color","speed"];function N(){r(Ee,Se)}var Ie="lz-ios-27-orb",Rt=[{count:14,radius:.34,dot:.13,offset:0},{count:8,radius:.215,dot:.105,offset:22.5},{count:4,radius:.1,dot:.08,offset:45}],Gt=27,lt=3.2,Ne=class extends e{constructor(){super(...arguments);this.css=`
|
|
431
|
+
:host {
|
|
432
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
433
|
+
display: inline-block; position: relative; line-height: 1;
|
|
434
|
+
}
|
|
435
|
+
.lz-slot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
|
|
436
|
+
.lz-dot {
|
|
437
|
+
position: absolute; border-radius: 50%; background: currentColor;
|
|
438
|
+
box-shadow: 0 0 0.12em 0.05em currentColor;
|
|
439
|
+
animation: lz-ios-glow calc(${lt}s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
440
|
+
}
|
|
441
|
+
`}template(){let t=0,s='<div role="status" aria-label="Loading">',l=(o,n,d,Xe=!1)=>{let dt=o*Math.PI/180,ct=Xe?98:50-48*Math.cos(dt),Je=`${d.toFixed(3)}em`,et=`-${(d/2).toFixed(3)}em`,ft=`color-mix(in srgb, var(--lz-color, #f5f5f7) ${ct.toFixed(0)}%, var(--lz-accent, #0a84ff))`,pt=`-${(t/Gt*lt).toFixed(3)}s`,zt=n===0?"":` transform:rotate(${o}deg) translateY(-${n.toFixed(3)}em);`;s+=`<span class="lz-slot" style="${zt}"><span class="lz-dot" style="width:${Je};height:${Je};left:${et};top:${et};color:${ft};animation-delay:${pt}"></span></span>`,t++};for(let o of Rt){let n=360/o.count;for(let d=0;d<o.count;d++)l(o.offset+n*d,o.radius,o.dot)}return l(0,0,.13,!0),`${s}</div>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};Ne.observedAttributes=["size","color","accent","speed"];function I(){r(Ie,Ne)}var Le="lz-ai-orb",Pe=class extends e{constructor(){super(...arguments);this.css=`
|
|
442
|
+
:host {
|
|
443
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
444
|
+
display: inline-block; position: relative; line-height: 1;
|
|
445
|
+
}
|
|
446
|
+
.lz-orb {
|
|
447
|
+
position: absolute; inset: 0.08em; border-radius: 50%;
|
|
448
|
+
background: radial-gradient(circle at 34% 32%,
|
|
449
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 18%, white) 0%,
|
|
450
|
+
var(--lz-accent, #0a84ff) 40%,
|
|
451
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 74%,
|
|
452
|
+
transparent 100%);
|
|
453
|
+
box-shadow: 0 0 0.5em color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent);
|
|
454
|
+
animation: lz-orb-breathe calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
455
|
+
}
|
|
456
|
+
.lz-orbit {
|
|
457
|
+
position: absolute; inset: 0;
|
|
458
|
+
animation: lz-spin calc(4.5s * var(--lz-speed, 1)) linear infinite;
|
|
459
|
+
}
|
|
460
|
+
.lz-light {
|
|
461
|
+
position: absolute; left: 50%; top: calc(50% - 0.46em);
|
|
462
|
+
width: 0.13em; height: 0.13em; margin-left: -0.065em; border-radius: 50%;
|
|
463
|
+
background: var(--lz-color, #f5f5f7);
|
|
464
|
+
box-shadow: 0 0 0.22em 0.05em color-mix(in srgb, var(--lz-color, #f5f5f7) 55%, transparent);
|
|
465
|
+
animation: lz-pulse-breath calc(1.1s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
466
|
+
}
|
|
467
|
+
.lz-sparkle {
|
|
468
|
+
position: absolute; width: 0.28em; height: 0.28em;
|
|
469
|
+
animation: lz-ai-sparkle calc(3s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
470
|
+
}
|
|
471
|
+
.lz-sparkle::before, .lz-sparkle::after {
|
|
472
|
+
content: ""; position: absolute; inset: 0;
|
|
473
|
+
background: var(--lz-color, #f5f5f7);
|
|
474
|
+
}
|
|
475
|
+
.lz-sparkle::before {
|
|
476
|
+
clip-path: polygon(50% 0, 58% 50%, 50% 100%, 42% 50%);
|
|
477
|
+
}
|
|
478
|
+
.lz-sparkle::after {
|
|
479
|
+
clip-path: polygon(50% 0, 58% 50%, 50% 100%, 42% 50%);
|
|
480
|
+
transform: rotate(90deg);
|
|
481
|
+
}
|
|
482
|
+
.lz-sparkle.a { right: 0.01em; top: -0.01em; }
|
|
483
|
+
.lz-sparkle.b { left: -0.01em; bottom: 0.02em; animation-delay: -1.5s; }
|
|
484
|
+
`}template(){return'<div class="lz-orb" role="status" aria-label="Loading"></div><div class="lz-orbit" aria-hidden="true"><span class="lz-light"></span></div><span class="lz-sparkle a" aria-hidden="true"></span><span class="lz-sparkle b" aria-hidden="true"></span>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};Pe.observedAttributes=["size","accent","color","speed"];function P(){r(Le,Pe)}var Me="lz-ai-thinking",Oe=class extends e{constructor(){super(...arguments);this.css=`
|
|
485
|
+
:host {
|
|
486
|
+
font-size: var(--lz-size, 40px); width: 2.1em; height: 0.66em;
|
|
487
|
+
display: inline-block; position: relative; line-height: 1;
|
|
488
|
+
}
|
|
489
|
+
.lz-field {
|
|
490
|
+
position: absolute; inset: 0; display: flex; align-items: center;
|
|
491
|
+
justify-content: center; gap: 0.32em; border-radius: 999px;
|
|
492
|
+
background: var(--lz-surface, rgba(255,255,255,0.07));
|
|
493
|
+
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lz-color, #f5f5f7) 12%, transparent);
|
|
494
|
+
}
|
|
495
|
+
.lz-dot {
|
|
496
|
+
width: 0.16em; height: 0.16em; border-radius: 50%;
|
|
497
|
+
background: var(--lz-color, #f5f5f7);
|
|
498
|
+
animation: lz-typing-pulse calc(1s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;
|
|
499
|
+
}
|
|
500
|
+
.lz-field .lz-dot:nth-child(2) { animation-delay: -0.2s; }
|
|
501
|
+
.lz-field .lz-dot:nth-child(3) { animation-delay: -0.4s; }
|
|
502
|
+
.lz-aura {
|
|
503
|
+
position: absolute; inset: -0.16em; border-radius: 999px;
|
|
504
|
+
border: 2px solid transparent;
|
|
505
|
+
background: conic-gradient(from 0deg,
|
|
506
|
+
transparent 0deg,
|
|
507
|
+
var(--lz-accent, #0a84ff) 8deg,
|
|
508
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 30%, transparent) 34deg,
|
|
509
|
+
transparent 92deg) border-box;
|
|
510
|
+
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
|
|
511
|
+
-webkit-mask-composite: xor;
|
|
512
|
+
mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
|
|
513
|
+
mask-composite: exclude;
|
|
514
|
+
animation: lz-spin calc(1.9s * var(--lz-speed, 1)) linear infinite;
|
|
515
|
+
}
|
|
516
|
+
`}template(){return'<div class="lz-field" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div><div class="lz-aura" aria-hidden="true"></div>'}sync(){this.varPx("--lz-size","size",40),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};Oe.observedAttributes=["size","color","accent","speed"];function L(){r(Me,Oe)}var Be="lz-ai-neural",De=class extends e{constructor(){super(...arguments);this.css=`
|
|
517
|
+
:host { font-size: var(--lz-size, 6px); }
|
|
518
|
+
.lz-grid {
|
|
519
|
+
display: grid;
|
|
520
|
+
gap: var(--lz-grid-gap, 10px);
|
|
521
|
+
grid-template-columns: repeat(var(--lz-cols, 5), 1em);
|
|
522
|
+
}
|
|
523
|
+
.lz-dot {
|
|
524
|
+
width: 1em; height: 1em; border-radius: 50%;
|
|
525
|
+
animation: lz-grid-dot-wave calc(1.5s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
526
|
+
}
|
|
527
|
+
`}template(){let t=Math.max(1,this.num("rows",3)),s=Math.max(1,this.num("cols",5)),l='<div class="lz-grid" role="status" aria-label="Loading">';for(let o=0;o<t;o++)for(let n=0;n<s;n++){let d=(o+n)%2===0?"color-mix(in srgb, var(--lz-accent, #0a84ff) 78%, var(--lz-color, #f5f5f7))":"var(--lz-color, #f5f5f7)",Xe=((o+n)*.12).toFixed(3);l+=`<span class="lz-dot" style="background:${d};animation-delay:-${Xe}s"></span>`}return`${l}</div>`}sync(){this.varPx("--lz-size","size",6),this.varNum("--lz-cols","cols",5),this.varPx("--lz-grid-gap","gap",10),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};De.observedAttributes=["rows","cols","size","gap","color","accent","speed"];function O(){r(Be,De)}var Ce="lz-waveform",$e=class extends e{constructor(){super(...arguments);this.css=`
|
|
528
|
+
:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
|
|
529
|
+
.lz-wave {
|
|
530
|
+
display: flex; align-items: center; gap: var(--lz-gap, 4px);
|
|
531
|
+
height: 1em;
|
|
532
|
+
}
|
|
533
|
+
.lz-bar {
|
|
534
|
+
width: var(--lz-bar-width, 4px); height: 1em; border-radius: 2px;
|
|
535
|
+
transform-origin: center;
|
|
536
|
+
background: var(--lz-color, #f5f5f7);
|
|
537
|
+
animation: lz-waveform calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
538
|
+
}
|
|
539
|
+
.lz-bar.accent { background: var(--lz-accent, #0a84ff); }
|
|
540
|
+
`}template(){let t=Math.max(5,Math.min(21,this.num("count",11))),s=(t-1)/2,l="";for(let o=0;o<t;o++){let n=(o-s)*.12,d=o===Math.floor(s)||o===Math.floor(s/2)||o===t-1-Math.floor(s/2);l+=`<span class="lz-bar${d?" accent":""}" style="animation-delay: ${n.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${l}</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)}};$e.observedAttributes=["size","count","color","accent","speed"];function M(){r(Ce,$e)}var Ze="lz-vinyl",Ye=class extends e{constructor(){super(...arguments);this.css=`
|
|
541
|
+
:host {
|
|
542
|
+
font-size: var(--lz-size, 48px); width: 2.2em; height: 2.2em;
|
|
543
|
+
display: inline-block; position: relative; line-height: 1;
|
|
544
|
+
}
|
|
545
|
+
.lz-disc {
|
|
546
|
+
position: absolute; inset: 0; border-radius: 50%; overflow: hidden;
|
|
547
|
+
background:
|
|
548
|
+
repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.055) 0 1px, transparent 1px 4px),
|
|
549
|
+
radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 0 17%, rgba(0,0,0,0.22) 17% 18%, transparent 18% 20%, rgba(255,255,255,0.045) 20% 21%, transparent 21% 100%),
|
|
550
|
+
radial-gradient(circle at 50% 50%, #141216 0 100%);
|
|
551
|
+
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
|
|
552
|
+
animation: lz-spin calc(3.2s * var(--lz-speed, 1)) linear infinite;
|
|
553
|
+
}
|
|
554
|
+
.lz-disc::before {
|
|
555
|
+
content: ""; position: absolute; inset: 0; border-radius: 50%;
|
|
556
|
+
background: linear-gradient(112deg, transparent 26%, rgba(255,255,255,0.17) 40%, rgba(255,255,255,0.04) 49%, transparent 62%);
|
|
557
|
+
}
|
|
558
|
+
.lz-label {
|
|
559
|
+
position: absolute; left: 50%; top: 50%;
|
|
560
|
+
width: 0.5em; height: 0.5em; margin: -0.25em 0 0 -0.25em; border-radius: 50%;
|
|
561
|
+
background:
|
|
562
|
+
radial-gradient(circle at 36% 30%, rgba(255,255,255,0.35) 0 5%, transparent 6%),
|
|
563
|
+
radial-gradient(circle at 63% 68%, rgba(0,0,0,0.4) 0 7%, transparent 8%),
|
|
564
|
+
var(--lz-accent, #0a84ff);
|
|
565
|
+
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.4);
|
|
566
|
+
}
|
|
567
|
+
.lz-spindle {
|
|
568
|
+
position: absolute; left: 50%; top: 50%;
|
|
569
|
+
width: 0.09em; height: 0.09em; margin: -0.045em 0 0 -0.045em; border-radius: 50%;
|
|
570
|
+
background: rgba(0,0,0,0.9);
|
|
571
|
+
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35);
|
|
572
|
+
}
|
|
573
|
+
.lz-arm {
|
|
574
|
+
position: absolute; top: 0.05em; right: 0.06em; width: 0.8em; height: 0.8em;
|
|
575
|
+
transform-origin: top right;
|
|
576
|
+
animation: lz-needle-bob calc(1.8s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
577
|
+
}
|
|
578
|
+
.lz-post {
|
|
579
|
+
position: absolute; right: -0.01em; top: -0.01em;
|
|
580
|
+
width: 0.13em; height: 0.13em; border-radius: 50%;
|
|
581
|
+
background: radial-gradient(circle at 35% 30%, var(--lz-color, #f5f5f7) 0 42%, color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, transparent) 100%);
|
|
582
|
+
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3);
|
|
583
|
+
}
|
|
584
|
+
.lz-shaft {
|
|
585
|
+
position: absolute; right: 0.045em; top: 0.02em;
|
|
586
|
+
width: 0.06em; height: 0.48em; border-radius: 3px;
|
|
587
|
+
background: linear-gradient(var(--lz-color, #f5f5f7), color-mix(in srgb, var(--lz-color, #f5f5f7) 35%, transparent));
|
|
588
|
+
box-shadow: inset 0 0 0 0.5px rgba(0,0,0,0.25);
|
|
589
|
+
transform-origin: top center;
|
|
590
|
+
transform: rotate(24deg);
|
|
591
|
+
}
|
|
592
|
+
.lz-shaft::before {
|
|
593
|
+
content: ""; position: absolute; top: -0.035em; left: -0.04em;
|
|
594
|
+
width: 0.14em; height: 0.14em; border-radius: 50%;
|
|
595
|
+
background: var(--lz-color, #f5f5f7);
|
|
596
|
+
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25);
|
|
597
|
+
}
|
|
598
|
+
.lz-shaft::after {
|
|
599
|
+
content: ""; position: absolute; bottom: -0.05em; left: 0.005em;
|
|
600
|
+
width: 0.05em; height: 0.1em; border-radius: 0 0 3px 3px;
|
|
601
|
+
background: color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white);
|
|
602
|
+
}
|
|
603
|
+
`}template(){return'<div class="lz-disc" role="status" aria-label="Loading"><span class="lz-label"></span><span class="lz-spindle"></span></div><div class="lz-arm" aria-hidden="true"><span class="lz-post"></span><span class="lz-shaft"></span></div>'}sync(){this.varPx("--lz-size","size",48),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};Ye.observedAttributes=["size","accent","color","speed"];function D(){r(Ze,Ye)}var Ue="lz-sonar",nt=3.6,He=class extends e{constructor(){super(...arguments);this.css=`
|
|
604
|
+
:host {
|
|
605
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
606
|
+
display: inline-block; position: relative; line-height: 1;
|
|
607
|
+
}
|
|
608
|
+
.lz-core {
|
|
609
|
+
position: absolute; left: 50%; top: 50%;
|
|
610
|
+
width: 0.18em; height: 0.18em; margin: -0.09em 0 0 -0.09em; border-radius: 50%;
|
|
611
|
+
background: var(--lz-color, #f5f5f7);
|
|
612
|
+
box-shadow: 0 0 calc(0.2em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);
|
|
613
|
+
}
|
|
614
|
+
.lz-ring {
|
|
615
|
+
position: absolute; inset: 0.14em; border-radius: 50%;
|
|
616
|
+
border: 1px solid var(--lz-accent, #0a84ff);
|
|
617
|
+
animation: lz-sonar-ring calc(${nt}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
|
|
618
|
+
}
|
|
619
|
+
`}template(){let t=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let l=0;l<t;l++)s+=`<span class="lz-ring" style="animation-delay: -${(l*nt/t).toFixed(2)}s;"></span>`;return`<div class="lz-core" role="status" aria-label="Loading"></div>${s}`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};He.observedAttributes=["size","count","accent","color","speed"];function B(){r(Ue,He)}var Ve="lz-music-note",We=class extends e{constructor(){super(...arguments);this.css=`
|
|
620
|
+
:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
|
|
621
|
+
.lz-notes { display: flex; align-items: center; gap: 0.5em; }
|
|
622
|
+
.lz-note {
|
|
623
|
+
position: relative; display: inline-block;
|
|
624
|
+
width: 0.42em; height: 0.88em;
|
|
625
|
+
animation: lz-note-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
626
|
+
}
|
|
627
|
+
.lz-notes .lz-note:nth-child(2) { animation-delay: -0.5s; }
|
|
628
|
+
.lz-notes .lz-note:nth-child(3) { animation-delay: -0.9s; }
|
|
629
|
+
.lz-notes .lz-note:nth-child(4) { animation-delay: -0.3s; }
|
|
630
|
+
.lz-head {
|
|
631
|
+
position: absolute; left: 0; bottom: 0.06em;
|
|
632
|
+
width: 0.3em; height: 0.24em;
|
|
633
|
+
border-radius: 55% 45% 50% 50%;
|
|
634
|
+
background: var(--lz-color, #f5f5f7);
|
|
635
|
+
box-shadow: inset -0.045em -0.02em 0 color-mix(in srgb, var(--lz-color, #f5f5f7) 55%, #000);
|
|
636
|
+
transform: rotate(-18deg);
|
|
637
|
+
}
|
|
638
|
+
.lz-stem {
|
|
639
|
+
position: absolute; left: 0.175em; bottom: 0.13em;
|
|
640
|
+
width: 0.045em; height: 0.6em; border-radius: 2px;
|
|
641
|
+
background: var(--lz-color, #f5f5f7);
|
|
642
|
+
}
|
|
643
|
+
.lz-flag {
|
|
644
|
+
position: absolute; left: 0.22em; bottom: 0.61em;
|
|
645
|
+
width: 0.24em; height: 0.2em;
|
|
646
|
+
border: 0.045em solid var(--lz-color, #f5f5f7);
|
|
647
|
+
border-left: none; border-top: none;
|
|
648
|
+
border-radius: 0 0 0.14em 0.02em / 0 0 0.26em 0.02em;
|
|
649
|
+
}
|
|
650
|
+
.lz-note.second .lz-head { background: color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, var(--lz-accent, #0a84ff)); }
|
|
651
|
+
`}template(){let t=Math.max(1,Math.min(4,this.num("count",2))),s="";for(let l=0;l<t;l++)s+=`<span class="${l===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)}};We.observedAttributes=["size","count","color","speed"];function $(){r(Ve,We)}var Fe="lz-activity-rings",Ke=class extends e{constructor(){super(...arguments);this.css=`
|
|
652
|
+
:host {
|
|
653
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
654
|
+
display: inline-block; line-height: 1;
|
|
655
|
+
}
|
|
656
|
+
.lz-svg { width: 1em; height: 1em; display: block; }
|
|
657
|
+
.lz-g { animation: lz-spin calc(2.8s * var(--lz-speed, 1)) linear infinite; transform-origin: center; }
|
|
658
|
+
.lz-g.mid { animation-duration: calc(3.6s * var(--lz-speed, 1)); animation-direction: reverse; }
|
|
659
|
+
.lz-g.inner { animation-duration: calc(2.1s * var(--lz-speed, 1)); }
|
|
660
|
+
.lz-track { fill: none; stroke: var(--lz-track, rgba(255,255,255,0.08)); stroke-width: 5; }
|
|
661
|
+
.lz-ring { fill: none; stroke-linecap: round; stroke-width: 5; }
|
|
662
|
+
.lz-outer { stroke: var(--lz-accent, #fa114f); stroke-dasharray: 209 58; }
|
|
663
|
+
.lz-mid { stroke: var(--lz-color, #30d158); stroke-dasharray: 169 48; }
|
|
664
|
+
.lz-inner { stroke: var(--lz-color-weak, #32d7ff); stroke-dasharray: 128 39; }
|
|
665
|
+
`}template(){return`<svg class="lz-svg" viewBox="0 0 100 100" role="img" aria-label="Loading">
|
|
666
|
+
<g class="lz-g"><circle class="lz-track" cx="50" cy="50" r="42.5" /><circle class="lz-ring lz-outer" cx="50" cy="50" r="42.5" transform="rotate(-90 50 50)" /></g>
|
|
667
|
+
<g class="lz-g mid"><circle class="lz-ring lz-mid" cx="50" cy="50" r="34.5" transform="rotate(-90 50 50)" /></g>
|
|
668
|
+
<g class="lz-g inner"><circle class="lz-ring lz-inner" cx="50" cy="50" r="26.5" transform="rotate(-90 50 50)" /></g>
|
|
669
|
+
</svg>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#fa114f"),this.varRaw("--lz-color","color","#30d158"),this.varRaw("--lz-color-weak","color-weak","#32d7ff"),this.varNum("--lz-speed","speed",1)}};Ke.observedAttributes=["size","accent","color","color-weak","speed"];function C(){r(Fe,Ke)}function qe(){f(),p(),z(),m(),h(),v(),g(),b(),u(),x(),A(),w(),_(),y(),k(),T(),R(),G(),S(),E(),N(),I(),P(),L(),O(),M(),D(),B(),$(),C()}qe();0&&(module.exports={ACTIVITY_RINGS_TAG,AI_NEURAL_TAG,AI_ORB_TAG,AI_THINKING_TAG,ARC_SPINNER_TAG,BOUNCING_DOTS_TAG,BREATHING_PULSE_TAG,DOT_GRID_WAVE_TAG,ELLIPSIS_TAG,EQUALIZER_TAG,EYES_TAG,HELIX_DOTS_TAG,INDETERMINATE_PROGRESS_BAR_TAG,IOS27_ORB_TAG,KEYFRAMES,LZPattern,MATERIAL_DOUBLE_ARC_TAG,MORPHING_SQUARE_TAG,MUSIC_NOTE_TAG,ORBIT_DOTS_TAG,ORBIT_RING_DOTS_TAG,PROGRESS_BAR_TAG,PROGRESS_RING_TAG,SCAN_SWEEP_TAG,SCOPED_CSS,SKELETON_CARD_TAG,SKELETON_LIST_TAG,SKELETON_SHIMMER_TAG,SONAR_TAG,TYPING_DOTS_TAG,VINYL_TAG,WAVEFORM_TAG,WAVE_DOTS_TAG,define,defineActivityRings,defineAiNeural,defineAiOrb,defineAiThinking,defineAll,defineArcSpinner,defineBouncingDots,defineBreathingPulse,defineDotGridWave,defineEllipsis,defineEqualizer,defineEyes,defineHelixDots,defineIndeterminateProgressBar,defineIos27Orb,defineMaterialDoubleArc,defineMorphingSquare,defineMusicNote,defineOrbitDots,defineOrbitRingDots,defineProgressBar,defineProgressRing,defineScanSweep,defineSkeletonCard,defineSkeletonList,defineSkeletonShimmer,defineSonar,defineTypingDots,defineVinyl,defineWaveDots,defineWaveform});
|
|
373
670
|
//# sourceMappingURL=index.cjs.map
|