npm - loading-state-zoo - Versions diffs - 0.1.0 → 0.1.2 - Mend

loading-state-zoo 0.1.0 → 0.1.2

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 (10) hide show

package/dist/react.cjs.map CHANGED Viewed

	@@ -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 { 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 { 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 { 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 { 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 { 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 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 { 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/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"]}

package/dist/react.js CHANGED Viewed

@@ -125,7 +125,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
 `,g=class extends i{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; }
 .lz-ring {
   width: 100%; height: 100%; border-radius: 50%;
   background: conic-gradient(
@@ -141,7 +141,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
 `,b="var(--lz-color-weak, color-mix(in srgb, var(--lz-color, #f5f5f7) 95%, transparent))",x=class extends i{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-arc {
   position: absolute; inset: 0; border-radius: 50%;
   ${he}
@@ -156,7 +156,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
   animation: lz-spin-reverse calc(2.4s * var(--lz-speed, 1)) linear infinite;
 }
 `}template(){return'<div class="lz-arc lz-arc-a" role="status" aria-label="Loading"></div><div class="lz-arc lz-arc-b"></div>'}sync(){this.varPx("--lz-size","size",44),this.varPx("--lz-stroke","stroke-width",4),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};x.observedAttributes=["size","stroke-width","color","speed"];function q(){l(fe,x)}var ue="lz-scan-sweep",y=class extends i{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-ring {
   position: absolute; inset: 0; border-radius: 50%;
   border: 1px solid var(--lz-track, rgba(255, 255, 255, 0.12));
@@ -183,7 +183,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
   animation: lz-spin calc(2.5s * var(--lz-speed, 1)) linear infinite;
 }
 `}template(){return'<div class="lz-ring" role="status" aria-label="Loading"></div><div class="lz-ring-inner"></div><div class="lz-core"></div><div class="lz-sweep"></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varRaw("--lz-color-sweep","color-sweep"),this.varNum("--lz-speed","speed",1)}};y.observedAttributes=["size","color","speed"];function $(){l(ue,y)}var ve="lz-orbit-dots",A=class extends i{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit {
   position: absolute; inset: 0;
   animation: lz-spin calc(1.8s * var(--lz-speed, 1)) linear infinite;
@@ -198,7 +198,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
 .lz-dot:nth-child(2) { transform: rotate(120deg) translateY(-0.36em); }
 .lz-dot:nth-child(3) { transform: rotate(240deg) translateY(-0.36em); }
 `}template(){return'<div class="lz-orbit" role="status" aria-label="Loading"><span class="lz-dot"></span><span class="lz-dot"></span><span class="lz-dot"></span></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-color-weak","color-weak"),this.varNum("--lz-speed","speed",1)}};A.observedAttributes=["size","color","speed"];function X(){l(ve,A)}var ge="lz-orbit-ring-dots",K=8,T=class extends i{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-orbit { position: absolute; inset: 0; }
 .lz-dot {
   position: absolute; top: 50%; left: 50%;
@@ -224,6 +224,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
 }
 `}template(){return'<div class="lz-eyes" role="status" aria-label="Loading"><div class="lz-eye"><span class="lz-pupil"></span></div><div class="lz-eye"><span class="lz-pupil"></span></div></div>'}sync(){this.varPx("--lz-size","size",44),this.varRaw("--lz-color","color","#f5f5f7"),this.varRaw("--lz-pupil","pupil"),this.varNum("--lz-speed","speed",1)}};E.observedAttributes=["size","color","speed"];function V(){l(be,E)}var xe="lz-morphing-square",_=class extends i{constructor(){super(...arguments);this.css=`
 :host {
+  font-size: var(--lz-size, 44px);
   width: 1em; height: 1em;
   background: var(--lz-accent, #0a84ff);
   box-shadow: 0 0 calc(0.41 * var(--lz-size, 44px)) var(--lz-glow, color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent));
@@ -253,7 +254,7 @@ ${this.css}</style><div class="lz-root"></div>`,this._rootEl=t.querySelector(".l
   -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
   mask: radial-gradient(farthest-side, transparent calc(100% - var(--lz-stroke, 4px)), #000 calc(100% - var(--lz-stroke, 4px)));
 `,N=class extends i{constructor(){super(...arguments);this.css=`
-:host { width: 1em; height: 1em; position: relative; }
+:host { font-size: var(--lz-size, 44px); width: 1em; height: 1em; position: relative; }
 .lz-ring { position: absolute; inset: 0; border-radius: 50%; ${Ee} }
 .lz-track {
   background: conic-gradient(var(--lz-track, rgba(255, 255, 255, 0.15)) 0deg, var(--lz-track, rgba(255, 255, 255, 0.15)) 360deg);