loading-state-zoo 0.4.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -77
- package/dist/index.cjs +45 -152
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -15
- package/dist/index.d.ts +3 -15
- package/dist/index.js +45 -152
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +40 -147
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +1 -54
- package/dist/react.d.ts +1 -54
- package/dist/react.js +40 -147
- package/dist/react.js.map +1 -1
- package/dist/theme.css +5 -179
- package/docs/AI.md +8 -11
- package/docs/components.json +1500 -385
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var Me=Object.defineProperty;var Ke=Object.getOwnPropertyDescriptor;var qe=Object.getOwnPropertyNames;var Fe=Object.prototype.hasOwnProperty;var Be=a=>{throw TypeError(a)};var Xe=(a,i)=>{for(var e in i)Me(a,e,{get:i[e],enumerable:!0})},Qe=(a,i,e,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of qe(i))!Fe.call(a,o)&&o!==e&&Me(a,o,{get:()=>i[o],enumerable:!(s=Ke(i,o))||s.enumerable});return a};var je=a=>Qe(Me({},"__esModule",{value:!0}),a);var Ye=(a,i,e)=>i.has(a)||Be("Cannot "+e);var $e=(a,i,e)=>(Ye(a,i,"read from private field"),e?e.call(a):i.get(a)),Ze=(a,i,e)=>i.has(a)?Be("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(a):i.set(a,e),He=(a,i,e,s)=>(Ye(a,i,"write to private field"),s?s.call(a,e):i.set(a,e),e);var ot={};Xe(ot,{ACTIVITY_RINGS_TAG:()=>Oe,ARC_SPINNER_TAG:()=>q,BOUNCING_DOTS_TAG:()=>C,BREATHING_PULSE_TAG:()=>de,DOT_GRID_WAVE_TAG:()=>V,ELLIPSIS_TAG:()=>ue,EQUALIZER_TAG:()=>fe,EYES_TAG:()=>se,HELIX_DOTS_TAG:()=>U,INDETERMINATE_PROGRESS_BAR_TAG:()=>he,KEYFRAMES:()=>Ce,LZPattern:()=>t,MATERIAL_DOUBLE_ARC_TAG:()=>Q,MORPHING_SQUARE_TAG:()=>le,MUSIC_NOTE_TAG:()=>Le,ORBIT_DOTS_TAG:()=>te,ORBIT_RING_DOTS_TAG:()=>ae,PROGRESS_BAR_TAG:()=>we,PROGRESS_RING_TAG:()=>ze,SCAN_SWEEP_TAG:()=>J,SCOPED_CSS:()=>D,SKELETON_CARD_TAG:()=>_e,SKELETON_LIST_TAG:()=>ke,SKELETON_SHIMMER_TAG:()=>ge,SONAR_TAG:()=>Pe,TYPING_DOTS_TAG:()=>Y,VINYL_TAG:()=>Ee,WAVEFORM_TAG:()=>Re,WAVE_DOTS_TAG:()=>Z,define:()=>r,defineActivityRings:()=>O,defineAll:()=>De,defineArcSpinner:()=>h,defineBouncingDots:()=>c,defineBreathingPulse:()=>A,defineDotGridWave:()=>m,defineEllipsis:()=>R,defineEqualizer:()=>_,defineEyes:()=>x,defineHelixDots:()=>z,defineIndeterminateProgressBar:()=>k,defineMaterialDoubleArc:()=>v,defineMorphingSquare:()=>w,defineMusicNote:()=>I,defineOrbitDots:()=>b,defineOrbitRingDots:()=>u,defineProgressBar:()=>S,defineProgressRing:()=>y,defineScanSweep:()=>g,defineSkeletonCard:()=>E,defineSkeletonList:()=>G,defineSkeletonShimmer:()=>T,defineSonar:()=>L,defineTypingDots:()=>f,defineVinyl:()=>N,defineWaveDots:()=>p,defineWaveform:()=>P});module.exports=je(ot);var Ce=`
|
|
2
2
|
@keyframes lz-spin { to { transform: rotate(360deg); } }
|
|
3
3
|
@keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }
|
|
4
4
|
@keyframes lz-dot-bounce {
|
|
@@ -68,16 +68,6 @@
|
|
|
68
68
|
0%, 100% { transform: scale(1); opacity: 1; }
|
|
69
69
|
50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }
|
|
70
70
|
}
|
|
71
|
-
@keyframes lz-ios-glow {
|
|
72
|
-
0%, 100% { opacity: var(--lz-ios-fade, 0.2); transform: scale(var(--lz-ios-min, 0.5)); }
|
|
73
|
-
35% { opacity: 1; transform: scale(var(--lz-ios-peak, 1.25)); }
|
|
74
|
-
50% { opacity: 1; transform: scale(var(--lz-ios-peak, 1.25)); }
|
|
75
|
-
}
|
|
76
|
-
@keyframes lz-ai-sparkle {
|
|
77
|
-
0%, 100% { opacity: 0; transform: scale(0.1) rotate(0deg); }
|
|
78
|
-
20% { opacity: 1; transform: scale(1) rotate(8deg); }
|
|
79
|
-
45% { opacity: 0; transform: scale(1.35) rotate(14deg); }
|
|
80
|
-
}
|
|
81
71
|
@keyframes lz-waveform {
|
|
82
72
|
0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }
|
|
83
73
|
50% { transform: scaleY(1); }
|
|
@@ -96,7 +86,7 @@
|
|
|
96
86
|
0%, 100% { transform: rotate(22deg); }
|
|
97
87
|
50% { transform: rotate(27deg); }
|
|
98
88
|
}
|
|
99
|
-
`,
|
|
89
|
+
`,D=`
|
|
100
90
|
:host {
|
|
101
91
|
display: inline-flex;
|
|
102
92
|
font-size: var(--lz-size, 44px);
|
|
@@ -105,9 +95,9 @@
|
|
|
105
95
|
.lz-root {
|
|
106
96
|
display: contents;
|
|
107
97
|
}
|
|
108
|
-
${
|
|
109
|
-
`;var
|
|
110
|
-
${this.css}</style><div class="lz-root"></div>`,this._rootEl=
|
|
98
|
+
${Ce}
|
|
99
|
+
`;var Je=typeof HTMLElement<"u",et=Je?HTMLElement:class{},d,t=class extends et{constructor(){super(...arguments);Ze(this,d,!1)}connectedCallback(){let e=this.shadowRoot??this.attachShadow({mode:"open"});e.innerHTML=`<style>${D}
|
|
100
|
+
${this.css}</style><div class="lz-root"></div>`,this._rootEl=e.querySelector(".lz-root"),He(this,d,!0),this.paint()}attributeChangedCallback(){$e(this,d)&&this.paint()}paint(){this.sync();let e=this._rootEl;e&&(e.innerHTML=this.template())}num(e,s){let o=this.getAttribute(e);if(o===null||o==="")return s;let l=Number(o);return Number.isFinite(l)?l:s}varPx(e,s,o){let l=this.getAttribute(s);l!==null&&l!==""&&Number.isFinite(Number(l))?this.style.setProperty(e,`${Number(l)}px`):this.style.removeProperty(e)}varNum(e,s,o){let l=this.getAttribute(s);l!==null&&l!==""&&Number.isFinite(Number(l))?this.style.setProperty(e,String(Number(l))):this.style.removeProperty(e)}varRaw(e,s,o){let l=this.getAttribute(s);l!==null&&l!==""?this.style.setProperty(e,l):this.style.removeProperty(e)}};d=new WeakMap,t.observedAttributes=[];function r(a,i){typeof customElements>"u"||customElements.get(a)||customElements.define(a,i)}var C="lz-bouncing-dots",M=class extends t{constructor(){super(...arguments);this.css=`
|
|
111
101
|
:host { font-size: var(--lz-size, 8px); }
|
|
112
102
|
.lz-dots { display: flex; gap: 0.7em; }
|
|
113
103
|
.lz-dot {
|
|
@@ -117,7 +107,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
117
107
|
}
|
|
118
108
|
.lz-dot:nth-child(2) { animation-delay: 0.15s; }
|
|
119
109
|
.lz-dot:nth-child(3) { animation-delay: 0.3s; }
|
|
120
|
-
`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};
|
|
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)}};M.observedAttributes=["size","color","speed"];function c(){r(C,M)}var Y="lz-typing-dots",B=class extends t{constructor(){super(...arguments);this.css=`
|
|
121
111
|
:host { font-size: var(--lz-size, 8px); }
|
|
122
112
|
.lz-dots { display: flex; gap: 0.8em; }
|
|
123
113
|
.lz-dot {
|
|
@@ -127,7 +117,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
127
117
|
}
|
|
128
118
|
.lz-dot:nth-child(2) { animation-delay: -0.18s; }
|
|
129
119
|
.lz-dot:nth-child(3) { animation-delay: -0.36s; }
|
|
130
|
-
`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};
|
|
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)}};B.observedAttributes=["size","color","speed"];function f(){r(Y,B)}var Z="lz-wave-dots",$=class extends t{constructor(){super(...arguments);this.css=`
|
|
131
121
|
:host { font-size: var(--lz-size, 8px); }
|
|
132
122
|
.lz-dots { display: flex; gap: 0.6em; }
|
|
133
123
|
.lz-dot {
|
|
@@ -138,7 +128,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
138
128
|
.lz-dot:nth-child(2) { animation-delay: -0.1s; }
|
|
139
129
|
.lz-dot:nth-child(3) { animation-delay: -0.2s; }
|
|
140
130
|
.lz-dot:nth-child(4) { animation-delay: -0.3s; }
|
|
141
|
-
`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}}
|
|
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)}};$.observedAttributes=["size","color","speed"];function p(){r(Z,$)}var U="lz-helix-dots",tt=1.4,H=class extends t{constructor(){super(...arguments);this.css=`
|
|
142
132
|
:host { font-size: var(--lz-size, 6px); }
|
|
143
133
|
.lz-dots { display: flex; gap: 0.9em; }
|
|
144
134
|
.lz-dot {
|
|
@@ -146,7 +136,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
146
136
|
background: var(--lz-color, #f5f5f7);
|
|
147
137
|
animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
148
138
|
}
|
|
149
|
-
`}template(){let
|
|
139
|
+
`}template(){let e=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let o=0;o<e;o++)s+=`<span class="lz-dot" style="animation-delay:-${(tt/e*o).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)}};H.observedAttributes=["size","count","color","speed"];function z(){r(U,H)}var V="lz-dot-grid-wave",W=class extends t{constructor(){super(...arguments);this.css=`
|
|
150
140
|
:host { font-size: var(--lz-size, 6px); }
|
|
151
141
|
.lz-grid {
|
|
152
142
|
display: grid;
|
|
@@ -158,10 +148,10 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
158
148
|
background: var(--lz-color, #f5f5f7);
|
|
159
149
|
animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
160
150
|
}
|
|
161
|
-
`}template(){let
|
|
151
|
+
`}template(){let e=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),o='<div class="lz-grid" role="status" aria-label="Loading">';for(let l=0;l<e;l++)for(let n=0;n<s;n++)o+=`<span class="lz-dot" style="animation-delay:-${((l+n)*.08).toFixed(3)}s"></span>`;return`${o}</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)}};W.observedAttributes=["rows","cols","size","gap","color","speed"];function m(){r(V,W)}var q="lz-arc-spinner",rt=`
|
|
162
152
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
163
153
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
164
|
-
`,
|
|
154
|
+
`,K=class extends t{constructor(){super(...arguments);this.css=`
|
|
165
155
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
|
|
166
156
|
.lz-ring {
|
|
167
157
|
width: 100%; height: 100%; border-radius: 50%;
|
|
@@ -171,28 +161,28 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
171
161
|
var(--lz-color, #f5f5f7) 110deg,
|
|
172
162
|
transparent 111deg
|
|
173
163
|
);
|
|
174
|
-
${
|
|
164
|
+
${rt}
|
|
175
165
|
animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
|
|
176
166
|
}
|
|
177
|
-
`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};
|
|
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)}};K.observedAttributes=["size","stroke-width","color","speed"];function h(){r(q,K)}var Q="lz-material-double-arc",at=`
|
|
178
168
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
179
169
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
180
|
-
`,
|
|
170
|
+
`,F="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",X=class extends t{constructor(){super(...arguments);this.css=`
|
|
181
171
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
182
172
|
.lz-arc {
|
|
183
173
|
position: absolute; inset: 0; border-radius: 50%;
|
|
184
|
-
${
|
|
174
|
+
${at}
|
|
185
175
|
}
|
|
186
176
|
.lz-arc-a {
|
|
187
|
-
background: conic-gradient(from 0deg, ${
|
|
177
|
+
background: conic-gradient(from 0deg, ${F} 0deg, ${F} 135deg, transparent 136deg);
|
|
188
178
|
animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
|
|
189
179
|
}
|
|
190
180
|
.lz-arc-b {
|
|
191
181
|
opacity: 0.6;
|
|
192
|
-
background: conic-gradient(from 200deg, ${
|
|
182
|
+
background: conic-gradient(from 200deg, ${F} 0deg, ${F} 90deg, transparent 91deg);
|
|
193
183
|
animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
|
|
194
184
|
}
|
|
195
|
-
`}template(){return'<div class="lz-arc lz-arc-a" role="status" aria-label="Loading"></div><div class="lz-arc lz-arc-b"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};
|
|
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)}};X.observedAttributes=["size","stroke-width","color","speed"];function v(){r(Q,X)}var J="lz-scan-sweep",it=8,j=class extends t{constructor(){super(...arguments);this.css=`
|
|
196
186
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; display: inline-block; line-height: 1; }
|
|
197
187
|
.lz-ring {
|
|
198
188
|
position: absolute; inset: 0; border-radius: 50%;
|
|
@@ -201,7 +191,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
201
191
|
.lz-dial {
|
|
202
192
|
position: absolute; inset: 0.075em; border-radius: 50%;
|
|
203
193
|
border: 1px dashed rgba(255, 255, 255, 0.1);
|
|
204
|
-
animation: lz-spin-reverse calc(
|
|
194
|
+
animation: lz-spin-reverse calc(12s * var(--lz-speed, 1)) linear infinite;
|
|
205
195
|
}
|
|
206
196
|
.lz-ring-inner {
|
|
207
197
|
position: absolute; inset: 0.27em; border-radius: 50%;
|
|
@@ -236,16 +226,16 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
236
226
|
);
|
|
237
227
|
-webkit-mask: radial-gradient(closest-side, #000 100%);
|
|
238
228
|
mask: radial-gradient(closest-side, #000 100%);
|
|
239
|
-
animation: lz-spin calc(
|
|
229
|
+
animation: lz-spin calc(4s * var(--lz-speed, 1)) linear infinite;
|
|
240
230
|
}
|
|
241
231
|
.lz-sweep-edge {
|
|
242
232
|
position: absolute; inset: 0; border-radius: 50%;
|
|
243
233
|
background: conic-gradient(from 0deg, var(--lz-color, #f5f5f7) 0deg, transparent 5deg);
|
|
244
234
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
|
|
245
235
|
mask: radial-gradient(farthest-side, transparent calc(100% - 0.07em), #000 calc(100% - 0.07em));
|
|
246
|
-
animation: lz-spin calc(
|
|
236
|
+
animation: lz-spin calc(4s * var(--lz-speed, 1)) linear infinite;
|
|
247
237
|
}
|
|
248
|
-
`}template(){let
|
|
238
|
+
`}template(){let e="";for(let s=0;s<it;s++){let o=s%2===1;e+=`<span class="lz-tick-slot" style="transform:rotate(${s*45}deg) translateY(-0.5em)"><span class="lz-tick${o?" 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)}};j.observedAttributes=["size","color","speed"];function g(){r(J,j)}var te="lz-orbit-dots",ee=class extends t{constructor(){super(...arguments);this.css=`
|
|
249
239
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
250
240
|
.lz-orbit {
|
|
251
241
|
position: absolute; inset: 0;
|
|
@@ -260,7 +250,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
260
250
|
.lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }
|
|
261
251
|
.lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
|
|
262
252
|
.lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
|
|
263
|
-
`}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};
|
|
253
|
+
`}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};ee.observedAttributes=["size","color","speed"];function b(){r(te,ee)}var ae="lz-orbit-ring-dots",Ue=8,re=class extends t{constructor(){super(...arguments);this.css=`
|
|
264
254
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
265
255
|
.lz-orbit { position: absolute; inset: 0; }
|
|
266
256
|
.lz-dot {
|
|
@@ -271,7 +261,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
271
261
|
background: var(--lz-color, #f5f5f7);
|
|
272
262
|
animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;
|
|
273
263
|
}
|
|
274
|
-
`}template(){let
|
|
264
|
+
`}template(){let e='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<Ue;s++){let o=360/Ue*s;e+=`<span class="lz-dot" style="transform:rotate(${o}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)}};re.observedAttributes=["size","dot-size","color","speed"];function u(){r(ae,re)}var se="lz-eyes",ie=class extends t{constructor(){super(...arguments);this.css=`
|
|
275
265
|
:host { font-size: var(--lz-size, 44px); }
|
|
276
266
|
.lz-eyes { display: flex; gap: 0.24em; }
|
|
277
267
|
.lz-eye {
|
|
@@ -285,7 +275,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
285
275
|
background: var(--lz-pupil, rgba(0, 0, 0, 0.85));
|
|
286
276
|
animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
287
277
|
}
|
|
288
|
-
`}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};
|
|
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)}};ie.observedAttributes=["size","color","speed"];function x(){r(se,ie)}var le="lz-morphing-square",oe=class extends t{constructor(){super(...arguments);this.css=`
|
|
289
279
|
:host {
|
|
290
280
|
font-size: var(--lz-size, 44px);
|
|
291
281
|
width: 1em; height: 1em;
|
|
@@ -293,14 +283,14 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
293
283
|
box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));
|
|
294
284
|
animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
295
285
|
}
|
|
296
|
-
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-glow","glow"),this.varNum("--lz-speed","speed",1)}};
|
|
286
|
+
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-glow","glow"),this.varNum("--lz-speed","speed",1)}};oe.observedAttributes=["size","accent","speed"];function w(){r(le,oe)}var de="lz-breathing-pulse",ne=class extends t{constructor(){super(...arguments);this.css=`
|
|
297
287
|
:host {
|
|
298
288
|
font-size: var(--lz-size, 36px);
|
|
299
289
|
width: 1em; height: 1em; border-radius: 50%;
|
|
300
290
|
background: var(--lz-color, #f5f5f7);
|
|
301
291
|
animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
302
292
|
}
|
|
303
|
-
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",36),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};
|
|
293
|
+
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",36),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};ne.observedAttributes=["size","color","speed"];function A(){r(de,ne)}var fe="lz-equalizer",ce=class extends t{constructor(){super(...arguments);this.css=`
|
|
304
294
|
:host { font-size: var(--lz-size, 22px); }
|
|
305
295
|
.lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }
|
|
306
296
|
.lz-bar {
|
|
@@ -313,12 +303,12 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
313
303
|
.lz-bar:nth-child(2) { animation-delay: 0.12s; }
|
|
314
304
|
.lz-bar:nth-child(3) { animation-delay: 0.24s; }
|
|
315
305
|
.lz-bar:nth-child(4) { animation-delay: 0.36s; }
|
|
316
|
-
`}template(){return'<div class="lz-eq" role="status" aria-label="Loading"><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span></div>'}sync(){this.varPx("--lz-size","size",22),this.varPx("--lz-bar-width","bar-width",3),this.varPx("--lz-gap","gap",3),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};
|
|
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)}};ce.observedAttributes=["size","bar-width","gap","color","speed"];function _(){r(fe,ce)}var ze="lz-progress-ring",st=`
|
|
317
307
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
318
308
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
319
|
-
`,
|
|
309
|
+
`,pe=class extends t{constructor(){super(...arguments);this.css=`
|
|
320
310
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
321
|
-
.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${
|
|
311
|
+
.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${st} }
|
|
322
312
|
.lz-track {
|
|
323
313
|
background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);
|
|
324
314
|
}
|
|
@@ -326,7 +316,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
326
316
|
background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
|
|
327
317
|
transition: background 0.2s ease;
|
|
328
318
|
}
|
|
329
|
-
`}template(){return`<div class="lz-ring lz-track" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.max(0,Math.min(100,this.num("percent",0)))}"></div><div class="lz-ring lz-fill"></div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color"),this.varNum("--lz-speed","speed",1),this.varNum("--lz-percent","percent",0)}};
|
|
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)}};pe.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function y(){r(ze,pe)}var he="lz-indeterminate-progress-bar",me=class extends t{constructor(){super(...arguments);this.css=`
|
|
330
320
|
:host {
|
|
331
321
|
position: relative; display: inline-block;
|
|
332
322
|
width: var(--lz-width, 160px); height: var(--lz-height, 6px);
|
|
@@ -339,7 +329,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
339
329
|
background: var(--lz-accent, #0a84ff);
|
|
340
330
|
animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
341
331
|
}
|
|
342
|
-
`}template(){return'<div class="lz-bar" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};
|
|
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)}};me.observedAttributes=["width","height","accent","track-color","speed"];function k(){r(he,me)}var ge="lz-skeleton-shimmer",ve=class extends t{constructor(){super(...arguments);this.css=`
|
|
343
333
|
:host {
|
|
344
334
|
position: relative; display: inline-block;
|
|
345
335
|
width: var(--lz-width, 120px); height: var(--lz-height, 28px);
|
|
@@ -351,7 +341,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
351
341
|
background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);
|
|
352
342
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
353
343
|
}
|
|
354
|
-
`}template(){return'<div class="lz-sheen" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",120),this.varPx("--lz-height","height",28),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varRaw("--lz-sheen","sheen"),this.varNum("--lz-speed","speed",1)}};
|
|
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)}};ve.observedAttributes=["width","height","track-color","speed"];function T(){r(ge,ve)}var ue="lz-ellipsis",be=class extends t{constructor(){super(...arguments);this.css=`
|
|
355
345
|
:host {
|
|
356
346
|
display: inline-flex; gap: 0.2em; align-items: center;
|
|
357
347
|
font-size: var(--lz-size, 8px); line-height: 1;
|
|
@@ -363,7 +353,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
363
353
|
}
|
|
364
354
|
.lz-dot:nth-child(2) { animation-delay: -0.45s; }
|
|
365
355
|
.lz-dot:nth-child(3) { animation-delay: -0.9s; }
|
|
366
|
-
`}template(){return'<span class="lz-dot" role="status" aria-label="Loading"></span><span class="lz-dot"></span><span class="lz-dot"></span>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};
|
|
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)}};be.observedAttributes=["size","color","speed"];function R(){r(ue,be)}var we="lz-progress-bar",xe=class extends t{constructor(){super(...arguments);this.css=`
|
|
367
357
|
:host {
|
|
368
358
|
display: inline-block; position: relative;
|
|
369
359
|
width: var(--lz-width, 160px); height: var(--lz-height, 6px);
|
|
@@ -377,7 +367,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
377
367
|
background: var(--lz-color, #f5f5f7);
|
|
378
368
|
border-radius: inherit;
|
|
379
369
|
}
|
|
380
|
-
`}template(){return'<div class="lz-fill"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color","rgba(255,255,255,0.15)"),this.varNum("--lz-speed","speed",1);let
|
|
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))}};xe.observedAttributes=["width","height","percent","color","track-color","speed"];function S(){r(we,xe)}var _e="lz-skeleton-card",Ae=class extends t{constructor(){super(...arguments);this.css=`
|
|
381
371
|
:host {
|
|
382
372
|
position: relative; display: inline-block;
|
|
383
373
|
width: var(--lz-width, 200px); height: var(--lz-height, 64px);
|
|
@@ -402,7 +392,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
402
392
|
background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
|
|
403
393
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
404
394
|
}
|
|
405
|
-
`}template(){return'<div class="lz-card-row" role="status" aria-label="Loading"><div class="lz-avatar"></div><div class="lz-lines"><div class="lz-line"></div><div class="lz-line lz-line-short"></div><div class="lz-line" style="width:80%"></div></div></div><div class="lz-sheen"></div>'}sync(){this.varPx("--lz-width","width",200),this.varPx("--lz-height","height",64),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};
|
|
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)}};Ae.observedAttributes=["width","height","track-color","speed"];function E(){r(_e,Ae)}var ke="lz-skeleton-list",ye=class extends t{constructor(){super(...arguments);this.css=`
|
|
406
396
|
:host {
|
|
407
397
|
position: relative; display: block;
|
|
408
398
|
width: var(--lz-width, 180px);
|
|
@@ -427,104 +417,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
427
417
|
background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
|
|
428
418
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
429
419
|
}
|
|
430
|
-
`}template(){let
|
|
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=`
|
|
420
|
+
`}template(){let e=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],o='<div role="status" aria-label="Loading">';for(let l=0;l<e;l++){let n=s[l%s.length];o+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${n}"></div></div>`}return`${o}</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)}};ye.observedAttributes=["width","rows","track-color","speed"];function G(){r(ke,ye)}var Re="lz-waveform",Te=class extends t{constructor(){super(...arguments);this.css=`
|
|
528
421
|
:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
|
|
529
422
|
.lz-wave {
|
|
530
423
|
display: flex; align-items: center; gap: var(--lz-gap, 4px);
|
|
@@ -537,7 +430,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
537
430
|
animation: lz-waveform calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
538
431
|
}
|
|
539
432
|
.lz-bar.accent { background: var(--lz-accent, #0a84ff); }
|
|
540
|
-
`}template(){let
|
|
433
|
+
`}template(){let e=Math.max(5,Math.min(21,this.num("count",11))),s=(e-1)/2,o="";for(let l=0;l<e;l++){let n=(l-s)*.12,Ve=l===Math.floor(s)||l===Math.floor(s/2)||l===e-1-Math.floor(s/2);o+=`<span class="lz-bar${Ve?" accent":""}" style="animation-delay: ${n.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${o}</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)}};Te.observedAttributes=["size","count","color","accent","speed"];function P(){r(Re,Te)}var Ee="lz-vinyl",Se=class extends t{constructor(){super(...arguments);this.css=`
|
|
541
434
|
:host {
|
|
542
435
|
font-size: var(--lz-size, 48px); width: 2.2em; height: 2.2em;
|
|
543
436
|
display: inline-block; position: relative; line-height: 1;
|
|
@@ -549,7 +442,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
549
442
|
radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 0 17%, rgba(0,0,0,0.22) 17% 18%, transparent 18% 20%, rgba(255,255,255,0.045) 20% 21%, transparent 21% 100%),
|
|
550
443
|
radial-gradient(circle at 50% 50%, #141216 0 100%);
|
|
551
444
|
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
|
|
552
|
-
animation: lz-spin calc(
|
|
445
|
+
animation: lz-spin calc(7s * var(--lz-speed, 1)) linear infinite;
|
|
553
446
|
}
|
|
554
447
|
.lz-disc::before {
|
|
555
448
|
content: ""; position: absolute; inset: 0; border-radius: 50%;
|
|
@@ -573,7 +466,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
573
466
|
.lz-arm {
|
|
574
467
|
position: absolute; top: 0.05em; right: 0.06em; width: 0.8em; height: 0.8em;
|
|
575
468
|
transform-origin: top right;
|
|
576
|
-
animation: lz-needle-bob calc(
|
|
469
|
+
animation: lz-needle-bob calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
577
470
|
}
|
|
578
471
|
.lz-post {
|
|
579
472
|
position: absolute; right: -0.01em; top: -0.01em;
|
|
@@ -600,7 +493,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
600
493
|
width: 0.05em; height: 0.1em; border-radius: 0 0 3px 3px;
|
|
601
494
|
background: color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white);
|
|
602
495
|
}
|
|
603
|
-
`}template(){return'<div class="lz-disc" role="status" aria-label="Loading"><span class="lz-label"></span><span class="lz-spindle"></span></div><div class="lz-arm" aria-hidden="true"><span class="lz-post"></span><span class="lz-shaft"></span></div>'}sync(){this.varPx("--lz-size","size",48),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};
|
|
496
|
+
`}template(){return'<div class="lz-disc" role="status" aria-label="Loading"><span class="lz-label"></span><span class="lz-spindle"></span></div><div class="lz-arm" aria-hidden="true"><span class="lz-post"></span><span class="lz-shaft"></span></div>'}sync(){this.varPx("--lz-size","size",48),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};Se.observedAttributes=["size","accent","color","speed"];function N(){r(Ee,Se)}var Pe="lz-sonar",We=3.6,Ge=class extends t{constructor(){super(...arguments);this.css=`
|
|
604
497
|
:host {
|
|
605
498
|
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
606
499
|
display: inline-block; position: relative; line-height: 1;
|
|
@@ -614,9 +507,9 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
614
507
|
.lz-ring {
|
|
615
508
|
position: absolute; inset: 0.14em; border-radius: 50%;
|
|
616
509
|
border: 1px solid var(--lz-accent, #0a84ff);
|
|
617
|
-
animation: lz-sonar-ring calc(${
|
|
510
|
+
animation: lz-sonar-ring calc(${We}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
|
|
618
511
|
}
|
|
619
|
-
`}template(){let
|
|
512
|
+
`}template(){let e=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let o=0;o<e;o++)s+=`<span class="lz-ring" style="animation-delay: -${(o*We/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)}};Ge.observedAttributes=["size","count","accent","color","speed"];function L(){r(Pe,Ge)}var Le="lz-music-note",Ne=class extends t{constructor(){super(...arguments);this.css=`
|
|
620
513
|
:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
|
|
621
514
|
.lz-notes { display: flex; align-items: center; gap: 0.5em; }
|
|
622
515
|
.lz-note {
|
|
@@ -648,7 +541,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
648
541
|
border-radius: 0 0 0.14em 0.02em / 0 0 0.26em 0.02em;
|
|
649
542
|
}
|
|
650
543
|
.lz-note.second .lz-head { background: color-mix(in srgb, var(--lz-color, #f5f5f7) 45%, var(--lz-accent, #0a84ff)); }
|
|
651
|
-
`}template(){let
|
|
544
|
+
`}template(){let e=Math.max(1,Math.min(4,this.num("count",2))),s="";for(let o=0;o<e;o++)s+=`<span class="${o===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)}};Ne.observedAttributes=["size","count","color","speed"];function I(){r(Le,Ne)}var Oe="lz-activity-rings",Ie=class extends t{constructor(){super(...arguments);this.css=`
|
|
652
545
|
:host {
|
|
653
546
|
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
654
547
|
display: inline-block; line-height: 1;
|
|
@@ -666,5 +559,5 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
|
|
|
666
559
|
<g class="lz-g"><circle class="lz-track" cx="50" cy="50" r="42.5" /><circle class="lz-ring lz-outer" cx="50" cy="50" r="42.5" transform="rotate(-90 50 50)" /></g>
|
|
667
560
|
<g class="lz-g mid"><circle class="lz-ring lz-mid" cx="50" cy="50" r="34.5" transform="rotate(-90 50 50)" /></g>
|
|
668
561
|
<g class="lz-g inner"><circle class="lz-ring lz-inner" cx="50" cy="50" r="26.5" transform="rotate(-90 50 50)" /></g>
|
|
669
|
-
</svg>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#fa114f"),this.varRaw("--lz-color","color","#30d158"),this.varRaw("--lz-color-weak","color-weak","#32d7ff"),this.varNum("--lz-speed","speed",1)}};
|
|
562
|
+
</svg>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#fa114f"),this.varRaw("--lz-color","color","#30d158"),this.varRaw("--lz-color-weak","color-weak","#32d7ff"),this.varNum("--lz-speed","speed",1)}};Ie.observedAttributes=["size","accent","color","color-weak","speed"];function O(){r(Oe,Ie)}function De(){c(),f(),p(),z(),m(),h(),v(),g(),b(),u(),x(),w(),A(),_(),y(),k(),T(),R(),S(),E(),G(),P(),N(),L(),I(),O()}De();0&&(module.exports={ACTIVITY_RINGS_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,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,defineAll,defineArcSpinner,defineBouncingDots,defineBreathingPulse,defineDotGridWave,defineEllipsis,defineEqualizer,defineEyes,defineHelixDots,defineIndeterminateProgressBar,defineMaterialDoubleArc,defineMorphingSquare,defineMusicNote,defineOrbitDots,defineOrbitRingDots,defineProgressBar,defineProgressRing,defineScanSweep,defineSkeletonCard,defineSkeletonList,defineSkeletonShimmer,defineSonar,defineTypingDots,defineVinyl,defineWaveDots,defineWaveform});
|
|
670
563
|
//# sourceMappingURL=index.cjs.map
|