use-scroll-animate 2.6.0 → 2.7.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/CHANGELOG.md +17 -0
- package/README.md +1 -0
- package/README_ja.md +1 -0
- package/README_zh.md +1 -0
- package/dist/chunks/{base-5DFCAnvH.cjs → base-BR6fYLBA.cjs} +23 -2
- package/dist/chunks/base-BR6fYLBA.cjs.map +1 -0
- package/dist/chunks/{base-08OYzphB.js → base-D6zLiNGH.js} +21 -3
- package/dist/chunks/base-D6zLiNGH.js.map +1 -0
- package/dist/chunks/{spring-CpeFkxNd.js → spring-C2Megtcf.js} +3 -3
- package/dist/chunks/spring-C2Megtcf.js.map +1 -0
- package/dist/chunks/{spring-Bi4qY0pL.cjs → spring-DyHe1Hfa.cjs} +3 -3
- package/dist/chunks/spring-DyHe1Hfa.cjs.map +1 -0
- package/dist/components/background.cjs +1 -1
- package/dist/components/background.d.cts +8 -0
- package/dist/components/background.d.ts +8 -0
- package/dist/components/background.js +2 -2
- package/dist/components/cards.cjs +2 -2
- package/dist/components/cards.d.cts +8 -0
- package/dist/components/cards.d.ts +8 -0
- package/dist/components/cards.js +3 -3
- package/dist/components/click.cjs +2 -2
- package/dist/components/click.d.cts +8 -0
- package/dist/components/click.d.ts +8 -0
- package/dist/components/click.js +3 -3
- package/dist/components/feedback.cjs +1 -1
- package/dist/components/feedback.d.cts +8 -0
- package/dist/components/feedback.d.ts +8 -0
- package/dist/components/feedback.js +2 -2
- package/dist/components/interaction.cjs +1 -1
- package/dist/components/interaction.d.cts +8 -0
- package/dist/components/interaction.d.ts +8 -0
- package/dist/components/interaction.js +2 -2
- package/dist/components/page.cjs +801 -0
- package/dist/components/page.cjs.map +1 -0
- package/dist/components/page.css +11 -0
- package/dist/components/page.d.cts +275 -0
- package/dist/components/page.d.ts +275 -0
- package/dist/components/page.js +776 -0
- package/dist/components/page.js.map +1 -0
- package/dist/components/physics.cjs +2 -2
- package/dist/components/physics.d.cts +8 -0
- package/dist/components/physics.d.ts +8 -0
- package/dist/components/physics.js +4 -4
- package/dist/components/reveal.cjs +1 -1
- package/dist/components/reveal.d.cts +8 -0
- package/dist/components/reveal.d.ts +8 -0
- package/dist/components/reveal.js +2 -2
- package/dist/components/text.cjs +1 -1
- package/dist/components/text.d.cts +8 -0
- package/dist/components/text.d.ts +8 -0
- package/dist/components/text.js +2 -2
- package/dist/components/transitions.cjs +1 -1
- package/dist/components/transitions.d.cts +8 -0
- package/dist/components/transitions.d.ts +8 -0
- package/dist/components/transitions.js +2 -2
- package/dist/components/ui.cjs +2 -2
- package/dist/components/ui.d.cts +8 -0
- package/dist/components/ui.d.ts +8 -0
- package/dist/components/ui.js +3 -3
- package/dist/components.cjs +28 -2
- package/dist/components.cjs.map +1 -1
- package/dist/components.css +9 -0
- package/dist/components.d.cts +239 -2
- package/dist/components.d.ts +239 -2
- package/dist/components.js +8 -4
- package/dist/components.js.map +1 -1
- package/dist/components.umd.js +2 -2
- package/dist/components.umd.js.map +1 -1
- package/docs/components.md +17 -0
- package/package.json +13 -2
- package/dist/chunks/base-08OYzphB.js.map +0 -1
- package/dist/chunks/base-5DFCAnvH.cjs.map +0 -1
- package/dist/chunks/spring-Bi4qY0pL.cjs.map +0 -1
- package/dist/chunks/spring-CpeFkxNd.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"page.cjs","sources":["../../src/components/page/cursor.ts","../../src/components/page/scroll.ts","../../src/components/page/fullpage.ts","../../src/components/page/loading-bar.ts","../../src/components/page/back-to-top.ts","../../src/components/page/ambient.ts","../../src/components/page/splash.ts","../../src/components/page/auto-skeleton.ts","../../src/components/page/motion-switch.ts","../../src/components/page/transitions.ts","../../src/components/page/index.ts"],"sourcesContent":["import { defineElement, raf, caf, type UsaElement } from '../base';\nimport css from './cursor.css?raw';\n\nexport const CURSOR_MODES = ['dot', 'trail', 'magnetic', 'glow'] as const;\nexport type CursorMode = (typeof CURSOR_MODES)[number];\n\n/**\n * `<usa-cursor mode=\"dot | trail | magnetic | glow\">` — a custom cursor for\n * the page (place it once, e.g. at the end of `<body>`).\n * - `dot` — a ring that follows with spring lag around the real pointer;\n * - `trail` — a comet tail of dots;\n * - `magnetic` — the ring snaps onto and wraps hovered targets (`a`,\n * `button`, `[data-cursor]`);\n * - `glow` — a large soft light following the pointer (great on dark UIs).\n * Attributes: `mode`, `color`, `size` (px, 28), `hide-native` (hide the\n * system cursor), `targets` (selector, magnetic). Only for fine pointers\n * (mouse / pen); never on touch. Reduced motion: not rendered.\n */\nexport interface UsaCursorElement extends UsaElement {\n readonly active: boolean;\n}\n\nexport function defineCursor(tag = 'usa-cursor'): CustomElementConstructor | undefined {\n return defineElement(\n tag,\n (Base) =>\n class UsaCursor extends Base {\n static get observedAttributes(): string[] {\n return ['mode', 'size', 'color', 'hide-native'];\n }\n private _frame = 0;\n get active(): boolean {\n return this.hasAttribute('data-active');\n }\n\n mount(): void {\n this.setAttribute('aria-hidden', 'true');\n const fine = typeof matchMedia !== 'function' || matchMedia('(pointer: fine)').matches || matchMedia('(hover: hover)').matches;\n if (this.reduced || !fine) return;\n const mode = this.str('mode', 'dot');\n const n = mode === 'trail' ? 8 : 1;\n this.innerHTML = Array.from({ length: n }, (_, i) => `<span class=\"usa-cursor-${mode === 'glow' ? 'glow' : 'ring'}\" style=\"--i:${i}\"></span>`).join('') + (mode === 'glow' ? '' : '<span class=\"usa-cursor-dot\"></span>');\n if (this.str('color')) this.style.setProperty('--usa-cursor-color', this.str('color'));\n this.style.setProperty('--usa-cursor-size', `${this.num('size', 28)}px`);\n if (this.flag('hide-native')) document.documentElement.classList.add('usa-cursor-none');\n this.onCleanup(() => document.documentElement.classList.remove('usa-cursor-none'));\n const parts = Array.from(this.querySelectorAll<HTMLElement>('.usa-cursor-ring, .usa-cursor-glow'));\n const dot = this.querySelector<HTMLElement>('.usa-cursor-dot');\n const pts = parts.map(() => ({ x: -100, y: -100 }));\n let mx = -100;\n let my = -100;\n let snap: DOMRect | null = null;\n const sel = this.str('targets', 'a, button, [role=\"button\"], [data-cursor], input, select, textarea, label');\n const loop = () => {\n this._frame = 0;\n let tx = mx;\n let ty = my;\n pts.forEach((p, i) => {\n const k = mode === 'trail' ? 0.35 - i * 0.03 : mode === 'glow' ? 0.12 : 0.22;\n const goalX = snap && i === 0 ? snap.left + snap.width / 2 : tx;\n const goalY = snap && i === 0 ? snap.top + snap.height / 2 : ty;\n p.x += (goalX - p.x) * k;\n p.y += (goalY - p.y) * k;\n parts[i].style.transform = `translate3d(${p.x.toFixed(1)}px, ${p.y.toFixed(1)}px, 0)`;\n tx = p.x;\n ty = p.y;\n });\n if (snap && parts[0]) {\n parts[0].style.width = `${snap.width + 12}px`;\n parts[0].style.height = `${snap.height + 12}px`;\n } else if (parts[0]) {\n parts[0].style.width = parts[0].style.height = '';\n }\n if (dot) dot.style.transform = `translate3d(${mx}px, ${my}px, 0)`;\n const moving = pts.some((p, i) => Math.abs(p.x - (i === 0 && snap ? snap.left + snap.width / 2 : mx)) > 0.3);\n if (moving) this._frame = raf(loop);\n };\n const kick = () => {\n if (!this._frame) this._frame = raf(loop);\n };\n this.listen(document, 'pointermove', (e: PointerEvent) => {\n if (e.pointerType === 'touch') return;\n mx = e.clientX;\n my = e.clientY;\n this.setAttribute('data-active', '');\n if (mode === 'magnetic') {\n const t = (e.target as Element)?.closest?.(sel);\n snap = t ? t.getBoundingClientRect() : null;\n this.toggleAttribute('data-snapped', !!t);\n } else {\n this.toggleAttribute('data-hover', !!(e.target as Element)?.closest?.(sel));\n }\n kick();\n }, { passive: true });\n this.listen(document, 'pointerdown', () => this.setAttribute('data-down', ''));\n this.listen(document, 'pointerup', () => this.removeAttribute('data-down'));\n this.listen(document.documentElement, 'pointerleave', () => this.removeAttribute('data-active'));\n }\n\n unmount(): void {\n caf(this._frame);\n this._frame = 0;\n this.removeAttribute('data-active');\n }\n },\n { id: 'cursor', text: css }\n );\n}\n","import { prefersReducedMotion, raf, caf, now } from '../base';\nimport { springSamples } from '../physics/spring';\n\n/**\n * `smoothScroll()` — inertial wheel smoothing for the page (or a scroll\n * container): wheel deltas are eased with a lerp each frame. Touch and\n * keyboard scrolling stay native. Returns a function that turns it off.\n * No-op under reduced motion, on touch-only devices and on the server.\n */\nexport interface SmoothScrollOptions {\n /** Scroll container (default: the page). */\n target?: HTMLElement | null;\n /** 0–1, lower = smoother / longer glide (default 0.12). */\n lerp?: number;\n /** Wheel multiplier (default 1). */\n wheelMultiplier?: number;\n}\n\nexport function smoothScroll(options: SmoothScrollOptions = {}): () => void {\n if (typeof window === 'undefined' || prefersReducedMotion()) return () => undefined;\n const el = options.target || null;\n const lerp = Math.min(1, Math.max(0.02, options.lerp ?? 0.12));\n const mult = options.wheelMultiplier ?? 1;\n const get = () => (el ? el.scrollTop : window.scrollY);\n const max = () => (el ? el.scrollHeight - el.clientHeight : document.documentElement.scrollHeight - window.innerHeight);\n const set = (y: number) => (el ? (el.scrollTop = y) : window.scrollTo(0, y));\n let target = get();\n let current = target;\n let id = 0;\n const loop = () => {\n current += (target - current) * lerp;\n if (Math.abs(target - current) < 0.5) current = target;\n set(current);\n id = current === target ? 0 : raf(loop);\n };\n const onWheel = (e: WheelEvent) => {\n if (e.ctrlKey || e.defaultPrevented) return;\n if (!id) target = current = get();\n e.preventDefault();\n const dy = e.deltaMode === 1 ? e.deltaY * 16 : e.deltaMode === 2 ? e.deltaY * (window.innerHeight || 800) : e.deltaY;\n target = Math.max(0, Math.min(max(), target + dy * mult));\n if (!id) id = raf(loop);\n };\n const onScroll = () => {\n if (!id) target = current = get();\n };\n const host: EventTarget = el || window;\n host.addEventListener('wheel', onWheel as EventListener, { passive: false });\n host.addEventListener('scroll', onScroll, { passive: true });\n return () => {\n host.removeEventListener('wheel', onWheel as EventListener);\n host.removeEventListener('scroll', onScroll);\n if (id) caf(id);\n id = 0;\n };\n}\n\n/**\n * Scroll to a y position, element or selector with spring timing (or\n * instantly under reduced motion). Resolves when done.\n */\nexport function scrollToTarget(to: number | Element | string, options: { offset?: number; target?: HTMLElement | null; preset?: string } = {}): Promise<void> {\n if (typeof window === 'undefined') return Promise.resolve();\n const el = options.target || null;\n const start = el ? el.scrollTop : window.scrollY;\n let y = typeof to === 'number' ? to : 0;\n if (typeof to !== 'number') {\n const node = typeof to === 'string' ? document.querySelector(to) : to;\n if (!node) return Promise.resolve();\n const top = node.getBoundingClientRect().top;\n y = start + top - (el ? el.getBoundingClientRect().top : 0);\n }\n y = Math.max(0, y - (options.offset ?? 0));\n const set = (v: number) => (el ? (el.scrollTop = v) : window.scrollTo(0, v));\n if (prefersReducedMotion()) {\n set(y);\n return Promise.resolve();\n }\n const { values, duration } = springSamples(options.preset || 'slow');\n const t0 = now();\n return new Promise((resolve) => {\n const step = () => {\n const p = Math.min(1, (now() - t0) / Math.max(1, duration));\n const v = values[Math.min(values.length - 1, Math.round(p * (values.length - 1)))];\n set(start + (y - start) * v);\n if (p < 1) raf(step);\n else resolve();\n };\n raf(step);\n });\n}\n","import { defineElement, type UsaElement } from '../base';\nimport { scrollToTarget } from './scroll';\nimport css from './fullpage.css?raw';\n\n/**\n * `<usa-fullpage>` — full-screen sections (its element children) that snap\n * one at a time (CSS scroll snap), with keyboard paging (PageUp/PageDown,\n * arrows, Home/End), optional dot navigation and the current section in\n * `aria-current` + `usa:section`.\n * Attributes: `dots` (show the dot nav), `axis` (`y` default, `x`).\n * Methods: `go(i)`, `next()`, `prev()`. Reduced motion: snapping stays,\n * jumps are instant.\n */\nexport interface UsaFullpageElement extends UsaElement {\n readonly index: number;\n go(i: number): void;\n next(): void;\n prev(): void;\n}\n\nexport function defineFullpage(tag = 'usa-fullpage'): CustomElementConstructor | undefined {\n return defineElement(\n tag,\n (Base) =>\n class UsaFullpage extends Base {\n private _i = 0;\n get index(): number {\n return this._i;\n }\n private sections(): HTMLElement[] {\n return (Array.from(this.children) as HTMLElement[]).filter((c) => !c.classList.contains('usa-fullpage-dots'));\n }\n\n mount(): void {\n if (!this.hasAttribute('tabindex')) this.tabIndex = 0;\n const secs = this.sections();\n secs.forEach((s, i) => {\n s.classList.add('usa-fullpage-section');\n s.setAttribute('data-index', String(i));\n });\n let nav: HTMLElement | null = null;\n if (this.flag('dots')) {\n nav = document.createElement('nav');\n nav.className = 'usa-fullpage-dots';\n nav.setAttribute('aria-label', 'Sections');\n secs.forEach((s, i) => {\n const b = document.createElement('button');\n b.type = 'button';\n b.setAttribute('aria-label', s.getAttribute('aria-label') || s.querySelector('h1,h2,h3')?.textContent?.trim() || `Section ${i + 1}`);\n b.addEventListener('click', () => this.go(i));\n nav!.append(b);\n });\n this.append(nav);\n this.onCleanup(() => nav?.remove());\n }\n this.mark(0);\n if (typeof IntersectionObserver !== 'undefined') {\n const io = new IntersectionObserver(\n (entries) => {\n for (const e of entries) if (e.isIntersecting && e.intersectionRatio >= 0.6) this.mark(Number((e.target as HTMLElement).dataset.index));\n },\n { root: this, threshold: [0.6] }\n );\n secs.forEach((s) => io.observe(s));\n this.onCleanup(() => io.disconnect());\n }\n this.listen(this, 'keydown', (e: KeyboardEvent) => {\n const n = this.sections().length;\n const map: Record<string, number> = { PageDown: this._i + 1, ArrowDown: this._i + 1, ' ': this._i + 1, PageUp: this._i - 1, ArrowUp: this._i - 1, Home: 0, End: n - 1 };\n if (this.str('axis') === 'x') Object.assign(map, { ArrowRight: this._i + 1, ArrowLeft: this._i - 1 });\n if (!(e.key in map) || (e.target as Element).closest?.('input, textarea, select')) return;\n e.preventDefault();\n this.go(map[e.key]);\n });\n }\n\n private mark(i: number): void {\n if (i === this._i && this.hasAttribute('data-ready')) return;\n this.setAttribute('data-ready', '');\n this._i = i;\n this.sections().forEach((s, j) => s.toggleAttribute('data-current', j === i));\n this.querySelectorAll('.usa-fullpage-dots button').forEach((b, j) => (j === i ? b.setAttribute('aria-current', 'true') : b.removeAttribute('aria-current')));\n this.emit('section', { index: i });\n }\n\n go(i: number): void {\n const secs = this.sections();\n const t = secs[Math.max(0, Math.min(secs.length - 1, i))];\n if (!t) return;\n if (this.str('axis') === 'x') this.scrollTo({ left: t.offsetLeft, behavior: this.reduced ? 'auto' : 'smooth' });\n else scrollToTarget(t.offsetTop, { target: this, preset: 'stiff' });\n this.mark(secs.indexOf(t));\n }\n next(): void {\n this.go(this._i + 1);\n }\n prev(): void {\n this.go(this._i - 1);\n }\n },\n { id: 'fullpage', text: css }\n );\n}\n","import { defineElement, type UsaElement } from '../base';\nimport css from './loading-bar.css?raw';\n\n/**\n * `<usa-loading-bar>` — a slim top loading bar for route changes and fetches\n * (NProgress-style): `start()` trickles towards 90 %, `done()` completes and\n * fades out, `set(0–1)` for real progress. `loadingBar` drives the first bar\n * on the page (created on demand). `role=\"progressbar\"`, `aria-busy`.\n * Attributes: `color`, `height` (px, 3), `position` (`top` default, `bottom`).\n * Reduced motion: no trickle animation — the bar shows / hides.\n */\nexport interface UsaLoadingBarElement extends UsaElement {\n readonly progress: number;\n start(): void;\n set(p: number): void;\n done(): void;\n}\n\nexport function defineLoadingBar(tag = 'usa-loading-bar'): CustomElementConstructor | undefined {\n return defineElement(\n tag,\n (Base) =>\n class UsaLoadingBar extends Base {\n private _p = 0;\n private _t: ReturnType<typeof setInterval> | undefined;\n private _h: ReturnType<typeof setTimeout> | undefined;\n get progress(): number {\n return this._p;\n }\n mount(): void {\n if (!this.querySelector('.usa-loading-bar-fill')) this.innerHTML = '<span class=\"usa-loading-bar-fill\"></span>';\n this.setAttribute('role', 'progressbar');\n this.setAttribute('aria-label', this.str('label', 'Loading'));\n this.setAttribute('aria-valuemin', '0');\n this.setAttribute('aria-valuemax', '100');\n if (this.str('color')) this.style.setProperty('--usa-loading-color', this.str('color'));\n this.style.setProperty('--usa-loading-h', `${this.num('height', 3)}px`);\n this.paint();\n }\n unmount(): void {\n clearInterval(this._t);\n clearTimeout(this._h);\n }\n private paint(): void {\n this.style.setProperty('--usa-loading', this._p.toFixed(4));\n this.setAttribute('aria-valuenow', String(Math.round(this._p * 100)));\n }\n start(): void {\n clearTimeout(this._h);\n clearInterval(this._t);\n this.setAttribute('data-active', '');\n this.setAttribute('aria-busy', 'true');\n this._p = Math.max(this._p, 0.08);\n this.paint();\n this._t = setInterval(() => {\n this._p += (0.9 - this._p) * (this.reduced ? 0.5 : 0.08);\n this.paint();\n }, 200);\n }\n set(p: number): void {\n this.setAttribute('data-active', '');\n this._p = Math.max(0, Math.min(1, p));\n this.paint();\n }\n done(): void {\n clearInterval(this._t);\n this._p = 1;\n this.paint();\n this.removeAttribute('aria-busy');\n this._h = setTimeout(() => {\n this.removeAttribute('data-active');\n this._h = setTimeout(() => {\n this._p = 0;\n this.paint();\n }, 300);\n }, 250);\n }\n },\n { id: 'loading-bar', text: css }\n );\n}\n\nfunction bar(): UsaLoadingBarElement | null {\n if (typeof document === 'undefined') return null;\n let el = document.querySelector('usa-loading-bar') as UsaLoadingBarElement | null;\n if (!el) {\n defineLoadingBar();\n el = document.createElement('usa-loading-bar') as UsaLoadingBarElement;\n document.body.appendChild(el);\n }\n return typeof el.start === 'function' ? el : null;\n}\n\n/** Drive the page's `<usa-loading-bar>` (created on first use). */\nexport const loadingBar = {\n start: (): void => bar()?.start(),\n set: (p: number): void => bar()?.set(p),\n done: (): void => bar()?.done(),\n /** Run `task` with the bar shown; resolves with its result. */\n async track<T>(task: Promise<T> | (() => Promise<T>)): Promise<T> {\n bar()?.start();\n try {\n return await (typeof task === 'function' ? task() : task);\n } finally {\n bar()?.done();\n }\n },\n};\n","import { defineElement, raf, caf, type UsaElement } from '../base';\nimport { scrollToTarget } from './scroll';\nimport css from './back-to-top.css?raw';\n\n/**\n * `<usa-back-to-top>` — a floating button that appears after `offset` px\n * (300) of scrolling, shows page progress as a ring and springs the page\n * back to the top (then focuses `focus-target`, default `#main` / `body`).\n * Attributes: `offset`, `label` (\"Back to top\"), `focus-target`, `position`\n * (`bottom-right` default, `bottom-left`). Reduced motion: instant jump.\n */\nexport interface UsaBackToTopElement extends UsaElement {\n readonly visible: boolean;\n}\n\nexport function defineBackToTop(tag = 'usa-back-to-top'): CustomElementConstructor | undefined {\n return defineElement(\n tag,\n (Base) =>\n class UsaBackToTop extends Base {\n private _frame = 0;\n get visible(): boolean {\n return this.hasAttribute('data-visible');\n }\n mount(): void {\n if (!this.querySelector('button')) {\n this.innerHTML = `<button type=\"button\" aria-label=\"${this.str('label', 'Back to top')}\"><svg viewBox=\"0 0 36 36\" aria-hidden=\"true\"><circle cx=\"18\" cy=\"18\" r=\"16\" pathLength=\"100\"/><path d=\"M12 20l6-6 6 6\"/></svg></button>`;\n }\n const btn = this.querySelector('button')!;\n const update = () => {\n this._frame = 0;\n const y = window.scrollY || document.documentElement.scrollTop || 0;\n const max = Math.max(1, (document.documentElement.scrollHeight || 0) - (window.innerHeight || 0));\n this.toggleAttribute('data-visible', y > this.num('offset', 300));\n this.style.setProperty('--usa-btt', Math.min(1, y / max).toFixed(4));\n };\n this.listen(window, 'scroll', () => {\n if (!this._frame) this._frame = raf(update);\n }, { passive: true });\n this.listen(btn, 'click', async () => {\n await scrollToTarget(0, { preset: 'slow' });\n const f = document.querySelector<HTMLElement>(this.str('focus-target', '#main')) || document.body;\n if (!f.hasAttribute('tabindex') && f !== document.body) f.tabIndex = -1;\n f.focus?.({ preventScroll: true });\n });\n update();\n }\n unmount(): void {\n caf(this._frame);\n this._frame = 0;\n }\n },\n { id: 'back-to-top', text: css }\n );\n}\n","import { defineElement, raf, caf, type UsaElement } from '../base';\nimport css from './ambient.css?raw';\n\nexport const AMBIENT_EFFECTS = ['particles', 'snow', 'stars', 'noise', 'gradient'] as const;\nexport type AmbientEffect = (typeof AMBIENT_EFFECTS)[number];\n\n/**\n * `<usa-ambient effect=\"particles | snow | stars | noise | gradient\">` — a\n * fixed, page-wide ambient layer behind (or, with `layer=\"front\"`, over)\n * the content, never catching the pointer.\n * - `particles` — slow drifting dots; `snow` — falling flakes with sway;\n * `stars` — twinkling starfield (canvas, paused in hidden tabs, DPR ≤ 2);\n * - `noise` — animated film grain (CSS, SVG turbulence);\n * - `gradient` — a gradient whose hue shifts with the scroll position.\n * Attributes: `effect`, `density` (0.2–3, 1), `color`, `opacity` (0.6),\n * `layer` (`back` default, `front`), `speed` (1). Reduced motion: one\n * static frame (no falling, twinkling or grain flicker).\n */\nexport interface UsaAmbientElement extends UsaElement {}\n\nexport function defineAmbient(tag = 'usa-ambient'): CustomElementConstructor | undefined {\n return defineElement(\n tag,\n (Base) =>\n class UsaAmbient extends Base {\n static get observedAttributes(): string[] {\n return ['effect', 'density', 'color'];\n }\n private _frame = 0;\n\n mount(): void {\n this.setAttribute('aria-hidden', 'true');\n const effect = this.str('effect', 'particles');\n this.style.setProperty('--usa-ambient-opacity', String(this.num('opacity', 0.6)));\n this.replaceChildren();\n if (effect === 'noise') return;\n if (effect === 'gradient') {\n const upd = () => {\n this._frame = 0;\n const max = Math.max(1, document.documentElement.scrollHeight - window.innerHeight);\n this.style.setProperty('--usa-ambient-p', ((window.scrollY || 0) / max).toFixed(4));\n };\n if (!this.reduced) this.listen(window, 'scroll', () => !this._frame && (this._frame = raf(upd)), { passive: true });\n upd();\n return;\n }\n const canvas = document.createElement('canvas');\n this.append(canvas);\n const ctx = canvas.getContext?.('2d');\n if (!ctx) return;\n const dpr = Math.min(2, window.devicePixelRatio || 1);\n let W = 0;\n let H = 0;\n const color = this.str('color', effect === 'snow' ? '#ffffff' : effect === 'stars' ? '#ffffff' : '#a78bfa');\n const speed = this.num('speed', 1);\n const resize = () => {\n W = window.innerWidth || 800;\n H = window.innerHeight || 600;\n canvas.width = W * dpr;\n canvas.height = H * dpr;\n canvas.style.width = `${W}px`;\n canvas.style.height = `${H}px`;\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n };\n resize();\n const base = effect === 'stars' ? 140 : effect === 'snow' ? 90 : 60;\n const n = Math.round(base * Math.max(0.2, Math.min(3, this.num('density', 1))) * Math.min(1.5, (W * H) / (1280 * 800)));\n const dots = Array.from({ length: n }, () => ({\n x: Math.random() * W,\n y: Math.random() * H,\n r: effect === 'stars' ? Math.random() * 1.3 + 0.2 : effect === 'snow' ? Math.random() * 2.6 + 0.8 : Math.random() * 2 + 0.6,\n vx: (Math.random() - 0.5) * 0.25,\n vy: effect === 'snow' ? Math.random() * 0.8 + 0.4 : (Math.random() - 0.5) * 0.25,\n t: Math.random() * Math.PI * 2,\n }));\n ctx.fillStyle = color;\n const draw = (move: boolean) => {\n ctx.clearRect(0, 0, W, H);\n for (const d of dots) {\n if (move) {\n d.t += 0.02 * speed;\n d.x += (d.vx + (effect === 'snow' ? Math.sin(d.t) * 0.3 : 0)) * speed;\n d.y += d.vy * speed;\n if (d.y > H + 5) d.y = -5;\n if (d.y < -5) d.y = H + 5;\n if (d.x > W + 5) d.x = -5;\n if (d.x < -5) d.x = W + 5;\n }\n ctx.globalAlpha = effect === 'stars' ? 0.35 + 0.65 * Math.abs(Math.sin(d.t)) : 0.85;\n ctx.beginPath();\n ctx.arc(d.x, d.y, d.r, 0, Math.PI * 2);\n ctx.fill();\n }\n };\n this.listen(window, 'resize', () => {\n resize();\n ctx.fillStyle = color;\n draw(false);\n });\n if (this.reduced) {\n draw(false);\n return;\n }\n const loop = () => {\n if (!document.hidden) draw(true);\n this._frame = raf(loop);\n };\n this._frame = raf(loop);\n }\n\n unmount(): void {\n caf(this._frame);\n this._frame = 0;\n }\n },\n { id: 'ambient', text: css }\n );\n}\n","import { defineElement, type UsaElement } from '../base';\nimport css from './splash.css?raw';\n\n/**\n * `<usa-splash>` — an app splash / launch screen: shows its content (logo,\n * spinner) over the page, then leaves with `exit` (`fade` default, `scale`,\n * `slide-up`, `circle`) once the page has loaded (or when you call\n * `done()`), but never sooner than `min` ms (600) — no flash.\n * Attributes: `min`, `exit`, `manual` (wait for `done()`), `label`.\n * Events: `usa:done`. The page underneath is `aria-busy` until then.\n * Reduced motion: fades.\n */\nexport interface UsaSplashElement extends UsaElement {\n done(): Promise<void>;\n}\n\nexport function defineSplash(tag = 'usa-splash'): CustomElementConstructor | undefined {\n return defineElement(\n tag,\n (Base) =>\n class UsaSplash extends Base {\n private _t0 = 0;\n private _gone = false;\n mount(): void {\n this._t0 = Date.now();\n this.setAttribute('role', 'status');\n this.setAttribute('aria-label', this.str('label', 'Loading'));\n document.body?.setAttribute('aria-busy', 'true');\n if (this.flag('manual')) return;\n if (document.readyState === 'complete') this.done();\n else this.listen(window, 'load', () => this.done(), { once: true });\n }\n async done(): Promise<void> {\n if (this._gone) return;\n this._gone = true;\n const wait = Math.max(0, this.num('min', 600) - (Date.now() - this._t0));\n if (wait) await new Promise((r) => setTimeout(r, wait));\n const exit = this.reduced ? 'fade' : this.str('exit', 'fade');\n const frames: Record<string, Keyframe[]> = {\n fade: [{ opacity: 1 }, { opacity: 0 }],\n scale: [{ opacity: 1, transform: 'scale(1)' }, { opacity: 0, transform: 'scale(1.15)' }],\n 'slide-up': [{ transform: 'translateY(0)' }, { transform: 'translateY(-100%)' }],\n circle: [{ clipPath: 'circle(150% at 50% 50%)' }, { clipPath: 'circle(0% at 50% 50%)' }],\n };\n const a = this.motion(this, frames[exit] || frames.fade, { duration: this.reduced ? 200 : 550, easing: 'cubic-bezier(0.65, 0, 0.35, 1)', fill: 'forwards' });\n await a?.finished.catch(() => undefined);\n document.body?.removeAttribute('aria-busy');\n this.hidden = true;\n this.emit('done');\n }\n },\n { id: 'splash', text: css }\n );\n}\n","import { defineElement, type UsaElement } from '../base';\nimport css from './auto-skeleton.css?raw';\n\n/**\n * `<usa-auto-skeleton loading>` — automatic skeletons: while `loading` is\n * set, every text block, image, button and input inside is drawn as a\n * shimmering placeholder of its own size — no separate skeleton markup.\n * Remove `loading` (or set `.loading = false`) and the content fades in.\n * `aria-busy` while loading. Opt elements out with `data-no-skeleton`.\n * Reduced motion: static placeholders, no shimmer or fade.\n */\nexport interface UsaAutoSkeletonElement extends UsaElement {\n loading: boolean;\n}\n\nexport function defineAutoSkeleton(tag = 'usa-auto-skeleton'): CustomElementConstructor | undefined {\n return defineElement(\n tag,\n (Base) =>\n class UsaAutoSkeleton extends Base {\n static get observedAttributes(): string[] {\n return ['loading'];\n }\n get loading(): boolean {\n return this.flag('loading');\n }\n set loading(v: boolean) {\n this.setFlag('loading', v);\n }\n mount(): void {\n this.sync(false);\n }\n changed(): void {\n this.sync(true);\n }\n private sync(animate: boolean): void {\n if (this.loading) this.setAttribute('aria-busy', 'true');\n else {\n this.removeAttribute('aria-busy');\n if (animate && !this.reduced) this.motion(this, [{ opacity: 0.4 }, { opacity: 1 }], { duration: 300, easing: 'ease-out' });\n }\n }\n },\n { id: 'auto-skeleton', text: css }\n );\n}\n","import { defineElement, configureComponents, getMotionIntensity, type MotionIntensity, type UsaElement } from '../base';\nimport css from './motion-switch.css?raw';\n\nconst LEVELS: MotionIntensity[] = ['off', 'low', 'normal', 'high'];\nconst KEY = 'usa:motion';\n\n/**\n * Set the global motion intensity for every `<usa-*>` component:\n * `'off'` (like reduced motion), `'low'`, `'normal'` (default), `'high'`.\n * Sets `--usa-motion` and `data-usa-motion` on `<html>`; with `persist`\n * the choice is remembered (localStorage) and restored by `restoreMotionIntensity()`.\n */\nexport function setMotionIntensity(level: MotionIntensity, persist = false): void {\n if (!LEVELS.includes(level)) return;\n configureComponents({ motionIntensity: level });\n if (persist) {\n try {\n localStorage.setItem(KEY, level);\n } catch {\n /* private mode */\n }\n }\n if (typeof document !== 'undefined') document.dispatchEvent(new CustomEvent('usa:motion', { detail: { level } }));\n}\n\n/** Re-apply a persisted intensity (call early on page load). Returns it. */\nexport function restoreMotionIntensity(): MotionIntensity {\n try {\n const v = localStorage.getItem(KEY) as MotionIntensity | null;\n if (v && LEVELS.includes(v)) setMotionIntensity(v);\n } catch {\n /* ignore */\n }\n return getMotionIntensity();\n}\n\n/**\n * `<usa-motion-switch>` — a segmented control letting users choose the\n * app's motion intensity (Off · Low · Normal · High), persisted.\n * `role=\"radiogroup\"`; arrow keys move. Attributes: `labels` (comma list),\n * `label` (\"Motion\"). Events: `usa:change` (`{ level }`).\n */\nexport interface UsaMotionSwitchElement extends UsaElement {\n value: MotionIntensity;\n}\n\nexport function defineMotionSwitch(tag = 'usa-motion-switch'): CustomElementConstructor | undefined {\n return defineElement(\n tag,\n (Base) =>\n class UsaMotionSwitch extends Base {\n get value(): MotionIntensity {\n return getMotionIntensity();\n }\n set value(v: MotionIntensity) {\n setMotionIntensity(v, true);\n this.sync();\n }\n mount(): void {\n restoreMotionIntensity();\n const labels = this.str('labels', 'Off,Low,Normal,High').split(',');\n this.setAttribute('role', 'radiogroup');\n this.setAttribute('aria-label', this.str('label', 'Motion'));\n this.innerHTML = LEVELS.map((l, i) => `<button type=\"button\" role=\"radio\" data-level=\"${l}\">${labels[i] || l}</button><span hidden></span>`.replace('<span hidden></span>', '')).join('') + '<span class=\"usa-motion-thumb\" aria-hidden=\"true\"></span>';\n this.listen(this, 'click', (e: MouseEvent) => {\n const b = (e.target as Element).closest?.('[data-level]') as HTMLElement | null;\n if (b) this.pick(b.dataset.level as MotionIntensity);\n });\n this.listen(this, 'keydown', (e: KeyboardEvent) => {\n const i = LEVELS.indexOf(this.value);\n const n = e.key === 'ArrowRight' || e.key === 'ArrowDown' ? i + 1 : e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? i - 1 : null;\n if (n === null) return;\n e.preventDefault();\n this.pick(LEVELS[(n + LEVELS.length) % LEVELS.length]);\n (this.querySelector('[aria-checked=\"true\"]') as HTMLElement)?.focus();\n });\n this.listen(document, 'usa:motion', () => this.sync());\n this.sync();\n }\n private pick(l: MotionIntensity): void {\n this.value = l;\n this.emit('change', { level: l });\n }\n private sync(): void {\n const v = this.value;\n const i = LEVELS.indexOf(v);\n this.style.setProperty('--usa-motion-i', String(i));\n this.querySelectorAll<HTMLElement>('[data-level]').forEach((b) => {\n const on = b.dataset.level === v;\n b.setAttribute('aria-checked', String(on));\n b.tabIndex = on ? 0 : -1;\n });\n }\n },\n { id: 'motion-switch', text: css }\n );\n}\n","import { prefersReducedMotion, adoptStyles } from '../base';\nimport css from './transitions.css?raw';\n\n/**\n * Page & app-wide transitions (v2.7), built on the View Transitions API\n * (Chromium: Chrome, Edge, Electron, WebView2) with graceful fallbacks.\n *\n * - `pageTransition(update, { effect })` — SPA route changes: `fade`,\n * `slide` (`slide-left` / `slide-right` / `slide-up`), `circle` (reveal\n * from `x`, `y`), `blinds`, `pixel` (stepped dissolve), `zoom`.\n * - `enableMpaTransitions(effect)` — the same effects for multi-page sites\n * (`@view-transition { navigation: auto }`); call it on every page.\n * - `themeTransition(apply, { x, y })` — a circle-reveal theme switch.\n *\n * Without View Transitions (Firefox, older Safari) or under reduced motion\n * the update runs immediately (`fade` falls back to a short cross-fade of\n * `fallback` when given).\n */\nexport const PAGE_EFFECTS = ['fade', 'slide', 'slide-left', 'slide-right', 'slide-up', 'circle', 'blinds', 'pixel', 'zoom'] as const;\nexport type PageEffect = (typeof PAGE_EFFECTS)[number];\n\nexport interface PageTransitionOptions {\n effect?: PageEffect;\n /** Circle origin in client px (default: viewport centre / last pointer). */\n x?: number;\n y?: number;\n /** Duration in ms (default 600). */\n duration?: number;\n /** Element to cross-fade when View Transitions are unavailable. */\n fallback?: Element | null;\n}\n\nlet lastPointer: [number, number] | null = null;\nfunction trackPointer(): void {\n if (typeof document === 'undefined' || (trackPointer as any).done) return;\n (trackPointer as any).done = true;\n document.addEventListener('pointerdown', (e) => (lastPointer = [e.clientX, e.clientY]), { capture: true, passive: true });\n}\n\n/** `true` when `document.startViewTransition` exists. */\nexport const supportsViewTransitions = (): boolean => typeof document !== 'undefined' && typeof (document as any).startViewTransition === 'function';\n\nfunction setVars(o: PageTransitionOptions): void {\n const d = document.documentElement;\n const W = window.innerWidth || 1024;\n const H = window.innerHeight || 768;\n const [x, y] = o.x !== undefined && o.y !== undefined ? [o.x, o.y] : lastPointer || [W / 2, H / 2];\n const r = Math.hypot(Math.max(x, W - x), Math.max(y, H - y));\n d.style.setProperty('--usa-pt-x', `${x}px`);\n d.style.setProperty('--usa-pt-y', `${y}px`);\n d.style.setProperty('--usa-pt-r', `${Math.ceil(r)}px`);\n d.style.setProperty('--usa-pt-duration', `${o.duration ?? 600}ms`);\n}\n\n/** Run `update` (sync or async) as an animated page transition. Resolves when it is done. */\nexport async function pageTransition(update: () => unknown, options: PageTransitionOptions = {}): Promise<void> {\n if (typeof document === 'undefined') {\n await update();\n return;\n }\n adoptStyles('page-transitions', css);\n trackPointer();\n const effect = options.effect || 'fade';\n if (prefersReducedMotion() || !supportsViewTransitions()) {\n await update();\n const f = options.fallback as HTMLElement | null | undefined;\n if (f && typeof f.animate === 'function' && !prefersReducedMotion()) await f.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 200 }).finished.catch(() => undefined);\n return;\n }\n const d = document.documentElement;\n setVars(options);\n d.setAttribute('data-usa-pt', effect);\n try {\n const vt = (document as any).startViewTransition(() => update());\n await vt.finished;\n } finally {\n d.removeAttribute('data-usa-pt');\n }\n}\n\n/** Opt a multi-page site into cross-document view transitions with `effect`. */\nexport function enableMpaTransitions(effect: PageEffect = 'fade', duration = 450): void {\n if (typeof document === 'undefined') return;\n adoptStyles('page-transitions', css);\n adoptStyles('mpa-transitions', prefersReducedMotion() ? '' : '@view-transition{navigation:auto}');\n const d = document.documentElement;\n d.setAttribute('data-usa-pt', effect);\n setVars({ duration });\n}\n\n/**\n * Switch theme with a circle reveal from (`x`, `y`) (default: last pointer).\n * `apply` flips your theme (e.g. toggles a class / `data-theme`).\n */\nexport function themeTransition(apply: () => unknown, options: Omit<PageTransitionOptions, 'effect'> = {}): Promise<void> {\n return pageTransition(apply, { ...options, effect: 'circle', duration: options.duration ?? 650 });\n}\n","/**\n * use-scroll-animate/components/page — page & app-wide effects (v2.7).\n * Page transitions (`pageTransition()`, `enableMpaTransitions()`,\n * `themeTransition()`), `<usa-cursor>`, `smoothScroll()` / `scrollToTarget()`,\n * `<usa-fullpage>`, `<usa-loading-bar>` + `loadingBar`, `<usa-back-to-top>`,\n * `<usa-ambient>`, `<usa-splash>`, `<usa-auto-skeleton>` and the global motion\n * intensity (`setMotionIntensity()`, `<usa-motion-switch>`).\n */\nimport { defineCursor, type UsaCursorElement } from './cursor';\nimport { defineFullpage, type UsaFullpageElement } from './fullpage';\nimport { defineLoadingBar, type UsaLoadingBarElement } from './loading-bar';\nimport { defineBackToTop, type UsaBackToTopElement } from './back-to-top';\nimport { defineAmbient, type UsaAmbientElement } from './ambient';\nimport { defineSplash, type UsaSplashElement } from './splash';\nimport { defineAutoSkeleton, type UsaAutoSkeletonElement } from './auto-skeleton';\nimport { defineMotionSwitch, type UsaMotionSwitchElement } from './motion-switch';\n\nexport { defineCursor, defineFullpage, defineLoadingBar, defineBackToTop, defineAmbient, defineSplash, defineAutoSkeleton, defineMotionSwitch };\nexport { pageTransition, enableMpaTransitions, themeTransition, supportsViewTransitions, PAGE_EFFECTS } from './transitions';\nexport type { PageEffect, PageTransitionOptions } from './transitions';\nexport { smoothScroll, scrollToTarget } from './scroll';\nexport type { SmoothScrollOptions } from './scroll';\nexport { loadingBar } from './loading-bar';\nexport { CURSOR_MODES } from './cursor';\nexport type { CursorMode } from './cursor';\nexport { AMBIENT_EFFECTS } from './ambient';\nexport type { AmbientEffect } from './ambient';\nexport { setMotionIntensity, restoreMotionIntensity } from './motion-switch';\nexport { getMotionIntensity, MOTION_SCALE } from '../base';\nexport type { MotionIntensity } from '../base';\nexport type { UsaCursorElement, UsaFullpageElement, UsaLoadingBarElement, UsaBackToTopElement, UsaAmbientElement, UsaSplashElement, UsaAutoSkeletonElement, UsaMotionSwitchElement };\nexport { configureComponents, prefersReducedMotion } from '../base';\nexport type { ComponentsConfig, UsaElement } from '../base';\n\n/** Register every component of this category under its default tag. */\nexport function definePageComponents(): void {\n defineCursor();\n defineFullpage();\n defineLoadingBar();\n defineBackToTop();\n defineAmbient();\n defineSplash();\n defineAutoSkeleton();\n defineMotionSwitch();\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'usa-cursor': UsaCursorElement;\n 'usa-fullpage': UsaFullpageElement;\n 'usa-loading-bar': UsaLoadingBarElement;\n 'usa-back-to-top': UsaBackToTopElement;\n 'usa-ambient': UsaAmbientElement;\n 'usa-splash': UsaSplashElement;\n 'usa-auto-skeleton': UsaAutoSkeletonElement;\n 'usa-motion-switch': UsaMotionSwitchElement;\n }\n}\n"],"names":["defineElement","raf","caf","css","prefersReducedMotion","springSamples","now","base","configureComponents","getMotionIntensity","adoptStyles"],"mappings":";;;;;;;AAGO,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM;AAmBzD,SAAU,YAAY,CAAC,GAAG,GAAG,YAAY,EAAA;AAC7C,IAAA,OAAOA,kBAAa,CAClB,GAAG,EACH,CAAC,IAAI,KACH,MAAM,SAAU,SAAQ,IAAI,CAAA;AAA5B,QAAA,WAAA,GAAA;;YAIU,IAAA,CAAA,MAAM,GAAG,CAAC;QA0EpB;AA7EE,QAAA,WAAW,kBAAkB,GAAA;YAC3B,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,CAAC;QACjD;AAEA,QAAA,IAAI,MAAM,GAAA;AACR,YAAA,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;QACzC;QAEA,KAAK,GAAA;AACH,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;YACxC,MAAM,IAAI,GAAG,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,CAAC,iBAAiB,CAAC,CAAC,OAAO,IAAI,UAAU,CAAC,gBAAgB,CAAC,CAAC,OAAO;AAC9H,YAAA,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI;gBAAE;YAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC;AACpC,YAAA,MAAM,CAAC,GAAG,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC;YAClC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAA,wBAAA,EAA2B,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA,aAAA,EAAgB,CAAC,CAAA,SAAA,CAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,KAAK,MAAM,GAAG,EAAE,GAAG,sCAAsC,CAAC;AACzN,YAAA,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;AAAE,gBAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACtF,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA,EAAA,CAAI,CAAC;AACxE,YAAA,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;gBAAE,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC;AACvF,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAClF,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAc,oCAAoC,CAAC,CAAC;YAClG,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAc,iBAAiB,CAAC;YAC9D,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AACnD,YAAA,IAAI,EAAE,GAAG,IAAI;AACb,YAAA,IAAI,EAAE,GAAG,IAAI;YACb,IAAI,IAAI,GAAmB,IAAI;YAC/B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,2EAA2E,CAAC;YAC5G,MAAM,IAAI,GAAG,MAAK;AAChB,gBAAA,IAAI,CAAC,MAAM,GAAG,CAAC;gBACf,IAAI,EAAE,GAAG,EAAE;gBACX,IAAI,EAAE,GAAG,EAAE;gBACX,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;oBACnB,MAAM,CAAC,GAAG,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,IAAI;oBAC5E,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,EAAE;oBAC/D,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,EAAE;AAC/D,oBAAA,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AACxB,oBAAA,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;oBACxB,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,YAAA,EAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,IAAA,EAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,MAAA,CAAQ;AACrF,oBAAA,EAAE,GAAG,CAAC,CAAC,CAAC;AACR,oBAAA,EAAE,GAAG,CAAC,CAAC,CAAC;AACV,gBAAA,CAAC,CAAC;AACF,gBAAA,IAAI,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AACpB,oBAAA,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI;AAC7C,oBAAA,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,MAAM,GAAG,EAAE,IAAI;gBACjD;AAAO,qBAAA,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AACnB,oBAAA,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE;gBACnD;AACA,gBAAA,IAAI,GAAG;oBAAE,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe,EAAE,CAAA,IAAA,EAAO,EAAE,CAAA,MAAA,CAAQ;gBACjE,MAAM,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;AAC5G,gBAAA,IAAI,MAAM;AAAE,oBAAA,IAAI,CAAC,MAAM,GAAGC,QAAG,CAAC,IAAI,CAAC;AACrC,YAAA,CAAC;YACD,MAAM,IAAI,GAAG,MAAK;gBAChB,IAAI,CAAC,IAAI,CAAC,MAAM;AAAE,oBAAA,IAAI,CAAC,MAAM,GAAGA,QAAG,CAAC,IAAI,CAAC;AAC3C,YAAA,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,CAAC,CAAe,KAAI;AACvD,gBAAA,IAAI,CAAC,CAAC,WAAW,KAAK,OAAO;oBAAE;AAC/B,gBAAA,EAAE,GAAG,CAAC,CAAC,OAAO;AACd,gBAAA,EAAE,GAAG,CAAC,CAAC,OAAO;AACd,gBAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC;AACpC,gBAAA,IAAI,IAAI,KAAK,UAAU,EAAE;oBACvB,MAAM,CAAC,GAAI,CAAC,CAAC,MAAkB,EAAE,OAAO,GAAG,GAAG,CAAC;AAC/C,oBAAA,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,qBAAqB,EAAE,GAAG,IAAI;oBAC3C,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC;gBAC3C;qBAAO;AACL,oBAAA,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC,CAAE,CAAC,CAAC,MAAkB,EAAE,OAAO,GAAG,GAAG,CAAC,CAAC;gBAC7E;AACA,gBAAA,IAAI,EAAE;AACR,YAAA,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACrB,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAC9E,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;AAC3E,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,cAAc,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QAClG;QAEA,OAAO,GAAA;AACL,YAAAC,QAAG,CAAC,IAAI,CAAC,MAAM,CAAC;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC;AACf,YAAA,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;QACrC;KACD,EACH,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAEC,KAAG,EAAE,CAC5B;AACH;;ACzFM,SAAU,YAAY,CAAC,OAAA,GAA+B,EAAE,EAAA;AAC5D,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,IAAIC,yBAAoB,EAAE;AAAE,QAAA,OAAO,MAAM,SAAS;AACnF,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,IAAI,IAAI;IACjC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAC9D,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,IAAI,CAAC;IACzC,MAAM,GAAG,GAAG,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC;AACtD,IAAA,MAAM,GAAG,GAAG,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;AACvH,IAAA,MAAM,GAAG,GAAG,CAAC,CAAS,MAAM,EAAE,IAAI,EAAE,CAAC,SAAS,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5E,IAAA,IAAI,MAAM,GAAG,GAAG,EAAE;IAClB,IAAI,OAAO,GAAG,MAAM;IACpB,IAAI,EAAE,GAAG,CAAC;IACV,MAAM,IAAI,GAAG,MAAK;QAChB,OAAO,IAAI,CAAC,MAAM,GAAG,OAAO,IAAI,IAAI;QACpC,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG;YAAE,OAAO,GAAG,MAAM;QACtD,GAAG,CAAC,OAAO,CAAC;AACZ,QAAA,EAAE,GAAG,OAAO,KAAK,MAAM,GAAG,CAAC,GAAGH,QAAG,CAAC,IAAI,CAAC;AACzC,IAAA,CAAC;AACD,IAAA,MAAM,OAAO,GAAG,CAAC,CAAa,KAAI;AAChC,QAAA,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,gBAAgB;YAAE;AACrC,QAAA,IAAI,CAAC,EAAE;AAAE,YAAA,MAAM,GAAG,OAAO,GAAG,GAAG,EAAE;QACjC,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,MAAM,EAAE,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,EAAE,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,WAAW,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM;QACpH,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;AACzD,QAAA,IAAI,CAAC,EAAE;AAAE,YAAA,EAAE,GAAGA,QAAG,CAAC,IAAI,CAAC;AACzB,IAAA,CAAC;IACD,MAAM,QAAQ,GAAG,MAAK;AACpB,QAAA,IAAI,CAAC,EAAE;AAAE,YAAA,MAAM,GAAG,OAAO,GAAG,GAAG,EAAE;AACnC,IAAA,CAAC;AACD,IAAA,MAAM,IAAI,GAAgB,EAAE,IAAI,MAAM;AACtC,IAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAwB,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAC5E,IAAA,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC5D,IAAA,OAAO,MAAK;AACV,QAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAwB,CAAC;AAC3D,QAAA,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC5C,QAAA,IAAI,EAAE;YAAEC,QAAG,CAAC,EAAE,CAAC;QACf,EAAE,GAAG,CAAC;AACR,IAAA,CAAC;AACH;AAEA;;;AAGG;SACa,cAAc,CAAC,EAA6B,EAAE,UAA6E,EAAE,EAAA;IAC3I,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;AAC3D,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,IAAI,IAAI;AACjC,IAAA,MAAM,KAAK,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS,GAAG,MAAM,CAAC,OAAO;AAChD,IAAA,IAAI,CAAC,GAAG,OAAO,EAAE,KAAK,QAAQ,GAAG,EAAE,GAAG,CAAC;AACvC,IAAA,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;AAC1B,QAAA,MAAM,IAAI,GAAG,OAAO,EAAE,KAAK,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE;AACrE,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,OAAO,CAAC,OAAO,EAAE;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,GAAG;QAC5C,CAAC,GAAG,KAAK,GAAG,GAAG,IAAI,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC;IAC7D;AACA,IAAA,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;AAC1C,IAAA,MAAM,GAAG,GAAG,CAAC,CAAS,MAAM,EAAE,IAAI,EAAE,CAAC,SAAS,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5E,IAAIE,yBAAoB,EAAE,EAAE;QAC1B,GAAG,CAAC,CAAC,CAAC;AACN,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;IAC1B;AACA,IAAA,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAGC,oBAAa,CAAC,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC;AACpE,IAAA,MAAM,EAAE,GAAGC,QAAG,EAAE;AAChB,IAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;QAC7B,MAAM,IAAI,GAAG,MAAK;YAChB,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAACA,QAAG,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;AAC3D,YAAA,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAClF,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC;YAC5B,IAAI,CAAC,GAAG,CAAC;gBAAEL,QAAG,CAAC,IAAI,CAAC;;AACf,gBAAA,OAAO,EAAE;AAChB,QAAA,CAAC;QACDA,QAAG,CAAC,IAAI,CAAC;AACX,IAAA,CAAC,CAAC;AACJ;;;;ACtEM,SAAU,cAAc,CAAC,GAAG,GAAG,cAAc,EAAA;AACjD,IAAA,OAAOD,kBAAa,CAClB,GAAG,EACH,CAAC,IAAI,KACH,MAAM,WAAY,SAAQ,IAAI,CAAA;AAA9B,QAAA,WAAA,GAAA;;YACU,IAAA,CAAA,EAAE,GAAG,CAAC;QA0EhB;AAzEE,QAAA,IAAI,KAAK,GAAA;YACP,OAAO,IAAI,CAAC,EAAE;QAChB;QACQ,QAAQ,GAAA;YACd,OAAQ,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAC/G;QAEA,KAAK,GAAA;AACH,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;AAAE,gBAAA,IAAI,CAAC,QAAQ,GAAG,CAAC;AACrD,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE;YAC5B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACpB,gBAAA,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC;gBACvC,CAAC,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;AACzC,YAAA,CAAC,CAAC;YACF,IAAI,GAAG,GAAuB,IAAI;AAClC,YAAA,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;AACrB,gBAAA,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACnC,gBAAA,GAAG,CAAC,SAAS,GAAG,mBAAmB;AACnC,gBAAA,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC;gBAC1C,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;oBACpB,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC1C,oBAAA,CAAC,CAAC,IAAI,GAAG,QAAQ;AACjB,oBAAA,CAAC,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,CAAA,QAAA,EAAW,CAAC,GAAG,CAAC,CAAA,CAAE,CAAC;AACpI,oBAAA,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7C,oBAAA,GAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAChB,gBAAA,CAAC,CAAC;AACF,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;gBAChB,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,EAAE,MAAM,EAAE,CAAC;YACrC;AACA,YAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACZ,YAAA,IAAI,OAAO,oBAAoB,KAAK,WAAW,EAAE;gBAC/C,MAAM,EAAE,GAAG,IAAI,oBAAoB,CACjC,CAAC,OAAO,KAAI;oBACV,KAAK,MAAM,CAAC,IAAI,OAAO;wBAAE,IAAI,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,iBAAiB,IAAI,GAAG;AAAE,4BAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAE,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AACzI,gBAAA,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,EAAE,CACjC;AACD,gBAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBAClC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,UAAU,EAAE,CAAC;YACvC;YACA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,CAAgB,KAAI;gBAChD,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,MAAM;gBAChC,MAAM,GAAG,GAA2B,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE;AACvK,gBAAA,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG;oBAAE,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;AACrG,gBAAA,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,IAAK,CAAC,CAAC,MAAkB,CAAC,OAAO,GAAG,yBAAyB,CAAC;oBAAE;gBACnF,CAAC,CAAC,cAAc,EAAE;gBAClB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACrB,YAAA,CAAC,CAAC;QACJ;AAEQ,QAAA,IAAI,CAAC,CAAS,EAAA;YACpB,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC;gBAAE;AACtD,YAAA,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,EAAE,CAAC;AACnC,YAAA,IAAI,CAAC,EAAE,GAAG,CAAC;YACX,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAC7E,YAAA,IAAI,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;YAC5J,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;QACpC;AAEA,QAAA,EAAE,CAAC,CAAS,EAAA;AACV,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE;YAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACzD,YAAA,IAAI,CAAC,CAAC;gBAAE;AACR,YAAA,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG;gBAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,QAAQ,EAAE,CAAC;;AAC1G,gBAAA,cAAc,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;YACnE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC5B;QACA,IAAI,GAAA;YACF,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QACtB;QACA,IAAI,GAAA;YACF,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QACtB;KACD,EACH,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAEG,KAAG,EAAE,CAC9B;AACH;;;;ACpFM,SAAU,gBAAgB,CAAC,GAAG,GAAG,iBAAiB,EAAA;AACtD,IAAA,OAAOH,kBAAa,CAClB,GAAG,EACH,CAAC,IAAI,KACH,MAAM,aAAc,SAAQ,IAAI,CAAA;AAAhC,QAAA,WAAA,GAAA;;YACU,IAAA,CAAA,EAAE,GAAG,CAAC;QAsDhB;AAnDE,QAAA,IAAI,QAAQ,GAAA;YACV,OAAO,IAAI,CAAC,EAAE;QAChB;QACA,KAAK,GAAA;AACH,YAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC;AAAE,gBAAA,IAAI,CAAC,SAAS,GAAG,4CAA4C;AAC/G,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC;AACxC,YAAA,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAC7D,YAAA,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,CAAC;AACvC,YAAA,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,KAAK,CAAC;AACzC,YAAA,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;AAAE,gBAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACvF,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA,EAAA,CAAI,CAAC;YACvE,IAAI,CAAC,KAAK,EAAE;QACd;QACA,OAAO,GAAA;AACL,YAAA,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,YAAA,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QACvB;QACQ,KAAK,GAAA;AACX,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAC3D,YAAA,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC;QACvE;QACA,KAAK,GAAA;AACH,YAAA,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;AACrB,YAAA,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC;AACpC,YAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC;AACtC,YAAA,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC;YACjC,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,IAAI,CAAC,EAAE,GAAG,WAAW,CAAC,MAAK;gBACzB,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC;gBACxD,IAAI,CAAC,KAAK,EAAE;YACd,CAAC,EAAE,GAAG,CAAC;QACT;AACA,QAAA,GAAG,CAAC,CAAS,EAAA;AACX,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC;AACpC,YAAA,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACrC,IAAI,CAAC,KAAK,EAAE;QACd;QACA,IAAI,GAAA;AACF,YAAA,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,YAAA,IAAI,CAAC,EAAE,GAAG,CAAC;YACX,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC;AACjC,YAAA,IAAI,CAAC,EAAE,GAAG,UAAU,CAAC,MAAK;AACxB,gBAAA,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;AACnC,gBAAA,IAAI,CAAC,EAAE,GAAG,UAAU,CAAC,MAAK;AACxB,oBAAA,IAAI,CAAC,EAAE,GAAG,CAAC;oBACX,IAAI,CAAC,KAAK,EAAE;gBACd,CAAC,EAAE,GAAG,CAAC;YACT,CAAC,EAAE,GAAG,CAAC;QACT;KACD,EACH,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAEG,KAAG,EAAE,CACjC;AACH;AAEA,SAAS,GAAG,GAAA;IACV,IAAI,OAAO,QAAQ,KAAK,WAAW;AAAE,QAAA,OAAO,IAAI;IAChD,IAAI,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAgC;IACjF,IAAI,CAAC,EAAE,EAAE;AACP,QAAA,gBAAgB,EAAE;AAClB,QAAA,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAyB;AACtE,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;IAC/B;AACA,IAAA,OAAO,OAAO,EAAE,CAAC,KAAK,KAAK,UAAU,GAAG,EAAE,GAAG,IAAI;AACnD;AAEA;AACO,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,MAAY,GAAG,EAAE,EAAE,KAAK,EAAE;AACjC,IAAA,GAAG,EAAE,CAAC,CAAS,KAAW,GAAG,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;IACvC,IAAI,EAAE,MAAY,GAAG,EAAE,EAAE,IAAI,EAAE;;IAE/B,MAAM,KAAK,CAAI,IAAqC,EAAA;AAClD,QAAA,GAAG,EAAE,EAAE,KAAK,EAAE;AACd,QAAA,IAAI;AACF,YAAA,OAAO,OAAO,OAAO,IAAI,KAAK,UAAU,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;QAC3D;gBAAU;AACR,YAAA,GAAG,EAAE,EAAE,IAAI,EAAE;QACf;IACF,CAAC;;;;;AC3FG,SAAU,eAAe,CAAC,GAAG,GAAG,iBAAiB,EAAA;AACrD,IAAA,OAAOH,kBAAa,CAClB,GAAG,EACH,CAAC,IAAI,KACH,MAAM,YAAa,SAAQ,IAAI,CAAA;AAA/B,QAAA,WAAA,GAAA;;YACU,IAAA,CAAA,MAAM,GAAG,CAAC;QA+BpB;AA9BE,QAAA,IAAI,OAAO,GAAA;AACT,YAAA,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;QAC1C;QACA,KAAK,GAAA;YACH,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE;AACjC,gBAAA,IAAI,CAAC,SAAS,GAAG,CAAA,kCAAA,EAAqC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,0IAA0I;YAClO;YACA,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAE;YACzC,MAAM,MAAM,GAAG,MAAK;AAClB,gBAAA,IAAI,CAAC,MAAM,GAAG,CAAC;AACf,gBAAA,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,IAAI,CAAC;gBACnE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,KAAK,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;AACjG,gBAAA,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;gBACjE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACtE,YAAA,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAK;gBACjC,IAAI,CAAC,IAAI,CAAC,MAAM;AAAE,oBAAA,IAAI,CAAC,MAAM,GAAGC,QAAG,CAAC,MAAM,CAAC;AAC7C,YAAA,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,YAAW;gBACnC,MAAM,cAAc,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAC3C,gBAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAc,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,IAAI,QAAQ,CAAC,IAAI;AACjG,gBAAA,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,IAAI;AAAE,oBAAA,CAAC,CAAC,QAAQ,GAAG,EAAE;gBACvE,CAAC,CAAC,KAAK,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;AACpC,YAAA,CAAC,CAAC;AACF,YAAA,MAAM,EAAE;QACV;QACA,OAAO,GAAA;AACL,YAAAC,QAAG,CAAC,IAAI,CAAC,MAAM,CAAC;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC;QACjB;KACD,EACH,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAEC,KAAG,EAAE,CACjC;AACH;;;;ACnDO,MAAM,eAAe,GAAG,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU;AAiB3E,SAAU,aAAa,CAAC,GAAG,GAAG,aAAa,EAAA;AAC/C,IAAA,OAAOH,kBAAa,CAClB,GAAG,EACH,CAAC,IAAI,KACH,MAAM,UAAW,SAAQ,IAAI,CAAA;AAA7B,QAAA,WAAA,GAAA;;YAIU,IAAA,CAAA,MAAM,GAAG,CAAC;QAsFpB;AAzFE,QAAA,WAAW,kBAAkB,GAAA;AAC3B,YAAA,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC;QACvC;QAGA,KAAK,GAAA;AACH,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;YACxC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC;AAC9C,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;YACjF,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,MAAM,KAAK,OAAO;gBAAE;AACxB,YAAA,IAAI,MAAM,KAAK,UAAU,EAAE;gBACzB,MAAM,GAAG,GAAG,MAAK;AACf,oBAAA,IAAI,CAAC,MAAM,GAAG,CAAC;AACf,oBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;oBACnF,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AACrF,gBAAA,CAAC;gBACD,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,oBAAA,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,GAAGC,QAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACnH,gBAAA,GAAG,EAAE;gBACL;YACF;YACA,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC/C,YAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;YACnB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC;AACrC,YAAA,IAAI,CAAC,GAAG;gBAAE;AACV,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC;YACrD,IAAI,CAAC,GAAG,CAAC;YACT,IAAI,CAAC,GAAG,CAAC;AACT,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,GAAG,MAAM,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;YAC3G,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;YAClC,MAAM,MAAM,GAAG,MAAK;AAClB,gBAAA,CAAC,GAAG,MAAM,CAAC,UAAU,IAAI,GAAG;AAC5B,gBAAA,CAAC,GAAG,MAAM,CAAC,WAAW,IAAI,GAAG;AAC7B,gBAAA,MAAM,CAAC,KAAK,GAAG,CAAC,GAAG,GAAG;AACtB,gBAAA,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,GAAG;gBACvB,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAA,EAAG,CAAC,IAAI;gBAC7B,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAA,EAAG,CAAC,IAAI;AAC9B,gBAAA,GAAG,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;AACxC,YAAA,CAAC;AACD,YAAA,MAAM,EAAE;YACR,MAAMM,MAAI,GAAG,MAAM,KAAK,OAAO,GAAG,GAAG,GAAG,MAAM,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE;YACnE,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAACA,MAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC;AACvH,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,OAAO;AAC5C,gBAAA,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;AACpB,gBAAA,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;AACpB,gBAAA,CAAC,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG;gBAC3H,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,IAAI;gBAChC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,IAAI;gBAChF,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC;AAC/B,aAAA,CAAC,CAAC;AACH,YAAA,GAAG,CAAC,SAAS,GAAG,KAAK;AACrB,YAAA,MAAM,IAAI,GAAG,CAAC,IAAa,KAAI;gBAC7B,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACzB,gBAAA,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE;oBACpB,IAAI,IAAI,EAAE;AACR,wBAAA,CAAC,CAAC,CAAC,IAAI,IAAI,GAAG,KAAK;AACnB,wBAAA,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,IAAI,KAAK;wBACrE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,KAAK;AACnB,wBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;AAAE,4BAAA,CAAC,CAAC,CAAC,GAAG,EAAE;AACzB,wBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE;AAAE,4BAAA,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;AACzB,wBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;AAAE,4BAAA,CAAC,CAAC,CAAC,GAAG,EAAE;AACzB,wBAAA,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE;AAAE,4BAAA,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;oBAC3B;AACA,oBAAA,GAAG,CAAC,WAAW,GAAG,MAAM,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;oBACnF,GAAG,CAAC,SAAS,EAAE;oBACf,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;oBACtC,GAAG,CAAC,IAAI,EAAE;gBACZ;AACF,YAAA,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAK;AACjC,gBAAA,MAAM,EAAE;AACR,gBAAA,GAAG,CAAC,SAAS,GAAG,KAAK;gBACrB,IAAI,CAAC,KAAK,CAAC;AACb,YAAA,CAAC,CAAC;AACF,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,IAAI,CAAC,KAAK,CAAC;gBACX;YACF;YACA,MAAM,IAAI,GAAG,MAAK;gBAChB,IAAI,CAAC,QAAQ,CAAC,MAAM;oBAAE,IAAI,CAAC,IAAI,CAAC;AAChC,gBAAA,IAAI,CAAC,MAAM,GAAGN,QAAG,CAAC,IAAI,CAAC;AACzB,YAAA,CAAC;AACD,YAAA,IAAI,CAAC,MAAM,GAAGA,QAAG,CAAC,IAAI,CAAC;QACzB;QAEA,OAAO,GAAA;AACL,YAAAC,QAAG,CAAC,IAAI,CAAC,MAAM,CAAC;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC;QACjB;KACD,EACH,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAEC,KAAG,EAAE,CAC7B;AACH;;;;ACrGM,SAAU,YAAY,CAAC,GAAG,GAAG,YAAY,EAAA;AAC7C,IAAA,OAAOH,kBAAa,CAClB,GAAG,EACH,CAAC,IAAI,KACH,MAAM,SAAU,SAAQ,IAAI,CAAA;AAA5B,QAAA,WAAA,GAAA;;YACU,IAAA,CAAA,GAAG,GAAG,CAAC;YACP,IAAA,CAAA,KAAK,GAAG,KAAK;QA4BvB;QA3BE,KAAK,GAAA;AACH,YAAA,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACrB,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;AACnC,YAAA,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;YAC7D,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC;AAChD,YAAA,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAAE;AACzB,YAAA,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU;gBAAE,IAAI,CAAC,IAAI,EAAE;;gBAC9C,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACrE;AACA,QAAA,MAAM,IAAI,GAAA;YACR,IAAI,IAAI,CAAC,KAAK;gBAAE;AAChB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI;AACjB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;AACxE,YAAA,IAAI,IAAI;AAAE,gBAAA,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACvD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;AAC7D,YAAA,MAAM,MAAM,GAA+B;AACzC,gBAAA,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;gBACtC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AACxF,gBAAA,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;AAChF,gBAAA,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,yBAAyB,EAAE,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,CAAC;aACzF;AACD,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,GAAG,EAAE,MAAM,EAAE,gCAAgC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;YAC5J,MAAM,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC;AACxC,YAAA,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,WAAW,CAAC;AAC3C,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QACnB;KACD,EACH,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAEG,KAAG,EAAE,CAC5B;AACH;;;;ACtCM,SAAU,kBAAkB,CAAC,GAAG,GAAG,mBAAmB,EAAA;AAC1D,IAAA,OAAOH,kBAAa,CAClB,GAAG,EACH,CAAC,IAAI,KACH,MAAM,eAAgB,SAAQ,IAAI,CAAA;AAChC,QAAA,WAAW,kBAAkB,GAAA;YAC3B,OAAO,CAAC,SAAS,CAAC;QACpB;AACA,QAAA,IAAI,OAAO,GAAA;AACT,YAAA,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;QAC7B;QACA,IAAI,OAAO,CAAC,CAAU,EAAA;AACpB,YAAA,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;QAC5B;QACA,KAAK,GAAA;AACH,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QAClB;QACA,OAAO,GAAA;AACL,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QACjB;AACQ,QAAA,IAAI,CAAC,OAAgB,EAAA;YAC3B,IAAI,IAAI,CAAC,OAAO;AAAE,gBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC;iBACnD;AACH,gBAAA,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC;AACjC,gBAAA,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,oBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;YAC5H;QACF;KACD,EACH,EAAE,EAAE,EAAE,eAAe,EAAE,IAAI,EAAEG,KAAG,EAAE,CACnC;AACH;;;;AC1CA,MAAM,MAAM,GAAsB,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC;AAClE,MAAM,GAAG,GAAG,YAAY;AAExB;;;;;AAKG;SACa,kBAAkB,CAAC,KAAsB,EAAE,OAAO,GAAG,KAAK,EAAA;AACxE,IAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE;AAC7B,IAAAK,wBAAmB,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC;IAC/C,IAAI,OAAO,EAAE;AACX,QAAA,IAAI;AACF,YAAA,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC;QAClC;AAAE,QAAA,MAAM;;QAER;IACF;IACA,IAAI,OAAO,QAAQ,KAAK,WAAW;AAAE,QAAA,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;AACnH;AAEA;SACgB,sBAAsB,GAAA;AACpC,IAAA,IAAI;QACF,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAA2B;AAC7D,QAAA,IAAI,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;YAAE,kBAAkB,CAAC,CAAC,CAAC;IACpD;AAAE,IAAA,MAAM;;IAER;IACA,OAAOC,uBAAkB,EAAE;AAC7B;AAYM,SAAU,kBAAkB,CAAC,GAAG,GAAG,mBAAmB,EAAA;AAC1D,IAAA,OAAOT,kBAAa,CAClB,GAAG,EACH,CAAC,IAAI,KACH,MAAM,eAAgB,SAAQ,IAAI,CAAA;AAChC,QAAA,IAAI,KAAK,GAAA;YACP,OAAOS,uBAAkB,EAAE;QAC7B;QACA,IAAI,KAAK,CAAC,CAAkB,EAAA;AAC1B,YAAA,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC;YAC3B,IAAI,CAAC,IAAI,EAAE;QACb;QACA,KAAK,GAAA;AACH,YAAA,sBAAsB,EAAE;AACxB,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;AACnE,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;AACvC,YAAA,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC5D,YAAA,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAA,+CAAA,EAAkD,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA,6BAAA,CAA+B,CAAC,OAAO,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,2DAA2D;YACvP,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAa,KAAI;gBAC3C,MAAM,CAAC,GAAI,CAAC,CAAC,MAAkB,CAAC,OAAO,GAAG,cAAc,CAAuB;AAC/E,gBAAA,IAAI,CAAC;oBAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,KAAwB,CAAC;AACtD,YAAA,CAAC,CAAC;YACF,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,CAAgB,KAAI;gBAChD,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACpC,gBAAA,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI;gBAC/H,IAAI,CAAC,KAAK,IAAI;oBAAE;gBAChB,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC;gBACrD,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAiB,EAAE,KAAK,EAAE;AACvE,YAAA,CAAC,CAAC;AACF,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;YACtD,IAAI,CAAC,IAAI,EAAE;QACb;AACQ,QAAA,IAAI,CAAC,CAAkB,EAAA;AAC7B,YAAA,IAAI,CAAC,KAAK,GAAG,CAAC;YACd,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;QACnC;QACQ,IAAI,GAAA;AACV,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK;YACpB,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;YACnD,IAAI,CAAC,gBAAgB,CAAc,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAI;gBAC/D,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,KAAK,CAAC;gBAChC,CAAC,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAA,CAAC,CAAC,QAAQ,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE;AAC1B,YAAA,CAAC,CAAC;QACJ;KACD,EACH,EAAE,EAAE,EAAE,eAAe,EAAE,IAAI,EAAEN,KAAG,EAAE,CACnC;AACH;;;;AC7FA;;;;;;;;;;;;;;AAcG;MACU,YAAY,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM;AAc1H,IAAI,WAAW,GAA4B,IAAI;AAC/C,SAAS,YAAY,GAAA;AACnB,IAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAK,YAAoB,CAAC,IAAI;QAAE;AAClE,IAAA,YAAoB,CAAC,IAAI,GAAG,IAAI;AACjC,IAAA,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC3H;AAEA;AACO,MAAM,uBAAuB,GAAG,MAAe,OAAO,QAAQ,KAAK,WAAW,IAAI,OAAQ,QAAgB,CAAC,mBAAmB,KAAK;AAE1I,SAAS,OAAO,CAAC,CAAwB,EAAA;AACvC,IAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,eAAe;AAClC,IAAA,MAAM,CAAC,GAAG,MAAM,CAAC,UAAU,IAAI,IAAI;AACnC,IAAA,MAAM,CAAC,GAAG,MAAM,CAAC,WAAW,IAAI,GAAG;AACnC,IAAA,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,SAAS,IAAI,CAAC,CAAC,CAAC,KAAK,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAClG,IAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,CAAA,EAAG,CAAC,CAAA,EAAA,CAAI,CAAC;IAC3C,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,CAAA,EAAG,CAAC,CAAA,EAAA,CAAI,CAAC;AAC3C,IAAA,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI,CAAC;AACtD,IAAA,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,CAAA,EAAG,CAAC,CAAC,QAAQ,IAAI,GAAG,CAAA,EAAA,CAAI,CAAC;AACpE;AAEA;AACO,eAAe,cAAc,CAAC,MAAqB,EAAE,UAAiC,EAAE,EAAA;AAC7F,IAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QACnC,MAAM,MAAM,EAAE;QACd;IACF;AACA,IAAAO,gBAAW,CAAC,kBAAkB,EAAE,GAAG,CAAC;AACpC,IAAA,YAAY,EAAE;AACd,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,MAAM;AACvC,IAAA,IAAIN,yBAAoB,EAAE,IAAI,CAAC,uBAAuB,EAAE,EAAE;QACxD,MAAM,MAAM,EAAE;AACd,QAAA,MAAM,CAAC,GAAG,OAAO,CAAC,QAA0C;QAC5D,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,UAAU,IAAI,CAACA,yBAAoB,EAAE;AAAE,YAAA,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC;QACzK;IACF;AACA,IAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,eAAe;IAClC,OAAO,CAAC,OAAO,CAAC;AAChB,IAAA,CAAC,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACrC,IAAA,IAAI;AACF,QAAA,MAAM,EAAE,GAAI,QAAgB,CAAC,mBAAmB,CAAC,MAAM,MAAM,EAAE,CAAC;QAChE,MAAM,EAAE,CAAC,QAAQ;IACnB;YAAU;AACR,QAAA,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC;IAClC;AACF;AAEA;AACM,SAAU,oBAAoB,CAAC,MAAA,GAAqB,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAA;IAC9E,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE;AACrC,IAAAM,gBAAW,CAAC,kBAAkB,EAAE,GAAG,CAAC;AACpC,IAAAA,gBAAW,CAAC,iBAAiB,EAAEN,yBAAoB,EAAE,GAAG,EAAE,GAAG,mCAAmC,CAAC;AACjG,IAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,eAAe;AAClC,IAAA,CAAC,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACrC,IAAA,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;AACvB;AAEA;;;AAGG;SACa,eAAe,CAAC,KAAoB,EAAE,UAAiD,EAAE,EAAA;IACvG,OAAO,cAAc,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,GAAG,EAAE,CAAC;AACnG;;AChGA;;;;;;;AAOG;AA2BH;SACgB,oBAAoB,GAAA;AAClC,IAAA,YAAY,EAAE;AACd,IAAA,cAAc,EAAE;AAChB,IAAA,gBAAgB,EAAE;AAClB,IAAA,eAAe,EAAE;AACjB,IAAA,aAAa,EAAE;AACf,IAAA,YAAY,EAAE;AACd,IAAA,kBAAkB,EAAE;AACpB,IAAA,kBAAkB,EAAE;AACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/* use-scroll-animate/components/page */
|
|
2
|
+
.usa-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
|
|
3
|
+
usa-ambient{--usa-ambient-opacity:0.6;--usa-ambient-p:0;position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--usa-ambient-opacity);contain:strict}usa-ambient[layer="front"]{z-index:2147483000}usa-ambient canvas{display:block}usa-ambient[effect="noise"]{opacity:calc(var(--usa-ambient-opacity) * 0.25);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:usa-ambient-grain 0.6s steps(4) infinite;mix-blend-mode:overlay}@keyframes usa-ambient-grain{25%{background-position:-40px 20px}50%{background-position:30px -50px}75%{background-position:-20px -30px}}usa-ambient[effect="gradient"]{background:linear-gradient(135deg,hsl(calc(250 + var(--usa-ambient-p) * 140) 85% 60%),hsl(calc(190 + var(--usa-ambient-p) * 160) 85% 55%) 50%,hsl(calc(320 + var(--usa-ambient-p) * 90) 85% 62%))}@media (prefers-reduced-motion:reduce){usa-ambient[effect="noise"]{animation:none}}
|
|
4
|
+
usa-auto-skeleton{display:block;--usa-skel-base:color-mix(in srgb,currentColor 10%,transparent);--usa-skel-shine:color-mix(in srgb,currentColor 18%,transparent)}usa-auto-skeleton[loading] :is(h1,h2,h3,h4,h5,h6,p,li,span,a,button,label,img,svg,video,input,select,textarea,td,th,figcaption,blockquote,[data-skeleton]):not([data-no-skeleton]):not(:has(:is(h1,h2,h3,h4,h5,h6,p,li,img,button,input))){color:transparent !important;border-color:transparent !important;box-shadow:none !important;user-select:none;pointer-events:none;background:linear-gradient(90deg,var(--usa-skel-base) 25%,var(--usa-skel-shine) 50%,var(--usa-skel-base) 75%) 0 0 / 300% 100% !important;border-radius:6px;animation:usa-skel-shimmer 1.4s ease-in-out infinite}usa-auto-skeleton[loading] :is(img,svg,video){opacity:0}usa-auto-skeleton[loading] :is(img,svg,video):not([data-no-skeleton]){opacity:1;object-position:-9999px}@keyframes usa-skel-shimmer{from{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){usa-auto-skeleton[loading] *{animation:none !important}}
|
|
5
|
+
usa-back-to-top{--usa-btt:0;position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:850;opacity:0;transform:translateY(16px) scale(0.8);pointer-events:none;transition:opacity 0.25s ease,transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}usa-back-to-top[position="bottom-left"]{right:auto;left:max(20px,env(safe-area-inset-left))}usa-back-to-top[data-visible]{opacity:1;transform:none;pointer-events:auto}usa-back-to-top button{width:48px;height:48px;padding:0;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:var(--usa-accent,#7c5cff);background:var(--usa-surface,#1b1e27);box-shadow:var(--usa-shadow,0 8px 24px -10px rgb(0 0 0 / 0.5))}usa-back-to-top svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}usa-back-to-top circle{stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--usa-btt) * 100);transform:rotate(-90deg);transform-origin:50% 50%;opacity:0.85}usa-back-to-top button:focus-visible{outline:2px solid var(--usa-accent,#7c5cff);outline-offset:3px}@media (prefers-reduced-motion:reduce){usa-back-to-top{transition:opacity 0.2s ease;transform:none}}
|
|
6
|
+
usa-cursor{--usa-cursor-color:var(--usa-accent,#7c5cff);--usa-cursor-size:28px;position:fixed;inset:0;pointer-events:none;z-index:2147483600;opacity:0;transition:opacity 0.2s ease;contain:strict}usa-cursor[data-active]{opacity:1}usa-cursor .usa-cursor-ring{position:absolute;left:0;top:0;width:var(--usa-cursor-size);height:var(--usa-cursor-size);margin:calc(var(--usa-cursor-size) / -2) 0 0 calc(var(--usa-cursor-size) / -2);border:1.5px solid var(--usa-cursor-color);border-radius:999px;box-sizing:border-box;transition:width 0.25s cubic-bezier(0.34,1.56,0.64,1),height 0.25s cubic-bezier(0.34,1.56,0.64,1),margin 0.25s ease,border-radius 0.25s ease,background-color 0.2s ease;will-change:transform}usa-cursor[mode="trail"] .usa-cursor-ring{border:0;background:var(--usa-cursor-color);width:calc(var(--usa-cursor-size) * (0.45 - var(--i) * 0.04));height:calc(var(--usa-cursor-size) * (0.45 - var(--i) * 0.04));margin:calc(var(--usa-cursor-size) * (0.45 - var(--i) * 0.04) / -2) 0 0 calc(var(--usa-cursor-size) * (0.45 - var(--i) * 0.04) / -2);opacity:calc(1 - var(--i) * 0.11)}usa-cursor[data-hover] .usa-cursor-ring:first-child{width:calc(var(--usa-cursor-size) * 1.6);height:calc(var(--usa-cursor-size) * 1.6);margin:calc(var(--usa-cursor-size) * -0.8) 0 0 calc(var(--usa-cursor-size) * -0.8);background:color-mix(in srgb,var(--usa-cursor-color) 15%,transparent)}usa-cursor[data-snapped] .usa-cursor-ring{border-radius:12px;background:color-mix(in srgb,var(--usa-cursor-color) 12%,transparent);translate:-50% -50%;margin:0}usa-cursor[data-down] .usa-cursor-ring:first-child{scale:0.8}usa-cursor .usa-cursor-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--usa-cursor-color)}usa-cursor[data-snapped] .usa-cursor-dot{opacity:0}usa-cursor .usa-cursor-glow{position:absolute;left:-200px;top:-200px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--usa-cursor-color) 35%,transparent),transparent 65%);mix-blend-mode:screen}.usa-cursor-none,.usa-cursor-none *{cursor:none !important}@media (pointer:coarse),(prefers-reduced-motion:reduce){usa-cursor{display:none}.usa-cursor-none,.usa-cursor-none *{cursor:auto !important}}
|
|
7
|
+
usa-fullpage{position:relative;display:block;height:100vh;height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;outline:none}usa-fullpage[axis="x"]{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}usa-fullpage .usa-fullpage-section{box-sizing:border-box;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always}usa-fullpage[axis="x"] .usa-fullpage-section{flex:0 0 100%}usa-fullpage .usa-fullpage-dots{position:sticky;float:right;top:50%;margin-right:16px;transform:translateY(-50%);display:grid;gap:10px;z-index:5}usa-fullpage .usa-fullpage-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:0;cursor:pointer;background:color-mix(in srgb,currentColor 35%,transparent);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),background-color 0.2s ease}usa-fullpage .usa-fullpage-dots button[aria-current]{background:var(--usa-accent,#7c5cff);transform:scale(1.5)}
|
|
8
|
+
usa-loading-bar{--usa-loading:0;--usa-loading-h:3px;--usa-loading-color:var(--usa-accent,#7c5cff);position:fixed;left:0;right:0;top:0;height:var(--usa-loading-h);z-index:2147483500;pointer-events:none;opacity:0;transition:opacity 0.3s ease}usa-loading-bar[position="bottom"]{top:auto;bottom:0}usa-loading-bar[data-active]{opacity:1}usa-loading-bar .usa-loading-bar-fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--usa-loading));background:var(--usa-loading-color);box-shadow:0 0 10px var(--usa-loading-color);transition:transform 0.2s ease-out}@media (prefers-reduced-motion:reduce){usa-loading-bar .usa-loading-bar-fill{transition:none}}
|
|
9
|
+
usa-motion-switch{--usa-motion-i:2;position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:999px;background:color-mix(in srgb,currentColor 9%,transparent);isolation:isolate}usa-motion-switch button{position:relative;z-index:1;padding:6px 12px;border:0;background:none;color:inherit;font:inherit;font-size:0.85em;border-radius:999px;cursor:pointer}usa-motion-switch button[aria-checked="true"]{color:var(--usa-accent-text,#fff)}usa-motion-switch button:focus-visible{outline:2px solid var(--usa-accent,#7c5cff);outline-offset:1px}usa-motion-switch .usa-motion-thumb{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 4);border-radius:999px;background:var(--usa-accent,#7c5cff);transform:translateX(calc(var(--usa-motion-i) * 100%));transition:transform 0.4s cubic-bezier(0.34,1.4,0.64,1)}@media (prefers-reduced-motion:reduce){usa-motion-switch .usa-motion-thumb{transition:none}}
|
|
10
|
+
usa-splash{position:fixed;inset:0;z-index:2147483400;display:grid;place-items:center;background:var(--usa-splash-bg,var(--usa-surface,#0b0d12));color:var(--usa-text,#fff)}usa-splash[hidden]{display:none}
|
|
11
|
+
::view-transition-group(root){animation-duration:var(--usa-pt-duration,600ms)}html[data-usa-pt] ::view-transition-old(root),html[data-usa-pt] ::view-transition-new(root){animation-duration:var(--usa-pt-duration,600ms);animation-timing-function:cubic-bezier(0.22,1,0.36,1);mix-blend-mode:normal}html[data-usa-pt="slide"] ::view-transition-old(root),html[data-usa-pt="slide-left"] ::view-transition-old(root){animation-name:usa-pt-out-left}html[data-usa-pt="slide"] ::view-transition-new(root),html[data-usa-pt="slide-left"] ::view-transition-new(root){animation-name:usa-pt-in-right}html[data-usa-pt="slide-right"] ::view-transition-old(root){animation-name:usa-pt-out-right}html[data-usa-pt="slide-right"] ::view-transition-new(root){animation-name:usa-pt-in-left}html[data-usa-pt="slide-up"] ::view-transition-old(root){animation-name:usa-pt-out-up}html[data-usa-pt="slide-up"] ::view-transition-new(root){animation-name:usa-pt-in-up}html[data-usa-pt="zoom"] ::view-transition-old(root){animation-name:usa-pt-zoom-out}html[data-usa-pt="zoom"] ::view-transition-new(root){animation-name:usa-pt-zoom-in}html[data-usa-pt="circle"] ::view-transition-old(root){animation:none}html[data-usa-pt="circle"] ::view-transition-new(root){animation-name:usa-pt-circle}html[data-usa-pt="blinds"] ::view-transition-old(root){animation:none}html[data-usa-pt="blinds"] ::view-transition-new(root){animation-name:usa-pt-blinds;-webkit-mask-image:repeating-linear-gradient(to bottom,#000 0 var(--usa-blind),transparent var(--usa-blind) 10vh);mask-image:repeating-linear-gradient(to bottom,#000 0 var(--usa-blind),transparent var(--usa-blind) 10vh)}html[data-usa-pt="pixel"] ::view-transition-old(root){animation-name:usa-pt-pixel-out;animation-timing-function:steps(10,end)}html[data-usa-pt="pixel"] ::view-transition-new(root){animation-name:usa-pt-pixel-in;animation-timing-function:steps(10,end)}@property --usa-blind{syntax:"<length-percentage>";inherits:false;initial-value:0vh}@keyframes usa-pt-out-left{to{transform:translateX(-30%);opacity:0}}@keyframes usa-pt-in-right{from{transform:translateX(30%);opacity:0}}@keyframes usa-pt-out-right{to{transform:translateX(30%);opacity:0}}@keyframes usa-pt-in-left{from{transform:translateX(-30%);opacity:0}}@keyframes usa-pt-out-up{to{transform:translateY(-12%);opacity:0}}@keyframes usa-pt-in-up{from{transform:translateY(12%);opacity:0}}@keyframes usa-pt-zoom-out{to{transform:scale(0.92);opacity:0}}@keyframes usa-pt-zoom-in{from{transform:scale(1.08);opacity:0}}@keyframes usa-pt-circle{from{clip-path:circle(0 at var(--usa-pt-x,50%) var(--usa-pt-y,50%))}to{clip-path:circle(var(--usa-pt-r,150vmax) at var(--usa-pt-x,50%) var(--usa-pt-y,50%))}}@keyframes usa-pt-blinds{from{--usa-blind:0vh}to{--usa-blind:10vh}}@keyframes usa-pt-pixel-out{to{opacity:0;filter:blur(6px) contrast(1.4)}}@keyframes usa-pt-pixel-in{from{opacity:0;filter:blur(6px) contrast(1.4)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}}
|
|
@@ -0,0 +1,275 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* use-scroll-animate/components — shared base for the `<usa-*>` custom elements.
|
|
3
|
+
*
|
|
4
|
+
* Everything here is lazy: nothing touches `window`, `document`,
|
|
5
|
+
* `HTMLElement` or `matchMedia` at import time, so the components can be
|
|
6
|
+
* imported during SSR (Next, Nuxt, Astro…) and in Electron/Tauri preload
|
|
7
|
+
* scripts. Classes are created the first time a `define*()` function runs.
|
|
8
|
+
*/
|
|
9
|
+
interface ComponentsConfig {
|
|
10
|
+
/**
|
|
11
|
+
* Inject each component's CSS when it is defined (default `true`). Uses a
|
|
12
|
+
* constructable stylesheet (`document.adoptedStyleSheets`, which a strict
|
|
13
|
+
* `style-src` CSP does not block) and falls back to a `<style>` tag. Set
|
|
14
|
+
* to `false` when you load `use-scroll-animate/components.css` yourself.
|
|
15
|
+
*/
|
|
16
|
+
injectStyles?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* `'user'` (default) follows `prefers-reduced-motion`; `'reduce'` always
|
|
19
|
+
* uses the reduced variants (e.g. a kiosk / battery-saver mode);
|
|
20
|
+
* `'no-preference'` ignores the OS setting (only for demos — respect your users).
|
|
21
|
+
*/
|
|
22
|
+
reducedMotion?: 'user' | 'reduce' | 'no-preference';
|
|
23
|
+
/**
|
|
24
|
+
* Global motion intensity (v2.7): `'off'` (same as reduced motion),
|
|
25
|
+
* `'low'` (shorter, calmer), `'normal'` (default) or `'high'`. Scales every
|
|
26
|
+
* component animation's duration and sets `--usa-motion` (0 / 0.6 / 1 /
|
|
27
|
+
* 1.25) on `<html>` for your own CSS. See `setMotionIntensity()`.
|
|
28
|
+
*/
|
|
29
|
+
motionIntensity?: MotionIntensity;
|
|
30
|
+
}
|
|
31
|
+
type MotionIntensity = 'off' | 'low' | 'normal' | 'high';
|
|
32
|
+
declare const MOTION_SCALE: Record<MotionIntensity, number>;
|
|
33
|
+
/** Change global component settings (call before `define*()` for `injectStyles`). */
|
|
34
|
+
declare function configureComponents(options: ComponentsConfig): void;
|
|
35
|
+
/** The current global motion intensity. */
|
|
36
|
+
declare function getMotionIntensity(): MotionIntensity;
|
|
37
|
+
/** `true` when animations should be reduced (OS setting or `configureComponents`). */
|
|
38
|
+
declare function prefersReducedMotion(): boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Members shared by every `<usa-*>` element. Attribute helpers, a cleanup
|
|
41
|
+
* bag that is emptied on disconnect, and motion helpers that degrade to the
|
|
42
|
+
* final state without WAAPI or under reduced motion.
|
|
43
|
+
*/
|
|
44
|
+
interface UsaElement extends HTMLElement {
|
|
45
|
+
/** `true` while reduced motion applies to this element. */
|
|
46
|
+
readonly reduced: boolean;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
declare const CURSOR_MODES: readonly ["dot", "trail", "magnetic", "glow"];
|
|
50
|
+
type CursorMode = (typeof CURSOR_MODES)[number];
|
|
51
|
+
/**
|
|
52
|
+
* `<usa-cursor mode="dot | trail | magnetic | glow">` — a custom cursor for
|
|
53
|
+
* the page (place it once, e.g. at the end of `<body>`).
|
|
54
|
+
* - `dot` — a ring that follows with spring lag around the real pointer;
|
|
55
|
+
* - `trail` — a comet tail of dots;
|
|
56
|
+
* - `magnetic` — the ring snaps onto and wraps hovered targets (`a`,
|
|
57
|
+
* `button`, `[data-cursor]`);
|
|
58
|
+
* - `glow` — a large soft light following the pointer (great on dark UIs).
|
|
59
|
+
* Attributes: `mode`, `color`, `size` (px, 28), `hide-native` (hide the
|
|
60
|
+
* system cursor), `targets` (selector, magnetic). Only for fine pointers
|
|
61
|
+
* (mouse / pen); never on touch. Reduced motion: not rendered.
|
|
62
|
+
*/
|
|
63
|
+
interface UsaCursorElement extends UsaElement {
|
|
64
|
+
readonly active: boolean;
|
|
65
|
+
}
|
|
66
|
+
declare function defineCursor(tag?: string): CustomElementConstructor | undefined;
|
|
67
|
+
|
|
68
|
+
/**
|
|
69
|
+
* `<usa-fullpage>` — full-screen sections (its element children) that snap
|
|
70
|
+
* one at a time (CSS scroll snap), with keyboard paging (PageUp/PageDown,
|
|
71
|
+
* arrows, Home/End), optional dot navigation and the current section in
|
|
72
|
+
* `aria-current` + `usa:section`.
|
|
73
|
+
* Attributes: `dots` (show the dot nav), `axis` (`y` default, `x`).
|
|
74
|
+
* Methods: `go(i)`, `next()`, `prev()`. Reduced motion: snapping stays,
|
|
75
|
+
* jumps are instant.
|
|
76
|
+
*/
|
|
77
|
+
interface UsaFullpageElement extends UsaElement {
|
|
78
|
+
readonly index: number;
|
|
79
|
+
go(i: number): void;
|
|
80
|
+
next(): void;
|
|
81
|
+
prev(): void;
|
|
82
|
+
}
|
|
83
|
+
declare function defineFullpage(tag?: string): CustomElementConstructor | undefined;
|
|
84
|
+
|
|
85
|
+
/**
|
|
86
|
+
* `<usa-loading-bar>` — a slim top loading bar for route changes and fetches
|
|
87
|
+
* (NProgress-style): `start()` trickles towards 90 %, `done()` completes and
|
|
88
|
+
* fades out, `set(0–1)` for real progress. `loadingBar` drives the first bar
|
|
89
|
+
* on the page (created on demand). `role="progressbar"`, `aria-busy`.
|
|
90
|
+
* Attributes: `color`, `height` (px, 3), `position` (`top` default, `bottom`).
|
|
91
|
+
* Reduced motion: no trickle animation — the bar shows / hides.
|
|
92
|
+
*/
|
|
93
|
+
interface UsaLoadingBarElement extends UsaElement {
|
|
94
|
+
readonly progress: number;
|
|
95
|
+
start(): void;
|
|
96
|
+
set(p: number): void;
|
|
97
|
+
done(): void;
|
|
98
|
+
}
|
|
99
|
+
declare function defineLoadingBar(tag?: string): CustomElementConstructor | undefined;
|
|
100
|
+
/** Drive the page's `<usa-loading-bar>` (created on first use). */
|
|
101
|
+
declare const loadingBar: {
|
|
102
|
+
start: () => void;
|
|
103
|
+
set: (p: number) => void;
|
|
104
|
+
done: () => void;
|
|
105
|
+
/** Run `task` with the bar shown; resolves with its result. */
|
|
106
|
+
track<T>(task: Promise<T> | (() => Promise<T>)): Promise<T>;
|
|
107
|
+
};
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* `<usa-back-to-top>` — a floating button that appears after `offset` px
|
|
111
|
+
* (300) of scrolling, shows page progress as a ring and springs the page
|
|
112
|
+
* back to the top (then focuses `focus-target`, default `#main` / `body`).
|
|
113
|
+
* Attributes: `offset`, `label` ("Back to top"), `focus-target`, `position`
|
|
114
|
+
* (`bottom-right` default, `bottom-left`). Reduced motion: instant jump.
|
|
115
|
+
*/
|
|
116
|
+
interface UsaBackToTopElement extends UsaElement {
|
|
117
|
+
readonly visible: boolean;
|
|
118
|
+
}
|
|
119
|
+
declare function defineBackToTop(tag?: string): CustomElementConstructor | undefined;
|
|
120
|
+
|
|
121
|
+
declare const AMBIENT_EFFECTS: readonly ["particles", "snow", "stars", "noise", "gradient"];
|
|
122
|
+
type AmbientEffect = (typeof AMBIENT_EFFECTS)[number];
|
|
123
|
+
/**
|
|
124
|
+
* `<usa-ambient effect="particles | snow | stars | noise | gradient">` — a
|
|
125
|
+
* fixed, page-wide ambient layer behind (or, with `layer="front"`, over)
|
|
126
|
+
* the content, never catching the pointer.
|
|
127
|
+
* - `particles` — slow drifting dots; `snow` — falling flakes with sway;
|
|
128
|
+
* `stars` — twinkling starfield (canvas, paused in hidden tabs, DPR ≤ 2);
|
|
129
|
+
* - `noise` — animated film grain (CSS, SVG turbulence);
|
|
130
|
+
* - `gradient` — a gradient whose hue shifts with the scroll position.
|
|
131
|
+
* Attributes: `effect`, `density` (0.2–3, 1), `color`, `opacity` (0.6),
|
|
132
|
+
* `layer` (`back` default, `front`), `speed` (1). Reduced motion: one
|
|
133
|
+
* static frame (no falling, twinkling or grain flicker).
|
|
134
|
+
*/
|
|
135
|
+
interface UsaAmbientElement extends UsaElement {
|
|
136
|
+
}
|
|
137
|
+
declare function defineAmbient(tag?: string): CustomElementConstructor | undefined;
|
|
138
|
+
|
|
139
|
+
/**
|
|
140
|
+
* `<usa-splash>` — an app splash / launch screen: shows its content (logo,
|
|
141
|
+
* spinner) over the page, then leaves with `exit` (`fade` default, `scale`,
|
|
142
|
+
* `slide-up`, `circle`) once the page has loaded (or when you call
|
|
143
|
+
* `done()`), but never sooner than `min` ms (600) — no flash.
|
|
144
|
+
* Attributes: `min`, `exit`, `manual` (wait for `done()`), `label`.
|
|
145
|
+
* Events: `usa:done`. The page underneath is `aria-busy` until then.
|
|
146
|
+
* Reduced motion: fades.
|
|
147
|
+
*/
|
|
148
|
+
interface UsaSplashElement extends UsaElement {
|
|
149
|
+
done(): Promise<void>;
|
|
150
|
+
}
|
|
151
|
+
declare function defineSplash(tag?: string): CustomElementConstructor | undefined;
|
|
152
|
+
|
|
153
|
+
/**
|
|
154
|
+
* `<usa-auto-skeleton loading>` — automatic skeletons: while `loading` is
|
|
155
|
+
* set, every text block, image, button and input inside is drawn as a
|
|
156
|
+
* shimmering placeholder of its own size — no separate skeleton markup.
|
|
157
|
+
* Remove `loading` (or set `.loading = false`) and the content fades in.
|
|
158
|
+
* `aria-busy` while loading. Opt elements out with `data-no-skeleton`.
|
|
159
|
+
* Reduced motion: static placeholders, no shimmer or fade.
|
|
160
|
+
*/
|
|
161
|
+
interface UsaAutoSkeletonElement extends UsaElement {
|
|
162
|
+
loading: boolean;
|
|
163
|
+
}
|
|
164
|
+
declare function defineAutoSkeleton(tag?: string): CustomElementConstructor | undefined;
|
|
165
|
+
|
|
166
|
+
/**
|
|
167
|
+
* Set the global motion intensity for every `<usa-*>` component:
|
|
168
|
+
* `'off'` (like reduced motion), `'low'`, `'normal'` (default), `'high'`.
|
|
169
|
+
* Sets `--usa-motion` and `data-usa-motion` on `<html>`; with `persist`
|
|
170
|
+
* the choice is remembered (localStorage) and restored by `restoreMotionIntensity()`.
|
|
171
|
+
*/
|
|
172
|
+
declare function setMotionIntensity(level: MotionIntensity, persist?: boolean): void;
|
|
173
|
+
/** Re-apply a persisted intensity (call early on page load). Returns it. */
|
|
174
|
+
declare function restoreMotionIntensity(): MotionIntensity;
|
|
175
|
+
/**
|
|
176
|
+
* `<usa-motion-switch>` — a segmented control letting users choose the
|
|
177
|
+
* app's motion intensity (Off · Low · Normal · High), persisted.
|
|
178
|
+
* `role="radiogroup"`; arrow keys move. Attributes: `labels` (comma list),
|
|
179
|
+
* `label` ("Motion"). Events: `usa:change` (`{ level }`).
|
|
180
|
+
*/
|
|
181
|
+
interface UsaMotionSwitchElement extends UsaElement {
|
|
182
|
+
value: MotionIntensity;
|
|
183
|
+
}
|
|
184
|
+
declare function defineMotionSwitch(tag?: string): CustomElementConstructor | undefined;
|
|
185
|
+
|
|
186
|
+
/**
|
|
187
|
+
* Page & app-wide transitions (v2.7), built on the View Transitions API
|
|
188
|
+
* (Chromium: Chrome, Edge, Electron, WebView2) with graceful fallbacks.
|
|
189
|
+
*
|
|
190
|
+
* - `pageTransition(update, { effect })` — SPA route changes: `fade`,
|
|
191
|
+
* `slide` (`slide-left` / `slide-right` / `slide-up`), `circle` (reveal
|
|
192
|
+
* from `x`, `y`), `blinds`, `pixel` (stepped dissolve), `zoom`.
|
|
193
|
+
* - `enableMpaTransitions(effect)` — the same effects for multi-page sites
|
|
194
|
+
* (`@view-transition { navigation: auto }`); call it on every page.
|
|
195
|
+
* - `themeTransition(apply, { x, y })` — a circle-reveal theme switch.
|
|
196
|
+
*
|
|
197
|
+
* Without View Transitions (Firefox, older Safari) or under reduced motion
|
|
198
|
+
* the update runs immediately (`fade` falls back to a short cross-fade of
|
|
199
|
+
* `fallback` when given).
|
|
200
|
+
*/
|
|
201
|
+
declare const PAGE_EFFECTS: readonly ["fade", "slide", "slide-left", "slide-right", "slide-up", "circle", "blinds", "pixel", "zoom"];
|
|
202
|
+
type PageEffect = (typeof PAGE_EFFECTS)[number];
|
|
203
|
+
interface PageTransitionOptions {
|
|
204
|
+
effect?: PageEffect;
|
|
205
|
+
/** Circle origin in client px (default: viewport centre / last pointer). */
|
|
206
|
+
x?: number;
|
|
207
|
+
y?: number;
|
|
208
|
+
/** Duration in ms (default 600). */
|
|
209
|
+
duration?: number;
|
|
210
|
+
/** Element to cross-fade when View Transitions are unavailable. */
|
|
211
|
+
fallback?: Element | null;
|
|
212
|
+
}
|
|
213
|
+
/** `true` when `document.startViewTransition` exists. */
|
|
214
|
+
declare const supportsViewTransitions: () => boolean;
|
|
215
|
+
/** Run `update` (sync or async) as an animated page transition. Resolves when it is done. */
|
|
216
|
+
declare function pageTransition(update: () => unknown, options?: PageTransitionOptions): Promise<void>;
|
|
217
|
+
/** Opt a multi-page site into cross-document view transitions with `effect`. */
|
|
218
|
+
declare function enableMpaTransitions(effect?: PageEffect, duration?: number): void;
|
|
219
|
+
/**
|
|
220
|
+
* Switch theme with a circle reveal from (`x`, `y`) (default: last pointer).
|
|
221
|
+
* `apply` flips your theme (e.g. toggles a class / `data-theme`).
|
|
222
|
+
*/
|
|
223
|
+
declare function themeTransition(apply: () => unknown, options?: Omit<PageTransitionOptions, 'effect'>): Promise<void>;
|
|
224
|
+
|
|
225
|
+
/**
|
|
226
|
+
* `smoothScroll()` — inertial wheel smoothing for the page (or a scroll
|
|
227
|
+
* container): wheel deltas are eased with a lerp each frame. Touch and
|
|
228
|
+
* keyboard scrolling stay native. Returns a function that turns it off.
|
|
229
|
+
* No-op under reduced motion, on touch-only devices and on the server.
|
|
230
|
+
*/
|
|
231
|
+
interface SmoothScrollOptions {
|
|
232
|
+
/** Scroll container (default: the page). */
|
|
233
|
+
target?: HTMLElement | null;
|
|
234
|
+
/** 0–1, lower = smoother / longer glide (default 0.12). */
|
|
235
|
+
lerp?: number;
|
|
236
|
+
/** Wheel multiplier (default 1). */
|
|
237
|
+
wheelMultiplier?: number;
|
|
238
|
+
}
|
|
239
|
+
declare function smoothScroll(options?: SmoothScrollOptions): () => void;
|
|
240
|
+
/**
|
|
241
|
+
* Scroll to a y position, element or selector with spring timing (or
|
|
242
|
+
* instantly under reduced motion). Resolves when done.
|
|
243
|
+
*/
|
|
244
|
+
declare function scrollToTarget(to: number | Element | string, options?: {
|
|
245
|
+
offset?: number;
|
|
246
|
+
target?: HTMLElement | null;
|
|
247
|
+
preset?: string;
|
|
248
|
+
}): Promise<void>;
|
|
249
|
+
|
|
250
|
+
/**
|
|
251
|
+
* use-scroll-animate/components/page — page & app-wide effects (v2.7).
|
|
252
|
+
* Page transitions (`pageTransition()`, `enableMpaTransitions()`,
|
|
253
|
+
* `themeTransition()`), `<usa-cursor>`, `smoothScroll()` / `scrollToTarget()`,
|
|
254
|
+
* `<usa-fullpage>`, `<usa-loading-bar>` + `loadingBar`, `<usa-back-to-top>`,
|
|
255
|
+
* `<usa-ambient>`, `<usa-splash>`, `<usa-auto-skeleton>` and the global motion
|
|
256
|
+
* intensity (`setMotionIntensity()`, `<usa-motion-switch>`).
|
|
257
|
+
*/
|
|
258
|
+
|
|
259
|
+
/** Register every component of this category under its default tag. */
|
|
260
|
+
declare function definePageComponents(): void;
|
|
261
|
+
declare global {
|
|
262
|
+
interface HTMLElementTagNameMap {
|
|
263
|
+
'usa-cursor': UsaCursorElement;
|
|
264
|
+
'usa-fullpage': UsaFullpageElement;
|
|
265
|
+
'usa-loading-bar': UsaLoadingBarElement;
|
|
266
|
+
'usa-back-to-top': UsaBackToTopElement;
|
|
267
|
+
'usa-ambient': UsaAmbientElement;
|
|
268
|
+
'usa-splash': UsaSplashElement;
|
|
269
|
+
'usa-auto-skeleton': UsaAutoSkeletonElement;
|
|
270
|
+
'usa-motion-switch': UsaMotionSwitchElement;
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
export { AMBIENT_EFFECTS, CURSOR_MODES, MOTION_SCALE, PAGE_EFFECTS, configureComponents, defineAmbient, defineAutoSkeleton, defineBackToTop, defineCursor, defineFullpage, defineLoadingBar, defineMotionSwitch, definePageComponents, defineSplash, enableMpaTransitions, getMotionIntensity, loadingBar, pageTransition, prefersReducedMotion, restoreMotionIntensity, scrollToTarget, setMotionIntensity, smoothScroll, supportsViewTransitions, themeTransition };
|
|
275
|
+
export type { AmbientEffect, ComponentsConfig, CursorMode, MotionIntensity, PageEffect, PageTransitionOptions, SmoothScrollOptions, UsaAmbientElement, UsaAutoSkeletonElement, UsaBackToTopElement, UsaCursorElement, UsaElement, UsaFullpageElement, UsaLoadingBarElement, UsaMotionSwitchElement, UsaSplashElement };
|