loading-state-zoo 0.1.2 → 0.3.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 +276 -3
- package/dist/index.cjs +347 -30
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +48 -3
- package/dist/index.d.ts +48 -3
- package/dist/index.js +345 -28
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +347 -30
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +181 -1
- package/dist/react.d.ts +181 -1
- package/dist/react.js +347 -30
- package/dist/react.js.map +1 -1
- package/dist/theme.css +593 -0
- package/docs/AI.md +16 -8
- package/docs/components.json +414 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var rt=a=>{throw TypeError(a)};var at=(a,i,r)=>i.has(a)||rt("Cannot "+r);var it=(a,i,r)=>(at(a,i,"read from private field"),r?r.call(a):i.get(a)),st=(a,i,r)=>i.has(a)?rt("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(a):i.set(a,r),ot=(a,i,r,s)=>(at(a,i,"write to private field"),s?s.call(a,r):i.set(a,r),r);var nt=`
|
|
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 {
|
|
@@ -59,7 +59,49 @@ var ce=t=>{throw TypeError(t)};var pe=(t,s,r)=>s.has(t)||ce("Cannot "+r);var fe=
|
|
|
59
59
|
50% { transform: scale(1); opacity: 1; }
|
|
60
60
|
100% { transform: scale(var(--lz-grid-min, 0.3)); opacity: var(--lz-grid-fade, 0.15); }
|
|
61
61
|
}
|
|
62
|
-
|
|
62
|
+
@keyframes lz-ellipsis-dot {
|
|
63
|
+
0%, 20% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }
|
|
64
|
+
40%, 80% { opacity: 1; transform: scale(1); }
|
|
65
|
+
100% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }
|
|
66
|
+
}
|
|
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-blob-morph {
|
|
72
|
+
0% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }
|
|
73
|
+
25% { border-radius: 58% 42% 55% 45% / 55% 48% 52% 45%; transform: rotate(6deg) scale(1.06); }
|
|
74
|
+
50% { border-radius: 46% 54% 48% 52% / 48% 55% 45% 52%; transform: rotate(-5deg) scale(0.95); }
|
|
75
|
+
75% { border-radius: 55% 45% 52% 48% / 46% 52% 48% 55%; transform: rotate(3deg) scale(1.05); }
|
|
76
|
+
100% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }
|
|
77
|
+
}
|
|
78
|
+
@keyframes lz-siri-sheen {
|
|
79
|
+
0% { transform: translate3d(-24%, -14%, 0) rotate(0deg); }
|
|
80
|
+
100% { transform: translate3d(24%, 14%, 0) rotate(360deg); }
|
|
81
|
+
}
|
|
82
|
+
@keyframes lz-dot-orb {
|
|
83
|
+
0%, 100% { opacity: var(--lz-orb-fade, 0.14); transform: scale(var(--lz-dot-min, 0.7)); }
|
|
84
|
+
50% { opacity: 1; transform: scale(1); }
|
|
85
|
+
}
|
|
86
|
+
@keyframes lz-waveform {
|
|
87
|
+
0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }
|
|
88
|
+
50% { transform: scaleY(1); }
|
|
89
|
+
}
|
|
90
|
+
@keyframes lz-sonar-ring {
|
|
91
|
+
0% { transform: scale(0.18); opacity: var(--lz-sonar-fade, 0.9); }
|
|
92
|
+
100% { transform: scale(1); opacity: 0; }
|
|
93
|
+
}
|
|
94
|
+
@keyframes lz-note-bob {
|
|
95
|
+
0%, 100% { transform: translateY(0); }
|
|
96
|
+
45% { transform: translateY(var(--lz-note-bob, 0.35em)); }
|
|
97
|
+
60% { transform: rotate(4deg) translateY(var(--lz-note-bob, 0.35em)); }
|
|
98
|
+
75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }
|
|
99
|
+
}
|
|
100
|
+
@keyframes lz-needle-bob {
|
|
101
|
+
0%, 100% { transform: rotate(38deg); }
|
|
102
|
+
50% { transform: rotate(43deg); }
|
|
103
|
+
}
|
|
104
|
+
`,_e=`
|
|
63
105
|
:host {
|
|
64
106
|
display: inline-flex;
|
|
65
107
|
font-size: var(--lz-size, 44px);
|
|
@@ -68,9 +110,9 @@ var ce=t=>{throw TypeError(t)};var pe=(t,s,r)=>s.has(t)||ce("Cannot "+r);var fe=
|
|
|
68
110
|
.lz-root {
|
|
69
111
|
display: contents;
|
|
70
112
|
}
|
|
71
|
-
${
|
|
72
|
-
`;var
|
|
73
|
-
${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".lz-root"),
|
|
113
|
+
${nt}
|
|
114
|
+
`;var ft=typeof HTMLElement<"u",pt=ft?HTMLElement:class{},d,e=class extends pt{constructor(){super(...arguments);st(this,d,!1)}connectedCallback(){let r=this.shadowRoot??this.attachShadow({mode:"open"});r.innerHTML=`<style>${_e}
|
|
115
|
+
${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".lz-root"),ot(this,d,!0),this.paint()}attributeChangedCallback(){it(this,d)&&this.paint()}paint(){this.sync();let r=this._rootEl;r&&(r.innerHTML=this.template())}num(r,s){let n=this.getAttribute(r);if(n===null||n==="")return s;let o=Number(n);return Number.isFinite(o)?o:s}varPx(r,s,n){let o=this.getAttribute(s);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(r,`${Number(o)}px`):this.style.removeProperty(r)}varNum(r,s,n){let o=this.getAttribute(s);o!==null&&o!==""&&Number.isFinite(Number(o))?this.style.setProperty(r,String(Number(o))):this.style.removeProperty(r)}varRaw(r,s,n){let o=this.getAttribute(s);o!==null&&o!==""?this.style.setProperty(r,o):this.style.removeProperty(r)}};d=new WeakMap,e.observedAttributes=[];function t(a,i){typeof customElements>"u"||customElements.get(a)||customElements.define(a,i)}var ye="lz-bouncing-dots",c=class extends e{constructor(){super(...arguments);this.css=`
|
|
74
116
|
:host { font-size: var(--lz-size, 8px); }
|
|
75
117
|
.lz-dots { display: flex; gap: 0.7em; }
|
|
76
118
|
.lz-dot {
|
|
@@ -80,7 +122,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
80
122
|
}
|
|
81
123
|
.lz-dot:nth-child(2) { animation-delay: 0.15s; }
|
|
82
124
|
.lz-dot:nth-child(3) { animation-delay: 0.3s; }
|
|
83
|
-
`}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)}};
|
|
125
|
+
`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};c.observedAttributes=["size","color","speed"];function f(){t(ye,c)}var Te="lz-typing-dots",p=class extends e{constructor(){super(...arguments);this.css=`
|
|
84
126
|
:host { font-size: var(--lz-size, 8px); }
|
|
85
127
|
.lz-dots { display: flex; gap: 0.8em; }
|
|
86
128
|
.lz-dot {
|
|
@@ -90,7 +132,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
90
132
|
}
|
|
91
133
|
.lz-dot:nth-child(2) { animation-delay: -0.18s; }
|
|
92
134
|
.lz-dot:nth-child(3) { animation-delay: -0.36s; }
|
|
93
|
-
`}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)}};p.observedAttributes=["size","color","speed"];function
|
|
135
|
+
`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};p.observedAttributes=["size","color","speed"];function z(){t(Te,p)}var we="lz-wave-dots",m=class extends e{constructor(){super(...arguments);this.css=`
|
|
94
136
|
:host { font-size: var(--lz-size, 8px); }
|
|
95
137
|
.lz-dots { display: flex; gap: 0.6em; }
|
|
96
138
|
.lz-dot {
|
|
@@ -101,7 +143,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
101
143
|
.lz-dot:nth-child(2) { animation-delay: -0.1s; }
|
|
102
144
|
.lz-dot:nth-child(3) { animation-delay: -0.2s; }
|
|
103
145
|
.lz-dot:nth-child(4) { animation-delay: -0.3s; }
|
|
104
|
-
`}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)}};
|
|
146
|
+
`}template(){return'<div class="lz-dots" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};m.observedAttributes=["size","color","speed"];function h(){t(we,m)}var Re="lz-helix-dots",zt=1.4,v=class extends e{constructor(){super(...arguments);this.css=`
|
|
105
147
|
:host { font-size: var(--lz-size, 6px); }
|
|
106
148
|
.lz-dots { display: flex; gap: 0.9em; }
|
|
107
149
|
.lz-dot {
|
|
@@ -109,7 +151,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
109
151
|
background: var(--lz-color, #f5f5f7);
|
|
110
152
|
animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
111
153
|
}
|
|
112
|
-
`}template(){let r=Math.max(1,this.num("count",10)),
|
|
154
|
+
`}template(){let r=Math.max(1,this.num("count",10)),s='<div class="lz-dots" role="status" aria-label="Loading">';for(let n=0;n<r;n++)s+=`<span class="lz-dot" style="animation-delay:-${(zt/r*n).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)}};v.observedAttributes=["size","count","color","speed"];function b(){t(Re,v)}var ke="lz-dot-grid-wave",g=class extends e{constructor(){super(...arguments);this.css=`
|
|
113
155
|
:host { font-size: var(--lz-size, 6px); }
|
|
114
156
|
.lz-grid {
|
|
115
157
|
display: grid;
|
|
@@ -121,10 +163,10 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
121
163
|
background: var(--lz-color, #f5f5f7);
|
|
122
164
|
animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
123
165
|
}
|
|
124
|
-
`}template(){let r=Math.max(1,this.num("rows",4)),
|
|
166
|
+
`}template(){let r=Math.max(1,this.num("rows",4)),s=Math.max(1,this.num("cols",5)),n='<div class="lz-grid" role="status" aria-label="Loading">';for(let o=0;o<r;o++)for(let l=0;l<s;l++)n+=`<span class="lz-dot" style="animation-delay:-${((o+l)*.08).toFixed(3)}s"></span>`;return`${n}</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)}};g.observedAttributes=["rows","cols","size","gap","color","speed"];function u(){t(ke,g)}var Ge="lz-arc-spinner",mt=`
|
|
125
167
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
126
168
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
127
|
-
`,
|
|
169
|
+
`,x=class extends e{constructor(){super(...arguments);this.css=`
|
|
128
170
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
|
|
129
171
|
.lz-ring {
|
|
130
172
|
width: 100%; height: 100%; border-radius: 50%;
|
|
@@ -134,17 +176,17 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
134
176
|
var(--lz-color, #f5f5f7) 110deg,
|
|
135
177
|
transparent 111deg
|
|
136
178
|
);
|
|
137
|
-
${
|
|
179
|
+
${mt}
|
|
138
180
|
animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;
|
|
139
181
|
}
|
|
140
|
-
`}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)}};
|
|
182
|
+
`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};x.observedAttributes=["size","stroke-width","color","speed"];function A(){t(Ge,x)}var Se="lz-material-double-arc",ht=`
|
|
141
183
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
142
184
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
143
|
-
`,_="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",
|
|
185
|
+
`,_="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",y=class extends e{constructor(){super(...arguments);this.css=`
|
|
144
186
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
145
187
|
.lz-arc {
|
|
146
188
|
position: absolute; inset: 0; border-radius: 50%;
|
|
147
|
-
${
|
|
189
|
+
${ht}
|
|
148
190
|
}
|
|
149
191
|
.lz-arc-a {
|
|
150
192
|
background: conic-gradient(from 0deg, ${_} 0deg, ${_} 135deg, transparent 136deg);
|
|
@@ -155,7 +197,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
155
197
|
background: conic-gradient(from 200deg, ${_} 0deg, ${_} 90deg, transparent 91deg);
|
|
156
198
|
animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
|
|
157
199
|
}
|
|
158
|
-
`}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)}};
|
|
200
|
+
`}template(){return'<div class="lz-arc lz-arc-a" role="status" aria-label="Loading"></div><div class="lz-arc lz-arc-b"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};y.observedAttributes=["size","stroke-width","color","speed"];function T(){t(Se,y)}var Ee="lz-scan-sweep",w=class extends e{constructor(){super(...arguments);this.css=`
|
|
159
201
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
160
202
|
.lz-ring {
|
|
161
203
|
position: absolute; inset: 0; border-radius: 50%;
|
|
@@ -182,7 +224,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
182
224
|
mask: radial-gradient(closest-side, #000 100%);
|
|
183
225
|
animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
|
|
184
226
|
}
|
|
185
|
-
`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-ring-inner"></div><div class="lz-core"></div><div class="lz-sweep"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varRaw("--lz-color-sweep","color-sweep"),this.varNum("--lz-speed","speed",1)}};
|
|
227
|
+
`}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-ring-inner"></div><div class="lz-core"></div><div class="lz-sweep"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varRaw("--lz-color-sweep","color-sweep"),this.varNum("--lz-speed","speed",1)}};w.observedAttributes=["size","color","speed"];function R(){t(Ee,w)}var Pe="lz-orbit-dots",k=class extends e{constructor(){super(...arguments);this.css=`
|
|
186
228
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
187
229
|
.lz-orbit {
|
|
188
230
|
position: absolute; inset: 0;
|
|
@@ -197,7 +239,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
197
239
|
.lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }
|
|
198
240
|
.lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
|
|
199
241
|
.lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
|
|
200
|
-
`}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)}};
|
|
242
|
+
`}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};k.observedAttributes=["size","color","speed"];function G(){t(Pe,k)}var Oe="lz-orbit-ring-dots",lt=8,S=class extends e{constructor(){super(...arguments);this.css=`
|
|
201
243
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
202
244
|
.lz-orbit { position: absolute; inset: 0; }
|
|
203
245
|
.lz-dot {
|
|
@@ -208,7 +250,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
208
250
|
background: var(--lz-color, #f5f5f7);
|
|
209
251
|
animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;
|
|
210
252
|
}
|
|
211
|
-
`}template(){let r='<div class="lz-orbit" role="status" aria-label="Loading">';for(let
|
|
253
|
+
`}template(){let r='<div class="lz-orbit" role="status" aria-label="Loading">';for(let s=0;s<lt;s++){let n=360/lt*s;r+=`<span class="lz-dot" style="transform:rotate(${n}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(s*.15).toFixed(2)}s"></span>`}return`${r}</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)}};S.observedAttributes=["size","dot-size","color","speed"];function E(){t(Oe,S)}var Ne="lz-eyes",P=class extends e{constructor(){super(...arguments);this.css=`
|
|
212
254
|
:host { font-size: var(--lz-size, 44px); }
|
|
213
255
|
.lz-eyes { display: flex; gap: 0.24em; }
|
|
214
256
|
.lz-eye {
|
|
@@ -222,7 +264,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
222
264
|
background: var(--lz-pupil, rgba(0, 0, 0, 0.85));
|
|
223
265
|
animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
224
266
|
}
|
|
225
|
-
`}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)}};
|
|
267
|
+
`}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};P.observedAttributes=["size","color","speed"];function O(){t(Ne,P)}var Le="lz-morphing-square",N=class extends e{constructor(){super(...arguments);this.css=`
|
|
226
268
|
:host {
|
|
227
269
|
font-size: var(--lz-size, 44px);
|
|
228
270
|
width: 1em; height: 1em;
|
|
@@ -230,14 +272,14 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
230
272
|
box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));
|
|
231
273
|
animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
232
274
|
}
|
|
233
|
-
`}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)}};N.observedAttributes=["size","accent","speed"];function
|
|
275
|
+
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-glow","glow"),this.varNum("--lz-speed","speed",1)}};N.observedAttributes=["size","accent","speed"];function L(){t(Le,N)}var Ie="lz-breathing-pulse",I=class extends e{constructor(){super(...arguments);this.css=`
|
|
234
276
|
:host {
|
|
235
277
|
font-size: var(--lz-size, 36px);
|
|
236
278
|
width: 1em; height: 1em; border-radius: 50%;
|
|
237
279
|
background: var(--lz-color, #f5f5f7);
|
|
238
280
|
animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
239
281
|
}
|
|
240
|
-
`}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)}};
|
|
282
|
+
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",36),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};I.observedAttributes=["size","color","speed"];function M(){t(Ie,I)}var Me="lz-equalizer",D=class extends e{constructor(){super(...arguments);this.css=`
|
|
241
283
|
:host { font-size: var(--lz-size, 22px); }
|
|
242
284
|
.lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }
|
|
243
285
|
.lz-bar {
|
|
@@ -250,12 +292,12 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
250
292
|
.lz-bar:nth-child(2) { animation-delay: 0.12s; }
|
|
251
293
|
.lz-bar:nth-child(3) { animation-delay: 0.24s; }
|
|
252
294
|
.lz-bar:nth-child(4) { animation-delay: 0.36s; }
|
|
253
|
-
`}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)}};
|
|
295
|
+
`}template(){return'<div class="lz-eq" role="status" aria-label="Loading"><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span><span class="lz-bar"></span></div>'}sync(){this.varPx("--lz-size","size",22),this.varPx("--lz-bar-width","bar-width",3),this.varPx("--lz-gap","gap",3),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};D.observedAttributes=["size","bar-width","gap","color","speed"];function B(){t(Me,D)}var De="lz-progress-ring",vt=`
|
|
254
296
|
-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
255
297
|
mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
|
|
256
|
-
`,
|
|
298
|
+
`,C=class extends e{constructor(){super(...arguments);this.css=`
|
|
257
299
|
:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
|
|
258
|
-
.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${
|
|
300
|
+
.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${vt} }
|
|
259
301
|
.lz-track {
|
|
260
302
|
background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);
|
|
261
303
|
}
|
|
@@ -263,7 +305,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
263
305
|
background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);
|
|
264
306
|
transition: background 0.2s ease;
|
|
265
307
|
}
|
|
266
|
-
`}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)}};
|
|
308
|
+
`}template(){return`<div class="lz-ring lz-track" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.max(0,Math.min(100,this.num("percent",0)))}"></div><div class="lz-ring lz-fill"></div>`}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color"),this.varNum("--lz-speed","speed",1),this.varNum("--lz-percent","percent",0)}};C.observedAttributes=["size","stroke-width","percent","color","track-color","speed"];function Y(){t(De,C)}var Be="lz-indeterminate-progress-bar",$=class extends e{constructor(){super(...arguments);this.css=`
|
|
267
309
|
:host {
|
|
268
310
|
position: relative; display: inline-block;
|
|
269
311
|
width: var(--lz-width, 160px); height: var(--lz-height, 6px);
|
|
@@ -276,7 +318,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
276
318
|
background: var(--lz-accent, #0a84ff);
|
|
277
319
|
animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
|
|
278
320
|
}
|
|
279
|
-
`}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)}}
|
|
321
|
+
`}template(){return'<div class="lz-bar" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};$.observedAttributes=["width","height","accent","track-color","speed"];function Z(){t(Be,$)}var Ce="lz-skeleton-shimmer",U=class extends e{constructor(){super(...arguments);this.css=`
|
|
280
322
|
:host {
|
|
281
323
|
position: relative; display: inline-block;
|
|
282
324
|
width: var(--lz-width, 120px); height: var(--lz-height, 28px);
|
|
@@ -288,5 +330,280 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=r.querySelector(".l
|
|
|
288
330
|
background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);
|
|
289
331
|
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
290
332
|
}
|
|
291
|
-
`}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)}};
|
|
333
|
+
`}template(){return'<div class="lz-sheen" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-width","width",120),this.varPx("--lz-height","height",28),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varRaw("--lz-sheen","sheen"),this.varNum("--lz-speed","speed",1)}};U.observedAttributes=["width","height","track-color","speed"];function H(){t(Ce,U)}var Ye="lz-ellipsis",W=class extends e{constructor(){super(...arguments);this.css=`
|
|
334
|
+
:host {
|
|
335
|
+
display: inline-flex; gap: 0.2em; align-items: center;
|
|
336
|
+
font-size: var(--lz-size, 8px); line-height: 1;
|
|
337
|
+
}
|
|
338
|
+
.lz-dot {
|
|
339
|
+
width: 1em; height: 1em; border-radius: 50%;
|
|
340
|
+
background: var(--lz-color, #f5f5f7);
|
|
341
|
+
animation: lz-ellipsis-dot calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
342
|
+
}
|
|
343
|
+
.lz-dot:nth-child(2) { animation-delay: -0.45s; }
|
|
344
|
+
.lz-dot:nth-child(3) { animation-delay: -0.9s; }
|
|
345
|
+
`}template(){return'<span class="lz-dot" role="status" aria-label="Loading"></span><span class="lz-dot"></span><span class="lz-dot"></span>'}sync(){this.varPx("--lz-size","size",8),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};W.observedAttributes=["size","color","speed"];function V(){t(Ye,W)}var $e="lz-progress-bar",K=class extends e{constructor(){super(...arguments);this.css=`
|
|
346
|
+
:host {
|
|
347
|
+
display: inline-block; position: relative;
|
|
348
|
+
width: var(--lz-width, 160px); height: var(--lz-height, 6px);
|
|
349
|
+
border-radius: calc(var(--lz-height, 6px) / 2);
|
|
350
|
+
overflow: hidden;
|
|
351
|
+
background: var(--lz-track, rgba(255,255,255,0.15));
|
|
352
|
+
}
|
|
353
|
+
.lz-fill {
|
|
354
|
+
position: absolute; top: 0; bottom: 0; left: 0; width: 100%;
|
|
355
|
+
transform-origin: left;
|
|
356
|
+
background: var(--lz-color, #f5f5f7);
|
|
357
|
+
border-radius: inherit;
|
|
358
|
+
}
|
|
359
|
+
`}template(){return'<div class="lz-fill"></div>'}sync(){this.varPx("--lz-width","width",160),this.varPx("--lz-height","height",6),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-track","track-color","rgba(255,255,255,0.15)"),this.varNum("--lz-speed","speed",1);let r=Math.max(0,Math.min(100,this.num("percent",0)));this.style.setProperty("--lz-percent",`${r}`);let s=this.shadowRoot?.querySelector(".lz-fill");s&&(s.style.transform=`scaleX(${r/100})`),this.setAttribute("aria-valuenow",String(r))}};K.observedAttributes=["width","height","percent","color","track-color","speed"];function q(){t($e,K)}var Ze="lz-skeleton-card",F=class extends e{constructor(){super(...arguments);this.css=`
|
|
360
|
+
:host {
|
|
361
|
+
position: relative; display: inline-block;
|
|
362
|
+
width: var(--lz-width, 200px); height: var(--lz-height, 64px);
|
|
363
|
+
border-radius: var(--lz-radius, 10px); overflow: hidden;
|
|
364
|
+
background: var(--lz-surface, #1c1c1e);
|
|
365
|
+
}
|
|
366
|
+
.lz-card-row {
|
|
367
|
+
display: flex; gap: 10px; padding: 12px;
|
|
368
|
+
}
|
|
369
|
+
.lz-avatar {
|
|
370
|
+
width: 40px; height: 40px; border-radius: 50%;
|
|
371
|
+
background: rgba(255,255,255,0.08); flex-shrink: 0;
|
|
372
|
+
}
|
|
373
|
+
.lz-lines { display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 0; }
|
|
374
|
+
.lz-line {
|
|
375
|
+
height: 8px; border-radius: 4px;
|
|
376
|
+
background: rgba(255,255,255,0.08);
|
|
377
|
+
}
|
|
378
|
+
.lz-line-short { width: 60%; }
|
|
379
|
+
.lz-sheen {
|
|
380
|
+
position: absolute; top: 0; bottom: 0; left: 0; width: 50%;
|
|
381
|
+
background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
|
|
382
|
+
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
383
|
+
}
|
|
384
|
+
`}template(){return'<div class="lz-card-row" role="status" aria-label="Loading"><div class="lz-avatar"></div><div class="lz-lines"><div class="lz-line"></div><div class="lz-line lz-line-short"></div><div class="lz-line" style="width:80%"></div></div></div><div class="lz-sheen"></div>'}sync(){this.varPx("--lz-width","width",200),this.varPx("--lz-height","height",64),this.varRaw("--lz-surface","track-color","#1c1c1e"),this.varNum("--lz-speed","speed",1)}};F.observedAttributes=["width","height","track-color","speed"];function X(){t(Ze,F)}var Ue="lz-skeleton-list",Q=class extends e{constructor(){super(...arguments);this.css=`
|
|
385
|
+
:host {
|
|
386
|
+
position: relative; display: block;
|
|
387
|
+
width: var(--lz-width, 180px);
|
|
388
|
+
border-radius: var(--lz-radius, 10px); overflow: hidden;
|
|
389
|
+
background: var(--lz-surface, #1c1c1e);
|
|
390
|
+
}
|
|
391
|
+
.lz-list-row {
|
|
392
|
+
display: flex; align-items: center; gap: 8px;
|
|
393
|
+
padding: 8px 12px;
|
|
394
|
+
}
|
|
395
|
+
.lz-list-avatar {
|
|
396
|
+
width: 28px; height: 28px; border-radius: 50%;
|
|
397
|
+
background: rgba(255,255,255,0.08); flex-shrink: 0;
|
|
398
|
+
}
|
|
399
|
+
.lz-list-line {
|
|
400
|
+
height: 8px; border-radius: 4px;
|
|
401
|
+
background: rgba(255,255,255,0.08); flex: 1;
|
|
402
|
+
}
|
|
403
|
+
.lz-list-line-fixed { height: 8px; border-radius: 4px; background: rgba(255,255,255,0.08); }
|
|
404
|
+
.lz-sheen {
|
|
405
|
+
position: absolute; top: 0; bottom: 0; left: 0; width: 50%;
|
|
406
|
+
background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
|
|
407
|
+
animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;
|
|
408
|
+
}
|
|
409
|
+
`}template(){let r=Math.max(1,Math.min(8,this.num("rows",4))),s=["100%","85%","92%","68%","95%","78%","88%","72%"],n='<div role="status" aria-label="Loading">';for(let o=0;o<r;o++){let l=s[o%s.length];n+=`<div class="lz-list-row"><div class="lz-list-avatar"></div><div class="lz-list-line" style="width:${l}"></div></div>`}return`${n}</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)}};Q.observedAttributes=["width","rows","track-color","speed"];function j(){t(Ue,Q)}var He="lz-pulsing-orb",J=class extends e{constructor(){super(...arguments);this.css=`
|
|
410
|
+
:host {
|
|
411
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
412
|
+
display: inline-block; line-height: 1;
|
|
413
|
+
}
|
|
414
|
+
.lz-orb {
|
|
415
|
+
width: 100%; height: 100%; border-radius: 50%;
|
|
416
|
+
background: radial-gradient(circle at 35% 32%,
|
|
417
|
+
var(--lz-accent, #0a84ff) 0%,
|
|
418
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 55%,
|
|
419
|
+
transparent 72%);
|
|
420
|
+
box-shadow: 0 0 calc(0.5em) color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent);
|
|
421
|
+
animation: lz-orb-breathe calc(2.2s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
422
|
+
}
|
|
423
|
+
`}template(){return'<div class="lz-orb" role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};J.observedAttributes=["size","accent","speed"];function ee(){t(He,J)}var We="lz-morphing-orb",te=class extends e{constructor(){super(...arguments);this.css=`
|
|
424
|
+
:host {
|
|
425
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
426
|
+
display: inline-block; line-height: 1;
|
|
427
|
+
background: radial-gradient(circle at 34% 30%,
|
|
428
|
+
var(--lz-accent, #0a84ff) 0%,
|
|
429
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 60%, transparent) 62%,
|
|
430
|
+
transparent 78%);
|
|
431
|
+
box-shadow: 0 0 calc(0.55em) color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent);
|
|
432
|
+
animation: lz-blob-morph calc(3.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
433
|
+
}
|
|
434
|
+
`}template(){return'<div role="status" aria-label="Loading"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};te.observedAttributes=["size","accent","speed"];function re(){t(We,te)}var Ve="lz-siri-orb",ae=class extends e{constructor(){super(...arguments);this.css=`
|
|
435
|
+
:host {
|
|
436
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
437
|
+
display: inline-block; line-height: 1;
|
|
438
|
+
position: relative; overflow: hidden; border-radius: 50%;
|
|
439
|
+
background: radial-gradient(circle at 30% 28%,
|
|
440
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white) 0%,
|
|
441
|
+
transparent 60%);
|
|
442
|
+
animation: lz-orb-breathe calc(2.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
443
|
+
}
|
|
444
|
+
.lz-sheen {
|
|
445
|
+
position: absolute; width: 2.4em; height: 2.4em;
|
|
446
|
+
left: 50%; top: 50%; margin: -1.2em 0 0 -1.2em;
|
|
447
|
+
background: conic-gradient(from 0deg at 50% 50%,
|
|
448
|
+
transparent 0deg,
|
|
449
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 55%, transparent) 40deg,
|
|
450
|
+
transparent 90deg,
|
|
451
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent) 150deg,
|
|
452
|
+
transparent 200deg,
|
|
453
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 50%, transparent) 270deg,
|
|
454
|
+
transparent 360deg);
|
|
455
|
+
animation: lz-siri-sheen calc(5s * var(--lz-speed, 1)) linear infinite;
|
|
456
|
+
opacity: 0.9;
|
|
457
|
+
}
|
|
458
|
+
`}template(){return'<span class="lz-sheen" role="status" aria-label="Loading"></span>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varNum("--lz-speed","speed",1)}};ae.observedAttributes=["size","accent","speed"];function ie(){t(Ve,ae)}var Ke="lz-dot-orb",bt=-.32,se=class extends e{constructor(){super(...arguments);this.css=`
|
|
459
|
+
:host {
|
|
460
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
461
|
+
display: inline-block; position: relative; line-height: 1;
|
|
462
|
+
}
|
|
463
|
+
.lz-slot {
|
|
464
|
+
position: absolute; left: 50%; top: 50%;
|
|
465
|
+
width: 0; height: 0;
|
|
466
|
+
}
|
|
467
|
+
.lz-dot {
|
|
468
|
+
position: absolute; left: -0.08em; top: -0.08em;
|
|
469
|
+
width: 0.16em; height: 0.16em; border-radius: 50%;
|
|
470
|
+
background: var(--lz-color, #f5f5f7);
|
|
471
|
+
animation: lz-dot-orb calc(2s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
472
|
+
}
|
|
473
|
+
`}template(){let r=Math.max(4,Math.min(16,this.num("count",8))),s=r*.14,n="";for(let o=0;o<r;o++){let Ae=`transform: rotate(${360/r*o}deg) translateY(${bt}em);`,ct=`animation-delay: -${o/r*s}s;`;n+=`<span class="lz-slot" style="${Ae}"><span class="lz-dot" style="${ct}"></span></span>`}return`<div role="status" aria-label="Loading">${n}</div>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};se.observedAttributes=["size","count","color","speed"];function oe(){t(Ke,se)}var qe="lz-planet-orb",gt=.36,ne=class extends e{constructor(){super(...arguments);this.css=`
|
|
474
|
+
:host {
|
|
475
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
476
|
+
display: inline-block; position: relative; line-height: 1;
|
|
477
|
+
}
|
|
478
|
+
.lz-core {
|
|
479
|
+
position: absolute; left: 50%; top: 50%;
|
|
480
|
+
width: 0.42em; height: 0.42em; margin: -0.21em 0 0 -0.21em; border-radius: 50%;
|
|
481
|
+
background: radial-gradient(circle at 35% 30%,
|
|
482
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, white) 0%,
|
|
483
|
+
var(--lz-accent, #0a84ff) 50%,
|
|
484
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent) 100%);
|
|
485
|
+
box-shadow: 0 0 calc(0.3em) color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent);
|
|
486
|
+
animation: lz-orb-breathe calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
487
|
+
}
|
|
488
|
+
.lz-orbit {
|
|
489
|
+
position: absolute; inset: 0;
|
|
490
|
+
animation: lz-spin calc(2.2s * var(--lz-speed, 1)) linear infinite;
|
|
491
|
+
}
|
|
492
|
+
.lz-moon {
|
|
493
|
+
position: absolute; left: 50%; top: 50%;
|
|
494
|
+
width: 0.14em; height: 0.14em; margin: -0.07em 0 0 -0.07em; border-radius: 50%;
|
|
495
|
+
background: var(--lz-color, #f5f5f7);
|
|
496
|
+
box-shadow: 0 0 calc(0.16em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);
|
|
497
|
+
}
|
|
498
|
+
`}template(){let r=Math.max(1,Math.min(5,this.num("count",2))),s="";for(let n=0;n<r;n++){let o=360/r*n;s+=`<span class="lz-moon" style="transform: rotate(${o}deg) translateX(${gt}em);"></span>`}return`<div class="lz-core"></div><div class="lz-orbit" role="status" aria-label="Loading">${s}</div>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};ne.observedAttributes=["size","accent","color","count","speed"];function le(){t(qe,ne)}var Fe="lz-aura-orb",de=class extends e{constructor(){super(...arguments);this.css=`
|
|
499
|
+
:host {
|
|
500
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
501
|
+
display: inline-block; position: relative; line-height: 1;
|
|
502
|
+
}
|
|
503
|
+
.lz-layer { position: absolute; inset: 0; animation: lz-spin calc(3s * var(--lz-speed, 1)) linear infinite; }
|
|
504
|
+
.lz-layer.a { animation-duration: calc(2.6s * var(--lz-speed, 1)); }
|
|
505
|
+
.lz-layer.b { animation-name: lz-spin-reverse; animation-duration: calc(3.4s * var(--lz-speed, 1)); }
|
|
506
|
+
.lz-orb {
|
|
507
|
+
position: absolute; left: 50%; top: 50%;
|
|
508
|
+
width: 0.78em; height: 0.78em; margin: -0.39em 0 0 -0.39em; border-radius: 50%;
|
|
509
|
+
transform: translateX(0.14em);
|
|
510
|
+
}
|
|
511
|
+
.lz-layer.a .lz-orb {
|
|
512
|
+
background: radial-gradient(circle at 35% 30%,
|
|
513
|
+
color-mix(in srgb, var(--lz-color, #f5f5f7) 90%, transparent) 0%,
|
|
514
|
+
color-mix(in srgb, var(--lz-color, #f5f5f7) 40%, transparent) 62%,
|
|
515
|
+
transparent 76%);
|
|
516
|
+
}
|
|
517
|
+
.lz-layer.b .lz-orb {
|
|
518
|
+
background: radial-gradient(circle at 35% 30%,
|
|
519
|
+
var(--lz-accent, #0a84ff) 0%,
|
|
520
|
+
color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 62%,
|
|
521
|
+
transparent 76%);
|
|
522
|
+
opacity: 0.9;
|
|
523
|
+
}
|
|
524
|
+
`}template(){return'<div class="lz-layer a" role="status" aria-label="Loading"><span class="lz-orb"></span></div><div class="lz-layer b"><span class="lz-orb"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#0a84ff"),this.varRaw("--lz-color","color","#f5f5f7"),this.varNum("--lz-speed","speed",1)}};de.observedAttributes=["size","accent","color","speed"];function ce(){t(Fe,de)}var Xe="lz-waveform",fe=class extends e{constructor(){super(...arguments);this.css=`
|
|
525
|
+
:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
|
|
526
|
+
.lz-wave {
|
|
527
|
+
display: flex; align-items: center; gap: var(--lz-gap, 4px);
|
|
528
|
+
height: 1em;
|
|
529
|
+
}
|
|
530
|
+
.lz-bar {
|
|
531
|
+
width: var(--lz-bar-width, 4px); height: 1em; border-radius: 2px;
|
|
532
|
+
transform-origin: center;
|
|
533
|
+
background: var(--lz-color, #f5f5f7);
|
|
534
|
+
animation: lz-waveform calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
535
|
+
}
|
|
536
|
+
.lz-bar.accent { background: var(--lz-accent, #0a84ff); }
|
|
537
|
+
`}template(){let r=Math.max(5,Math.min(21,this.num("count",11))),s=(r-1)/2,n="";for(let o=0;o<r;o++){let l=(o-s)*.12,Ae=o===Math.floor(s)||o===Math.floor(s/2)||o===r-1-Math.floor(s/2);n+=`<span class="lz-bar${Ae?" accent":""}" style="animation-delay: ${l.toFixed(2)}s;"></span>`}return`<div class="lz-wave" role="status" aria-label="Loading">${n}</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)}};fe.observedAttributes=["size","count","color","accent","speed"];function pe(){t(Xe,fe)}var Qe="lz-vinyl",ze=class extends e{constructor(){super(...arguments);this.css=`
|
|
538
|
+
:host {
|
|
539
|
+
font-size: var(--lz-size, 48px); width: 2.2em; height: 2.2em;
|
|
540
|
+
display: inline-block; position: relative; line-height: 1;
|
|
541
|
+
}
|
|
542
|
+
.lz-disc {
|
|
543
|
+
position: absolute; inset: 0; border-radius: 50%;
|
|
544
|
+
background:
|
|
545
|
+
repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.06) 0 1px, transparent 1px 4px),
|
|
546
|
+
radial-gradient(circle at 50% 50%, var(--lz-accent, #0a84ff) 0 13%, rgba(0,0,0,0.88) 14% 100%);
|
|
547
|
+
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
|
|
548
|
+
animation: lz-spin calc(3.5s * var(--lz-speed, 1)) linear infinite;
|
|
549
|
+
}
|
|
550
|
+
.lz-needle {
|
|
551
|
+
position: absolute; top: 0.08em; right: 0.18em;
|
|
552
|
+
width: 0.06em; height: 0.7em; border-radius: 3px;
|
|
553
|
+
background: linear-gradient(var(--lz-color, #f5f5f7), color-mix(in srgb, var(--lz-color, #f5f5f7) 30%, transparent));
|
|
554
|
+
transform: rotate(38deg); transform-origin: top right;
|
|
555
|
+
animation: lz-needle-bob calc(1.8s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
556
|
+
}
|
|
557
|
+
.lz-needle::after {
|
|
558
|
+
content: ""; position: absolute; bottom: 0; left: 50%;
|
|
559
|
+
width: 0.1em; height: 0.1em; margin-left: -0.05em;
|
|
560
|
+
transform: translateY(0.1em); border-radius: 50%;
|
|
561
|
+
background: var(--lz-accent, #0a84ff);
|
|
562
|
+
}
|
|
563
|
+
`}template(){return'<div class="lz-disc" role="status" aria-label="Loading"></div><div class="lz-needle" aria-hidden="true"></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)}};ze.observedAttributes=["size","accent","color","speed"];function me(){t(Qe,ze)}var je="lz-sonar",dt=3.6,he=class extends e{constructor(){super(...arguments);this.css=`
|
|
564
|
+
:host {
|
|
565
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
566
|
+
display: inline-block; position: relative; line-height: 1;
|
|
567
|
+
}
|
|
568
|
+
.lz-core {
|
|
569
|
+
position: absolute; left: 50%; top: 50%;
|
|
570
|
+
width: 0.18em; height: 0.18em; margin: -0.09em 0 0 -0.09em; border-radius: 50%;
|
|
571
|
+
background: var(--lz-color, #f5f5f7);
|
|
572
|
+
box-shadow: 0 0 calc(0.2em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);
|
|
573
|
+
}
|
|
574
|
+
.lz-ring {
|
|
575
|
+
position: absolute; inset: 0.14em; border-radius: 50%;
|
|
576
|
+
border: 1px solid var(--lz-accent, #0a84ff);
|
|
577
|
+
animation: lz-sonar-ring calc(${dt}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
|
|
578
|
+
}
|
|
579
|
+
`}template(){let r=Math.max(1,Math.min(4,this.num("count",3))),s="";for(let n=0;n<r;n++)s+=`<span class="lz-ring" style="animation-delay: -${(n*dt/r).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 ve(){t(je,he)}var Je="lz-music-note",be=class extends e{constructor(){super(...arguments);this.css=`
|
|
580
|
+
:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }
|
|
581
|
+
.lz-notes { display: flex; align-items: baseline; gap: 0.45em; }
|
|
582
|
+
.lz-note {
|
|
583
|
+
display: inline-block; line-height: 1;
|
|
584
|
+
color: var(--lz-color, #f5f5f7);
|
|
585
|
+
animation: lz-note-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;
|
|
586
|
+
}
|
|
587
|
+
.lz-notes .lz-note:nth-child(2) { animation-delay: -0.5s; }
|
|
588
|
+
.lz-notes .lz-note:nth-child(3) { animation-delay: -0.9s; }
|
|
589
|
+
.lz-notes .lz-note:nth-child(4) { animation-delay: -0.3s; }
|
|
590
|
+
`}template(){let r=Math.max(1,Math.min(4,this.num("count",2))),s="";for(let n=0;n<r;n++)s+='<span class="lz-note">♫</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)}};be.observedAttributes=["size","count","color","speed"];function ge(){t(Je,be)}var et="lz-activity-rings",ue=class extends e{constructor(){super(...arguments);this.css=`
|
|
591
|
+
:host {
|
|
592
|
+
font-size: var(--lz-size, 44px); width: 1em; height: 1em;
|
|
593
|
+
display: inline-block; line-height: 1;
|
|
594
|
+
}
|
|
595
|
+
.lz-svg { width: 1em; height: 1em; display: block; }
|
|
596
|
+
.lz-g { animation: lz-spin calc(2.8s * var(--lz-speed, 1)) linear infinite; transform-origin: center; }
|
|
597
|
+
.lz-g.mid { animation-duration: calc(3.6s * var(--lz-speed, 1)); animation-direction: reverse; }
|
|
598
|
+
.lz-g.inner { animation-duration: calc(2.1s * var(--lz-speed, 1)); }
|
|
599
|
+
.lz-track { fill: none; stroke: var(--lz-track, rgba(255,255,255,0.08)); stroke-width: 5; }
|
|
600
|
+
.lz-ring { fill: none; stroke-linecap: round; stroke-width: 5; }
|
|
601
|
+
.lz-outer { stroke: var(--lz-accent, #fa114f); stroke-dasharray: 209 58; }
|
|
602
|
+
.lz-mid { stroke: var(--lz-color, #30d158); stroke-dasharray: 169 48; }
|
|
603
|
+
.lz-inner { stroke: var(--lz-color-weak, #32d7ff); stroke-dasharray: 128 39; }
|
|
604
|
+
`}template(){return`<svg class="lz-svg" viewBox="0 0 100 100" role="img" aria-label="Loading">
|
|
605
|
+
<g class="lz-g"><circle class="lz-track" cx="50" cy="50" r="42.5" /><circle class="lz-ring lz-outer" cx="50" cy="50" r="42.5" transform="rotate(-90 50 50)" /></g>
|
|
606
|
+
<g class="lz-g mid"><circle class="lz-ring lz-mid" cx="50" cy="50" r="34.5" transform="rotate(-90 50 50)" /></g>
|
|
607
|
+
<g class="lz-g inner"><circle class="lz-ring lz-inner" cx="50" cy="50" r="26.5" transform="rotate(-90 50 50)" /></g>
|
|
608
|
+
</svg>`}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-accent","accent","#fa114f"),this.varRaw("--lz-color","color","#30d158"),this.varRaw("--lz-color-weak","color-weak","#32d7ff"),this.varNum("--lz-speed","speed",1)}};ue.observedAttributes=["size","accent","color","color-weak","speed"];function xe(){t(et,ue)}function tt(){f(),z(),h(),b(),u(),A(),T(),R(),G(),E(),O(),L(),M(),B(),Y(),Z(),H(),V(),q(),X(),j(),ee(),re(),ie(),oe(),le(),ce(),pe(),me(),ve(),ge(),xe()}tt();export{et as ACTIVITY_RINGS_TAG,Ge as ARC_SPINNER_TAG,Fe as AURA_ORB_TAG,ye as BOUNCING_DOTS_TAG,Ie as BREATHING_PULSE_TAG,ke as DOT_GRID_WAVE_TAG,Ke as DOT_ORB_TAG,Ye as ELLIPSIS_TAG,Me as EQUALIZER_TAG,Ne as EYES_TAG,Re as HELIX_DOTS_TAG,Be as INDETERMINATE_PROGRESS_BAR_TAG,nt as KEYFRAMES,e as LZPattern,Se as MATERIAL_DOUBLE_ARC_TAG,We as MORPHING_ORB_TAG,Le as MORPHING_SQUARE_TAG,Je as MUSIC_NOTE_TAG,Pe as ORBIT_DOTS_TAG,Oe as ORBIT_RING_DOTS_TAG,qe as PLANET_ORB_TAG,$e as PROGRESS_BAR_TAG,De as PROGRESS_RING_TAG,He as PULSING_ORB_TAG,Ee as SCAN_SWEEP_TAG,_e as SCOPED_CSS,Ve as SIRI_ORB_TAG,Ze as SKELETON_CARD_TAG,Ue as SKELETON_LIST_TAG,Ce as SKELETON_SHIMMER_TAG,je as SONAR_TAG,Te as TYPING_DOTS_TAG,Qe as VINYL_TAG,Xe as WAVEFORM_TAG,we as WAVE_DOTS_TAG,t as define,xe as defineActivityRings,tt as defineAll,A as defineArcSpinner,ce as defineAuraOrb,f as defineBouncingDots,M as defineBreathingPulse,u as defineDotGridWave,oe as defineDotOrb,V as defineEllipsis,B as defineEqualizer,O as defineEyes,b as defineHelixDots,Z as defineIndeterminateProgressBar,T as defineMaterialDoubleArc,re as defineMorphingOrb,L as defineMorphingSquare,ge as defineMusicNote,G as defineOrbitDots,E as defineOrbitRingDots,le as definePlanetOrb,q as defineProgressBar,Y as defineProgressRing,ee as definePulsingOrb,R as defineScanSweep,ie as defineSiriOrb,X as defineSkeletonCard,j as defineSkeletonList,H as defineSkeletonShimmer,ve as defineSonar,z as defineTypingDots,me as defineVinyl,h as defineWaveDots,pe as defineWaveform};
|
|
292
609
|
//# sourceMappingURL=index.js.map
|