loading-state-zoo 0.1.2 → 0.2.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.
Files changed (15) hide show
  1. package/dist/index.cjs +111 -30
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +15 -3
  4. package/dist/index.d.ts +15 -3
  5. package/dist/index.js +111 -30
  6. package/dist/index.js.map +1 -1
  7. package/dist/react.cjs +111 -30
  8. package/dist/react.cjs.map +1 -1
  9. package/dist/react.d.cts +59 -1
  10. package/dist/react.d.ts +59 -1
  11. package/dist/react.js +111 -30
  12. package/dist/react.js.map +1 -1
  13. package/dist/theme.css +142 -0
  14. package/docs/components.json +119 -1
  15. package/package.json +1 -1
package/dist/react.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/react.tsx","../src/styles.ts","../src/base.ts","../src/elements/BouncingDots.ts","../src/elements/TypingDots.ts","../src/elements/WaveDots.ts","../src/elements/HelixDots.ts","../src/elements/DotGridWave.ts","../src/elements/ArcSpinner.ts","../src/elements/MaterialDoubleArc.ts","../src/elements/ScanSweep.ts","../src/elements/OrbitDots.ts","../src/elements/OrbitRingDots.ts","../src/elements/Eyes.ts","../src/elements/MorphingSquare.ts","../src/elements/BreathingPulse.ts","../src/elements/Equalizer.ts","../src/elements/ProgressRing.ts","../src/elements/IndeterminateProgressBar.ts","../src/elements/SkeletonShimmer.ts","../src/defineAll.ts"],"sourcesContent":["import type { CSSProperties, DetailedHTMLProps, HTMLAttributes } from \"react\";\nimport { defineAll } from \"./defineAll\";\nimport {\n BOUNCING_DOTS_TAG,\n TYPING_DOTS_TAG,\n WAVE_DOTS_TAG,\n HELIX_DOTS_TAG,\n DOT_GRID_WAVE_TAG,\n ARC_SPINNER_TAG,\n MATERIAL_DOUBLE_ARC_TAG,\n SCAN_SWEEP_TAG,\n ORBIT_DOTS_TAG,\n ORBIT_RING_DOTS_TAG,\n EYES_TAG,\n MORPHING_SQUARE_TAG,\n BREATHING_PULSE_TAG,\n EQUALIZER_TAG,\n PROGRESS_RING_TAG,\n INDETERMINATE_PROGRESS_BAR_TAG,\n SKELETON_SHIMMER_TAG,\n} from \"./elements\";\n\ndefineAll();\n\ndeclare module \"react\" {\n namespace JSX {\n interface IntrinsicElements {\n [BOUNCING_DOTS_TAG]: LZElementAttrs;\n [TYPING_DOTS_TAG]: LZElementAttrs;\n [WAVE_DOTS_TAG]: LZElementAttrs;\n [HELIX_DOTS_TAG]: LZElementAttrs;\n [DOT_GRID_WAVE_TAG]: LZElementAttrs;\n [ARC_SPINNER_TAG]: LZElementAttrs;\n [MATERIAL_DOUBLE_ARC_TAG]: LZElementAttrs;\n [SCAN_SWEEP_TAG]: LZElementAttrs;\n [ORBIT_DOTS_TAG]: LZElementAttrs;\n [ORBIT_RING_DOTS_TAG]: LZElementAttrs;\n [EYES_TAG]: LZElementAttrs;\n [MORPHING_SQUARE_TAG]: LZElementAttrs;\n [BREATHING_PULSE_TAG]: LZElementAttrs;\n [EQUALIZER_TAG]: LZElementAttrs;\n [PROGRESS_RING_TAG]: LZElementAttrs;\n [INDETERMINATE_PROGRESS_BAR_TAG]: LZElementAttrs;\n [SKELETON_SHIMMER_TAG]: LZElementAttrs;\n }\n }\n}\n\ninterface LZElementAttrs\n extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {\n size?: number;\n color?: string;\n speed?: number;\n accent?: string;\n width?: number;\n height?: number;\n rows?: number;\n cols?: number;\n count?: number;\n percent?: number;\n gap?: number;\n \"stroke-width\"?: number;\n \"dot-size\"?: number;\n \"bar-width\"?: number;\n \"track-color\"?: string;\n \"color-weak\"?: string;\n \"color-sweep\"?: string;\n}\n\nexport interface LZCommonProps {\n size?: number;\n color?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nconst dash = (key: string, value: unknown) =>\n value === undefined ? {} : { [key]: String(value) };\n\nexport function BouncingDots(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return <lz-bouncing-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nBouncingDots.displayName = \"BouncingDots\";\n\nexport function TypingDots(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return <lz-typing-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nTypingDots.displayName = \"TypingDots\";\n\nexport function WaveDots(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return <lz-wave-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nWaveDots.displayName = \"WaveDots\";\n\nexport interface HelixDotsProps extends LZCommonProps {\n count?: number;\n}\n\nexport function HelixDots(props: HelixDotsProps) {\n const { size, color, speed, count, className, style } = props;\n return <lz-helix-dots size={size} color={color} speed={speed} count={count} className={className} style={style} />;\n}\nHelixDots.displayName = \"HelixDots\";\n\nexport interface DotGridWaveProps extends LZCommonProps {\n rows?: number;\n cols?: number;\n gap?: number;\n}\n\nexport function DotGridWave(props: DotGridWaveProps) {\n const { rows, cols, gap, size, color, speed, className, style } = props;\n return (\n <lz-dot-grid-wave\n rows={rows}\n cols={cols}\n gap={gap}\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n />\n );\n}\nDotGridWave.displayName = \"DotGridWave\";\n\nexport interface ArcSpinnerProps extends LZCommonProps {\n strokeWidth?: number;\n}\n\nexport function ArcSpinner(props: ArcSpinnerProps) {\n const { size, color, speed, strokeWidth, className, style } = props;\n return (\n <lz-arc-spinner\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"stroke-width\", strokeWidth)}\n />\n );\n}\nArcSpinner.displayName = \"ArcSpinner\";\n\nexport interface MaterialDoubleArcProps {\n size?: number;\n strokeWidth?: number;\n color?: string;\n colorWeak?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function MaterialDoubleArc(props: MaterialDoubleArcProps) {\n const { size, color, colorWeak, speed, strokeWidth, className, style } = props;\n return (\n <lz-material-double-arc\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"stroke-width\", strokeWidth)}\n {...dash(\"color-weak\", colorWeak)}\n />\n );\n}\nMaterialDoubleArc.displayName = \"MaterialDoubleArc\";\n\nexport interface ScanSweepProps extends LZCommonProps {\n colorWeak?: string;\n colorSweep?: string;\n}\n\nexport function ScanSweep(props: ScanSweepProps) {\n const { size, color, colorWeak, colorSweep, speed, className, style } = props;\n return (\n <lz-scan-sweep\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"color-weak\", colorWeak)}\n {...dash(\"color-sweep\", colorSweep)}\n />\n );\n}\nScanSweep.displayName = \"ScanSweep\";\n\nexport function OrbitDots(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return <lz-orbit-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nOrbitDots.displayName = \"OrbitDots\";\n\nexport interface OrbitRingDotsProps extends LZCommonProps {\n dotSize?: number;\n}\n\nexport function OrbitRingDots(props: OrbitRingDotsProps) {\n const { size, color, speed, dotSize, className, style } = props;\n return (\n <lz-orbit-ring-dots\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"dot-size\", dotSize)}\n />\n );\n}\nOrbitRingDots.displayName = \"OrbitRingDots\";\n\nexport function Eyes(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return <lz-eyes size={size} color={color} speed={speed} className={className} style={style} />;\n}\nEyes.displayName = \"Eyes\";\n\nexport interface MorphingSquareProps {\n size?: number;\n accent?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function MorphingSquare(props: MorphingSquareProps) {\n const { size, accent, speed, className, style } = props;\n return <lz-morphing-square size={size} accent={accent} speed={speed} className={className} style={style} />;\n}\nMorphingSquare.displayName = \"MorphingSquare\";\n\nexport function BreathingPulse(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return (\n <lz-breathing-pulse size={size} color={color} speed={speed} className={className} style={style} />\n );\n}\nBreathingPulse.displayName = \"BreathingPulse\";\n\nexport interface EqualizerProps extends LZCommonProps {\n barWidth?: number;\n gap?: number;\n}\n\nexport function Equalizer(props: EqualizerProps) {\n const { size, color, speed, barWidth, gap, className, style } = props;\n return (\n <lz-equalizer\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"bar-width\", barWidth)}\n {...dash(\"gap\", gap)}\n />\n );\n}\nEqualizer.displayName = \"Equalizer\";\n\nexport interface ProgressRingProps {\n size?: number;\n strokeWidth?: number;\n percent?: number;\n color?: string;\n trackColor?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function ProgressRing(props: ProgressRingProps) {\n const { size, color, trackColor, speed, strokeWidth, percent, className, style } = props;\n return (\n <lz-progress-ring\n size={size}\n color={color}\n speed={speed}\n percent={percent}\n className={className}\n style={style}\n {...dash(\"stroke-width\", strokeWidth)}\n {...dash(\"track-color\", trackColor)}\n />\n );\n}\nProgressRing.displayName = \"ProgressRing\";\n\nexport interface IndeterminateProgressBarProps {\n width?: number;\n height?: number;\n accent?: string;\n trackColor?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function IndeterminateProgressBar(props: IndeterminateProgressBarProps) {\n const { width, height, accent, trackColor, speed, className, style } = props;\n return (\n <lz-indeterminate-progress-bar\n width={width}\n height={height}\n accent={accent}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"track-color\", trackColor)}\n />\n );\n}\nIndeterminateProgressBar.displayName = \"IndeterminateProgressBar\";\n\nexport interface SkeletonShimmerProps {\n width?: number;\n height?: number;\n trackColor?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function SkeletonShimmer(props: SkeletonShimmerProps) {\n const { width, height, trackColor, speed, className, style } = props;\n return (\n <lz-skeleton-shimmer\n width={width}\n height={height}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"track-color\", trackColor)}\n />\n );\n}\nSkeletonShimmer.displayName = \"SkeletonShimmer\";\n\nexport { defineAll } from \"./defineAll\";\nexport type { LZPattern as LoadingPattern } from \"./base\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BOUNCING_DOTS_TAG]: HTMLElement;\n [TYPING_DOTS_TAG]: HTMLElement;\n [WAVE_DOTS_TAG]: HTMLElement;\n [HELIX_DOTS_TAG]: HTMLElement;\n [DOT_GRID_WAVE_TAG]: HTMLElement;\n [ARC_SPINNER_TAG]: HTMLElement;\n [MATERIAL_DOUBLE_ARC_TAG]: HTMLElement;\n [SCAN_SWEEP_TAG]: HTMLElement;\n [ORBIT_DOTS_TAG]: HTMLElement;\n [ORBIT_RING_DOTS_TAG]: HTMLElement;\n [EYES_TAG]: HTMLElement;\n [MORPHING_SQUARE_TAG]: HTMLElement;\n [BREATHING_PULSE_TAG]: HTMLElement;\n [EQUALIZER_TAG]: HTMLElement;\n [PROGRESS_RING_TAG]: HTMLElement;\n [INDETERMINATE_PROGRESS_BAR_TAG]: HTMLElement;\n [SKELETON_SHIMMER_TAG]: HTMLElement;\n }\n}","export const KEYFRAMES = /* css */ `\n@keyframes lz-spin { to { transform: rotate(360deg); } }\n@keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }\n@keyframes lz-dot-bounce {\n 0% { transform: translateY(0); }\n 50% { transform: translateY(var(--lz-bounce, -10px)); }\n 100% { transform: translateY(0); }\n}\n@keyframes lz-eq-wave {\n 0% { transform: scaleY(var(--lz-eq-min, 0.3)); }\n 50% { transform: scaleY(1); }\n 100% { transform: scaleY(var(--lz-eq-min, 0.3)); }\n}\n@keyframes lz-typing-pulse {\n 0%, 100% { transform: scale(var(--lz-typing-min, 0.35)); }\n 50% { transform: scale(var(--lz-typing-peak, 1.15)); }\n}\n@keyframes lz-dot-wave {\n 0%, 100% { transform: scale(var(--lz-wave-min, 0.35)); }\n 40% { transform: scale(var(--lz-wave-peak, 1.1)); }\n}\n@keyframes lz-pulse-breath {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(var(--lz-breath, 1.14)); }\n}\n@keyframes lz-shape-morph {\n 0% { transform: rotate(0deg) scale(var(--lz-morph, 0.72)); border-radius: 50%; }\n 50% { transform: rotate(45deg) scale(1); border-radius: var(--lz-morph-radius, 17%); }\n 100% { transform: rotate(90deg) scale(var(--lz-morph, 0.72)); border-radius: 50%; }\n}\n@keyframes lz-eye-gaze {\n 0%, 100% { transform: translateX(var(--lz-gaze-from, -3px)); }\n 50% { transform: translateX(var(--lz-gaze-to, 3px)); }\n}\n@keyframes lz-eye-blink {\n 0%, 88%, 100% { transform: scaleY(1); }\n 93% { transform: scaleY(var(--lz-blink, 0.08)); }\n}\n@keyframes lz-skeleton-sheen {\n 0% { transform: translateX(var(--lz-sheen-from, -120%)); }\n 100% { transform: translateX(var(--lz-sheen-to, 220%)); }\n}\n@keyframes lz-orbit-ring-dot {\n 0% { opacity: var(--lz-orbit-fade, 0.12); }\n 50% { opacity: 1; }\n 90% { opacity: var(--lz-orbit-fade, 0.12); }\n 100% { opacity: var(--lz-orbit-fade, 0.12); }\n}\n@keyframes lz-indeterminate-slide {\n 0% { transform: translateX(var(--lz-slide-from, -100%)); }\n 100% { transform: translateX(var(--lz-slide-to, 300%)); }\n}\n@keyframes lz-helix-bob {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(var(--lz-helix, -12px)); }\n}\n@keyframes lz-grid-dot-wave {\n 0% { transform: scale(var(--lz-grid-min, 0.3)); opacity: var(--lz-grid-fade, 0.15); }\n 50% { transform: scale(1); opacity: 1; }\n 100% { transform: scale(var(--lz-grid-min, 0.3)); opacity: var(--lz-grid-fade, 0.15); }\n}\n`;\n\nexport const SCOPED_CSS = /* css */ `\n:host {\n display: inline-flex;\n font-size: var(--lz-size, 44px);\n line-height: 1;\n}\n.lz-root {\n display: contents;\n}\n${KEYFRAMES}\n`;","import { SCOPED_CSS } from \"./styles\";\n\nconst isBrowser = typeof HTMLElement !== \"undefined\";\n\nconst Base = isBrowser\n ? HTMLElement\n : (class {} as unknown as typeof HTMLElement);\n\nexport abstract class LZPattern extends Base {\n static observedAttributes: string[] = [];\n\n #ready = false;\n\n /** Element-local CSS. Runs after SCOPED_CSS, keyframes are shared. */\n abstract readonly css: string;\n\n /** Markup for the pattern, rooted at nothing (inserted into .lz-root). */\n abstract template(): string;\n\n /** Set CSS variables / ARIA / dimensions from current attributes. */\n abstract sync(): void;\n\n connectedCallback() {\n const root = this.shadowRoot ?? this.attachShadow({ mode: \"open\" });\n root.innerHTML = `<style>${SCOPED_CSS}\\n${this.css}</style><div class=\"lz-root\"></div>`;\n (this as { _rootEl?: HTMLElement })._rootEl = root.querySelector(\n \".lz-root\",\n ) as HTMLElement;\n this.#ready = true;\n this.paint();\n }\n\n attributeChangedCallback() {\n if (this.#ready) this.paint();\n }\n\n /** Re-sync vars/ARIA and rebuild the pattern's children. */\n paint() {\n this.sync();\n const el = (this as unknown as { _rootEl: HTMLElement })._rootEl;\n if (el) el.innerHTML = this.template();\n }\n\n /** Read an attribute as a number, returning `fallback` when absent/invalid. */\n num(attr: string, fallback: number): number {\n const raw = this.getAttribute(attr);\n if (raw === null || raw === \"\") return fallback;\n const n = Number(raw);\n return Number.isFinite(n) ? n : fallback;\n }\n\n /** Bind a px-valued CSS variable to an attribute (length units). */\n varPx(variable: string, attr: string, _fallback: number) {\n const raw = this.getAttribute(attr);\n if (raw !== null && raw !== \"\" && Number.isFinite(Number(raw))) {\n this.style.setProperty(variable, `${Number(raw)}px`);\n } else {\n this.style.removeProperty(variable);\n }\n }\n\n /** Bind a unitless CSS variable to an attribute. */\n varNum(variable: string, attr: string, _fallback: number) {\n const raw = this.getAttribute(attr);\n if (raw !== null && raw !== \"\" && Number.isFinite(Number(raw))) {\n this.style.setProperty(variable, String(Number(raw)));\n } else {\n this.style.removeProperty(variable);\n }\n }\n\n /** Bind an arbitrary CSS variable to an attribute value (or clear it). */\n varRaw(variable: string, attr: string, _fallback?: string) {\n const raw = this.getAttribute(attr);\n if (raw !== null && raw !== \"\") {\n this.style.setProperty(variable, raw);\n } else {\n this.style.removeProperty(variable);\n }\n }\n}\n\n/** Register a pattern element, silently skipping duplicates. */\nexport function define(tag: string, ctor: CustomElementConstructor) {\n if (typeof customElements === \"undefined\") return;\n if (customElements.get(tag)) return;\n customElements.define(tag, ctor);\n}","import { LZPattern, define } from \"../base\";\n\nexport const BOUNCING_DOTS_TAG = \"lz-bouncing-dots\";\n\nclass BouncingDots extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 8px); }\n.lz-dots { display: flex; gap: 0.7em; }\n.lz-dot {\n width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-dot-bounce calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;\n}\n.lz-dot:nth-child(2) { animation-delay: 0.15s; }\n.lz-dot:nth-child(3) { animation-delay: 0.3s; }\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 8);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineBouncingDots() {\n define(BOUNCING_DOTS_TAG, BouncingDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const TYPING_DOTS_TAG = \"lz-typing-dots\";\n\nclass TypingDots extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 8px); }\n.lz-dots { display: flex; gap: 0.8em; }\n.lz-dot {\n width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-typing-pulse calc(0.9s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;\n}\n.lz-dot:nth-child(2) { animation-delay: -0.18s; }\n.lz-dot:nth-child(3) { animation-delay: -0.36s; }\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 8);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineTypingDots() {\n define(TYPING_DOTS_TAG, TypingDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const WAVE_DOTS_TAG = \"lz-wave-dots\";\n\nclass WaveDots extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 8px); }\n.lz-dots { display: flex; gap: 0.6em; }\n.lz-dot {\n width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;\n}\n.lz-dot:nth-child(2) { animation-delay: -0.1s; }\n.lz-dot:nth-child(3) { animation-delay: -0.2s; }\n.lz-dot:nth-child(4) { animation-delay: -0.3s; }\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 8);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineWaveDots() {\n define(WAVE_DOTS_TAG, WaveDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const HELIX_DOTS_TAG = \"lz-helix-dots\";\n\nconst CYCLE = 1.4;\n\nclass HelixDots extends LZPattern {\n static observedAttributes = [\"size\", \"count\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 6px); }\n.lz-dots { display: flex; gap: 0.9em; }\n.lz-dot {\n display: inline-block; width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n`;\n\n template() {\n const count = Math.max(1, this.num(\"count\", 10));\n let out = `<div class=\"lz-dots\" role=\"status\" aria-label=\"Loading\">`;\n for (let i = 0; i < count; i++) {\n out += `<span class=\"lz-dot\" style=\"animation-delay:-${((CYCLE / count) * i).toFixed(3)}s\"></span>`;\n }\n return `${out}</div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 6);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineHelixDots() {\n define(HELIX_DOTS_TAG, HelixDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const DOT_GRID_WAVE_TAG = \"lz-dot-grid-wave\";\n\nclass DotGridWave extends LZPattern {\n static observedAttributes = [\"rows\", \"cols\", \"size\", \"gap\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 6px); }\n.lz-grid {\n display: grid;\n gap: var(--lz-grid-gap, 12px);\n grid-template-columns: repeat(var(--lz-cols, 5), 1em);\n}\n.lz-dot {\n width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n`;\n\n template() {\n const rows = Math.max(1, this.num(\"rows\", 4));\n const cols = Math.max(1, this.num(\"cols\", 5));\n let out = `<div class=\"lz-grid\" role=\"status\" aria-label=\"Loading\">`;\n for (let r = 0; r < rows; r++) {\n for (let c = 0; c < cols; c++) {\n out += `<span class=\"lz-dot\" style=\"animation-delay:-${((r + c) * 0.08).toFixed(3)}s\"></span>`;\n }\n }\n return `${out}</div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 6);\n this.varNum(\"--lz-cols\", \"cols\", 5);\n this.varPx(\"--lz-grid-gap\", \"gap\", 12);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineDotGridWave() {\n define(DOT_GRID_WAVE_TAG, DotGridWave);\n}","import { LZPattern, define } from \"../base\";\n\nexport const ARC_SPINNER_TAG = \"lz-arc-spinner\";\n\nconst RING_MASK = `\n -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n`;\n\nclass ArcSpinner extends LZPattern {\n static observedAttributes = [\"size\", \"stroke-width\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }\n.lz-ring {\n width: 100%; height: 100%; border-radius: 50%;\n background: conic-gradient(\n from 90deg,\n var(--lz-color, #f5f5f7) 0deg,\n var(--lz-color, #f5f5f7) 110deg,\n transparent 111deg\n );\n ${RING_MASK}\n animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n return `<div class=\"lz-ring\" role=\"status\" aria-label=\"Loading\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varPx(\"--lz-stroke\", \"stroke-width\", 4);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineArcSpinner() {\n define(ARC_SPINNER_TAG, ArcSpinner);\n}","import { LZPattern, define } from \"../base\";\n\nexport const MATERIAL_DOUBLE_ARC_TAG = \"lz-material-double-arc\";\n\nconst RING_MASK = `\n -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n`;\nconst ARc = \"var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))\";\n\nclass MaterialDoubleArc extends LZPattern {\n static observedAttributes = [\"size\", \"stroke-width\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }\n.lz-arc {\n position: absolute; inset: 0; border-radius: 50%;\n ${RING_MASK}\n}\n.lz-arc-a {\n background: conic-gradient(from 0deg, ${ARc} 0deg, ${ARc} 135deg, transparent 136deg);\n animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;\n}\n.lz-arc-b {\n opacity: 0.6;\n background: conic-gradient(from 200deg, ${ARc} 0deg, ${ARc} 90deg, transparent 91deg);\n animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n return `<div class=\"lz-arc lz-arc-a\" role=\"status\" aria-label=\"Loading\"></div><div class=\"lz-arc lz-arc-b\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varPx(\"--lz-stroke\", \"stroke-width\", 4);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-color-weak\", \"color-weak\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineMaterialDoubleArc() {\n define(MATERIAL_DOUBLE_ARC_TAG, MaterialDoubleArc);\n}","import { LZPattern, define } from \"../base\";\n\nexport const SCAN_SWEEP_TAG = \"lz-scan-sweep\";\n\nclass ScanSweep extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }\n.lz-ring {\n position: absolute; inset: 0; border-radius: 50%;\n border: 1px solid var(--lz-track, rgba(255, 255, 255, 0.12));\n}\n.lz-ring-inner {\n position: absolute; inset: 0.28em; border-radius: 50%;\n border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));\n}\n.lz-core {\n position: absolute; width: 0.14em; height: 0.14em;\n left: 0.43em; top: 0.43em; border-radius: 50%;\n background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));\n}\n.lz-sweep {\n position: absolute; inset: 0; border-radius: 50%;\n background: conic-gradient(\n from 0deg,\n var(--lz-color, #f5f5f7) 0deg,\n var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 60deg,\n transparent 90deg\n );\n -webkit-mask: radial-gradient(closest-side, #000 100%);\n mask: radial-gradient(closest-side, #000 100%);\n animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-color-weak\", \"color-weak\");\n this.varRaw(\"--lz-color-sweep\", \"color-sweep\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineScanSweep() {\n define(SCAN_SWEEP_TAG, ScanSweep);\n}","import { LZPattern, define } from \"../base\";\n\nexport const ORBIT_DOTS_TAG = \"lz-orbit-dots\";\n\nclass OrbitDots extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }\n.lz-orbit {\n position: absolute; inset: 0;\n animation: lz-spin calc(1.8s * var(--lz-speed, 1)) linear infinite;\n}\n.lz-dot {\n position: absolute; top: 50%; left: 50%;\n width: 0.16em; height: 0.16em;\n margin: -0.08em 0 0 -0.08em; border-radius: 50%;\n background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 90%, transparent));\n}\n.lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }\n.lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }\n.lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-color-weak\", \"color-weak\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineOrbitDots() {\n define(ORBIT_DOTS_TAG, OrbitDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const ORBIT_RING_DOTS_TAG = \"lz-orbit-ring-dots\";\n\nconst N = 8;\n\nclass OrbitRingDots extends LZPattern {\n static observedAttributes = [\"size\", \"dot-size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }\n.lz-orbit { position: absolute; inset: 0; }\n.lz-dot {\n position: absolute; top: 50%; left: 50%;\n width: var(--lz-dot-size, 0.18em); height: var(--lz-dot-size, 0.18em);\n margin: calc(var(--lz-dot-size, 0.18em) / -2);\n border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n let out = `<div class=\"lz-orbit\" role=\"status\" aria-label=\"Loading\">`;\n for (let i = 0; i < N; i++) {\n const ang = (360 / N) * i;\n out += `<span class=\"lz-dot\" style=\"transform:rotate(${ang}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(i * 0.15).toFixed(2)}s\"></span>`;\n }\n return `${out}</div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varPx(\"--lz-dot-size\", \"dot-size\", 7.92);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineOrbitRingDots() {\n define(ORBIT_RING_DOTS_TAG, OrbitRingDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const EYES_TAG = \"lz-eyes\";\n\nclass Eyes extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); }\n.lz-eyes { display: flex; gap: 0.24em; }\n.lz-eye {\n display: flex; align-items: center; justify-content: center;\n width: 0.34em; height: 0.2788em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-eye-blink calc(4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n.lz-pupil {\n width: 0.17em; height: 0.17em; border-radius: 50%;\n background: var(--lz-pupil, rgba(0, 0, 0, 0.85));\n animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-pupil\", \"pupil\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineEyes() {\n define(EYES_TAG, Eyes);\n}","import { LZPattern, define } from \"../base\";\n\nexport const MORPHING_SQUARE_TAG = \"lz-morphing-square\";\n\nclass MorphingSquare extends LZPattern {\n static observedAttributes = [\"size\", \"accent\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 44px);\n width: 1em; height: 1em;\n background: var(--lz-accent, #0a84ff);\n box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));\n animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n`;\n\n template() {\n return `<div role=\"status\" aria-label=\"Loading\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n this.varRaw(\"--lz-glow\", \"glow\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineMorphingSquare() {\n define(MORPHING_SQUARE_TAG, MorphingSquare);\n}","import { LZPattern, define } from \"../base\";\n\nexport const BREATHING_PULSE_TAG = \"lz-breathing-pulse\";\n\nclass BreathingPulse extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 36px);\n width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n`;\n\n template() {\n return `<div role=\"status\" aria-label=\"Loading\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 36);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineBreathingPulse() {\n define(BREATHING_PULSE_TAG, BreathingPulse);\n}","import { LZPattern, define } from \"../base\";\n\nexport const EQUALIZER_TAG = \"lz-equalizer\";\n\nclass Equalizer extends LZPattern {\n static observedAttributes = [\"size\", \"bar-width\", \"gap\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 22px); }\n.lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }\n.lz-bar {\n width: var(--lz-bar-width, 3px); height: 1em;\n border-radius: 2px;\n background: var(--lz-color, #f5f5f7);\n transform-origin: bottom;\n animation: lz-eq-wave calc(1s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n.lz-bar:nth-child(2) { animation-delay: 0.12s; }\n.lz-bar:nth-child(3) { animation-delay: 0.24s; }\n.lz-bar:nth-child(4) { animation-delay: 0.36s; }\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 22);\n this.varPx(\"--lz-bar-width\", \"bar-width\", 3);\n this.varPx(\"--lz-gap\", \"gap\", 3);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineEqualizer() {\n define(EQUALIZER_TAG, Equalizer);\n}","import { LZPattern, define } from \"../base\";\n\nexport const PROGRESS_RING_TAG = \"lz-progress-ring\";\n\nconst RING_MASK = `\n -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n`;\n\nclass ProgressRing extends LZPattern {\n static observedAttributes = [\"size\", \"stroke-width\", \"percent\", \"color\", \"track-color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }\n.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${RING_MASK} }\n.lz-track {\n background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);\n}\n.lz-fill {\n background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);\n transition: background 0.2s ease;\n}\n`;\n\n template() {\n const p = Math.max(0, Math.min(100, this.num(\"percent\", 0)));\n return `<div class=\"lz-ring lz-track\" role=\"progressbar\" aria-label=\"Progress\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"${p}\"></div><div class=\"lz-ring lz-fill\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varPx(\"--lz-stroke\", \"stroke-width\", 4);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-track\", \"track-color\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n this.varNum(\"--lz-percent\", \"percent\", 0);\n }\n}\n\nexport function defineProgressRing() {\n define(PROGRESS_RING_TAG, ProgressRing);\n}","import { LZPattern, define } from \"../base\";\n\nexport const INDETERMINATE_PROGRESS_BAR_TAG = \"lz-indeterminate-progress-bar\";\n\nclass IndeterminateProgressBar extends LZPattern {\n static observedAttributes = [\"width\", \"height\", \"accent\", \"track-color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n position: relative; display: inline-block;\n width: var(--lz-width, 160px); height: var(--lz-height, 6px);\n border-radius: var(--lz-radius, 999px); overflow: hidden;\n background: var(--lz-surface, #1c1c1e);\n}\n.lz-bar {\n position: absolute; top: 0; bottom: 0; left: 0; width: 36%;\n border-radius: 999px;\n background: var(--lz-accent, #0a84ff);\n animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n`;\n\n template() {\n return `<div class=\"lz-bar\" role=\"status\" aria-label=\"Loading\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-width\", \"width\", 160);\n this.varPx(\"--lz-height\", \"height\", 6);\n this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n this.varRaw(\"--lz-surface\", \"track-color\", \"#1c1c1e\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineIndeterminateProgressBar() {\n define(INDETERMINATE_PROGRESS_BAR_TAG, IndeterminateProgressBar);\n}","import { LZPattern, define } from \"../base\";\n\nexport const SKELETON_SHIMMER_TAG = \"lz-skeleton-shimmer\";\n\nclass SkeletonShimmer extends LZPattern {\n static observedAttributes = [\"width\", \"height\", \"track-color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n position: relative; display: inline-block;\n width: var(--lz-width, 120px); height: var(--lz-height, 28px);\n border-radius: var(--lz-radius, 10px); overflow: hidden;\n background: var(--lz-surface, #1c1c1e);\n}\n.lz-sheen {\n position: absolute; top: 0; bottom: 0; left: 0; width: 50%;\n background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);\n animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n return `<div class=\"lz-sheen\" role=\"status\" aria-label=\"Loading\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-width\", \"width\", 120);\n this.varPx(\"--lz-height\", \"height\", 28);\n this.varRaw(\"--lz-surface\", \"track-color\", \"#1c1c1e\");\n this.varRaw(\"--lz-sheen\", \"sheen\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineSkeletonShimmer() {\n define(SKELETON_SHIMMER_TAG, SkeletonShimmer);\n}","import { defineBouncingDots } from \"./elements/BouncingDots\";\nimport { defineTypingDots } from \"./elements/TypingDots\";\nimport { defineWaveDots } from \"./elements/WaveDots\";\nimport { defineHelixDots } from \"./elements/HelixDots\";\nimport { defineDotGridWave } from \"./elements/DotGridWave\";\nimport { defineArcSpinner } from \"./elements/ArcSpinner\";\nimport { defineMaterialDoubleArc } from \"./elements/MaterialDoubleArc\";\nimport { defineScanSweep } from \"./elements/ScanSweep\";\nimport { defineOrbitDots } from \"./elements/OrbitDots\";\nimport { defineOrbitRingDots } from \"./elements/OrbitRingDots\";\nimport { defineEyes } from \"./elements/Eyes\";\nimport { defineMorphingSquare } from \"./elements/MorphingSquare\";\nimport { defineBreathingPulse } from \"./elements/BreathingPulse\";\nimport { defineEqualizer } from \"./elements/Equalizer\";\nimport { defineProgressRing } from \"./elements/ProgressRing\";\nimport { defineIndeterminateProgressBar } from \"./elements/IndeterminateProgressBar\";\nimport { defineSkeletonShimmer } from \"./elements/SkeletonShimmer\";\n\n/**\n * Register every pattern as a custom element.\n * Safe to call repeatedly; duplicates are skipped.\n */\nexport function defineAll() {\n defineBouncingDots();\n defineTypingDots();\n defineWaveDots();\n defineHelixDots();\n defineDotGridWave();\n defineArcSpinner();\n defineMaterialDoubleArc();\n defineScanSweep();\n defineOrbitDots();\n defineOrbitRingDots();\n defineEyes();\n defineMorphingSquare();\n defineBreathingPulse();\n defineEqualizer();\n defineProgressRing();\n defineIndeterminateProgressBar();\n defineSkeletonShimmer();\n}"],"mappings":"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","names":["react_exports","__export","ArcSpinner","BouncingDots","BreathingPulse","DotGridWave","Equalizer","Eyes","HelixDots","IndeterminateProgressBar","MaterialDoubleArc","MorphingSquare","OrbitDots","OrbitRingDots","ProgressRing","ScanSweep","SkeletonShimmer","TypingDots","WaveDots","defineAll","__toCommonJS","KEYFRAMES","SCOPED_CSS","isBrowser","Base","_ready","LZPattern","__privateAdd","root","SCOPED_CSS","__privateSet","__privateGet","el","attr","fallback","raw","n","variable","_fallback","define","tag","ctor","BOUNCING_DOTS_TAG","BouncingDots","LZPattern","defineBouncingDots","define","TYPING_DOTS_TAG","TypingDots","LZPattern","defineTypingDots","define","WAVE_DOTS_TAG","WaveDots","LZPattern","defineWaveDots","define","HELIX_DOTS_TAG","CYCLE","HelixDots","LZPattern","count","out","i","defineHelixDots","define","DOT_GRID_WAVE_TAG","DotGridWave","LZPattern","rows","cols","out","r","c","defineDotGridWave","define","ARC_SPINNER_TAG","RING_MASK","ArcSpinner","LZPattern","defineArcSpinner","define","MATERIAL_DOUBLE_ARC_TAG","RING_MASK","ARc","MaterialDoubleArc","LZPattern","defineMaterialDoubleArc","define","SCAN_SWEEP_TAG","ScanSweep","LZPattern","defineScanSweep","define","ORBIT_DOTS_TAG","OrbitDots","LZPattern","defineOrbitDots","define","ORBIT_RING_DOTS_TAG","N","OrbitRingDots","LZPattern","out","i","ang","defineOrbitRingDots","define","EYES_TAG","Eyes","LZPattern","defineEyes","define","MORPHING_SQUARE_TAG","MorphingSquare","LZPattern","defineMorphingSquare","define","BREATHING_PULSE_TAG","BreathingPulse","LZPattern","defineBreathingPulse","define","EQUALIZER_TAG","Equalizer","LZPattern","defineEqualizer","define","PROGRESS_RING_TAG","RING_MASK","ProgressRing","LZPattern","defineProgressRing","define","INDETERMINATE_PROGRESS_BAR_TAG","IndeterminateProgressBar","LZPattern","defineIndeterminateProgressBar","define","SKELETON_SHIMMER_TAG","SkeletonShimmer","LZPattern","defineSkeletonShimmer","define","defineAll","defineBouncingDots","defineTypingDots","defineWaveDots","defineHelixDots","defineDotGridWave","defineArcSpinner","defineMaterialDoubleArc","defineScanSweep","defineOrbitDots","defineOrbitRingDots","defineEyes","defineMorphingSquare","defineBreathingPulse","defineEqualizer","defineProgressRing","defineIndeterminateProgressBar","defineSkeletonShimmer","import_jsx_runtime","defineAll","dash","key","value","BouncingDots","props","size","color","speed","className","style","TypingDots","WaveDots","HelixDots","count","DotGridWave","rows","cols","gap","ArcSpinner","strokeWidth","MaterialDoubleArc","colorWeak","ScanSweep","colorSweep","OrbitDots","OrbitRingDots","dotSize","Eyes","MorphingSquare","accent","BreathingPulse","Equalizer","barWidth","ProgressRing","trackColor","percent","IndeterminateProgressBar","width","height","SkeletonShimmer"]}
1
+ {"version":3,"sources":["../src/react.tsx","../src/styles.ts","../src/base.ts","../src/elements/BouncingDots.ts","../src/elements/TypingDots.ts","../src/elements/WaveDots.ts","../src/elements/HelixDots.ts","../src/elements/DotGridWave.ts","../src/elements/ArcSpinner.ts","../src/elements/MaterialDoubleArc.ts","../src/elements/ScanSweep.ts","../src/elements/OrbitDots.ts","../src/elements/OrbitRingDots.ts","../src/elements/Eyes.ts","../src/elements/MorphingSquare.ts","../src/elements/BreathingPulse.ts","../src/elements/Equalizer.ts","../src/elements/ProgressRing.ts","../src/elements/IndeterminateProgressBar.ts","../src/elements/SkeletonShimmer.ts","../src/elements/Ellipsis.ts","../src/elements/ProgressBar.ts","../src/elements/SkeletonCard.ts","../src/elements/SkeletonList.ts","../src/defineAll.ts"],"sourcesContent":["import type { CSSProperties, DetailedHTMLProps, HTMLAttributes } from \"react\";\nimport { defineAll } from \"./defineAll\";\nimport {\n BOUNCING_DOTS_TAG,\n TYPING_DOTS_TAG,\n WAVE_DOTS_TAG,\n HELIX_DOTS_TAG,\n DOT_GRID_WAVE_TAG,\n ARC_SPINNER_TAG,\n MATERIAL_DOUBLE_ARC_TAG,\n SCAN_SWEEP_TAG,\n ORBIT_DOTS_TAG,\n ORBIT_RING_DOTS_TAG,\n EYES_TAG,\n MORPHING_SQUARE_TAG,\n BREATHING_PULSE_TAG,\n EQUALIZER_TAG,\n PROGRESS_RING_TAG,\n INDETERMINATE_PROGRESS_BAR_TAG,\n SKELETON_SHIMMER_TAG,\n ELLIPSIS_TAG,\n PROGRESS_BAR_TAG,\n SKELETON_CARD_TAG,\n SKELETON_LIST_TAG,\n} from \"./elements\";\n\ndefineAll();\n\ndeclare module \"react\" {\n namespace JSX {\n interface IntrinsicElements {\n [BOUNCING_DOTS_TAG]: LZElementAttrs;\n [TYPING_DOTS_TAG]: LZElementAttrs;\n [WAVE_DOTS_TAG]: LZElementAttrs;\n [HELIX_DOTS_TAG]: LZElementAttrs;\n [DOT_GRID_WAVE_TAG]: LZElementAttrs;\n [ARC_SPINNER_TAG]: LZElementAttrs;\n [MATERIAL_DOUBLE_ARC_TAG]: LZElementAttrs;\n [SCAN_SWEEP_TAG]: LZElementAttrs;\n [ORBIT_DOTS_TAG]: LZElementAttrs;\n [ORBIT_RING_DOTS_TAG]: LZElementAttrs;\n [EYES_TAG]: LZElementAttrs;\n [MORPHING_SQUARE_TAG]: LZElementAttrs;\n [BREATHING_PULSE_TAG]: LZElementAttrs;\n [EQUALIZER_TAG]: LZElementAttrs;\n [PROGRESS_RING_TAG]: LZElementAttrs;\n [INDETERMINATE_PROGRESS_BAR_TAG]: LZElementAttrs;\n [SKELETON_SHIMMER_TAG]: LZElementAttrs;\n [ELLIPSIS_TAG]: LZElementAttrs;\n [PROGRESS_BAR_TAG]: LZElementAttrs;\n [SKELETON_CARD_TAG]: LZElementAttrs;\n [SKELETON_LIST_TAG]: LZElementAttrs;\n }\n }\n}\n\ninterface LZElementAttrs\n extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {\n size?: number;\n color?: string;\n speed?: number;\n accent?: string;\n width?: number;\n height?: number;\n rows?: number;\n cols?: number;\n count?: number;\n percent?: number;\n gap?: number;\n \"stroke-width\"?: number;\n \"dot-size\"?: number;\n \"bar-width\"?: number;\n \"track-color\"?: string;\n \"color-weak\"?: string;\n \"color-sweep\"?: string;\n}\n\nexport interface LZCommonProps {\n size?: number;\n color?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nconst dash = (key: string, value: unknown) =>\n value === undefined ? {} : { [key]: String(value) };\n\nexport function BouncingDots(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return <lz-bouncing-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nBouncingDots.displayName = \"BouncingDots\";\n\nexport function TypingDots(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return <lz-typing-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nTypingDots.displayName = \"TypingDots\";\n\nexport function WaveDots(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return <lz-wave-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nWaveDots.displayName = \"WaveDots\";\n\nexport interface HelixDotsProps extends LZCommonProps {\n count?: number;\n}\n\nexport function HelixDots(props: HelixDotsProps) {\n const { size, color, speed, count, className, style } = props;\n return <lz-helix-dots size={size} color={color} speed={speed} count={count} className={className} style={style} />;\n}\nHelixDots.displayName = \"HelixDots\";\n\nexport interface DotGridWaveProps extends LZCommonProps {\n rows?: number;\n cols?: number;\n gap?: number;\n}\n\nexport function DotGridWave(props: DotGridWaveProps) {\n const { rows, cols, gap, size, color, speed, className, style } = props;\n return (\n <lz-dot-grid-wave\n rows={rows}\n cols={cols}\n gap={gap}\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n />\n );\n}\nDotGridWave.displayName = \"DotGridWave\";\n\nexport interface ArcSpinnerProps extends LZCommonProps {\n strokeWidth?: number;\n}\n\nexport function ArcSpinner(props: ArcSpinnerProps) {\n const { size, color, speed, strokeWidth, className, style } = props;\n return (\n <lz-arc-spinner\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"stroke-width\", strokeWidth)}\n />\n );\n}\nArcSpinner.displayName = \"ArcSpinner\";\n\nexport interface MaterialDoubleArcProps {\n size?: number;\n strokeWidth?: number;\n color?: string;\n colorWeak?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function MaterialDoubleArc(props: MaterialDoubleArcProps) {\n const { size, color, colorWeak, speed, strokeWidth, className, style } = props;\n return (\n <lz-material-double-arc\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"stroke-width\", strokeWidth)}\n {...dash(\"color-weak\", colorWeak)}\n />\n );\n}\nMaterialDoubleArc.displayName = \"MaterialDoubleArc\";\n\nexport interface ScanSweepProps extends LZCommonProps {\n colorWeak?: string;\n colorSweep?: string;\n}\n\nexport function ScanSweep(props: ScanSweepProps) {\n const { size, color, colorWeak, colorSweep, speed, className, style } = props;\n return (\n <lz-scan-sweep\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"color-weak\", colorWeak)}\n {...dash(\"color-sweep\", colorSweep)}\n />\n );\n}\nScanSweep.displayName = \"ScanSweep\";\n\nexport function OrbitDots(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return <lz-orbit-dots size={size} color={color} speed={speed} className={className} style={style} />;\n}\nOrbitDots.displayName = \"OrbitDots\";\n\nexport interface OrbitRingDotsProps extends LZCommonProps {\n dotSize?: number;\n}\n\nexport function OrbitRingDots(props: OrbitRingDotsProps) {\n const { size, color, speed, dotSize, className, style } = props;\n return (\n <lz-orbit-ring-dots\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"dot-size\", dotSize)}\n />\n );\n}\nOrbitRingDots.displayName = \"OrbitRingDots\";\n\nexport function Eyes(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return <lz-eyes size={size} color={color} speed={speed} className={className} style={style} />;\n}\nEyes.displayName = \"Eyes\";\n\nexport interface MorphingSquareProps {\n size?: number;\n accent?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function MorphingSquare(props: MorphingSquareProps) {\n const { size, accent, speed, className, style } = props;\n return <lz-morphing-square size={size} accent={accent} speed={speed} className={className} style={style} />;\n}\nMorphingSquare.displayName = \"MorphingSquare\";\n\nexport function BreathingPulse(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return (\n <lz-breathing-pulse size={size} color={color} speed={speed} className={className} style={style} />\n );\n}\nBreathingPulse.displayName = \"BreathingPulse\";\n\nexport interface EqualizerProps extends LZCommonProps {\n barWidth?: number;\n gap?: number;\n}\n\nexport function Equalizer(props: EqualizerProps) {\n const { size, color, speed, barWidth, gap, className, style } = props;\n return (\n <lz-equalizer\n size={size}\n color={color}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"bar-width\", barWidth)}\n {...dash(\"gap\", gap)}\n />\n );\n}\nEqualizer.displayName = \"Equalizer\";\n\nexport interface ProgressRingProps {\n size?: number;\n strokeWidth?: number;\n percent?: number;\n color?: string;\n trackColor?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function ProgressRing(props: ProgressRingProps) {\n const { size, color, trackColor, speed, strokeWidth, percent, className, style } = props;\n return (\n <lz-progress-ring\n size={size}\n color={color}\n speed={speed}\n percent={percent}\n className={className}\n style={style}\n {...dash(\"stroke-width\", strokeWidth)}\n {...dash(\"track-color\", trackColor)}\n />\n );\n}\nProgressRing.displayName = \"ProgressRing\";\n\nexport interface IndeterminateProgressBarProps {\n width?: number;\n height?: number;\n accent?: string;\n trackColor?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function IndeterminateProgressBar(props: IndeterminateProgressBarProps) {\n const { width, height, accent, trackColor, speed, className, style } = props;\n return (\n <lz-indeterminate-progress-bar\n width={width}\n height={height}\n accent={accent}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"track-color\", trackColor)}\n />\n );\n}\nIndeterminateProgressBar.displayName = \"IndeterminateProgressBar\";\n\nexport interface SkeletonShimmerProps {\n width?: number;\n height?: number;\n trackColor?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function SkeletonShimmer(props: SkeletonShimmerProps) {\n const { width, height, trackColor, speed, className, style } = props;\n return (\n <lz-skeleton-shimmer\n width={width}\n height={height}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"track-color\", trackColor)}\n />\n );\n}\nSkeletonShimmer.displayName = \"SkeletonShimmer\";\n\nexport function Ellipsis(props: LZCommonProps) {\n const { size, color, speed, className, style } = props;\n return <lz-ellipsis size={size} color={color} speed={speed} className={className} style={style} />;\n}\nEllipsis.displayName = \"Ellipsis\";\n\nexport interface ProgressBarProps {\n width?: number;\n height?: number;\n percent?: number;\n color?: string;\n trackColor?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function ProgressBar(props: ProgressBarProps) {\n const { width, height, percent, color, speed, trackColor, className, style } = props;\n return (\n <lz-progress-bar\n width={width}\n height={height}\n percent={percent}\n color={color}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"track-color\", trackColor)}\n />\n );\n}\nProgressBar.displayName = \"ProgressBar\";\n\nexport interface SkeletonCardProps {\n width?: number;\n height?: number;\n trackColor?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function SkeletonCard(props: SkeletonCardProps) {\n const { width, height, trackColor, speed, className, style } = props;\n return (\n <lz-skeleton-card\n width={width}\n height={height}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"track-color\", trackColor)}\n />\n );\n}\nSkeletonCard.displayName = \"SkeletonCard\";\n\nexport interface SkeletonListProps {\n width?: number;\n rows?: number;\n trackColor?: string;\n speed?: number;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function SkeletonList(props: SkeletonListProps) {\n const { width, rows, trackColor, speed, className, style } = props;\n return (\n <lz-skeleton-list\n width={width}\n rows={rows}\n speed={speed}\n className={className}\n style={style}\n {...dash(\"track-color\", trackColor)}\n />\n );\n}\nSkeletonList.displayName = \"SkeletonList\";\n\nexport { defineAll } from \"./defineAll\";\nexport type { LZPattern as LoadingPattern } from \"./base\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [BOUNCING_DOTS_TAG]: HTMLElement;\n [TYPING_DOTS_TAG]: HTMLElement;\n [WAVE_DOTS_TAG]: HTMLElement;\n [HELIX_DOTS_TAG]: HTMLElement;\n [DOT_GRID_WAVE_TAG]: HTMLElement;\n [ARC_SPINNER_TAG]: HTMLElement;\n [MATERIAL_DOUBLE_ARC_TAG]: HTMLElement;\n [SCAN_SWEEP_TAG]: HTMLElement;\n [ORBIT_DOTS_TAG]: HTMLElement;\n [ORBIT_RING_DOTS_TAG]: HTMLElement;\n [EYES_TAG]: HTMLElement;\n [MORPHING_SQUARE_TAG]: HTMLElement;\n [BREATHING_PULSE_TAG]: HTMLElement;\n [EQUALIZER_TAG]: HTMLElement;\n [PROGRESS_RING_TAG]: HTMLElement;\n [INDETERMINATE_PROGRESS_BAR_TAG]: HTMLElement;\n [SKELETON_SHIMMER_TAG]: HTMLElement;\n [ELLIPSIS_TAG]: HTMLElement;\n [PROGRESS_BAR_TAG]: HTMLElement;\n [SKELETON_CARD_TAG]: HTMLElement;\n [SKELETON_LIST_TAG]: HTMLElement;\n }\n}","export const KEYFRAMES = /* css */ `\n@keyframes lz-spin { to { transform: rotate(360deg); } }\n@keyframes lz-spin-reverse { to { transform: rotate(-360deg); } }\n@keyframes lz-dot-bounce {\n 0% { transform: translateY(0); }\n 50% { transform: translateY(var(--lz-bounce, -10px)); }\n 100% { transform: translateY(0); }\n}\n@keyframes lz-eq-wave {\n 0% { transform: scaleY(var(--lz-eq-min, 0.3)); }\n 50% { transform: scaleY(1); }\n 100% { transform: scaleY(var(--lz-eq-min, 0.3)); }\n}\n@keyframes lz-typing-pulse {\n 0%, 100% { transform: scale(var(--lz-typing-min, 0.35)); }\n 50% { transform: scale(var(--lz-typing-peak, 1.15)); }\n}\n@keyframes lz-dot-wave {\n 0%, 100% { transform: scale(var(--lz-wave-min, 0.35)); }\n 40% { transform: scale(var(--lz-wave-peak, 1.1)); }\n}\n@keyframes lz-pulse-breath {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(var(--lz-breath, 1.14)); }\n}\n@keyframes lz-shape-morph {\n 0% { transform: rotate(0deg) scale(var(--lz-morph, 0.72)); border-radius: 50%; }\n 50% { transform: rotate(45deg) scale(1); border-radius: var(--lz-morph-radius, 17%); }\n 100% { transform: rotate(90deg) scale(var(--lz-morph, 0.72)); border-radius: 50%; }\n}\n@keyframes lz-eye-gaze {\n 0%, 100% { transform: translateX(var(--lz-gaze-from, -3px)); }\n 50% { transform: translateX(var(--lz-gaze-to, 3px)); }\n}\n@keyframes lz-eye-blink {\n 0%, 88%, 100% { transform: scaleY(1); }\n 93% { transform: scaleY(var(--lz-blink, 0.08)); }\n}\n@keyframes lz-skeleton-sheen {\n 0% { transform: translateX(var(--lz-sheen-from, -120%)); }\n 100% { transform: translateX(var(--lz-sheen-to, 220%)); }\n}\n@keyframes lz-orbit-ring-dot {\n 0% { opacity: var(--lz-orbit-fade, 0.12); }\n 50% { opacity: 1; }\n 90% { opacity: var(--lz-orbit-fade, 0.12); }\n 100% { opacity: var(--lz-orbit-fade, 0.12); }\n}\n@keyframes lz-indeterminate-slide {\n 0% { transform: translateX(var(--lz-slide-from, -100%)); }\n 100% { transform: translateX(var(--lz-slide-to, 300%)); }\n}\n@keyframes lz-helix-bob {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(var(--lz-helix, -12px)); }\n}\n@keyframes lz-grid-dot-wave {\n 0% { transform: scale(var(--lz-grid-min, 0.3)); opacity: var(--lz-grid-fade, 0.15); }\n 50% { transform: scale(1); opacity: 1; }\n 100% { transform: scale(var(--lz-grid-min, 0.3)); opacity: var(--lz-grid-fade, 0.15); }\n}\n@keyframes lz-ellipsis-dot {\n 0%, 20% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }\n 40%, 80% { opacity: 1; transform: scale(1); }\n 100% { opacity: var(--lz-ellipsis-fade, 0.15); transform: scale(var(--lz-ellipsis-min, 0.8)); }\n}\n`;\n\nexport const SCOPED_CSS = /* css */ `\n:host {\n display: inline-flex;\n font-size: var(--lz-size, 44px);\n line-height: 1;\n}\n.lz-root {\n display: contents;\n}\n${KEYFRAMES}\n`;","import { SCOPED_CSS } from \"./styles\";\n\nconst isBrowser = typeof HTMLElement !== \"undefined\";\n\nconst Base = isBrowser\n ? HTMLElement\n : (class {} as unknown as typeof HTMLElement);\n\nexport abstract class LZPattern extends Base {\n static observedAttributes: string[] = [];\n\n #ready = false;\n\n /** Element-local CSS. Runs after SCOPED_CSS, keyframes are shared. */\n abstract readonly css: string;\n\n /** Markup for the pattern, rooted at nothing (inserted into .lz-root). */\n abstract template(): string;\n\n /** Set CSS variables / ARIA / dimensions from current attributes. */\n abstract sync(): void;\n\n connectedCallback() {\n const root = this.shadowRoot ?? this.attachShadow({ mode: \"open\" });\n root.innerHTML = `<style>${SCOPED_CSS}\\n${this.css}</style><div class=\"lz-root\"></div>`;\n (this as { _rootEl?: HTMLElement })._rootEl = root.querySelector(\n \".lz-root\",\n ) as HTMLElement;\n this.#ready = true;\n this.paint();\n }\n\n attributeChangedCallback() {\n if (this.#ready) this.paint();\n }\n\n /** Re-sync vars/ARIA and rebuild the pattern's children. */\n paint() {\n this.sync();\n const el = (this as unknown as { _rootEl: HTMLElement })._rootEl;\n if (el) el.innerHTML = this.template();\n }\n\n /** Read an attribute as a number, returning `fallback` when absent/invalid. */\n num(attr: string, fallback: number): number {\n const raw = this.getAttribute(attr);\n if (raw === null || raw === \"\") return fallback;\n const n = Number(raw);\n return Number.isFinite(n) ? n : fallback;\n }\n\n /** Bind a px-valued CSS variable to an attribute (length units). */\n varPx(variable: string, attr: string, _fallback: number) {\n const raw = this.getAttribute(attr);\n if (raw !== null && raw !== \"\" && Number.isFinite(Number(raw))) {\n this.style.setProperty(variable, `${Number(raw)}px`);\n } else {\n this.style.removeProperty(variable);\n }\n }\n\n /** Bind a unitless CSS variable to an attribute. */\n varNum(variable: string, attr: string, _fallback: number) {\n const raw = this.getAttribute(attr);\n if (raw !== null && raw !== \"\" && Number.isFinite(Number(raw))) {\n this.style.setProperty(variable, String(Number(raw)));\n } else {\n this.style.removeProperty(variable);\n }\n }\n\n /** Bind an arbitrary CSS variable to an attribute value (or clear it). */\n varRaw(variable: string, attr: string, _fallback?: string) {\n const raw = this.getAttribute(attr);\n if (raw !== null && raw !== \"\") {\n this.style.setProperty(variable, raw);\n } else {\n this.style.removeProperty(variable);\n }\n }\n}\n\n/** Register a pattern element, silently skipping duplicates. */\nexport function define(tag: string, ctor: CustomElementConstructor) {\n if (typeof customElements === \"undefined\") return;\n if (customElements.get(tag)) return;\n customElements.define(tag, ctor);\n}","import { LZPattern, define } from \"../base\";\n\nexport const BOUNCING_DOTS_TAG = \"lz-bouncing-dots\";\n\nclass BouncingDots extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 8px); }\n.lz-dots { display: flex; gap: 0.7em; }\n.lz-dot {\n width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-dot-bounce calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;\n}\n.lz-dot:nth-child(2) { animation-delay: 0.15s; }\n.lz-dot:nth-child(3) { animation-delay: 0.3s; }\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 8);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineBouncingDots() {\n define(BOUNCING_DOTS_TAG, BouncingDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const TYPING_DOTS_TAG = \"lz-typing-dots\";\n\nclass TypingDots extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 8px); }\n.lz-dots { display: flex; gap: 0.8em; }\n.lz-dot {\n width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-typing-pulse calc(0.9s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;\n}\n.lz-dot:nth-child(2) { animation-delay: -0.18s; }\n.lz-dot:nth-child(3) { animation-delay: -0.36s; }\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 8);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineTypingDots() {\n define(TYPING_DOTS_TAG, TypingDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const WAVE_DOTS_TAG = \"lz-wave-dots\";\n\nclass WaveDots extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 8px); }\n.lz-dots { display: flex; gap: 0.6em; }\n.lz-dot {\n width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.28, 0.1, 0.25, 1.15) infinite;\n}\n.lz-dot:nth-child(2) { animation-delay: -0.1s; }\n.lz-dot:nth-child(3) { animation-delay: -0.2s; }\n.lz-dot:nth-child(4) { animation-delay: -0.3s; }\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 8);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineWaveDots() {\n define(WAVE_DOTS_TAG, WaveDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const HELIX_DOTS_TAG = \"lz-helix-dots\";\n\nconst CYCLE = 1.4;\n\nclass HelixDots extends LZPattern {\n static observedAttributes = [\"size\", \"count\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 6px); }\n.lz-dots { display: flex; gap: 0.9em; }\n.lz-dot {\n display: inline-block; width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-helix-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n`;\n\n template() {\n const count = Math.max(1, this.num(\"count\", 10));\n let out = `<div class=\"lz-dots\" role=\"status\" aria-label=\"Loading\">`;\n for (let i = 0; i < count; i++) {\n out += `<span class=\"lz-dot\" style=\"animation-delay:-${((CYCLE / count) * i).toFixed(3)}s\"></span>`;\n }\n return `${out}</div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 6);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineHelixDots() {\n define(HELIX_DOTS_TAG, HelixDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const DOT_GRID_WAVE_TAG = \"lz-dot-grid-wave\";\n\nclass DotGridWave extends LZPattern {\n static observedAttributes = [\"rows\", \"cols\", \"size\", \"gap\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 6px); }\n.lz-grid {\n display: grid;\n gap: var(--lz-grid-gap, 12px);\n grid-template-columns: repeat(var(--lz-cols, 5), 1em);\n}\n.lz-dot {\n width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-grid-dot-wave calc(1.2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n`;\n\n template() {\n const rows = Math.max(1, this.num(\"rows\", 4));\n const cols = Math.max(1, this.num(\"cols\", 5));\n let out = `<div class=\"lz-grid\" role=\"status\" aria-label=\"Loading\">`;\n for (let r = 0; r < rows; r++) {\n for (let c = 0; c < cols; c++) {\n out += `<span class=\"lz-dot\" style=\"animation-delay:-${((r + c) * 0.08).toFixed(3)}s\"></span>`;\n }\n }\n return `${out}</div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 6);\n this.varNum(\"--lz-cols\", \"cols\", 5);\n this.varPx(\"--lz-grid-gap\", \"gap\", 12);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineDotGridWave() {\n define(DOT_GRID_WAVE_TAG, DotGridWave);\n}","import { LZPattern, define } from \"../base\";\n\nexport const ARC_SPINNER_TAG = \"lz-arc-spinner\";\n\nconst RING_MASK = `\n -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n`;\n\nclass ArcSpinner extends LZPattern {\n static observedAttributes = [\"size\", \"stroke-width\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }\n.lz-ring {\n width: 100%; height: 100%; border-radius: 50%;\n background: conic-gradient(\n from 90deg,\n var(--lz-color, #f5f5f7) 0deg,\n var(--lz-color, #f5f5f7) 110deg,\n transparent 111deg\n );\n ${RING_MASK}\n animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n return `<div class=\"lz-ring\" role=\"status\" aria-label=\"Loading\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varPx(\"--lz-stroke\", \"stroke-width\", 4);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineArcSpinner() {\n define(ARC_SPINNER_TAG, ArcSpinner);\n}","import { LZPattern, define } from \"../base\";\n\nexport const MATERIAL_DOUBLE_ARC_TAG = \"lz-material-double-arc\";\n\nconst RING_MASK = `\n -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n`;\nconst ARc = \"var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))\";\n\nclass MaterialDoubleArc extends LZPattern {\n static observedAttributes = [\"size\", \"stroke-width\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }\n.lz-arc {\n position: absolute; inset: 0; border-radius: 50%;\n ${RING_MASK}\n}\n.lz-arc-a {\n background: conic-gradient(from 0deg, ${ARc} 0deg, ${ARc} 135deg, transparent 136deg);\n animation: lz-spin calc(1s * var(--lz-speed, 1)) linear infinite;\n}\n.lz-arc-b {\n opacity: 0.6;\n background: conic-gradient(from 200deg, ${ARc} 0deg, ${ARc} 90deg, transparent 91deg);\n animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n return `<div class=\"lz-arc lz-arc-a\" role=\"status\" aria-label=\"Loading\"></div><div class=\"lz-arc lz-arc-b\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varPx(\"--lz-stroke\", \"stroke-width\", 4);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-color-weak\", \"color-weak\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineMaterialDoubleArc() {\n define(MATERIAL_DOUBLE_ARC_TAG, MaterialDoubleArc);\n}","import { LZPattern, define } from \"../base\";\n\nexport const SCAN_SWEEP_TAG = \"lz-scan-sweep\";\n\nclass ScanSweep extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }\n.lz-ring {\n position: absolute; inset: 0; border-radius: 50%;\n border: 1px solid var(--lz-track, rgba(255, 255, 255, 0.12));\n}\n.lz-ring-inner {\n position: absolute; inset: 0.28em; border-radius: 50%;\n border: 1px solid var(--lz-track-weak, rgba(255, 255, 255, 0.08));\n}\n.lz-core {\n position: absolute; width: 0.14em; height: 0.14em;\n left: 0.43em; top: 0.43em; border-radius: 50%;\n background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 80%, transparent));\n}\n.lz-sweep {\n position: absolute; inset: 0; border-radius: 50%;\n background: conic-gradient(\n from 0deg,\n var(--lz-color, #f5f5f7) 0deg,\n var(--lz-color-sweep, color-mix(in srgb, var(--lz-color, #f5f5f7) 8%, transparent)) 60deg,\n transparent 90deg\n );\n -webkit-mask: radial-gradient(closest-side, #000 100%);\n mask: radial-gradient(closest-side, #000 100%);\n animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-color-weak\", \"color-weak\");\n this.varRaw(\"--lz-color-sweep\", \"color-sweep\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineScanSweep() {\n define(SCAN_SWEEP_TAG, ScanSweep);\n}","import { LZPattern, define } from \"../base\";\n\nexport const ORBIT_DOTS_TAG = \"lz-orbit-dots\";\n\nclass OrbitDots extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }\n.lz-orbit {\n position: absolute; inset: 0;\n animation: lz-spin calc(1.8s * var(--lz-speed, 1)) linear infinite;\n}\n.lz-dot {\n position: absolute; top: 50%; left: 50%;\n width: 0.16em; height: 0.16em;\n margin: -0.08em 0 0 -0.08em; border-radius: 50%;\n background: var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 90%, transparent));\n}\n.lz-dot:nth-child(1) { transform: rotate(0deg) translateY(-0.36em); }\n.lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }\n.lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-color-weak\", \"color-weak\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineOrbitDots() {\n define(ORBIT_DOTS_TAG, OrbitDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const ORBIT_RING_DOTS_TAG = \"lz-orbit-ring-dots\";\n\nconst N = 8;\n\nclass OrbitRingDots extends LZPattern {\n static observedAttributes = [\"size\", \"dot-size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }\n.lz-orbit { position: absolute; inset: 0; }\n.lz-dot {\n position: absolute; top: 50%; left: 50%;\n width: var(--lz-dot-size, 0.18em); height: var(--lz-dot-size, 0.18em);\n margin: calc(var(--lz-dot-size, 0.18em) / -2);\n border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-orbit-ring-dot calc(1.2s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n let out = `<div class=\"lz-orbit\" role=\"status\" aria-label=\"Loading\">`;\n for (let i = 0; i < N; i++) {\n const ang = (360 / N) * i;\n out += `<span class=\"lz-dot\" style=\"transform:rotate(${ang}deg) translateY(calc(-0.5em + (var(--lz-dot-size, 0.18em) / 2)));animation-delay:-${(i * 0.15).toFixed(2)}s\"></span>`;\n }\n return `${out}</div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varPx(\"--lz-dot-size\", \"dot-size\", 7.92);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineOrbitRingDots() {\n define(ORBIT_RING_DOTS_TAG, OrbitRingDots);\n}","import { LZPattern, define } from \"../base\";\n\nexport const EYES_TAG = \"lz-eyes\";\n\nclass Eyes extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); }\n.lz-eyes { display: flex; gap: 0.24em; }\n.lz-eye {\n display: flex; align-items: center; justify-content: center;\n width: 0.34em; height: 0.2788em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-eye-blink calc(4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n.lz-pupil {\n width: 0.17em; height: 0.17em; border-radius: 50%;\n background: var(--lz-pupil, rgba(0, 0, 0, 0.85));\n animation: lz-eye-gaze calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-pupil\", \"pupil\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineEyes() {\n define(EYES_TAG, Eyes);\n}","import { LZPattern, define } from \"../base\";\n\nexport const MORPHING_SQUARE_TAG = \"lz-morphing-square\";\n\nclass MorphingSquare extends LZPattern {\n static observedAttributes = [\"size\", \"accent\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 44px);\n width: 1em; height: 1em;\n background: var(--lz-accent, #0a84ff);\n box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));\n animation: lz-shape-morph calc(2s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n`;\n\n template() {\n return `<div role=\"status\" aria-label=\"Loading\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n this.varRaw(\"--lz-glow\", \"glow\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineMorphingSquare() {\n define(MORPHING_SQUARE_TAG, MorphingSquare);\n}","import { LZPattern, define } from \"../base\";\n\nexport const BREATHING_PULSE_TAG = \"lz-breathing-pulse\";\n\nclass BreathingPulse extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 36px);\n width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-pulse-breath calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n`;\n\n template() {\n return `<div role=\"status\" aria-label=\"Loading\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 36);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineBreathingPulse() {\n define(BREATHING_PULSE_TAG, BreathingPulse);\n}","import { LZPattern, define } from \"../base\";\n\nexport const EQUALIZER_TAG = \"lz-equalizer\";\n\nclass Equalizer extends LZPattern {\n static observedAttributes = [\"size\", \"bar-width\", \"gap\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 22px); }\n.lz-eq { display: flex; align-items: flex-end; gap: var(--lz-gap, 3px); }\n.lz-bar {\n width: var(--lz-bar-width, 3px); height: 1em;\n border-radius: 2px;\n background: var(--lz-color, #f5f5f7);\n transform-origin: bottom;\n animation: lz-eq-wave calc(1s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n.lz-bar:nth-child(2) { animation-delay: 0.12s; }\n.lz-bar:nth-child(3) { animation-delay: 0.24s; }\n.lz-bar:nth-child(4) { animation-delay: 0.36s; }\n`;\n\n template() {\n 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>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 22);\n this.varPx(\"--lz-bar-width\", \"bar-width\", 3);\n this.varPx(\"--lz-gap\", \"gap\", 3);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineEqualizer() {\n define(EQUALIZER_TAG, Equalizer);\n}","import { LZPattern, define } from \"../base\";\n\nexport const PROGRESS_RING_TAG = \"lz-progress-ring\";\n\nconst RING_MASK = `\n -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));\n`;\n\nclass ProgressRing extends LZPattern {\n static observedAttributes = [\"size\", \"stroke-width\", \"percent\", \"color\", \"track-color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }\n.lz-ring { position: absolute; inset: 0; border-radius: 50%; ${RING_MASK} }\n.lz-track {\n background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);\n}\n.lz-fill {\n background: conic-gradient(var(--lz-color, #f5f5f7) calc(var(--lz-percent, 0) * 3.6deg), transparent 0deg);\n transition: background 0.2s ease;\n}\n`;\n\n template() {\n const p = Math.max(0, Math.min(100, this.num(\"percent\", 0)));\n return `<div class=\"lz-ring lz-track\" role=\"progressbar\" aria-label=\"Progress\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"${p}\"></div><div class=\"lz-ring lz-fill\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varPx(\"--lz-stroke\", \"stroke-width\", 4);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-track\", \"track-color\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n this.varNum(\"--lz-percent\", \"percent\", 0);\n }\n}\n\nexport function defineProgressRing() {\n define(PROGRESS_RING_TAG, ProgressRing);\n}","import { LZPattern, define } from \"../base\";\n\nexport const INDETERMINATE_PROGRESS_BAR_TAG = \"lz-indeterminate-progress-bar\";\n\nclass IndeterminateProgressBar extends LZPattern {\n static observedAttributes = [\"width\", \"height\", \"accent\", \"track-color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n position: relative; display: inline-block;\n width: var(--lz-width, 160px); height: var(--lz-height, 6px);\n border-radius: var(--lz-radius, 999px); overflow: hidden;\n background: var(--lz-surface, #1c1c1e);\n}\n.lz-bar {\n position: absolute; top: 0; bottom: 0; left: 0; width: 36%;\n border-radius: 999px;\n background: var(--lz-accent, #0a84ff);\n animation: lz-indeterminate-slide calc(1.6s * var(--lz-speed, 1)) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n`;\n\n template() {\n return `<div class=\"lz-bar\" role=\"status\" aria-label=\"Loading\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-width\", \"width\", 160);\n this.varPx(\"--lz-height\", \"height\", 6);\n this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n this.varRaw(\"--lz-surface\", \"track-color\", \"#1c1c1e\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineIndeterminateProgressBar() {\n define(INDETERMINATE_PROGRESS_BAR_TAG, IndeterminateProgressBar);\n}","import { LZPattern, define } from \"../base\";\n\nexport const SKELETON_SHIMMER_TAG = \"lz-skeleton-shimmer\";\n\nclass SkeletonShimmer extends LZPattern {\n static observedAttributes = [\"width\", \"height\", \"track-color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n position: relative; display: inline-block;\n width: var(--lz-width, 120px); height: var(--lz-height, 28px);\n border-radius: var(--lz-radius, 10px); overflow: hidden;\n background: var(--lz-surface, #1c1c1e);\n}\n.lz-sheen {\n position: absolute; top: 0; bottom: 0; left: 0; width: 50%;\n background: linear-gradient(to right, transparent, var(--lz-sheen, rgba(255, 255, 255, 0.1)), transparent);\n animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n return `<div class=\"lz-sheen\" role=\"status\" aria-label=\"Loading\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-width\", \"width\", 120);\n this.varPx(\"--lz-height\", \"height\", 28);\n this.varRaw(\"--lz-surface\", \"track-color\", \"#1c1c1e\");\n this.varRaw(\"--lz-sheen\", \"sheen\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineSkeletonShimmer() {\n define(SKELETON_SHIMMER_TAG, SkeletonShimmer);\n}","import { LZPattern, define } from \"../base\";\n\nexport const ELLIPSIS_TAG = \"lz-ellipsis\";\n\nclass Ellipsis extends LZPattern {\n static observedAttributes = [\"size\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n display: inline-flex; gap: 0.2em; align-items: center;\n font-size: var(--lz-size, 8px); line-height: 1;\n}\n.lz-dot {\n width: 1em; height: 1em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-ellipsis-dot calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n.lz-dot:nth-child(2) { animation-delay: -0.45s; }\n.lz-dot:nth-child(3) { animation-delay: -0.9s; }\n`;\n\n template() {\n return (\n `<span class=\"lz-dot\" role=\"status\" aria-label=\"Loading\"></span>` +\n `<span class=\"lz-dot\"></span>` +\n `<span class=\"lz-dot\"></span>`\n );\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 8);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineEllipsis() {\n define(ELLIPSIS_TAG, Ellipsis);\n}","import { LZPattern, define } from \"../base\";\n\nexport const PROGRESS_BAR_TAG = \"lz-progress-bar\";\n\nclass ProgressBar extends LZPattern {\n static observedAttributes = [\"width\", \"height\", \"percent\", \"color\", \"track-color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n display: inline-block; position: relative;\n width: var(--lz-width, 160px); height: var(--lz-height, 6px);\n border-radius: calc(var(--lz-height, 6px) / 2);\n overflow: hidden;\n background: var(--lz-track, rgba(255,255,255,0.15));\n}\n.lz-fill {\n position: absolute; top: 0; bottom: 0; left: 0; width: 100%;\n transform-origin: left;\n background: var(--lz-color, #f5f5f7);\n border-radius: inherit;\n}\n`;\n\n template() {\n return `<div class=\"lz-fill\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-width\", \"width\", 160);\n this.varPx(\"--lz-height\", \"height\", 6);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-track\", \"track-color\", \"rgba(255,255,255,0.15)\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n\n const p = Math.max(0, Math.min(100, this.num(\"percent\", 0)));\n this.style.setProperty(\"--lz-percent\", `${p}`);\n const fill = this.shadowRoot?.querySelector(\".lz-fill\") as HTMLElement | null;\n if (fill) fill.style.transform = `scaleX(${p / 100})`;\n this.setAttribute(\"aria-valuenow\", String(p));\n }\n}\n\nexport function defineProgressBar() {\n define(PROGRESS_BAR_TAG, ProgressBar);\n}","import { LZPattern, define } from \"../base\";\n\nexport const SKELETON_CARD_TAG = \"lz-skeleton-card\";\n\nclass SkeletonCard extends LZPattern {\n static observedAttributes = [\"width\", \"height\", \"track-color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n position: relative; display: inline-block;\n width: var(--lz-width, 200px); height: var(--lz-height, 64px);\n border-radius: var(--lz-radius, 10px); overflow: hidden;\n background: var(--lz-surface, #1c1c1e);\n}\n.lz-card-row {\n display: flex; gap: 10px; padding: 12px;\n}\n.lz-avatar {\n width: 40px; height: 40px; border-radius: 50%;\n background: rgba(255,255,255,0.08); flex-shrink: 0;\n}\n.lz-lines { display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 0; }\n.lz-line {\n height: 8px; border-radius: 4px;\n background: rgba(255,255,255,0.08);\n}\n.lz-line-short { width: 60%; }\n.lz-sheen {\n position: absolute; top: 0; bottom: 0; left: 0; width: 50%;\n background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);\n animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n return (\n `<div class=\"lz-card-row\" role=\"status\" aria-label=\"Loading\">` +\n `<div class=\"lz-avatar\"></div>` +\n `<div class=\"lz-lines\">` +\n `<div class=\"lz-line\"></div>` +\n `<div class=\"lz-line lz-line-short\"></div>` +\n `<div class=\"lz-line\" style=\"width:80%\"></div>` +\n `</div>` +\n `</div>` +\n `<div class=\"lz-sheen\"></div>`\n );\n }\n\n sync() {\n this.varPx(\"--lz-width\", \"width\", 200);\n this.varPx(\"--lz-height\", \"height\", 64);\n this.varRaw(\"--lz-surface\", \"track-color\", \"#1c1c1e\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineSkeletonCard() {\n define(SKELETON_CARD_TAG, SkeletonCard);\n}","import { LZPattern, define } from \"../base\";\n\nexport const SKELETON_LIST_TAG = \"lz-skeleton-list\";\n\nclass SkeletonList extends LZPattern {\n static observedAttributes = [\"width\", \"rows\", \"track-color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n position: relative; display: block;\n width: var(--lz-width, 180px);\n border-radius: var(--lz-radius, 10px); overflow: hidden;\n background: var(--lz-surface, #1c1c1e);\n}\n.lz-list-row {\n display: flex; align-items: center; gap: 8px;\n padding: 8px 12px;\n}\n.lz-list-avatar {\n width: 28px; height: 28px; border-radius: 50%;\n background: rgba(255,255,255,0.08); flex-shrink: 0;\n}\n.lz-list-line {\n height: 8px; border-radius: 4px;\n background: rgba(255,255,255,0.08); flex: 1;\n}\n.lz-list-line-fixed { height: 8px; border-radius: 4px; background: rgba(255,255,255,0.08); }\n.lz-sheen {\n position: absolute; top: 0; bottom: 0; left: 0; width: 50%;\n background: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);\n animation: lz-skeleton-sheen calc(1.4s * var(--lz-speed, 1)) linear infinite;\n}\n`;\n\n template() {\n const n = Math.max(1, Math.min(8, this.num(\"rows\", 4)));\n const widths = [\"100%\", \"85%\", \"92%\", \"68%\", \"95%\", \"78%\", \"88%\", \"72%\"];\n let out = `<div role=\"status\" aria-label=\"Loading\">`;\n for (let i = 0; i < n; i++) {\n const w = widths[i % widths.length];\n out +=\n `<div class=\"lz-list-row\">` +\n `<div class=\"lz-list-avatar\"></div>` +\n `<div class=\"lz-list-line\" style=\"width:${w}\"></div>` +\n `</div>`;\n }\n return `${out}</div><div class=\"lz-sheen\"></div>`;\n }\n\n sync() {\n this.varPx(\"--lz-width\", \"width\", 180);\n this.varRaw(\"--lz-surface\", \"track-color\", \"#1c1c1e\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineSkeletonList() {\n define(SKELETON_LIST_TAG, SkeletonList);\n}","import { defineBouncingDots } from \"./elements/BouncingDots\";\nimport { defineTypingDots } from \"./elements/TypingDots\";\nimport { defineWaveDots } from \"./elements/WaveDots\";\nimport { defineHelixDots } from \"./elements/HelixDots\";\nimport { defineDotGridWave } from \"./elements/DotGridWave\";\nimport { defineArcSpinner } from \"./elements/ArcSpinner\";\nimport { defineMaterialDoubleArc } from \"./elements/MaterialDoubleArc\";\nimport { defineScanSweep } from \"./elements/ScanSweep\";\nimport { defineOrbitDots } from \"./elements/OrbitDots\";\nimport { defineOrbitRingDots } from \"./elements/OrbitRingDots\";\nimport { defineEyes } from \"./elements/Eyes\";\nimport { defineMorphingSquare } from \"./elements/MorphingSquare\";\nimport { defineBreathingPulse } from \"./elements/BreathingPulse\";\nimport { defineEqualizer } from \"./elements/Equalizer\";\nimport { defineProgressRing } from \"./elements/ProgressRing\";\nimport { defineIndeterminateProgressBar } from \"./elements/IndeterminateProgressBar\";\nimport { defineSkeletonShimmer } from \"./elements/SkeletonShimmer\";\nimport { defineEllipsis } from \"./elements/Ellipsis\";\nimport { defineProgressBar } from \"./elements/ProgressBar\";\nimport { defineSkeletonCard } from \"./elements/SkeletonCard\";\nimport { defineSkeletonList } from \"./elements/SkeletonList\";\n\n/**\n * Register every pattern as a custom element.\n * Safe to call repeatedly; duplicates are skipped.\n */\nexport function defineAll() {\n defineBouncingDots();\n defineTypingDots();\n defineWaveDots();\n defineHelixDots();\n defineDotGridWave();\n defineArcSpinner();\n defineMaterialDoubleArc();\n defineScanSweep();\n defineOrbitDots();\n defineOrbitRingDots();\n defineEyes();\n defineMorphingSquare();\n defineBreathingPulse();\n defineEqualizer();\n defineProgressRing();\n defineIndeterminateProgressBar();\n defineSkeletonShimmer();\n defineEllipsis();\n defineProgressBar();\n defineSkeletonCard();\n defineSkeletonList();\n}"],"mappings":"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","names":["react_exports","__export","ArcSpinner","BouncingDots","BreathingPulse","DotGridWave","Ellipsis","Equalizer","Eyes","HelixDots","IndeterminateProgressBar","MaterialDoubleArc","MorphingSquare","OrbitDots","OrbitRingDots","ProgressBar","ProgressRing","ScanSweep","SkeletonCard","SkeletonList","SkeletonShimmer","TypingDots","WaveDots","defineAll","__toCommonJS","KEYFRAMES","SCOPED_CSS","isBrowser","Base","_ready","LZPattern","__privateAdd","root","SCOPED_CSS","__privateSet","__privateGet","el","attr","fallback","raw","n","variable","_fallback","define","tag","ctor","BOUNCING_DOTS_TAG","BouncingDots","LZPattern","defineBouncingDots","define","TYPING_DOTS_TAG","TypingDots","LZPattern","defineTypingDots","define","WAVE_DOTS_TAG","WaveDots","LZPattern","defineWaveDots","define","HELIX_DOTS_TAG","CYCLE","HelixDots","LZPattern","count","out","i","defineHelixDots","define","DOT_GRID_WAVE_TAG","DotGridWave","LZPattern","rows","cols","out","r","c","defineDotGridWave","define","ARC_SPINNER_TAG","RING_MASK","ArcSpinner","LZPattern","defineArcSpinner","define","MATERIAL_DOUBLE_ARC_TAG","RING_MASK","ARc","MaterialDoubleArc","LZPattern","defineMaterialDoubleArc","define","SCAN_SWEEP_TAG","ScanSweep","LZPattern","defineScanSweep","define","ORBIT_DOTS_TAG","OrbitDots","LZPattern","defineOrbitDots","define","ORBIT_RING_DOTS_TAG","N","OrbitRingDots","LZPattern","out","i","ang","defineOrbitRingDots","define","EYES_TAG","Eyes","LZPattern","defineEyes","define","MORPHING_SQUARE_TAG","MorphingSquare","LZPattern","defineMorphingSquare","define","BREATHING_PULSE_TAG","BreathingPulse","LZPattern","defineBreathingPulse","define","EQUALIZER_TAG","Equalizer","LZPattern","defineEqualizer","define","PROGRESS_RING_TAG","RING_MASK","ProgressRing","LZPattern","defineProgressRing","define","INDETERMINATE_PROGRESS_BAR_TAG","IndeterminateProgressBar","LZPattern","defineIndeterminateProgressBar","define","SKELETON_SHIMMER_TAG","SkeletonShimmer","LZPattern","defineSkeletonShimmer","define","ELLIPSIS_TAG","Ellipsis","LZPattern","defineEllipsis","define","PROGRESS_BAR_TAG","ProgressBar","LZPattern","p","fill","defineProgressBar","define","SKELETON_CARD_TAG","SkeletonCard","LZPattern","defineSkeletonCard","define","SKELETON_LIST_TAG","SkeletonList","LZPattern","n","widths","out","w","defineSkeletonList","define","defineAll","defineBouncingDots","defineTypingDots","defineWaveDots","defineHelixDots","defineDotGridWave","defineArcSpinner","defineMaterialDoubleArc","defineScanSweep","defineOrbitDots","defineOrbitRingDots","defineEyes","defineMorphingSquare","defineBreathingPulse","defineEqualizer","defineProgressRing","defineIndeterminateProgressBar","defineSkeletonShimmer","defineEllipsis","defineProgressBar","defineSkeletonCard","defineSkeletonList","import_jsx_runtime","defineAll","dash","key","value","BouncingDots","props","size","color","speed","className","style","TypingDots","WaveDots","HelixDots","count","DotGridWave","rows","cols","gap","ArcSpinner","strokeWidth","MaterialDoubleArc","colorWeak","ScanSweep","colorSweep","OrbitDots","OrbitRingDots","dotSize","Eyes","MorphingSquare","accent","BreathingPulse","Equalizer","barWidth","ProgressRing","trackColor","percent","IndeterminateProgressBar","width","height","SkeletonShimmer","Ellipsis","ProgressBar","SkeletonCard","SkeletonList"]}
package/dist/react.d.cts CHANGED
@@ -35,6 +35,14 @@ declare const INDETERMINATE_PROGRESS_BAR_TAG = "lz-indeterminate-progress-bar";
35
35
 
36
36
  declare const SKELETON_SHIMMER_TAG = "lz-skeleton-shimmer";
37
37
 
38
+ declare const ELLIPSIS_TAG = "lz-ellipsis";
39
+
40
+ declare const PROGRESS_BAR_TAG = "lz-progress-bar";
41
+
42
+ declare const SKELETON_CARD_TAG = "lz-skeleton-card";
43
+
44
+ declare const SKELETON_LIST_TAG = "lz-skeleton-list";
45
+
38
46
  /**
39
47
  * Register every pattern as a custom element.
40
48
  * Safe to call repeatedly; duplicates are skipped.
@@ -88,6 +96,10 @@ declare module "react" {
88
96
  [PROGRESS_RING_TAG]: LZElementAttrs;
89
97
  [INDETERMINATE_PROGRESS_BAR_TAG]: LZElementAttrs;
90
98
  [SKELETON_SHIMMER_TAG]: LZElementAttrs;
99
+ [ELLIPSIS_TAG]: LZElementAttrs;
100
+ [PROGRESS_BAR_TAG]: LZElementAttrs;
101
+ [SKELETON_CARD_TAG]: LZElementAttrs;
102
+ [SKELETON_LIST_TAG]: LZElementAttrs;
91
103
  }
92
104
  }
93
105
  }
@@ -250,6 +262,48 @@ declare function SkeletonShimmer(props: SkeletonShimmerProps): react.JSX.Element
250
262
  declare namespace SkeletonShimmer {
251
263
  var displayName: string;
252
264
  }
265
+ declare function Ellipsis(props: LZCommonProps): react.JSX.Element;
266
+ declare namespace Ellipsis {
267
+ var displayName: string;
268
+ }
269
+ interface ProgressBarProps {
270
+ width?: number;
271
+ height?: number;
272
+ percent?: number;
273
+ color?: string;
274
+ trackColor?: string;
275
+ speed?: number;
276
+ className?: string;
277
+ style?: CSSProperties;
278
+ }
279
+ declare function ProgressBar(props: ProgressBarProps): react.JSX.Element;
280
+ declare namespace ProgressBar {
281
+ var displayName: string;
282
+ }
283
+ interface SkeletonCardProps {
284
+ width?: number;
285
+ height?: number;
286
+ trackColor?: string;
287
+ speed?: number;
288
+ className?: string;
289
+ style?: CSSProperties;
290
+ }
291
+ declare function SkeletonCard(props: SkeletonCardProps): react.JSX.Element;
292
+ declare namespace SkeletonCard {
293
+ var displayName: string;
294
+ }
295
+ interface SkeletonListProps {
296
+ width?: number;
297
+ rows?: number;
298
+ trackColor?: string;
299
+ speed?: number;
300
+ className?: string;
301
+ style?: CSSProperties;
302
+ }
303
+ declare function SkeletonList(props: SkeletonListProps): react.JSX.Element;
304
+ declare namespace SkeletonList {
305
+ var displayName: string;
306
+ }
253
307
 
254
308
  declare global {
255
309
  interface HTMLElementTagNameMap {
@@ -270,7 +324,11 @@ declare global {
270
324
  [PROGRESS_RING_TAG]: HTMLElement;
271
325
  [INDETERMINATE_PROGRESS_BAR_TAG]: HTMLElement;
272
326
  [SKELETON_SHIMMER_TAG]: HTMLElement;
327
+ [ELLIPSIS_TAG]: HTMLElement;
328
+ [PROGRESS_BAR_TAG]: HTMLElement;
329
+ [SKELETON_CARD_TAG]: HTMLElement;
330
+ [SKELETON_LIST_TAG]: HTMLElement;
273
331
  }
274
332
  }
275
333
 
276
- export { ArcSpinner, type ArcSpinnerProps, BouncingDots, BreathingPulse, DotGridWave, type DotGridWaveProps, Equalizer, type EqualizerProps, Eyes, HelixDots, type HelixDotsProps, IndeterminateProgressBar, type IndeterminateProgressBarProps, type LZCommonProps, LZPattern as LoadingPattern, MaterialDoubleArc, type MaterialDoubleArcProps, MorphingSquare, type MorphingSquareProps, OrbitDots, OrbitRingDots, type OrbitRingDotsProps, ProgressRing, type ProgressRingProps, ScanSweep, type ScanSweepProps, SkeletonShimmer, type SkeletonShimmerProps, TypingDots, WaveDots, defineAll };
334
+ export { ArcSpinner, type ArcSpinnerProps, BouncingDots, BreathingPulse, DotGridWave, type DotGridWaveProps, Ellipsis, Equalizer, type EqualizerProps, Eyes, HelixDots, type HelixDotsProps, IndeterminateProgressBar, type IndeterminateProgressBarProps, type LZCommonProps, LZPattern as LoadingPattern, MaterialDoubleArc, type MaterialDoubleArcProps, MorphingSquare, type MorphingSquareProps, OrbitDots, OrbitRingDots, type OrbitRingDotsProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, ScanSweep, type ScanSweepProps, SkeletonCard, type SkeletonCardProps, SkeletonList, type SkeletonListProps, SkeletonShimmer, type SkeletonShimmerProps, TypingDots, WaveDots, defineAll };
package/dist/react.d.ts CHANGED
@@ -35,6 +35,14 @@ declare const INDETERMINATE_PROGRESS_BAR_TAG = "lz-indeterminate-progress-bar";
35
35
 
36
36
  declare const SKELETON_SHIMMER_TAG = "lz-skeleton-shimmer";
37
37
 
38
+ declare const ELLIPSIS_TAG = "lz-ellipsis";
39
+
40
+ declare const PROGRESS_BAR_TAG = "lz-progress-bar";
41
+
42
+ declare const SKELETON_CARD_TAG = "lz-skeleton-card";
43
+
44
+ declare const SKELETON_LIST_TAG = "lz-skeleton-list";
45
+
38
46
  /**
39
47
  * Register every pattern as a custom element.
40
48
  * Safe to call repeatedly; duplicates are skipped.
@@ -88,6 +96,10 @@ declare module "react" {
88
96
  [PROGRESS_RING_TAG]: LZElementAttrs;
89
97
  [INDETERMINATE_PROGRESS_BAR_TAG]: LZElementAttrs;
90
98
  [SKELETON_SHIMMER_TAG]: LZElementAttrs;
99
+ [ELLIPSIS_TAG]: LZElementAttrs;
100
+ [PROGRESS_BAR_TAG]: LZElementAttrs;
101
+ [SKELETON_CARD_TAG]: LZElementAttrs;
102
+ [SKELETON_LIST_TAG]: LZElementAttrs;
91
103
  }
92
104
  }
93
105
  }
@@ -250,6 +262,48 @@ declare function SkeletonShimmer(props: SkeletonShimmerProps): react.JSX.Element
250
262
  declare namespace SkeletonShimmer {
251
263
  var displayName: string;
252
264
  }
265
+ declare function Ellipsis(props: LZCommonProps): react.JSX.Element;
266
+ declare namespace Ellipsis {
267
+ var displayName: string;
268
+ }
269
+ interface ProgressBarProps {
270
+ width?: number;
271
+ height?: number;
272
+ percent?: number;
273
+ color?: string;
274
+ trackColor?: string;
275
+ speed?: number;
276
+ className?: string;
277
+ style?: CSSProperties;
278
+ }
279
+ declare function ProgressBar(props: ProgressBarProps): react.JSX.Element;
280
+ declare namespace ProgressBar {
281
+ var displayName: string;
282
+ }
283
+ interface SkeletonCardProps {
284
+ width?: number;
285
+ height?: number;
286
+ trackColor?: string;
287
+ speed?: number;
288
+ className?: string;
289
+ style?: CSSProperties;
290
+ }
291
+ declare function SkeletonCard(props: SkeletonCardProps): react.JSX.Element;
292
+ declare namespace SkeletonCard {
293
+ var displayName: string;
294
+ }
295
+ interface SkeletonListProps {
296
+ width?: number;
297
+ rows?: number;
298
+ trackColor?: string;
299
+ speed?: number;
300
+ className?: string;
301
+ style?: CSSProperties;
302
+ }
303
+ declare function SkeletonList(props: SkeletonListProps): react.JSX.Element;
304
+ declare namespace SkeletonList {
305
+ var displayName: string;
306
+ }
253
307
 
254
308
  declare global {
255
309
  interface HTMLElementTagNameMap {
@@ -270,7 +324,11 @@ declare global {
270
324
  [PROGRESS_RING_TAG]: HTMLElement;
271
325
  [INDETERMINATE_PROGRESS_BAR_TAG]: HTMLElement;
272
326
  [SKELETON_SHIMMER_TAG]: HTMLElement;
327
+ [ELLIPSIS_TAG]: HTMLElement;
328
+ [PROGRESS_BAR_TAG]: HTMLElement;
329
+ [SKELETON_CARD_TAG]: HTMLElement;
330
+ [SKELETON_LIST_TAG]: HTMLElement;
273
331
  }
274
332
  }
275
333
 
276
- export { ArcSpinner, type ArcSpinnerProps, BouncingDots, BreathingPulse, DotGridWave, type DotGridWaveProps, Equalizer, type EqualizerProps, Eyes, HelixDots, type HelixDotsProps, IndeterminateProgressBar, type IndeterminateProgressBarProps, type LZCommonProps, LZPattern as LoadingPattern, MaterialDoubleArc, type MaterialDoubleArcProps, MorphingSquare, type MorphingSquareProps, OrbitDots, OrbitRingDots, type OrbitRingDotsProps, ProgressRing, type ProgressRingProps, ScanSweep, type ScanSweepProps, SkeletonShimmer, type SkeletonShimmerProps, TypingDots, WaveDots, defineAll };
334
+ export { ArcSpinner, type ArcSpinnerProps, BouncingDots, BreathingPulse, DotGridWave, type DotGridWaveProps, Ellipsis, Equalizer, type EqualizerProps, Eyes, HelixDots, type HelixDotsProps, IndeterminateProgressBar, type IndeterminateProgressBarProps, type LZCommonProps, LZPattern as LoadingPattern, MaterialDoubleArc, type MaterialDoubleArcProps, MorphingSquare, type MorphingSquareProps, OrbitDots, OrbitRingDots, type OrbitRingDotsProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, ScanSweep, type ScanSweepProps, SkeletonCard, type SkeletonCardProps, SkeletonList, type SkeletonListProps, SkeletonShimmer, type SkeletonShimmerProps, TypingDots, WaveDots, defineAll };