loading-state-zoo 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +276 -3
- package/dist/index.cjs +270 -34
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +36 -3
- package/dist/index.d.ts +36 -3
- package/dist/index.js +268 -32
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +267 -31
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +123 -1
- package/dist/react.d.ts +123 -1
- package/dist/react.js +267 -31
- package/dist/react.js.map +1 -1
- package/dist/theme.css +451 -0
- package/docs/AI.md +16 -8
- package/docs/components.json +297 -2
- package/package.json +2 -2
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../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 { defineAll } from \"./defineAll\";\nimport { defineBouncingDots, BOUNCING_DOTS_TAG } from \"./elements/BouncingDots\";\nimport { defineTypingDots, TYPING_DOTS_TAG } from \"./elements/TypingDots\";\nimport { defineWaveDots, WAVE_DOTS_TAG } from \"./elements/WaveDots\";\nimport { defineHelixDots, HELIX_DOTS_TAG } from \"./elements/HelixDots\";\nimport { defineDotGridWave, DOT_GRID_WAVE_TAG } from \"./elements/DotGridWave\";\nimport { defineArcSpinner, ARC_SPINNER_TAG } from \"./elements/ArcSpinner\";\nimport {\n defineMaterialDoubleArc,\n MATERIAL_DOUBLE_ARC_TAG,\n} from \"./elements/MaterialDoubleArc\";\nimport { defineScanSweep, SCAN_SWEEP_TAG } from \"./elements/ScanSweep\";\nimport { defineOrbitDots, ORBIT_DOTS_TAG } from \"./elements/OrbitDots\";\nimport {\n defineOrbitRingDots,\n ORBIT_RING_DOTS_TAG,\n} from \"./elements/OrbitRingDots\";\nimport { defineEyes, EYES_TAG } from \"./elements/Eyes\";\nimport {\n defineMorphingSquare,\n MORPHING_SQUARE_TAG,\n} from \"./elements/MorphingSquare\";\nimport {\n defineBreathingPulse,\n BREATHING_PULSE_TAG,\n} from \"./elements/BreathingPulse\";\nimport { defineEqualizer, EQUALIZER_TAG } from \"./elements/Equalizer\";\nimport { defineProgressRing, PROGRESS_RING_TAG } from \"./elements/ProgressRing\";\nimport {\n defineIndeterminateProgressBar,\n INDETERMINATE_PROGRESS_BAR_TAG,\n} from \"./elements/IndeterminateProgressBar\";\nimport {\n defineSkeletonShimmer,\n SKELETON_SHIMMER_TAG,\n} from \"./elements/SkeletonShimmer\";\nimport { defineEllipsis, ELLIPSIS_TAG } from \"./elements/Ellipsis\";\nimport { defineProgressBar, PROGRESS_BAR_TAG } from \"./elements/ProgressBar\";\nimport { defineSkeletonCard, SKELETON_CARD_TAG } from \"./elements/SkeletonCard\";\nimport { defineSkeletonList, SKELETON_LIST_TAG } from \"./elements/SkeletonList\";\n\nexport { LZPattern, define } from \"./base\";\nexport { KEYFRAMES, SCOPED_CSS } from \"./styles\";\nexport { defineAll } from \"./defineAll\";\n\nexport {\n defineBouncingDots,\n BOUNCING_DOTS_TAG,\n defineTypingDots,\n TYPING_DOTS_TAG,\n defineWaveDots,\n WAVE_DOTS_TAG,\n defineHelixDots,\n HELIX_DOTS_TAG,\n defineDotGridWave,\n DOT_GRID_WAVE_TAG,\n defineArcSpinner,\n ARC_SPINNER_TAG,\n defineMaterialDoubleArc,\n MATERIAL_DOUBLE_ARC_TAG,\n defineScanSweep,\n SCAN_SWEEP_TAG,\n defineOrbitDots,\n ORBIT_DOTS_TAG,\n defineOrbitRingDots,\n ORBIT_RING_DOTS_TAG,\n defineEyes,\n EYES_TAG,\n defineMorphingSquare,\n MORPHING_SQUARE_TAG,\n defineBreathingPulse,\n BREATHING_PULSE_TAG,\n defineEqualizer,\n EQUALIZER_TAG,\n defineProgressRing,\n PROGRESS_RING_TAG,\n defineIndeterminateProgressBar,\n INDETERMINATE_PROGRESS_BAR_TAG,\n defineSkeletonShimmer,\n SKELETON_SHIMMER_TAG,\n defineEllipsis,\n ELLIPSIS_TAG,\n defineProgressBar,\n PROGRESS_BAR_TAG,\n defineSkeletonCard,\n SKELETON_CARD_TAG,\n defineSkeletonList,\n SKELETON_LIST_TAG,\n} from \"./elements\";\n\n// Self-register all patterns on import. Call `defineAll()` explicitly\n// (or import without side effects) if you prefer manual control.\ndefineAll();\n\nexport type { LZPattern as LoadingPattern } from \"./base\";","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":"2wBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,qBAAAE,EAAA,sBAAAC,EAAA,wBAAAC,GAAA,sBAAAC,EAAA,iBAAAC,GAAA,kBAAAC,GAAA,aAAAC,GAAA,mBAAAC,EAAA,mCAAAC,GAAA,cAAAC,GAAA,cAAAC,EAAA,4BAAAC,EAAA,wBAAAC,GAAA,mBAAAC,EAAA,wBAAAC,EAAA,qBAAAC,GAAA,sBAAAC,GAAA,mBAAAC,EAAA,eAAAC,EAAA,sBAAAC,GAAA,sBAAAC,GAAA,yBAAAC,GAAA,oBAAAC,EAAA,kBAAAC,EAAA,WAAAC,EAAA,cAAAC,GAAA,qBAAAC,EAAA,uBAAAC,EAAA,yBAAAC,EAAA,sBAAAC,EAAA,mBAAAC,EAAA,oBAAAC,EAAA,eAAAC,EAAA,oBAAAC,EAAA,mCAAAC,EAAA,4BAAAC,EAAA,yBAAAC,EAAA,oBAAAC,EAAA,wBAAAC,EAAA,sBAAAC,EAAA,uBAAAC,EAAA,oBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,0BAAAC,EAAA,qBAAAC,EAAA,mBAAAC,IAAA,eAAAC,GAAAjD,ICAO,IAAMkD,GAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoEtBC,EAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASlCD,EAAS;EC3EX,IAAME,GAAY,OAAO,YAAgB,IAEnCC,GAAOD,GACT,YACC,KAAM,CAAC,EANZE,EAQsBC,EAAf,cAAiCF,EAAK,CAAtC,kCAGLG,GAAA,KAAAF,EAAS,IAWT,mBAAoB,CAClB,IAAMG,EAAO,KAAK,YAAc,KAAK,aAAa,CAAE,KAAM,MAAO,CAAC,EAClEA,EAAK,UAAY,UAAUC,CAAU;AAAA,EAAK,KAAK,GAAG,sCACjD,KAAmC,QAAUD,EAAK,cACjD,UACF,EACAE,GAAA,KAAKL,EAAS,IACd,KAAK,MAAM,CACb,CAEA,0BAA2B,CACrBM,GAAA,KAAKN,IAAQ,KAAK,MAAM,CAC9B,CAGA,OAAQ,CACN,KAAK,KAAK,EACV,IAAMO,EAAM,KAA6C,QACrDA,IAAIA,EAAG,UAAY,KAAK,SAAS,EACvC,CAGA,IAAIC,EAAcC,EAA0B,CAC1C,IAAMC,EAAM,KAAK,aAAaF,CAAI,EAClC,GAAIE,IAAQ,MAAQA,IAAQ,GAAI,OAAOD,EACvC,IAAME,EAAI,OAAOD,CAAG,EACpB,OAAO,OAAO,SAASC,CAAC,EAAIA,EAAIF,CAClC,CAGA,MAAMG,EAAkBJ,EAAcK,EAAmB,CACvD,IAAMH,EAAM,KAAK,aAAaF,CAAI,EAC9BE,IAAQ,MAAQA,IAAQ,IAAM,OAAO,SAAS,OAAOA,CAAG,CAAC,EAC3D,KAAK,MAAM,YAAYE,EAAU,GAAG,OAAOF,CAAG,CAAC,IAAI,EAEnD,KAAK,MAAM,eAAeE,CAAQ,CAEtC,CAGA,OAAOA,EAAkBJ,EAAcK,EAAmB,CACxD,IAAMH,EAAM,KAAK,aAAaF,CAAI,EAC9BE,IAAQ,MAAQA,IAAQ,IAAM,OAAO,SAAS,OAAOA,CAAG,CAAC,EAC3D,KAAK,MAAM,YAAYE,EAAU,OAAO,OAAOF,CAAG,CAAC,CAAC,EAEpD,KAAK,MAAM,eAAeE,CAAQ,CAEtC,CAGA,OAAOA,EAAkBJ,EAAcK,EAAoB,CACzD,IAAMH,EAAM,KAAK,aAAaF,CAAI,EAC9BE,IAAQ,MAAQA,IAAQ,GAC1B,KAAK,MAAM,YAAYE,EAAUF,CAAG,EAEpC,KAAK,MAAM,eAAeE,CAAQ,CAEtC,CACF,EArEEZ,EAAA,YAHoBC,EACb,mBAA+B,CAAC,EA0ElC,SAASa,EAAOC,EAAaC,EAAgC,CAC9D,OAAO,eAAmB,KAC1B,eAAe,IAAID,CAAG,GAC1B,eAAe,OAAOA,EAAKC,CAAI,CACjC,CCrFO,IAAMC,EAAoB,mBAE3BC,EAAN,cAA2BC,CAAU,CAArC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYzB,UAAW,CACT,MAAO,oJACT,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,CAAC,EACjC,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EAxBMD,EACG,mBAAqB,CAAC,OAAQ,QAAS,OAAO,EAyBhD,SAASE,GAAqB,CACnCC,EAAOJ,EAAmBC,CAAY,CACxC,CC9BO,IAAMI,EAAkB,iBAEzBC,EAAN,cAAyBC,CAAU,CAAnC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYzB,UAAW,CACT,MAAO,oJACT,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,CAAC,EACjC,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EAxBMD,EACG,mBAAqB,CAAC,OAAQ,QAAS,OAAO,EAyBhD,SAASE,GAAmB,CACjCC,EAAOJ,EAAiBC,CAAU,CACpC,CC9BO,IAAMI,EAAgB,eAEvBC,EAAN,cAAuBC,CAAU,CAAjC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAazB,UAAW,CACT,MAAO,gLACT,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,CAAC,EACjC,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EAzBMD,EACG,mBAAqB,CAAC,OAAQ,QAAS,OAAO,EA0BhD,SAASE,GAAiB,CAC/BC,EAAOJ,EAAeC,CAAQ,CAChC,CC/BO,IAAMI,EAAiB,gBAExBC,GAAQ,IAERC,EAAN,cAAwBC,CAAU,CAAlC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUzB,UAAW,CACT,IAAMC,EAAQ,KAAK,IAAI,EAAG,KAAK,IAAI,QAAS,EAAE,CAAC,EAC3CC,EAAM,2DACV,QAASC,EAAI,EAAGA,EAAIF,EAAOE,IACzBD,GAAO,iDAAkDJ,GAAQG,EAASE,GAAG,QAAQ,CAAC,CAAC,aAEzF,MAAO,GAAGD,CAAG,QACf,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,CAAC,EACjC,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EA3BMH,EACG,mBAAqB,CAAC,OAAQ,QAAS,QAAS,OAAO,EA4BzD,SAASK,GAAkB,CAChCC,EAAOR,EAAgBE,CAAS,CAClC,CCnCO,IAAMO,EAAoB,mBAE3BC,EAAN,cAA0BC,CAAU,CAApC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAczB,UAAW,CACT,IAAMC,EAAO,KAAK,IAAI,EAAG,KAAK,IAAI,OAAQ,CAAC,CAAC,EACtCC,EAAO,KAAK,IAAI,EAAG,KAAK,IAAI,OAAQ,CAAC,CAAC,EACxCC,EAAM,2DACV,QAASC,EAAI,EAAGA,EAAIH,EAAMG,IACxB,QAASC,EAAI,EAAGA,EAAIH,EAAMG,IACxBF,GAAO,kDAAkDC,EAAIC,GAAK,KAAM,QAAQ,CAAC,CAAC,aAGtF,MAAO,GAAGF,CAAG,QACf,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,CAAC,EACjC,KAAK,OAAO,YAAa,OAAQ,CAAC,EAClC,KAAK,MAAM,gBAAiB,MAAO,EAAE,EACrC,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EApCMJ,EACG,mBAAqB,CAAC,OAAQ,OAAQ,OAAQ,MAAO,QAAS,OAAO,EAqCvE,SAASO,GAAoB,CAClCC,EAAOT,EAAmBC,CAAW,CACvC,CC1CO,IAAMS,EAAkB,iBAEzBC,GAAY;AAAA;AAAA;AAAA,EAKZC,EAAN,cAAyBC,CAAU,CAAnC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUvBF,EAAS;AAAA;AAAA;AAAA,EAKX,UAAW,CACT,MAAO,gEACT,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,EAAE,EAClC,KAAK,MAAM,cAAe,eAAgB,CAAC,EAC3C,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EA5BMC,EACG,mBAAqB,CAAC,OAAQ,eAAgB,QAAS,OAAO,EA6BhE,SAASE,GAAmB,CACjCC,EAAOL,EAAiBE,CAAU,CACpC,CCvCO,IAAMI,EAA0B,yBAEjCC,GAAY;AAAA;AAAA;AAAA,EAIZC,EAAM,sFAENC,EAAN,cAAgCC,CAAU,CAA1C,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA,IAIvBH,EAAS;AAAA;AAAA;AAAA,0CAG6BC,CAAG,UAAUA,CAAG;AAAA;AAAA;AAAA;AAAA;AAAA,4CAKdA,CAAG,UAAUA,CAAG;AAAA;AAAA;AAAA,EAK1D,UAAW,CACT,MAAO,2GACT,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,EAAE,EAClC,KAAK,MAAM,cAAe,eAAgB,CAAC,EAC3C,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,kBAAmB,YAAY,EAC3C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EA/BMC,EACG,mBAAqB,CAAC,OAAQ,eAAgB,QAAS,OAAO,EAgChE,SAASE,GAA0B,CACxCC,EAAON,EAAyBG,CAAiB,CACnD,CC3CO,IAAMI,EAAiB,gBAExBC,EAAN,cAAwBC,CAAU,CAAlC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BzB,UAAW,CACT,MAAO,wJACT,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,EAAE,EAClC,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,kBAAmB,YAAY,EAC3C,KAAK,OAAO,mBAAoB,aAAa,EAC7C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EA3CMD,EACG,mBAAqB,CAAC,OAAQ,QAAS,OAAO,EA4ChD,SAASE,GAAkB,CAChCC,EAAOJ,EAAgBC,CAAS,CAClC,CCjDO,IAAMI,EAAiB,gBAExBC,EAAN,cAAwBC,CAAU,CAAlC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBzB,UAAW,CACT,MAAO,qJACT,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,EAAE,EAClC,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,kBAAmB,YAAY,EAC3C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EA9BMD,EACG,mBAAqB,CAAC,OAAQ,QAAS,OAAO,EA+BhD,SAASE,GAAkB,CAChCC,EAAOJ,EAAgBC,CAAS,CAClC,CCpCO,IAAMI,EAAsB,qBAE7BC,GAAI,EAEJC,EAAN,cAA4BC,CAAU,CAAtC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAazB,UAAW,CACT,IAAIC,EAAM,4DACV,QAASC,EAAI,EAAGA,EAAIJ,GAAGI,IAAK,CAC1B,IAAMC,EAAO,IAAML,GAAKI,EACxBD,GAAO,gDAAgDE,CAAG,sFAAsFD,EAAI,KAAM,QAAQ,CAAC,CAAC,YACtK,CACA,MAAO,GAAGD,CAAG,QACf,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,EAAE,EAClC,KAAK,MAAM,gBAAiB,WAAY,IAAI,EAC5C,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EA/BMF,EACG,mBAAqB,CAAC,OAAQ,WAAY,QAAS,OAAO,EAgC5D,SAASK,GAAsB,CACpCC,EAAOR,EAAqBE,CAAa,CAC3C,CCvCO,IAAMO,GAAW,UAElBC,EAAN,cAAmBC,CAAU,CAA7B,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBzB,UAAW,CACT,MAAO,gLACT,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,EAAE,EAClC,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,OAAO,EACjC,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EA7BMD,EACG,mBAAqB,CAAC,OAAQ,QAAS,OAAO,EA8BhD,SAASE,GAAa,CAC3BC,EAAOJ,GAAUC,CAAI,CACvB,CCnCO,IAAMI,GAAsB,qBAE7BC,GAAN,cAA6BC,CAAU,CAAvC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUzB,UAAW,CACT,MAAO,gDACT,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,EAAE,EAClC,KAAK,OAAO,cAAe,SAAU,SAAS,EAC9C,KAAK,OAAO,YAAa,MAAM,EAC/B,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EAvBMD,GACG,mBAAqB,CAAC,OAAQ,SAAU,OAAO,EAwBjD,SAASE,GAAuB,CACrCC,EAAOJ,GAAqBC,EAAc,CAC5C,CC7BO,IAAMI,GAAsB,qBAE7BC,GAAN,cAA6BC,CAAU,CAAvC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASzB,UAAW,CACT,MAAO,gDACT,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,EAAE,EAClC,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EArBMD,GACG,mBAAqB,CAAC,OAAQ,QAAS,OAAO,EAsBhD,SAASE,GAAuB,CACrCC,EAAOJ,GAAqBC,EAAc,CAC5C,CC3BO,IAAMI,GAAgB,eAEvBC,GAAN,cAAwBC,CAAU,CAAlC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAezB,UAAW,CACT,MAAO,8KACT,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,EAAE,EAClC,KAAK,MAAM,iBAAkB,YAAa,CAAC,EAC3C,KAAK,MAAM,WAAY,MAAO,CAAC,EAC/B,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EA7BMD,GACG,mBAAqB,CAAC,OAAQ,YAAa,MAAO,QAAS,OAAO,EA8BpE,SAASE,GAAkB,CAChCC,EAAOJ,GAAeC,EAAS,CACjC,CCnCO,IAAMI,GAAoB,mBAE3BC,GAAY;AAAA;AAAA;AAAA,EAKZC,GAAN,cAA2BC,CAAU,CAArC,kCAGE,KAAS,IAAgB;AAAA;AAAA,+DAEoCF,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUtE,UAAW,CAET,MAAO,+HADG,KAAK,IAAI,EAAG,KAAK,IAAI,IAAK,KAAK,IAAI,UAAW,CAAC,CAAC,CAAC,CAC4E,6CACzI,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,EAAE,EAClC,KAAK,MAAM,cAAe,eAAgB,CAAC,EAC3C,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,aAAa,EACvC,KAAK,OAAO,aAAc,QAAS,CAAC,EACpC,KAAK,OAAO,eAAgB,UAAW,CAAC,CAC1C,CACF,EA5BMC,GACG,mBAAqB,CAAC,OAAQ,eAAgB,UAAW,QAAS,cAAe,OAAO,EA6B1F,SAASE,GAAqB,CACnCC,EAAOL,GAAmBE,EAAY,CACxC,CCvCO,IAAMI,GAAiC,gCAExCC,GAAN,cAAuCC,CAAU,CAAjD,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAezB,UAAW,CACT,MAAO,+DACT,CAEA,MAAO,CACL,KAAK,MAAM,aAAc,QAAS,GAAG,EACrC,KAAK,MAAM,cAAe,SAAU,CAAC,EACrC,KAAK,OAAO,cAAe,SAAU,SAAS,EAC9C,KAAK,OAAO,eAAgB,cAAe,SAAS,EACpD,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EA7BMD,GACG,mBAAqB,CAAC,QAAS,SAAU,SAAU,cAAe,OAAO,EA8B3E,SAASE,GAAiC,CAC/CC,EAAOJ,GAAgCC,EAAwB,CACjE,CCnCO,IAAMI,GAAuB,sBAE9BC,GAAN,cAA8BC,CAAU,CAAxC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAczB,UAAW,CACT,MAAO,iEACT,CAEA,MAAO,CACL,KAAK,MAAM,aAAc,QAAS,GAAG,EACrC,KAAK,MAAM,cAAe,SAAU,EAAE,EACtC,KAAK,OAAO,eAAgB,cAAe,SAAS,EACpD,KAAK,OAAO,aAAc,OAAO,EACjC,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EA5BMD,GACG,mBAAqB,CAAC,QAAS,SAAU,cAAe,OAAO,EA6BjE,SAASE,GAAwB,CACtCC,EAAOJ,GAAsBC,EAAe,CAC9C,CClCO,IAAMI,GAAe,cAEtBC,GAAN,cAAuBC,CAAU,CAAjC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAczB,UAAW,CACT,MACE,yHAIJ,CAEA,MAAO,CACL,KAAK,MAAM,YAAa,OAAQ,CAAC,EACjC,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EA9BMD,GACG,mBAAqB,CAAC,OAAQ,QAAS,OAAO,EA+BhD,SAASE,GAAiB,CAC/BC,EAAOJ,GAAcC,EAAQ,CAC/B,CCpCO,IAAMI,GAAmB,kBAE1BC,GAAN,cAA0BC,CAAU,CAApC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBzB,UAAW,CACT,MAAO,6BACT,CAEA,MAAO,CACL,KAAK,MAAM,aAAc,QAAS,GAAG,EACrC,KAAK,MAAM,cAAe,SAAU,CAAC,EACrC,KAAK,OAAO,aAAc,QAAS,SAAS,EAC5C,KAAK,OAAO,aAAc,cAAe,wBAAwB,EACjE,KAAK,OAAO,aAAc,QAAS,CAAC,EAEpC,IAAMC,EAAI,KAAK,IAAI,EAAG,KAAK,IAAI,IAAK,KAAK,IAAI,UAAW,CAAC,CAAC,CAAC,EAC3D,KAAK,MAAM,YAAY,eAAgB,GAAGA,CAAC,EAAE,EAC7C,IAAMC,EAAO,KAAK,YAAY,cAAc,UAAU,EAClDA,IAAMA,EAAK,MAAM,UAAY,UAAUD,EAAI,GAAG,KAClD,KAAK,aAAa,gBAAiB,OAAOA,CAAC,CAAC,CAC9C,CACF,EApCMF,GACG,mBAAqB,CAAC,QAAS,SAAU,UAAW,QAAS,cAAe,OAAO,EAqCrF,SAASI,GAAoB,CAClCC,EAAON,GAAkBC,EAAW,CACtC,CC1CO,IAAMM,GAAoB,mBAE3BC,GAAN,cAA2BC,CAAU,CAArC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2BzB,UAAW,CACT,MACE,0QAUJ,CAEA,MAAO,CACL,KAAK,MAAM,aAAc,QAAS,GAAG,EACrC,KAAK,MAAM,cAAe,SAAU,EAAE,EACtC,KAAK,OAAO,eAAgB,cAAe,SAAS,EACpD,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EAlDMD,GACG,mBAAqB,CAAC,QAAS,SAAU,cAAe,OAAO,EAmDjE,SAASE,GAAqB,CACnCC,EAAOJ,GAAmBC,EAAY,CACxC,CCxDO,IAAMI,GAAoB,mBAE3BC,GAAN,cAA2BC,CAAU,CAArC,kCAGE,KAAS,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2BzB,UAAW,CACT,IAAMC,EAAI,KAAK,IAAI,EAAG,KAAK,IAAI,EAAG,KAAK,IAAI,OAAQ,CAAC,CAAC,CAAC,EAChDC,EAAS,CAAC,OAAQ,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,KAAK,EACnEC,EAAM,2CACV,QAASC,EAAI,EAAGA,EAAIH,EAAGG,IAAK,CAC1B,IAAMC,EAAIH,EAAOE,EAAIF,EAAO,MAAM,EAClCC,GACE,qGAE4CE,CAAC,gBAEjD,CACA,MAAO,GAAGF,CAAG,oCACf,CAEA,MAAO,CACL,KAAK,MAAM,aAAc,QAAS,GAAG,EACrC,KAAK,OAAO,eAAgB,cAAe,SAAS,EACpD,KAAK,OAAO,aAAc,QAAS,CAAC,CACtC,CACF,EAlDMJ,GACG,mBAAqB,CAAC,QAAS,OAAQ,cAAe,OAAO,EAmD/D,SAASO,GAAqB,CACnCC,EAAOT,GAAmBC,EAAY,CACxC,CChCO,SAASS,IAAY,CAC1BC,EAAmB,EACnBC,EAAiB,EACjBC,EAAe,EACfC,EAAgB,EAChBC,EAAkB,EAClBC,EAAiB,EACjBC,EAAwB,EACxBC,EAAgB,EAChBC,EAAgB,EAChBC,EAAoB,EACpBC,EAAW,EACXC,EAAqB,EACrBC,EAAqB,EACrBC,EAAgB,EAChBC,EAAmB,EACnBC,EAA+B,EAC/BC,EAAsB,EACtBC,EAAe,EACfC,EAAkB,EAClBC,EAAmB,EACnBC,EAAmB,CACrB,CxB4CAC,GAAU","names":["index_exports","__export","ARC_SPINNER_TAG","BOUNCING_DOTS_TAG","BREATHING_PULSE_TAG","DOT_GRID_WAVE_TAG","ELLIPSIS_TAG","EQUALIZER_TAG","EYES_TAG","HELIX_DOTS_TAG","INDETERMINATE_PROGRESS_BAR_TAG","KEYFRAMES","LZPattern","MATERIAL_DOUBLE_ARC_TAG","MORPHING_SQUARE_TAG","ORBIT_DOTS_TAG","ORBIT_RING_DOTS_TAG","PROGRESS_BAR_TAG","PROGRESS_RING_TAG","SCAN_SWEEP_TAG","SCOPED_CSS","SKELETON_CARD_TAG","SKELETON_LIST_TAG","SKELETON_SHIMMER_TAG","TYPING_DOTS_TAG","WAVE_DOTS_TAG","define","defineAll","defineArcSpinner","defineBouncingDots","defineBreathingPulse","defineDotGridWave","defineEllipsis","defineEqualizer","defineEyes","defineHelixDots","defineIndeterminateProgressBar","defineMaterialDoubleArc","defineMorphingSquare","defineOrbitDots","defineOrbitRingDots","defineProgressBar","defineProgressRing","defineScanSweep","defineSkeletonCard","defineSkeletonList","defineSkeletonShimmer","defineTypingDots","defineWaveDots","__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","i","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","defineAll"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../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/elements/PulsingOrb.ts","../src/elements/MorphingOrb.ts","../src/elements/SiriOrb.ts","../src/elements/DotOrb.ts","../src/elements/PlanetOrb.ts","../src/elements/AuraOrb.ts","../src/elements/Waveform.ts","../src/elements/Vinyl.ts","../src/elements/Sonar.ts","../src/elements/MusicNote.ts","../src/elements/ActivityRings.ts","../src/defineAll.ts"],"sourcesContent":["import { defineAll } from \"./defineAll\";\nimport { defineBouncingDots, BOUNCING_DOTS_TAG } from \"./elements/BouncingDots\";\nimport { defineTypingDots, TYPING_DOTS_TAG } from \"./elements/TypingDots\";\nimport { defineWaveDots, WAVE_DOTS_TAG } from \"./elements/WaveDots\";\nimport { defineHelixDots, HELIX_DOTS_TAG } from \"./elements/HelixDots\";\nimport { defineDotGridWave, DOT_GRID_WAVE_TAG } from \"./elements/DotGridWave\";\nimport { defineArcSpinner, ARC_SPINNER_TAG } from \"./elements/ArcSpinner\";\nimport {\n defineMaterialDoubleArc,\n MATERIAL_DOUBLE_ARC_TAG,\n} from \"./elements/MaterialDoubleArc\";\nimport { defineScanSweep, SCAN_SWEEP_TAG } from \"./elements/ScanSweep\";\nimport { defineOrbitDots, ORBIT_DOTS_TAG } from \"./elements/OrbitDots\";\nimport {\n defineOrbitRingDots,\n ORBIT_RING_DOTS_TAG,\n} from \"./elements/OrbitRingDots\";\nimport { defineEyes, EYES_TAG } from \"./elements/Eyes\";\nimport {\n defineMorphingSquare,\n MORPHING_SQUARE_TAG,\n} from \"./elements/MorphingSquare\";\nimport {\n defineBreathingPulse,\n BREATHING_PULSE_TAG,\n} from \"./elements/BreathingPulse\";\nimport { defineEqualizer, EQUALIZER_TAG } from \"./elements/Equalizer\";\nimport { defineProgressRing, PROGRESS_RING_TAG } from \"./elements/ProgressRing\";\nimport {\n defineIndeterminateProgressBar,\n INDETERMINATE_PROGRESS_BAR_TAG,\n} from \"./elements/IndeterminateProgressBar\";\nimport {\n defineSkeletonShimmer,\n SKELETON_SHIMMER_TAG,\n} from \"./elements/SkeletonShimmer\";\nimport { defineEllipsis, ELLIPSIS_TAG } from \"./elements/Ellipsis\";\nimport { defineProgressBar, PROGRESS_BAR_TAG } from \"./elements/ProgressBar\";\nimport { defineSkeletonCard, SKELETON_CARD_TAG } from \"./elements/SkeletonCard\";\nimport { defineSkeletonList, SKELETON_LIST_TAG } from \"./elements/SkeletonList\";\nimport { definePulsingOrb, PULSING_ORB_TAG } from \"./elements/PulsingOrb\";\nimport { defineMorphingOrb, MORPHING_ORB_TAG } from \"./elements/MorphingOrb\";\nimport { defineSiriOrb, SIRI_ORB_TAG } from \"./elements/SiriOrb\";\nimport { defineDotOrb, DOT_ORB_TAG } from \"./elements/DotOrb\";\nimport { definePlanetOrb, PLANET_ORB_TAG } from \"./elements/PlanetOrb\";\nimport { defineAuraOrb, AURA_ORB_TAG } from \"./elements/AuraOrb\";\nimport { defineWaveform, WAVEFORM_TAG } from \"./elements/Waveform\";\nimport { defineVinyl, VINYL_TAG } from \"./elements/Vinyl\";\nimport { defineSonar, SONAR_TAG } from \"./elements/Sonar\";\nimport { defineMusicNote, MUSIC_NOTE_TAG } from \"./elements/MusicNote\";\nimport {\n defineActivityRings,\n ACTIVITY_RINGS_TAG,\n} from \"./elements/ActivityRings\";\n\nexport { LZPattern, define } from \"./base\";\nexport { KEYFRAMES, SCOPED_CSS } from \"./styles\";\nexport { defineAll } from \"./defineAll\";\n\nexport {\n defineBouncingDots,\n BOUNCING_DOTS_TAG,\n defineTypingDots,\n TYPING_DOTS_TAG,\n defineWaveDots,\n WAVE_DOTS_TAG,\n defineHelixDots,\n HELIX_DOTS_TAG,\n defineDotGridWave,\n DOT_GRID_WAVE_TAG,\n defineArcSpinner,\n ARC_SPINNER_TAG,\n defineMaterialDoubleArc,\n MATERIAL_DOUBLE_ARC_TAG,\n defineScanSweep,\n SCAN_SWEEP_TAG,\n defineOrbitDots,\n ORBIT_DOTS_TAG,\n defineOrbitRingDots,\n ORBIT_RING_DOTS_TAG,\n defineEyes,\n EYES_TAG,\n defineMorphingSquare,\n MORPHING_SQUARE_TAG,\n defineBreathingPulse,\n BREATHING_PULSE_TAG,\n defineEqualizer,\n EQUALIZER_TAG,\n defineProgressRing,\n PROGRESS_RING_TAG,\n defineIndeterminateProgressBar,\n INDETERMINATE_PROGRESS_BAR_TAG,\n defineSkeletonShimmer,\n SKELETON_SHIMMER_TAG,\n defineEllipsis,\n ELLIPSIS_TAG,\n defineProgressBar,\n PROGRESS_BAR_TAG,\n defineSkeletonCard,\n SKELETON_CARD_TAG,\n defineSkeletonList,\n SKELETON_LIST_TAG,\n definePulsingOrb,\n PULSING_ORB_TAG,\n defineMorphingOrb,\n MORPHING_ORB_TAG,\n defineSiriOrb,\n SIRI_ORB_TAG,\n defineDotOrb,\n DOT_ORB_TAG,\n definePlanetOrb,\n PLANET_ORB_TAG,\n defineAuraOrb,\n AURA_ORB_TAG,\n defineWaveform,\n WAVEFORM_TAG,\n defineVinyl,\n VINYL_TAG,\n defineSonar,\n SONAR_TAG,\n defineMusicNote,\n MUSIC_NOTE_TAG,\n defineActivityRings,\n ACTIVITY_RINGS_TAG,\n} from \"./elements\";\n\n// Self-register all patterns on import. Call `defineAll()` explicitly\n// (or import without side effects) if you prefer manual control.\ndefineAll();\n\nexport type { LZPattern as LoadingPattern } from \"./base\";","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@keyframes lz-orb-breathe {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }\n}\n@keyframes lz-blob-morph {\n 0% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }\n 25% { border-radius: 58% 42% 55% 45% / 55% 48% 52% 45%; transform: rotate(6deg) scale(1.06); }\n 50% { border-radius: 46% 54% 48% 52% / 48% 55% 45% 52%; transform: rotate(-5deg) scale(0.95); }\n 75% { border-radius: 55% 45% 52% 48% / 46% 52% 48% 55%; transform: rotate(3deg) scale(1.05); }\n 100% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }\n}\n@keyframes lz-siri-sheen {\n 0% { transform: translate3d(-24%, -14%, 0) rotate(0deg); }\n 100% { transform: translate3d(24%, 14%, 0) rotate(360deg); }\n}\n@keyframes lz-dot-orb {\n 0%, 100% { opacity: var(--lz-orb-fade, 0.14); transform: scale(var(--lz-dot-min, 0.7)); }\n 50% { opacity: 1; transform: scale(1); }\n}\n@keyframes lz-waveform {\n 0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }\n 50% { transform: scaleY(1); }\n}\n@keyframes lz-sonar-ring {\n 0% { transform: scale(0.18); opacity: var(--lz-sonar-fade, 0.9); }\n 100% { transform: scale(1); opacity: 0; }\n}\n@keyframes lz-note-bob {\n 0%, 100% { transform: translateY(0); }\n 45% { transform: translateY(var(--lz-note-bob, 0.35em)); }\n 60% { transform: rotate(4deg) translateY(var(--lz-note-bob, 0.35em)); }\n 75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }\n}\n@keyframes lz-needle-bob {\n 0%, 100% { transform: rotate(38deg); }\n 50% { transform: rotate(43deg); }\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 { LZPattern, define } from \"../base\";\n\nexport const PULSING_ORB_TAG = \"lz-pulsing-orb\";\n\nclass PulsingOrb extends LZPattern {\n static observedAttributes = [\"size\", \"accent\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 44px); width: 1em; height: 1em;\n display: inline-block; line-height: 1;\n}\n.lz-orb {\n width: 100%; height: 100%; border-radius: 50%;\n background: radial-gradient(circle at 35% 32%,\n var(--lz-accent, #0a84ff) 0%,\n color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 55%,\n transparent 72%);\n box-shadow: 0 0 calc(0.5em) color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent);\n animation: lz-orb-breathe calc(2.2s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n`;\n template() {\n return `<div class=\"lz-orb\" 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.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function definePulsingOrb() {\n define(PULSING_ORB_TAG, PulsingOrb);\n}","import { LZPattern, define } from \"../base\";\n\nexport const MORPHING_ORB_TAG = \"lz-morphing-orb\";\n\nclass MorphingOrb extends LZPattern {\n static observedAttributes = [\"size\", \"accent\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 44px); width: 1em; height: 1em;\n display: inline-block; line-height: 1;\n background: radial-gradient(circle at 34% 30%,\n var(--lz-accent, #0a84ff) 0%,\n color-mix(in srgb, var(--lz-accent, #0a84ff) 60%, transparent) 62%,\n transparent 78%);\n box-shadow: 0 0 calc(0.55em) color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent);\n animation: lz-blob-morph calc(3.4s * var(--lz-speed, 1)) ease-in-out infinite;\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.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineMorphingOrb() {\n define(MORPHING_ORB_TAG, MorphingOrb);\n}","import { LZPattern, define } from \"../base\";\n\nexport const SIRI_ORB_TAG = \"lz-siri-orb\";\n\nclass SiriOrb extends LZPattern {\n static observedAttributes = [\"size\", \"accent\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 44px); width: 1em; height: 1em;\n display: inline-block; line-height: 1;\n position: relative; overflow: hidden; border-radius: 50%;\n background: radial-gradient(circle at 30% 28%,\n color-mix(in srgb, var(--lz-accent, #0a84ff) 75%, white) 0%,\n transparent 60%);\n animation: lz-orb-breathe calc(2.6s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n.lz-sheen {\n position: absolute; width: 2.4em; height: 2.4em;\n left: 50%; top: 50%; margin: -1.2em 0 0 -1.2em;\n background: conic-gradient(from 0deg at 50% 50%,\n transparent 0deg,\n color-mix(in srgb, var(--lz-accent, #0a84ff) 55%, transparent) 40deg,\n transparent 90deg,\n color-mix(in srgb, var(--lz-accent, #0a84ff) 35%, transparent) 150deg,\n transparent 200deg,\n color-mix(in srgb, var(--lz-accent, #0a84ff) 50%, transparent) 270deg,\n transparent 360deg);\n animation: lz-siri-sheen calc(5s * var(--lz-speed, 1)) linear infinite;\n opacity: 0.9;\n}\n`;\n template() {\n return `<span class=\"lz-sheen\" role=\"status\" aria-label=\"Loading\"></span>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineSiriOrb() {\n define(SIRI_ORB_TAG, SiriOrb);\n}","import { LZPattern, define } from \"../base\";\n\nexport const DOT_ORB_TAG = \"lz-dot-orb\";\n\nconst ORBIT_RADIUS_EM = -0.32;\n\nclass DotOrb extends LZPattern {\n static observedAttributes = [\"size\", \"count\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 44px); width: 1em; height: 1em;\n display: inline-block; position: relative; line-height: 1;\n}\n.lz-slot {\n position: absolute; left: 50%; top: 50%;\n width: 0; height: 0;\n}\n.lz-dot {\n position: absolute; left: -0.08em; top: -0.08em;\n width: 0.16em; height: 0.16em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n animation: lz-dot-orb calc(2s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n`;\n template() {\n const count = Math.max(4, Math.min(16, this.num(\"count\", 8)));\n const cycle = count * 0.14;\n let html = \"\";\n for (let i = 0; i < count; i++) {\n const angle = (360 / count) * i;\n const pos = `transform: rotate(${angle}deg) translateY(${ORBIT_RADIUS_EM}em);`;\n const delay = `animation-delay: -${(i / count) * cycle}s;`;\n html += `<span class=\"lz-slot\" style=\"${pos}\"><span class=\"lz-dot\" style=\"${delay}\"></span></span>`;\n }\n return `<div role=\"status\" aria-label=\"Loading\">${html}</div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineDotOrb() {\n define(DOT_ORB_TAG, DotOrb);\n}","import { LZPattern, define } from \"../base\";\n\nexport const PLANET_ORB_TAG = \"lz-planet-orb\";\n\nconst MOON_RADIUS_EM = 0.36;\n\nclass PlanetOrb extends LZPattern {\n static observedAttributes = [\"size\", \"accent\", \"color\", \"count\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 44px); width: 1em; height: 1em;\n display: inline-block; position: relative; line-height: 1;\n}\n.lz-core {\n position: absolute; left: 50%; top: 50%;\n width: 0.42em; height: 0.42em; margin: -0.21em 0 0 -0.21em; border-radius: 50%;\n background: radial-gradient(circle at 35% 30%,\n color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, white) 0%,\n var(--lz-accent, #0a84ff) 50%,\n color-mix(in srgb, var(--lz-accent, #0a84ff) 40%, transparent) 100%);\n box-shadow: 0 0 calc(0.3em) color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent);\n animation: lz-orb-breathe calc(2.4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n.lz-orbit {\n position: absolute; inset: 0;\n animation: lz-spin calc(2.2s * var(--lz-speed, 1)) linear infinite;\n}\n.lz-moon {\n position: absolute; left: 50%; top: 50%;\n width: 0.14em; height: 0.14em; margin: -0.07em 0 0 -0.07em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n box-shadow: 0 0 calc(0.16em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);\n}\n`;\n template() {\n const count = Math.max(1, Math.min(5, this.num(\"count\", 2)));\n let moons = \"\";\n for (let i = 0; i < count; i++) {\n const angle = (360 / count) * i;\n moons += `<span class=\"lz-moon\" style=\"transform: rotate(${angle}deg) translateX(${MOON_RADIUS_EM}em);\"></span>`;\n }\n return `<div class=\"lz-core\"></div><div class=\"lz-orbit\" role=\"status\" aria-label=\"Loading\">${moons}</div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function definePlanetOrb() {\n define(PLANET_ORB_TAG, PlanetOrb);\n}","import { LZPattern, define } from \"../base\";\n\nexport const AURA_ORB_TAG = \"lz-aura-orb\";\n\nclass AuraOrb extends LZPattern {\n static observedAttributes = [\"size\", \"accent\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 44px); width: 1em; height: 1em;\n display: inline-block; position: relative; line-height: 1;\n}\n.lz-layer { position: absolute; inset: 0; animation: lz-spin calc(3s * var(--lz-speed, 1)) linear infinite; }\n.lz-layer.a { animation-duration: calc(2.6s * var(--lz-speed, 1)); }\n.lz-layer.b { animation-name: lz-spin-reverse; animation-duration: calc(3.4s * var(--lz-speed, 1)); }\n.lz-orb {\n position: absolute; left: 50%; top: 50%;\n width: 0.78em; height: 0.78em; margin: -0.39em 0 0 -0.39em; border-radius: 50%;\n transform: translateX(0.14em);\n}\n.lz-layer.a .lz-orb {\n background: radial-gradient(circle at 35% 30%,\n color-mix(in srgb, var(--lz-color, #f5f5f7) 90%, transparent) 0%,\n color-mix(in srgb, var(--lz-color, #f5f5f7) 40%, transparent) 62%,\n transparent 76%);\n}\n.lz-layer.b .lz-orb {\n background: radial-gradient(circle at 35% 30%,\n var(--lz-accent, #0a84ff) 0%,\n color-mix(in srgb, var(--lz-accent, #0a84ff) 45%, transparent) 62%,\n transparent 76%);\n opacity: 0.9;\n}\n`;\n template() {\n return (\n `<div class=\"lz-layer a\" role=\"status\" aria-label=\"Loading\"><span class=\"lz-orb\"></span></div>` +\n `<div class=\"lz-layer b\"><span class=\"lz-orb\"></span></div>`\n );\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineAuraOrb() {\n define(AURA_ORB_TAG, AuraOrb);\n}","import { LZPattern, define } from \"../base\";\n\nexport const WAVEFORM_TAG = \"lz-waveform\";\n\nclass Waveform extends LZPattern {\n static observedAttributes = [\"size\", \"count\", \"color\", \"accent\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }\n.lz-wave {\n display: flex; align-items: center; gap: var(--lz-gap, 4px);\n height: 1em;\n}\n.lz-bar {\n width: var(--lz-bar-width, 4px); height: 1em; border-radius: 2px;\n transform-origin: center;\n background: var(--lz-color, #f5f5f7);\n animation: lz-waveform calc(1.6s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n.lz-bar.accent { background: var(--lz-accent, #0a84ff); }\n`;\n template() {\n const count = Math.max(5, Math.min(21, this.num(\"count\", 11)));\n const mid = (count - 1) / 2;\n let html = \"\";\n for (let i = 0; i < count; i++) {\n const delay = (i - mid) * 0.12;\n const accent = i === Math.floor(mid) || i === Math.floor(mid / 2) || i === count - 1 - Math.floor(mid / 2);\n html += `<span class=\"lz-bar${accent ? \" accent\" : \"\"}\" style=\"animation-delay: ${delay.toFixed(2)}s;\"></span>`;\n }\n return `<div class=\"lz-wave\" role=\"status\" aria-label=\"Loading\">${html}</div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 32);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineWaveform() {\n define(WAVEFORM_TAG, Waveform);\n}","import { LZPattern, define } from \"../base\";\n\nexport const VINYL_TAG = \"lz-vinyl\";\n\nclass Vinyl extends LZPattern {\n static observedAttributes = [\"size\", \"accent\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 48px); width: 2.2em; height: 2.2em;\n display: inline-block; position: relative; line-height: 1;\n}\n.lz-disc {\n position: absolute; inset: 0; border-radius: 50%;\n background:\n repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,0.06) 0 1px, transparent 1px 4px),\n radial-gradient(circle at 50% 50%, var(--lz-accent, #0a84ff) 0 13%, rgba(0,0,0,0.88) 14% 100%);\n box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);\n animation: lz-spin calc(3.5s * var(--lz-speed, 1)) linear infinite;\n}\n.lz-needle {\n position: absolute; top: 0.08em; right: 0.18em;\n width: 0.06em; height: 0.7em; border-radius: 3px;\n background: linear-gradient(var(--lz-color, #f5f5f7), color-mix(in srgb, var(--lz-color, #f5f5f7) 30%, transparent));\n transform: rotate(38deg); transform-origin: top right;\n animation: lz-needle-bob calc(1.8s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n.lz-needle::after {\n content: \"\"; position: absolute; bottom: 0; left: 50%;\n width: 0.1em; height: 0.1em; margin-left: -0.05em;\n transform: translateY(0.1em); border-radius: 50%;\n background: var(--lz-accent, #0a84ff);\n}\n`;\n template() {\n return (\n `<div class=\"lz-disc\" role=\"status\" aria-label=\"Loading\"></div>` +\n `<div class=\"lz-needle\" aria-hidden=\"true\"></div>`\n );\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 48);\n this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineVinyl() {\n define(VINYL_TAG, Vinyl);\n}","import { LZPattern, define } from \"../base\";\n\nexport const SONAR_TAG = \"lz-sonar\";\n\nconst RING_DURATION = 3.6;\n\nclass Sonar extends LZPattern {\n static observedAttributes = [\"size\", \"count\", \"accent\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 44px); width: 1em; height: 1em;\n display: inline-block; position: relative; line-height: 1;\n}\n.lz-core {\n position: absolute; left: 50%; top: 50%;\n width: 0.18em; height: 0.18em; margin: -0.09em 0 0 -0.09em; border-radius: 50%;\n background: var(--lz-color, #f5f5f7);\n box-shadow: 0 0 calc(0.2em) color-mix(in srgb, var(--lz-color, #f5f5f7) 50%, transparent);\n}\n.lz-ring {\n position: absolute; inset: 0.14em; border-radius: 50%;\n border: 1px solid var(--lz-accent, #0a84ff);\n animation: lz-sonar-ring calc(${RING_DURATION}s * var(--lz-speed, 1)) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;\n}\n`;\n template() {\n const count = Math.max(1, Math.min(4, this.num(\"count\", 3)));\n let rings = \"\";\n for (let i = 0; i < count; i++) {\n rings += `<span class=\"lz-ring\" style=\"animation-delay: -${((i * RING_DURATION) / count).toFixed(2)}s;\"></span>`;\n }\n return `<div class=\"lz-core\" role=\"status\" aria-label=\"Loading\"></div>${rings}`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-accent\", \"accent\", \"#0a84ff\");\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineSonar() {\n define(SONAR_TAG, Sonar);\n}","import { LZPattern, define } from \"../base\";\n\nexport const MUSIC_NOTE_TAG = \"lz-music-note\";\n\nclass MusicNote extends LZPattern {\n static observedAttributes = [\"size\", \"count\", \"color\", \"speed\"];\n\n readonly css = /* css */ `\n:host { font-size: var(--lz-size, 32px); display: inline-flex; line-height: 1; }\n.lz-notes { display: flex; align-items: baseline; gap: 0.45em; }\n.lz-note {\n display: inline-block; line-height: 1;\n color: var(--lz-color, #f5f5f7);\n animation: lz-note-bob calc(1.4s * var(--lz-speed, 1)) ease-in-out infinite;\n}\n.lz-notes .lz-note:nth-child(2) { animation-delay: -0.5s; }\n.lz-notes .lz-note:nth-child(3) { animation-delay: -0.9s; }\n.lz-notes .lz-note:nth-child(4) { animation-delay: -0.3s; }\n`;\n template() {\n const count = Math.max(1, Math.min(4, this.num(\"count\", 2)));\n let notes = \"\";\n for (let i = 0; i < count; i++) {\n notes += `<span class=\"lz-note\">♫</span>`;\n }\n return `<div class=\"lz-notes\" role=\"status\" aria-label=\"Loading\">${notes}</div>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 32);\n this.varRaw(\"--lz-color\", \"color\", \"#f5f5f7\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineMusicNote() {\n define(MUSIC_NOTE_TAG, MusicNote);\n}","import { LZPattern, define } from \"../base\";\n\nexport const ACTIVITY_RINGS_TAG = \"lz-activity-rings\";\n\nclass ActivityRings extends LZPattern {\n static observedAttributes = [\"size\", \"accent\", \"color\", \"color-weak\", \"speed\"];\n\n readonly css = /* css */ `\n:host {\n font-size: var(--lz-size, 44px); width: 1em; height: 1em;\n display: inline-block; line-height: 1;\n}\n.lz-svg { width: 1em; height: 1em; display: block; }\n.lz-g { animation: lz-spin calc(2.8s * var(--lz-speed, 1)) linear infinite; transform-origin: center; }\n.lz-g.mid { animation-duration: calc(3.6s * var(--lz-speed, 1)); animation-direction: reverse; }\n.lz-g.inner { animation-duration: calc(2.1s * var(--lz-speed, 1)); }\n.lz-track { fill: none; stroke: var(--lz-track, rgba(255,255,255,0.08)); stroke-width: 5; }\n.lz-ring { fill: none; stroke-linecap: round; stroke-width: 5; }\n.lz-outer { stroke: var(--lz-accent, #fa114f); stroke-dasharray: 209 58; }\n.lz-mid { stroke: var(--lz-color, #30d158); stroke-dasharray: 169 48; }\n.lz-inner { stroke: var(--lz-color-weak, #32d7ff); stroke-dasharray: 128 39; }\n`;\n template() {\n return `<svg class=\"lz-svg\" viewBox=\"0 0 100 100\" role=\"img\" aria-label=\"Loading\">\n <g class=\"lz-g\"><circle class=\"lz-track\" cx=\"50\" cy=\"50\" r=\"42.5\" /><circle class=\"lz-ring lz-outer\" cx=\"50\" cy=\"50\" r=\"42.5\" transform=\"rotate(-90 50 50)\" /></g>\n <g class=\"lz-g mid\"><circle class=\"lz-ring lz-mid\" cx=\"50\" cy=\"50\" r=\"34.5\" transform=\"rotate(-90 50 50)\" /></g>\n <g class=\"lz-g inner\"><circle class=\"lz-ring lz-inner\" cx=\"50\" cy=\"50\" r=\"26.5\" transform=\"rotate(-90 50 50)\" /></g>\n </svg>`;\n }\n\n sync() {\n this.varPx(\"--lz-size\", \"size\", 44);\n this.varRaw(\"--lz-accent\", \"accent\", \"#fa114f\");\n this.varRaw(\"--lz-color\", \"color\", \"#30d158\");\n this.varRaw(\"--lz-color-weak\", \"color-weak\", \"#32d7ff\");\n this.varNum(\"--lz-speed\", \"speed\", 1);\n }\n}\n\nexport function defineActivityRings() {\n define(ACTIVITY_RINGS_TAG, ActivityRings);\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\";\nimport { definePulsingOrb } from \"./elements/PulsingOrb\";\nimport { defineMorphingOrb } from \"./elements/MorphingOrb\";\nimport { defineSiriOrb } from \"./elements/SiriOrb\";\nimport { defineDotOrb } from \"./elements/DotOrb\";\nimport { definePlanetOrb } from \"./elements/PlanetOrb\";\nimport { defineAuraOrb } from \"./elements/AuraOrb\";\nimport { defineWaveform } from \"./elements/Waveform\";\nimport { defineVinyl } from \"./elements/Vinyl\";\nimport { defineSonar } from \"./elements/Sonar\";\nimport { defineMusicNote } from \"./elements/MusicNote\";\nimport { defineActivityRings } from \"./elements/ActivityRings\";\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 definePulsingOrb();\n defineMorphingOrb();\n defineSiriOrb();\n defineDotOrb();\n definePlanetOrb();\n defineAuraOrb();\n defineWaveform();\n defineVinyl();\n defineSonar();\n defineMusicNote();\n defineActivityRings();\n}"],"mappings":"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","names":["index_exports","__export","ACTIVITY_RINGS_TAG","ARC_SPINNER_TAG","AURA_ORB_TAG","BOUNCING_DOTS_TAG","BREATHING_PULSE_TAG","DOT_GRID_WAVE_TAG","DOT_ORB_TAG","ELLIPSIS_TAG","EQUALIZER_TAG","EYES_TAG","HELIX_DOTS_TAG","INDETERMINATE_PROGRESS_BAR_TAG","KEYFRAMES","LZPattern","MATERIAL_DOUBLE_ARC_TAG","MORPHING_ORB_TAG","MORPHING_SQUARE_TAG","MUSIC_NOTE_TAG","ORBIT_DOTS_TAG","ORBIT_RING_DOTS_TAG","PLANET_ORB_TAG","PROGRESS_BAR_TAG","PROGRESS_RING_TAG","PULSING_ORB_TAG","SCAN_SWEEP_TAG","SCOPED_CSS","SIRI_ORB_TAG","SKELETON_CARD_TAG","SKELETON_LIST_TAG","SKELETON_SHIMMER_TAG","SONAR_TAG","TYPING_DOTS_TAG","VINYL_TAG","WAVEFORM_TAG","WAVE_DOTS_TAG","define","defineActivityRings","defineAll","defineArcSpinner","defineAuraOrb","defineBouncingDots","defineBreathingPulse","defineDotGridWave","defineDotOrb","defineEllipsis","defineEqualizer","defineEyes","defineHelixDots","defineIndeterminateProgressBar","defineMaterialDoubleArc","defineMorphingOrb","defineMorphingSquare","defineMusicNote","defineOrbitDots","defineOrbitRingDots","definePlanetOrb","defineProgressBar","defineProgressRing","definePulsingOrb","defineScanSweep","defineSiriOrb","defineSkeletonCard","defineSkeletonList","defineSkeletonShimmer","defineSonar","defineTypingDots","defineVinyl","defineWaveDots","defineWaveform","__toCommonJS","KEYFRAMES","SCOPED_CSS","isBrowser","Base","_ready","LZPattern","__privateAdd","root","SCOPED_CSS","__privateSet","__privateGet","el","attr","fallback","raw","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","i","w","defineSkeletonList","define","PULSING_ORB_TAG","PulsingOrb","LZPattern","definePulsingOrb","define","MORPHING_ORB_TAG","MorphingOrb","LZPattern","defineMorphingOrb","define","SIRI_ORB_TAG","SiriOrb","LZPattern","defineSiriOrb","define","DOT_ORB_TAG","ORBIT_RADIUS_EM","DotOrb","LZPattern","count","cycle","html","i","pos","delay","defineDotOrb","define","PLANET_ORB_TAG","MOON_RADIUS_EM","PlanetOrb","LZPattern","count","moons","i","angle","definePlanetOrb","define","AURA_ORB_TAG","AuraOrb","LZPattern","defineAuraOrb","define","WAVEFORM_TAG","Waveform","LZPattern","count","mid","html","i","delay","accent","defineWaveform","define","VINYL_TAG","Vinyl","LZPattern","defineVinyl","define","SONAR_TAG","RING_DURATION","Sonar","LZPattern","count","rings","i","defineSonar","define","MUSIC_NOTE_TAG","MusicNote","LZPattern","count","notes","i","defineMusicNote","define","ACTIVITY_RINGS_TAG","ActivityRings","LZPattern","defineActivityRings","define","defineAll","defineBouncingDots","defineTypingDots","defineWaveDots","defineHelixDots","defineDotGridWave","defineArcSpinner","defineMaterialDoubleArc","defineScanSweep","defineOrbitDots","defineOrbitRingDots","defineEyes","defineMorphingSquare","defineBreathingPulse","defineEqualizer","defineProgressRing","defineIndeterminateProgressBar","defineSkeletonShimmer","defineEllipsis","defineProgressBar","defineSkeletonCard","defineSkeletonList","definePulsingOrb","defineMorphingOrb","defineSiriOrb","defineDotOrb","definePlanetOrb","defineAuraOrb","defineWaveform","defineVinyl","defineSonar","defineMusicNote","defineActivityRings","defineAll"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -27,8 +27,8 @@ declare abstract class LZPattern extends Base {
|
|
|
27
27
|
/** Register a pattern element, silently skipping duplicates. */
|
|
28
28
|
declare function define(tag: string, ctor: CustomElementConstructor): void;
|
|
29
29
|
|
|
30
|
-
declare const KEYFRAMES = "\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";
|
|
31
|
-
declare const SCOPED_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\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";
|
|
30
|
+
declare const KEYFRAMES = "\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@keyframes lz-orb-breathe {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }\n}\n@keyframes lz-blob-morph {\n 0% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }\n 25% { border-radius: 58% 42% 55% 45% / 55% 48% 52% 45%; transform: rotate(6deg) scale(1.06); }\n 50% { border-radius: 46% 54% 48% 52% / 48% 55% 45% 52%; transform: rotate(-5deg) scale(0.95); }\n 75% { border-radius: 55% 45% 52% 48% / 46% 52% 48% 55%; transform: rotate(3deg) scale(1.05); }\n 100% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }\n}\n@keyframes lz-siri-sheen {\n 0% { transform: translate3d(-24%, -14%, 0) rotate(0deg); }\n 100% { transform: translate3d(24%, 14%, 0) rotate(360deg); }\n}\n@keyframes lz-dot-orb {\n 0%, 100% { opacity: var(--lz-orb-fade, 0.14); transform: scale(var(--lz-dot-min, 0.7)); }\n 50% { opacity: 1; transform: scale(1); }\n}\n@keyframes lz-waveform {\n 0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }\n 50% { transform: scaleY(1); }\n}\n@keyframes lz-sonar-ring {\n 0% { transform: scale(0.18); opacity: var(--lz-sonar-fade, 0.9); }\n 100% { transform: scale(1); opacity: 0; }\n}\n@keyframes lz-note-bob {\n 0%, 100% { transform: translateY(0); }\n 45% { transform: translateY(var(--lz-note-bob, 0.35em)); }\n 60% { transform: rotate(4deg) translateY(var(--lz-note-bob, 0.35em)); }\n 75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }\n}\n@keyframes lz-needle-bob {\n 0%, 100% { transform: rotate(38deg); }\n 50% { transform: rotate(43deg); }\n}\n";
|
|
31
|
+
declare const SCOPED_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\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@keyframes lz-orb-breathe {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }\n}\n@keyframes lz-blob-morph {\n 0% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }\n 25% { border-radius: 58% 42% 55% 45% / 55% 48% 52% 45%; transform: rotate(6deg) scale(1.06); }\n 50% { border-radius: 46% 54% 48% 52% / 48% 55% 45% 52%; transform: rotate(-5deg) scale(0.95); }\n 75% { border-radius: 55% 45% 52% 48% / 46% 52% 48% 55%; transform: rotate(3deg) scale(1.05); }\n 100% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }\n}\n@keyframes lz-siri-sheen {\n 0% { transform: translate3d(-24%, -14%, 0) rotate(0deg); }\n 100% { transform: translate3d(24%, 14%, 0) rotate(360deg); }\n}\n@keyframes lz-dot-orb {\n 0%, 100% { opacity: var(--lz-orb-fade, 0.14); transform: scale(var(--lz-dot-min, 0.7)); }\n 50% { opacity: 1; transform: scale(1); }\n}\n@keyframes lz-waveform {\n 0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }\n 50% { transform: scaleY(1); }\n}\n@keyframes lz-sonar-ring {\n 0% { transform: scale(0.18); opacity: var(--lz-sonar-fade, 0.9); }\n 100% { transform: scale(1); opacity: 0; }\n}\n@keyframes lz-note-bob {\n 0%, 100% { transform: translateY(0); }\n 45% { transform: translateY(var(--lz-note-bob, 0.35em)); }\n 60% { transform: rotate(4deg) translateY(var(--lz-note-bob, 0.35em)); }\n 75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }\n}\n@keyframes lz-needle-bob {\n 0%, 100% { transform: rotate(38deg); }\n 50% { transform: rotate(43deg); }\n}\n\n";
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
34
|
* Register every pattern as a custom element.
|
|
@@ -99,4 +99,37 @@ declare function defineSkeletonCard(): void;
|
|
|
99
99
|
declare const SKELETON_LIST_TAG = "lz-skeleton-list";
|
|
100
100
|
declare function defineSkeletonList(): void;
|
|
101
101
|
|
|
102
|
-
|
|
102
|
+
declare const PULSING_ORB_TAG = "lz-pulsing-orb";
|
|
103
|
+
declare function definePulsingOrb(): void;
|
|
104
|
+
|
|
105
|
+
declare const MORPHING_ORB_TAG = "lz-morphing-orb";
|
|
106
|
+
declare function defineMorphingOrb(): void;
|
|
107
|
+
|
|
108
|
+
declare const SIRI_ORB_TAG = "lz-siri-orb";
|
|
109
|
+
declare function defineSiriOrb(): void;
|
|
110
|
+
|
|
111
|
+
declare const DOT_ORB_TAG = "lz-dot-orb";
|
|
112
|
+
declare function defineDotOrb(): void;
|
|
113
|
+
|
|
114
|
+
declare const PLANET_ORB_TAG = "lz-planet-orb";
|
|
115
|
+
declare function definePlanetOrb(): void;
|
|
116
|
+
|
|
117
|
+
declare const AURA_ORB_TAG = "lz-aura-orb";
|
|
118
|
+
declare function defineAuraOrb(): void;
|
|
119
|
+
|
|
120
|
+
declare const WAVEFORM_TAG = "lz-waveform";
|
|
121
|
+
declare function defineWaveform(): void;
|
|
122
|
+
|
|
123
|
+
declare const VINYL_TAG = "lz-vinyl";
|
|
124
|
+
declare function defineVinyl(): void;
|
|
125
|
+
|
|
126
|
+
declare const SONAR_TAG = "lz-sonar";
|
|
127
|
+
declare function defineSonar(): void;
|
|
128
|
+
|
|
129
|
+
declare const MUSIC_NOTE_TAG = "lz-music-note";
|
|
130
|
+
declare function defineMusicNote(): void;
|
|
131
|
+
|
|
132
|
+
declare const ACTIVITY_RINGS_TAG = "lz-activity-rings";
|
|
133
|
+
declare function defineActivityRings(): void;
|
|
134
|
+
|
|
135
|
+
export { ACTIVITY_RINGS_TAG, ARC_SPINNER_TAG, AURA_ORB_TAG, BOUNCING_DOTS_TAG, BREATHING_PULSE_TAG, DOT_GRID_WAVE_TAG, DOT_ORB_TAG, ELLIPSIS_TAG, EQUALIZER_TAG, EYES_TAG, HELIX_DOTS_TAG, INDETERMINATE_PROGRESS_BAR_TAG, KEYFRAMES, LZPattern, LZPattern as LoadingPattern, MATERIAL_DOUBLE_ARC_TAG, MORPHING_ORB_TAG, MORPHING_SQUARE_TAG, MUSIC_NOTE_TAG, ORBIT_DOTS_TAG, ORBIT_RING_DOTS_TAG, PLANET_ORB_TAG, PROGRESS_BAR_TAG, PROGRESS_RING_TAG, PULSING_ORB_TAG, SCAN_SWEEP_TAG, SCOPED_CSS, SIRI_ORB_TAG, SKELETON_CARD_TAG, SKELETON_LIST_TAG, SKELETON_SHIMMER_TAG, SONAR_TAG, TYPING_DOTS_TAG, VINYL_TAG, WAVEFORM_TAG, WAVE_DOTS_TAG, define, defineActivityRings, defineAll, defineArcSpinner, defineAuraOrb, defineBouncingDots, defineBreathingPulse, defineDotGridWave, defineDotOrb, defineEllipsis, defineEqualizer, defineEyes, defineHelixDots, defineIndeterminateProgressBar, defineMaterialDoubleArc, defineMorphingOrb, defineMorphingSquare, defineMusicNote, defineOrbitDots, defineOrbitRingDots, definePlanetOrb, defineProgressBar, defineProgressRing, definePulsingOrb, defineScanSweep, defineSiriOrb, defineSkeletonCard, defineSkeletonList, defineSkeletonShimmer, defineSonar, defineTypingDots, defineVinyl, defineWaveDots, defineWaveform };
|
package/dist/index.d.ts
CHANGED
|
@@ -27,8 +27,8 @@ declare abstract class LZPattern extends Base {
|
|
|
27
27
|
/** Register a pattern element, silently skipping duplicates. */
|
|
28
28
|
declare function define(tag: string, ctor: CustomElementConstructor): void;
|
|
29
29
|
|
|
30
|
-
declare const KEYFRAMES = "\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";
|
|
31
|
-
declare const SCOPED_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\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";
|
|
30
|
+
declare const KEYFRAMES = "\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@keyframes lz-orb-breathe {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }\n}\n@keyframes lz-blob-morph {\n 0% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }\n 25% { border-radius: 58% 42% 55% 45% / 55% 48% 52% 45%; transform: rotate(6deg) scale(1.06); }\n 50% { border-radius: 46% 54% 48% 52% / 48% 55% 45% 52%; transform: rotate(-5deg) scale(0.95); }\n 75% { border-radius: 55% 45% 52% 48% / 46% 52% 48% 55%; transform: rotate(3deg) scale(1.05); }\n 100% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }\n}\n@keyframes lz-siri-sheen {\n 0% { transform: translate3d(-24%, -14%, 0) rotate(0deg); }\n 100% { transform: translate3d(24%, 14%, 0) rotate(360deg); }\n}\n@keyframes lz-dot-orb {\n 0%, 100% { opacity: var(--lz-orb-fade, 0.14); transform: scale(var(--lz-dot-min, 0.7)); }\n 50% { opacity: 1; transform: scale(1); }\n}\n@keyframes lz-waveform {\n 0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }\n 50% { transform: scaleY(1); }\n}\n@keyframes lz-sonar-ring {\n 0% { transform: scale(0.18); opacity: var(--lz-sonar-fade, 0.9); }\n 100% { transform: scale(1); opacity: 0; }\n}\n@keyframes lz-note-bob {\n 0%, 100% { transform: translateY(0); }\n 45% { transform: translateY(var(--lz-note-bob, 0.35em)); }\n 60% { transform: rotate(4deg) translateY(var(--lz-note-bob, 0.35em)); }\n 75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }\n}\n@keyframes lz-needle-bob {\n 0%, 100% { transform: rotate(38deg); }\n 50% { transform: rotate(43deg); }\n}\n";
|
|
31
|
+
declare const SCOPED_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\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@keyframes lz-orb-breathe {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(var(--lz-orb-scale, 1.16)); opacity: var(--lz-orb-fade, 0.88); }\n}\n@keyframes lz-blob-morph {\n 0% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }\n 25% { border-radius: 58% 42% 55% 45% / 55% 48% 52% 45%; transform: rotate(6deg) scale(1.06); }\n 50% { border-radius: 46% 54% 48% 52% / 48% 55% 45% 52%; transform: rotate(-5deg) scale(0.95); }\n 75% { border-radius: 55% 45% 52% 48% / 46% 52% 48% 55%; transform: rotate(3deg) scale(1.05); }\n 100% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; transform: rotate(0deg) scale(1); }\n}\n@keyframes lz-siri-sheen {\n 0% { transform: translate3d(-24%, -14%, 0) rotate(0deg); }\n 100% { transform: translate3d(24%, 14%, 0) rotate(360deg); }\n}\n@keyframes lz-dot-orb {\n 0%, 100% { opacity: var(--lz-orb-fade, 0.14); transform: scale(var(--lz-dot-min, 0.7)); }\n 50% { opacity: 1; transform: scale(1); }\n}\n@keyframes lz-waveform {\n 0%, 100% { transform: scaleY(var(--lz-wf-min, 0.22)); }\n 50% { transform: scaleY(1); }\n}\n@keyframes lz-sonar-ring {\n 0% { transform: scale(0.18); opacity: var(--lz-sonar-fade, 0.9); }\n 100% { transform: scale(1); opacity: 0; }\n}\n@keyframes lz-note-bob {\n 0%, 100% { transform: translateY(0); }\n 45% { transform: translateY(var(--lz-note-bob, 0.35em)); }\n 60% { transform: rotate(4deg) translateY(var(--lz-note-bob, 0.35em)); }\n 75% { transform: rotate(-4deg) translateY(var(--lz-note-bob, 0.35em)); }\n}\n@keyframes lz-needle-bob {\n 0%, 100% { transform: rotate(38deg); }\n 50% { transform: rotate(43deg); }\n}\n\n";
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
34
|
* Register every pattern as a custom element.
|
|
@@ -99,4 +99,37 @@ declare function defineSkeletonCard(): void;
|
|
|
99
99
|
declare const SKELETON_LIST_TAG = "lz-skeleton-list";
|
|
100
100
|
declare function defineSkeletonList(): void;
|
|
101
101
|
|
|
102
|
-
|
|
102
|
+
declare const PULSING_ORB_TAG = "lz-pulsing-orb";
|
|
103
|
+
declare function definePulsingOrb(): void;
|
|
104
|
+
|
|
105
|
+
declare const MORPHING_ORB_TAG = "lz-morphing-orb";
|
|
106
|
+
declare function defineMorphingOrb(): void;
|
|
107
|
+
|
|
108
|
+
declare const SIRI_ORB_TAG = "lz-siri-orb";
|
|
109
|
+
declare function defineSiriOrb(): void;
|
|
110
|
+
|
|
111
|
+
declare const DOT_ORB_TAG = "lz-dot-orb";
|
|
112
|
+
declare function defineDotOrb(): void;
|
|
113
|
+
|
|
114
|
+
declare const PLANET_ORB_TAG = "lz-planet-orb";
|
|
115
|
+
declare function definePlanetOrb(): void;
|
|
116
|
+
|
|
117
|
+
declare const AURA_ORB_TAG = "lz-aura-orb";
|
|
118
|
+
declare function defineAuraOrb(): void;
|
|
119
|
+
|
|
120
|
+
declare const WAVEFORM_TAG = "lz-waveform";
|
|
121
|
+
declare function defineWaveform(): void;
|
|
122
|
+
|
|
123
|
+
declare const VINYL_TAG = "lz-vinyl";
|
|
124
|
+
declare function defineVinyl(): void;
|
|
125
|
+
|
|
126
|
+
declare const SONAR_TAG = "lz-sonar";
|
|
127
|
+
declare function defineSonar(): void;
|
|
128
|
+
|
|
129
|
+
declare const MUSIC_NOTE_TAG = "lz-music-note";
|
|
130
|
+
declare function defineMusicNote(): void;
|
|
131
|
+
|
|
132
|
+
declare const ACTIVITY_RINGS_TAG = "lz-activity-rings";
|
|
133
|
+
declare function defineActivityRings(): void;
|
|
134
|
+
|
|
135
|
+
export { ACTIVITY_RINGS_TAG, ARC_SPINNER_TAG, AURA_ORB_TAG, BOUNCING_DOTS_TAG, BREATHING_PULSE_TAG, DOT_GRID_WAVE_TAG, DOT_ORB_TAG, ELLIPSIS_TAG, EQUALIZER_TAG, EYES_TAG, HELIX_DOTS_TAG, INDETERMINATE_PROGRESS_BAR_TAG, KEYFRAMES, LZPattern, LZPattern as LoadingPattern, MATERIAL_DOUBLE_ARC_TAG, MORPHING_ORB_TAG, MORPHING_SQUARE_TAG, MUSIC_NOTE_TAG, ORBIT_DOTS_TAG, ORBIT_RING_DOTS_TAG, PLANET_ORB_TAG, PROGRESS_BAR_TAG, PROGRESS_RING_TAG, PULSING_ORB_TAG, SCAN_SWEEP_TAG, SCOPED_CSS, SIRI_ORB_TAG, SKELETON_CARD_TAG, SKELETON_LIST_TAG, SKELETON_SHIMMER_TAG, SONAR_TAG, TYPING_DOTS_TAG, VINYL_TAG, WAVEFORM_TAG, WAVE_DOTS_TAG, define, defineActivityRings, defineAll, defineArcSpinner, defineAuraOrb, defineBouncingDots, defineBreathingPulse, defineDotGridWave, defineDotOrb, defineEllipsis, defineEqualizer, defineEyes, defineHelixDots, defineIndeterminateProgressBar, defineMaterialDoubleArc, defineMorphingOrb, defineMorphingSquare, defineMusicNote, defineOrbitDots, defineOrbitRingDots, definePlanetOrb, defineProgressBar, defineProgressRing, definePulsingOrb, defineScanSweep, defineSiriOrb, defineSkeletonCard, defineSkeletonList, defineSkeletonShimmer, defineSonar, defineTypingDots, defineVinyl, defineWaveDots, defineWaveform };
|