@mhmo91/schmancy 0.10.29 → 0.10.31

package/dist/SchmancyElement-DuzT2AMa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchmancyElement-DuzT2AMa.js","names":[],"sources":["../mixins/discovery.service.ts","../src/theme/context.ts","../mixins/baseElement.ts","../mixins/tailwind.css?inline","../mixins/tailwind.mixin.ts","../src/state/active-host.ts","../mixins/SchmancyElement.ts"],"sourcesContent":["import { fromEvent, timer, race, Observable } from 'rxjs'\nimport { takeUntil, map, defaultIfEmpty, take } from 'rxjs/operators'\n\n/**\n * Global discovery event names\n */\nconst DISCOVER_EVENT = 'schmancy-discover'\nconst DISCOVER_RESPONSE_EVENT = 'schmancy-discover-response'\n\n/**\n * Discovery request detail\n */\ninterface DiscoverRequest {\n\tselector: string\n\trequestId: string\n}\n\n/**\n * Discovery response detail\n */\ninterface DiscoverResponse {\n\trequestId: string\n\telement: HTMLElement\n}\n\n/**\n * Discover a component in the DOM using the WhereAreYou/HereIAm pattern.\n *\n * @param componentTag - The tag name of the component to discover (e.g., 'schmancy-navigation-rail')\n * @param timeout - How long to wait for a response in milliseconds (default: 100)\n * @returns Observable that emits the discovered component or null if not found\n */\nexport function discoverComponent<T extends HTMLElement>(\n\tcomponentTag: string,\n\ttimeout = 100,\n): Observable<T | null> {\n\tconst whereAreYouEvent = `${componentTag}-where-are-you`\n\tconst hereIAmEvent = `${componentTag}-here-i-am`\n\n\treturn new Observable(subscriber => {\n\t\t// Listen for response first (you were right!)\n\t\tconst subscription = fromEvent<CustomEvent>(window, hereIAmEvent)\n\t\t\t.pipe(\n\t\t\t\ttakeUntil(timer(timeout)),\n\t\t\t\tmap(e => e.detail.component as T),\n\t\t\t\tdefaultIfEmpty(null),\n\t\t\t)\n\t\t\t.subscribe(component => {\n\t\t\t\tsubscriber.next(component)\n\t\t\t\tsubscriber.complete()\n\t\t\t})\n\n\t\t// Then dispatch discovery request\n\t\twindow.dispatchEvent(\n\t\t\tnew CustomEvent(whereAreYouEvent, {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Return cleanup function\n\t\treturn () => subscription.unsubscribe()\n\t})\n}\n\n/**\n * Discover any of multiple components using race.\n * Returns the first component that responds.\n *\n * @param componentTags - Array of component tag names to discover\n * @returns Observable that emits the first discovered component or null if none found\n */\nexport function discoverAnyComponent<T extends HTMLElement>(...componentTags: string[]): Observable<T | null> {\n\tif (componentTags.length === 0) {\n\t\treturn new Observable(subscriber => {\n\t\t\tsubscriber.next(null)\n\t\t\tsubscriber.complete()\n\t\t})\n\t}\n\n\treturn race(...componentTags.map(tag => discoverComponent<T>(tag)))\n}\n\n/**\n * Universal element discovery - finds ANY element by CSS selector across shadow DOM boundaries.\n * Uses event-based discovery pattern - no DOM traversal needed.\n *\n * How it works:\n * 1. Broadcasts a discovery request event on window\n * 2. All $LitElement components receive this event and check their shadow DOM\n * 3. If a match is found, they respond with the element\n *\n * @param selector - CSS selector (e.g., '#my-id', '.my-class', '[data-attr]')\n * @param timeout - How long to wait for a response in milliseconds (default: 150)\n * @returns Observable that emits the discovered element or null if not found\n *\n * @example\n * ```typescript\n * // Find element by ID across shadow boundaries\n * discoverElement('#app-card').subscribe(el => {\n *   if (el) console.log('Found:', el)\n * })\n *\n * // Find element by class\n * discoverElement('.special-button').subscribe(el => {...})\n * ```\n */\nexport function discoverElement<T extends HTMLElement>(\n\tselector: string,\n\ttimeout = 150,\n): Observable<T | null> {\n\tconst requestId = `discover-${Date.now()}-${Math.random().toString(36).slice(2)}`\n\n\treturn new Observable(subscriber => {\n\t\t// Listen for response first\n\t\tconst subscription = fromEvent<CustomEvent<DiscoverResponse>>(window, DISCOVER_RESPONSE_EVENT)\n\t\t\t.pipe(\n\t\t\t\ttakeUntil(timer(timeout)),\n\t\t\t\tmap(e => e.detail),\n\t\t\t\t// Filter for our specific request\n\t\t\t\tmap(detail => (detail.requestId === requestId ? (detail.element as T) : null)),\n\t\t\t\t// Only take the first non-null response\n\t\t\t\ttake(1),\n\t\t\t\tdefaultIfEmpty(null),\n\t\t\t)\n\t\t\t.subscribe(element => {\n\t\t\t\tsubscriber.next(element)\n\t\t\t\tsubscriber.complete()\n\t\t\t})\n\n\t\t// Broadcast discovery request\n\t\twindow.dispatchEvent(\n\t\t\tnew CustomEvent<DiscoverRequest>(DISCOVER_EVENT, {\n\t\t\t\tdetail: { selector, requestId },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\treturn () => subscription.unsubscribe()\n\t})\n}\n\n/**\n * Discover multiple elements matching a selector.\n * Collects all responses within the timeout period.\n *\n * @param selector - CSS selector\n * @param timeout - How long to collect responses (default: 150ms)\n * @returns Observable that emits array of discovered elements\n */\nexport function discoverAllElements<T extends HTMLElement>(\n\tselector: string,\n\ttimeout = 150,\n): Observable<T[]> {\n\tconst requestId = `discover-all-${Date.now()}-${Math.random().toString(36).slice(2)}`\n\tconst elements: T[] = []\n\n\treturn new Observable(subscriber => {\n\t\t// Collect all responses\n\t\tconst subscription = fromEvent<CustomEvent<DiscoverResponse>>(window, DISCOVER_RESPONSE_EVENT)\n\t\t\t.pipe(takeUntil(timer(timeout)))\n\t\t\t.subscribe({\n\t\t\t\tnext: e => {\n\t\t\t\t\tif (e.detail.requestId === requestId) {\n\t\t\t\t\t\telements.push(e.detail.element as T)\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tcomplete: () => {\n\t\t\t\t\tsubscriber.next(elements)\n\t\t\t\t\tsubscriber.complete()\n\t\t\t\t},\n\t\t\t})\n\n\t\t// Broadcast discovery request\n\t\twindow.dispatchEvent(\n\t\t\tnew CustomEvent<DiscoverRequest>(DISCOVER_EVENT, {\n\t\t\t\tdetail: { selector, requestId },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\treturn () => subscription.unsubscribe()\n\t})\n}\n\n/**\n * Smart discovery - automatically detects if input is a CSS selector or component tag.\n *\n * @param query - CSS selector (starts with #, ., [) OR component tag name\n * @param timeout - How long to wait (default: 150ms)\n * @returns Observable that emits the discovered element or null\n *\n * @example\n * ```typescript\n * // CSS selector - uses discoverElement\n * discover('#my-element').subscribe(...)\n *\n * // Component tag - uses discoverComponent\n * discover('schmancy-fancy').subscribe(...)\n * ```\n */\nexport function discover<T extends HTMLElement>(\n\tquery: string,\n\ttimeout = 150,\n): Observable<T | null> {\n\t// Check if it's a CSS selector (starts with #, ., or [)\n\tconst isCssSelector = /^[#.\\[]/.test(query)\n\n\tif (isCssSelector) {\n\t\treturn discoverElement<T>(query, timeout)\n\t}\n\n\t// Otherwise treat as component tag name\n\treturn discoverComponent<T>(query, timeout)\n}\n\n// Export event names for use in baseElement\nexport { DISCOVER_EVENT, DISCOVER_RESPONSE_EVENT }\nexport type { DiscoverRequest, DiscoverResponse }\n","import { createContext } from '@lit/context'\nimport { TSchmancyTheme } from './theme.interface'\n\n/**\n * Lit Context for sharing theme configuration across components.\\n *\n * This context is provided by SchmancyThemeComponent and can be consumed\n * by any child component to access the current theme configuration.\n *\n * @type {Context<Partial<TSchmancyTheme>>}\n *\n * @example\n * ```typescript\n * import { consume } from '@lit/context'\n * import { themeContext } from '@schmancy/theme'\n *\n * class MyComponent extends LitElement {\n *   @consume({ context: themeContext })\n *   theme?: Partial<TSchmancyTheme>\n *\n *   render() {\n *     // Access theme variables\n *     const primaryColor = this.theme?.sys?.color?.primary?.default\n *     // ...\n *   }\n * }\n * ```\n */\nexport const themeContext = createContext<Partial<TSchmancyTheme>>('theme-context')\n","import type { Constructor } from './constructor'\nimport { LitElement } from 'lit'\nimport { Subject, fromEvent, Observable } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { discoverComponent, DISCOVER_EVENT, DISCOVER_RESPONSE_EVENT, type DiscoverRequest } from './discovery.service'\nimport { consume } from '@lit/context'\nimport { themeContext } from '../src/theme/context'\nimport type { TSchmancyTheme } from '../src/theme/theme.interface'\n\nexport declare class IBaseMixin {\n\tdisconnecting: Subject<boolean>\n\tclassMap: typeof classMap\n\tstyleMap: typeof styleMap\n\tdiscover<T extends HTMLElement>(tag: string): Observable<T | null>\n\treadonly stableId: string\n\tuid: string\n\t/**\n\t * Current locale from theme context. Use with Intl.NumberFormat/DateTimeFormat.\n\t * Defaults to navigator.language if no theme provider is found.\n\t * @example new Intl.NumberFormat(this.locale).format(1234.56)\n\t */\n\treadonly locale: string\n\tdispatchScopedEvent<T>(eventName: string, detail?: T, options?: { bubbles?: boolean; composed?: boolean }): void\n}\n\nexport const BaseElement = <T extends Constructor<LitElement>>(superClass: T) => {\n\tclass BaseElement extends superClass {\n\t\tdisconnecting = new Subject<boolean>()\n\t\tprivate _stableId?: string\n\t\tprivate _uid?: string\n\n\t\t@consume({ context: themeContext, subscribe: true })\n\t\tprivate _theme?: Partial<TSchmancyTheme>\n\n\t\t/** Current locale from theme context. Falls back to navigator.language. */\n\t\tget locale(): string {\n\t\t\treturn this._theme?.locale ?? (typeof navigator !== 'undefined' ? navigator.language : 'de-DE')\n\t\t}\n\n\t\t/** Stable ID from DOM path - lazy, only computed on first access */\n\t\tget stableId(): string {\n\t\t\tif (this._stableId) return this._stableId\n\t\t\tconst path: string[] = []\n\t\t\tfor (let el: Element | null = this; el?.parentElement && path.length < 5; el = el.parentElement) {\n\t\t\t\tconst tag = el.tagName.toLowerCase()\n\t\t\t\tconst siblings = Array.from(el.parentElement.children).filter(c => c.tagName === el!.tagName)\n\t\t\t\tpath.unshift(siblings.length > 1 ? `${tag}:nth-of-type(${siblings.indexOf(el) + 1})` : tag)\n\t\t\t}\n\t\t\tconst hash = Array.from(path.join('>')).reduce((h, c) => Math.imul(31, h) + c.charCodeAt(0) | 0, 0)\n\t\t\treturn this._stableId = `el-${Math.abs(hash).toString(36)}`\n\t\t}\n\n\t\t/**\n\t\t * Unique instance ID - can be overridden via attribute, otherwise auto-generated.\n\t\t * Usage: <my-component uid=\"custom-id\"> or let it auto-generate\n\t\t */\n\t\tget uid(): string {\n\t\t\t// Check if uid was set via attribute\n\t\t\tconst attrUid = this.getAttribute('uid')\n\t\t\tif (attrUid) return attrUid\n\n\t\t\t// Auto-generate if not set\n\t\t\tif (!this._uid) {\n\t\t\t\tthis._uid = `el-${crypto.randomUUID()}`\n\t\t\t}\n\t\t\treturn this._uid\n\t\t}\n\n\t\tset uid(value: string) {\n\t\t\tif (value) {\n\t\t\t\tthis.setAttribute('uid', value)\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute('uid')\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Dispatch an event scoped to this component instance.\n\t\t * Emits BOTH scoped event (eventName::uid) and generic event for backward compatibility.\n\t\t * This prevents event collision between multiple instances of the same component.\n\t\t */\n\t\tdispatchScopedEvent<T>(eventName: string, detail?: T, options: { bubbles?: boolean; composed?: boolean } = {}): void {\n\t\t\tconst { bubbles = false, composed = true } = options\n\n\t\t\t// Emit scoped event for new code\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent(`${eventName}::${this.uid}`, {\n\t\t\t\t\tdetail,\n\t\t\t\t\tbubbles,\n\t\t\t\t\tcomposed,\n\t\t\t\t})\n\t\t\t)\n\n\t\t\t// Emit generic event for backward compatibility\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent(eventName, {\n\t\t\t\t\tdetail,\n\t\t\t\t\tbubbles,\n\t\t\t\t\tcomposed,\n\t\t\t\t})\n\t\t\t)\n\t\t}\n\n\t\tclassMap(classes: Record<string, boolean>) {\n\t\t\tconst newClasses: Record<string, boolean> = {}\n\t\t\tObject.keys(classes).forEach(key => {\n\t\t\t\tkey\n\t\t\t\t\t.trim()\n\t\t\t\t\t.split(' ')\n\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t.forEach(k => {\n\t\t\t\t\t\tnewClasses[k] = classes[key]\n\t\t\t\t\t})\n\t\t\t})\n\t\t\treturn classMap(newClasses)\n\t\t}\n\n\t\tstyleMap(styles: Record<string, string | number>) {\n\t\t\treturn styleMap(styles)\n\t\t}\n\n\t\tconnectedCallback() {\n\t\t\tsuper.connectedCallback()\n\t\t\tthis.setupDiscoveryResponse()\n\t\t}\n\n\t\tprivate setupDiscoveryResponse() {\n\t\t\tconst tagName = this.tagName.toLowerCase()\n\t\t\tconst whereAreYouEvent = `${tagName}-where-are-you`\n\t\t\tconst hereIAmEvent = `${tagName}-here-i-am`\n\n\t\t\t// 1. Component tag discovery (e.g., 'schmancy-fancy-where-are-you')\n\t\t\tfromEvent(window, whereAreYouEvent)\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent(hereIAmEvent, {\n\t\t\t\t\t\t\tdetail: { component: this },\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t})\n\n\t\t\t// 2. CSS selector discovery (e.g., '#app-card', '.my-class', '[uid=\"xyz\"]')\n\t\t\tfromEvent<CustomEvent<DiscoverRequest>>(window, DISCOVER_EVENT)\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(({ detail: { selector, requestId } }) => {\n\t\t\t\t\tlet found: Element | null = null\n\n\t\t\t\t\t// Check if selector matches this component's id or uid\n\t\t\t\t\tif (selector.startsWith('#')) {\n\t\t\t\t\t\tconst id = selector.slice(1)\n\t\t\t\t\t\tif (this.id === id || this.uid === id) {\n\t\t\t\t\t\t\tfound = this\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Check our shadow DOM for matching element\n\t\t\t\t\tif (!found && this.shadowRoot) {\n\t\t\t\t\t\tfound = this.shadowRoot.querySelector(selector)\n\t\t\t\t\t}\n\n\t\t\t\t\tif (found) {\n\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\tnew CustomEvent(DISCOVER_RESPONSE_EVENT, {\n\t\t\t\t\t\t\t\tdetail: { requestId, element: found },\n\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\n\t\t// Make discover public to match the interface\n\t\tdiscover<T extends HTMLElement>(tag: string): Observable<T | null> {\n\t\t\treturn discoverComponent<T>(tag)\n\t\t}\n\n\t\tdisconnectedCallback() {\n\t\t\tthis.disconnecting.next(true)\n\t\t\tthis.disconnecting.complete()\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn BaseElement as Constructor<IBaseMixin> & T\n}\n","@import 'tailwindcss';\n\n/* Tell Tailwind's content scanner to also look at the library source,\n   which lives one level up from this file. Without this, consumers whose\n   Vite root sits outside the library (e.g. the demo at `/demo/`) only get\n   utilities for classes typed in their own source — library classes like\n   `bg-primary-default`, `border-outline`, `text-primary-on` silently no-op. */\n@source \"../src/**/*.{ts,tsx,js,jsx,html}\";\n\n/* Cascade-layer order contract. Consumer (unlayered) CSS always overrides\n   library styles regardless of specificity. Library-internal tokens and\n   components live in named layers so consumers can target them precisely. */\n@layer schmancy.tokens, schmancy.base, schmancy.components;\n\n@layer schmancy.base {\n:host,\n:root {\n\tfont-family: var(--schmancy-font-family);\n\t/* Advertise both schemes so UA form controls, scrollbars, and\n\t   `light-dark()` all render correctly until a theme resolves it. */\n\tcolor-scheme: light dark;\n}\n:host,\n:host *,\n* {\n\t/* pan-x pan-y allows scrolling but disables pinch-zoom */\n\ttouch-action: pan-x pan-y;\n}\n\n/* Interactive: luminous lift on hover, spring compress on active */\n.interactive {\n\ttransition:\n\t\ttransform 300ms cubic-bezier(0.34, 1.56, 0.64, 1),\n\t\tbox-shadow 400ms ease,\n\t\tfilter 200ms ease;\n}\n.interactive:hover {\n\ttransform: translateY(-1px);\n\tfilter: brightness(1.03);\n\tbox-shadow: 0 4px 20px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 18%, transparent);\n}\n.interactive:active {\n\ttransform: scale(0.97);\n\tfilter: brightness(0.96);\n\tbox-shadow: none;\n\ttransition-duration: 100ms;\n}\n@media (prefers-reduced-motion: reduce) {\n\t.interactive { transition: filter 150ms ease; }\n\t.interactive:hover { transform: none; box-shadow: none; }\n\t.interactive:active { transform: none; }\n}\n@theme inline {\n\t--md-ref-typeface-brand: var(--schmancy-font-family);\n\t--md-ref-typeface-plain: var(--schmancy-font-family);\n\t--md-sys-color-primary: var(--schmancy-sys-color-primary-default);\n\t--md-sys-color-secondary: var(--schmancy-sys-color-secondary-default);\n\n\t--*: initial;\n\t--border-style: solid;\n\t--spacing: 4px;\n\t--color-scrim: var(--schmancy-sys-color-scrim);\n\t--color-outline-default: var(--schmancy-sys-color-outline);\n\t--color-outline-variant: var(--schmancy-sys-color-outlineVariant);\n\t/* Shorthand alias */\n\t--color-outline: var(--schmancy-sys-color-outline);\n\t--color-surface-default: var(--schmancy-sys-color-surface-default);\n\t--color-surface-dim: var(--schmancy-sys-color-surface-dim);\n\t--color-surface-bright: var(--schmancy-sys-color-surface-bright);\n\t--color-surface-container: var(--schmancy-sys-color-surface-container);\n\t--color-surface-low: var(--schmancy-sys-color-surface-low);\n\t--color-surface-high: var(--schmancy-sys-color-surface-high);\n\t--color-surface-highest: var(--schmancy-sys-color-surface-highest);\n\t--color-surface-lowest: var(--schmancy-sys-color-surface-lowest);\n\t/* CamelCase variants for Tailwind compatibility */\n\t--color-surface-containerLow: var(--schmancy-sys-color-surface-containerLow);\n\t--color-surface-containerHigh: var(--schmancy-sys-color-surface-containerHigh);\n\t--color-surface-containerLowest: var(--schmancy-sys-color-surface-containerLowest);\n\t--color-surface-containerHighest: var(--schmancy-sys-color-surface-containerHighest);\n\t--color-surface-on: var(--schmancy-sys-color-surface-on);\n\t--color-surface-on-variant: var(--schmancy-sys-color-surface-onVariant);\n\t--color-primary-default: var(--schmancy-sys-color-primary-default);\n\t--color-primary-on: var(--schmancy-sys-color-primary-on);\n\t--color-primary-container: var(--schmancy-sys-color-primary-container);\n\t--color-primary-on-container: var(--schmancy-sys-color-primary-onContainer);\n\t--color-secondary-default: var(--schmancy-sys-color-secondary-default);\n\t--color-secondary-on: var(--schmancy-sys-color-secondary-on);\n\t--color-secondary-container: var(--schmancy-sys-color-secondary-container);\n\t--color-secondary-on-container: var(--schmancy-sys-color-secondary-onContainer);\n\t--color-tertiary-default: var(--schmancy-sys-color-tertiary-default);\n\t--color-tertiary-on: var(--schmancy-sys-color-tertiary-on);\n\t--color-tertiary-container: var(--schmancy-sys-color-tertiary-container);\n\t--color-tertiary-on-container: var(--schmancy-sys-color-tertiary-onContainer);\n\t--color-error-default: var(--schmancy-sys-color-error-default);\n\t--color-error-on: var(--schmancy-sys-color-error-on);\n\t--color-error-container: var(--schmancy-sys-color-error-container);\n\t--color-error-on-container: var(--schmancy-sys-color-error-onContainer);\n\t--color-success-default: var(--schmancy-sys-color-success-default);\n\t--color-success-on: var(--schmancy-sys-color-success-on);\n\t--color-success-container: var(--schmancy-sys-color-success-container);\n\t--color-success-on-container: var(--schmancy-sys-color-success-onContainer);\n\t--color-warning-default: var(--schmancy-sys-color-warning-default);\n\t--color-warning-on: var(--schmancy-sys-color-warning-on);\n\t--color-warning-container: var(--schmancy-sys-color-warning-container);\n\t--color-warning-on-container: var(--schmancy-sys-color-warning-onContainer);\n\t--color-info-default: var(--schmancy-sys-color-info-default);\n\t--color-info-on: var(--schmancy-sys-color-info-on);\n\t--color-info-container: var(--schmancy-sys-color-info-container);\n\t--color-info-on-container: var(--schmancy-sys-color-info-onContainer);\n\n\t/* DEPRECATED: camelCase aliases for backward compatibility - use hyphenated format instead */\n\t--color-outlineVariant: var(--schmancy-sys-color-outlineVariant);\n\t--color-surface-onVariant: var(--schmancy-sys-color-surface-onVariant);\n\t--color-primary-onContainer: var(--schmancy-sys-color-primary-onContainer);\n\t--color-secondary-onContainer: var(--schmancy-sys-color-secondary-onContainer);\n\t--color-tertiary-onContainer: var(--schmancy-sys-color-tertiary-onContainer);\n\t--color-error-onContainer: var(--schmancy-sys-color-error-onContainer);\n\t--color-success-onContainer: var(--schmancy-sys-color-success-onContainer);\n\t--color-warning-onContainer: var(--schmancy-sys-color-warning-onContainer);\n\t--color-info-onContainer: var(--schmancy-sys-color-info-onContainer);\n\n\t/* Shorthand aliases (maps to -default variant) */\n\t--color-primary: var(--schmancy-sys-color-primary-default);\n\t--color-secondary: var(--schmancy-sys-color-secondary-default);\n\t--color-tertiary: var(--schmancy-sys-color-tertiary-default);\n\t--color-error: var(--schmancy-sys-color-error-default);\n\t--color-success: var(--schmancy-sys-color-success-default);\n\t--color-warning: var(--schmancy-sys-color-warning-default);\n\t--color-info: var(--schmancy-sys-color-info-default);\n\t--color-surface: var(--schmancy-sys-color-surface-default);\n\n\t--shadow-0: var(--schmancy-sys-elevation-0);\n\t--shadow-1: var(--schmancy-sys-elevation-1);\n\t--shadow-2: var(--schmancy-sys-elevation-2);\n\t--shadow-3: var(--schmancy-sys-elevation-3);\n\t--shadow-4: var(--schmancy-sys-elevation-4);\n\t--shadow-5: var(--schmancy-sys-elevation-5);\n\t--outline-1: var(--schmancy-sys-outline-1);\n\n\t/* Luminous glow elevation — light-based depth for futuristic UI\n\t   Use shadow-glow-{1-5} classes. Glow intensifies with level. */\n\t--shadow-glow-1: 0 2px 12px -2px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent);\n\t--shadow-glow-2: 0 4px 20px -2px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 22%, transparent);\n\t--shadow-glow-3: 0 8px 32px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 28%, transparent);\n\t--shadow-glow-4: 0 12px 44px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 35%, transparent);\n\t--shadow-glow-5: 0 20px 60px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 42%, transparent);\n\n\t/* Frosted-glass overlay shadows — use shadow-overlay (centered/sheet) and shadow-overlay-anchored (popover) */\n\t--shadow-overlay:\n\t\t0 1px 2px color-mix(in srgb, #000 8%, transparent),\n\t\t0 28px 60px -20px color-mix(in srgb, #000 45%, transparent),\n\t\tinset 0 1px 0 0 color-mix(in srgb, var(--schmancy-sys-color-surface-on) 8%, transparent);\n\t--shadow-overlay-anchored:\n\t\t0 1px 2px color-mix(in srgb, #000 8%, transparent),\n\t\t0 12px 28px -12px color-mix(in srgb, #000 35%, transparent),\n\t\tinset 0 1px 0 0 color-mix(in srgb, var(--schmancy-sys-color-surface-on) 8%, transparent);\n\t--font-sans:\n\t\tvar(--schmancy-font-family), ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n\t\t'Segoe UI Symbol', 'Noto Color Emoji';\n\t--font-serif: var(--schmancy-font-family), ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;\n\t--font-mono:\n\t\tvar(--schmancy-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n\t\t'Courier New', monospace;\n\t--color-black: #000;\n\t--color-white: #fff;\n\t--spacing: 0.25rem;\n\t--breakpoint-sm: 40rem;\n\t--breakpoint-md: 48rem;\n\t--breakpoint-lg: 64rem;\n\t--breakpoint-xl: 80rem;\n\t--breakpoint-2xl: 96rem;\n\t--container-3xs: 16rem;\n\t--container-2xs: 18rem;\n\t--container-xs: 20rem;\n\t--container-sm: 24rem;\n\t--container-md: 28rem;\n\t--container-lg: 32rem;\n\t--container-xl: 36rem;\n\t--container-2xl: 42rem;\n\t--container-3xl: 48rem;\n\t--container-4xl: 56rem;\n\t--container-5xl: 64rem;\n\t--container-6xl: 72rem;\n\t--container-7xl: 80rem;\n\t--text-xs: 0.75rem;\n\t--text-xs--line-height: calc(1 / 0.75);\n\t--text-sm: 0.875rem;\n\t--text-sm--line-height: calc(1.25 / 0.875);\n\t--text-base: 1rem;\n\t--text-base--line-height: calc(1.5 / 1);\n\t--text-lg: 1.125rem;\n\t--text-lg--line-height: calc(1.75 / 1.125);\n\t--text-xl: 1.25rem;\n\t--text-xl--line-height: calc(1.75 / 1.25);\n\t--text-2xl: 1.5rem;\n\t--text-2xl--line-height: calc(2 / 1.5);\n\t--text-3xl: 1.875rem;\n\t--text-3xl--line-height: calc(2.25 / 1.875);\n\t--text-4xl: 2.25rem;\n\t--text-4xl--line-height: calc(2.5 / 2.25);\n\t--text-5xl: 3rem;\n\t--text-5xl--line-height: 1;\n\t--text-6xl: 3.75rem;\n\t--text-6xl--line-height: 1;\n\t--text-7xl: 4.5rem;\n\t--text-7xl--line-height: 1;\n\t--text-8xl: 6rem;\n\t--text-8xl--line-height: 1;\n\t--text-9xl: 8rem;\n\t--text-9xl--line-height: 1;\n\t--font-weight-thin: 100;\n\t--font-weight-extralight: 200;\n\t--font-weight-light: 300;\n\t--font-weight-normal: 400;\n\t--font-weight-medium: 500;\n\t--font-weight-semibold: 600;\n\t--font-weight-bold: 700;\n\t--font-weight-extrabold: 800;\n\t--font-weight-black: 900;\n\t--tracking-tighter: -0.05em;\n\t--tracking-tight: -0.025em;\n\t--tracking-normal: 0em;\n\t--tracking-wide: 0.025em;\n\t--tracking-wider: 0.05em;\n\t--tracking-widest: 0.1em;\n\t--leading-tight: 1.25;\n\t--leading-snug: 1.375;\n\t--leading-normal: 1.5;\n\t--leading-relaxed: 1.625;\n\t--leading-loose: 2;\n\t--radius-xs: 0.125rem;\n\t--radius-sm: 0.25rem;\n\t--radius-md: 0.375rem;\n\t--radius-lg: 0.5rem;\n\t--radius-xl: 0.75rem;\n\t--radius-2xl: 1rem;\n\t--radius-3xl: 1.5rem;\n\t--radius-4xl: 2rem;\n\t--shadow-2xs: 0 1px rgb(0 0 0 / 0.05);\n\t--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\t--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\t--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\t--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n\t--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n\t--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\t--inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);\n\t--inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);\n\t--inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);\n\t--drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);\n\t--drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);\n\t--drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n\t--drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);\n\t--drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);\n\t--drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n\t--blur-xs: 4px;\n\t--blur-sm: 8px;\n\t--blur-md: 12px;\n\t--blur-lg: 16px;\n\t--blur-xl: 24px;\n\t--blur-2xl: 40px;\n\t--blur-3xl: 64px;\n\t--perspective-dramatic: 100px;\n\t--perspective-near: 300px;\n\t--perspective-normal: 500px;\n\t--perspective-midrange: 800px;\n\t--perspective-distant: 1200px;\n\t--aspect-video: 16 / 9;\n\t--ease-in: cubic-bezier(0.4, 0, 1, 1);\n\t--ease-out: cubic-bezier(0, 0, 0.2, 1);\n\t--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n\t--animate-spin: spin 1s linear infinite;\n\t--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n\t--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n\t--animate-bounce: bounce 1s infinite;\n\t/* ========================================================================\n\t   ANIMATION SYSTEM\n\n\t   A comprehensive, reusable animation library organized by category.\n\t   All animations use CSS custom properties for easy customization.\n\n\t   NAMING CONVENTION:\n\t   - Entrance animations: *-in (fade-in, slide-in, pop-in)\n\t   - Exit animations: *-out (fade-out, slide-out)\n\t   - Looping animations: descriptive name (float, pulse, shimmer)\n\n\t   USAGE:\n\t   - Use `animate-{name}` class in Tailwind\n\t   - Combine with `opacity-0` for entrance animations\n\t   - Use `animation-delay` via style attribute for staggered effects\n\t   ======================================================================== */\n\n\t/* ------------------------------------------------------------------------\n\t   TAILWIND DEFAULT ANIMATIONS\n\t   Standard animations from Tailwind CSS\n\t   ------------------------------------------------------------------------ */\n\t@keyframes spin {\n\t\tto { transform: rotate(360deg); }\n\t}\n\t@keyframes ping {\n\t\t75%, 100% { transform: scale(2); opacity: 0; }\n\t}\n\t@keyframes pulse {\n\t\t50% { opacity: 0.5; }\n\t}\n\t@keyframes bounce {\n\t\t0%, 100% {\n\t\t\ttransform: translateY(-25%);\n\t\t\tanimation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n\t\t}\n\t\t50% {\n\t\t\ttransform: none;\n\t\t\tanimation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\t\t}\n\t}\n\n\t/* ------------------------------------------------------------------------\n\t   ENTRANCE ANIMATIONS\n\t   One-shot animations for elements entering the viewport.\n\t   All use `forwards` fill-mode to maintain end state.\n\t   ------------------------------------------------------------------------ */\n\n\t/* Fade In - Simple opacity transition */\n\t--animate-fade-in: fade-in 0.5s ease forwards;\n\t@keyframes fade-in {\n\t\tfrom { opacity: 0; }\n\t\tto { opacity: 1; }\n\t}\n\n\t/* Fade In Up - Fade with upward movement (subtle) */\n\t--animate-fade-in-up: fade-in-up 0.5s ease forwards;\n\t@keyframes fade-in-up {\n\t\tfrom { opacity: 0; transform: translateY(20px); }\n\t\tto { opacity: 1; transform: translateY(0); }\n\t}\n\n\t/* Fade In Up Large - Fade with larger upward movement + scale */\n\t--animate-fade-in-up-lg: fade-in-up-lg 0.6s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;\n\t@keyframes fade-in-up-lg {\n\t\tfrom { opacity: 0; transform: translateY(30px) scale(0.95); }\n\t\tto { opacity: 1; transform: translateY(0) scale(1); }\n\t}\n\n\t/* Slide In Left - Enter from left side */\n\t--animate-slide-in-left: slide-in-left 0.5s ease forwards;\n\t@keyframes slide-in-left {\n\t\tfrom { opacity: 0; transform: translateX(-30px); }\n\t\tto { opacity: 1; transform: translateX(0); }\n\t}\n\n\t/* Slide In Right - Enter from right side */\n\t--animate-slide-in-right: slide-in-right 0.5s ease forwards;\n\t@keyframes slide-in-right {\n\t\tfrom { opacity: 0; transform: translateX(30px); }\n\t\tto { opacity: 1; transform: translateX(0); }\n\t}\n\n\t/* Pop In - Scale up with bounce easing */\n\t--animate-pop-in: pop-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n\t@keyframes pop-in {\n\t\tfrom { opacity: 0; transform: scale(0.8); }\n\t\tto { opacity: 1; transform: scale(1); }\n\t}\n\n\t/* Expand In - Subtle scale + translate entrance */\n\t--animate-expand-in: expand-in 0.5s ease forwards;\n\t@keyframes expand-in {\n\t\tfrom { opacity: 0; transform: scale(0.95) translateY(10px); }\n\t\tto { opacity: 1; transform: scale(1) translateY(0); }\n\t}\n\n\t/* Converge In - Dramatic entrance with overshoot */\n\t--animate-converge-in: converge-in 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n\t@keyframes converge-in {\n\t\t0% { opacity: 0; transform: scale(0) translateY(50px); }\n\t\t60% { opacity: 1; transform: scale(1.1) translateY(-10px); }\n\t\t100% { opacity: 1; transform: scale(1) translateY(0); }\n\t}\n\n\t/* Spin In - Rotate + scale entrance */\n\t--animate-spin-in: spin-in 0.6s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;\n\t@keyframes spin-in {\n\t\tfrom { opacity: 0; transform: scale(0) rotate(-180deg); }\n\t\tto { opacity: 1; transform: scale(1) rotate(0deg); }\n\t}\n\n\t/* Scatter In - Scale from 0 to partial opacity (for decorative elements) */\n\t--animate-scatter-in: scatter-in 1s ease forwards;\n\t@keyframes scatter-in {\n\t\tfrom { opacity: 0; transform: scale(0); }\n\t\tto { opacity: 0.2; transform: scale(1); }\n\t}\n\n\t/* ------------------------------------------------------------------------\n\t   LOOPING ANIMATIONS - PULSE VARIANTS\n\t   Continuous pulsing effects for attention/status indicators.\n\t   ------------------------------------------------------------------------ */\n\n\t/* Pulse Opacity - Simple opacity pulse */\n\t--animate-pulse-opacity: pulse-opacity 2s ease-in-out infinite;\n\t@keyframes pulse-opacity {\n\t\t0%, 100% { opacity: 1; }\n\t\t50% { opacity: 0.5; }\n\t}\n\n\t/* Pulse Scale - Scale + opacity pulse (for status dots) */\n\t--animate-pulse-scale: pulse-scale 1.5s ease infinite;\n\t@keyframes pulse-scale {\n\t\t0%, 100% { transform: scale(1); opacity: 1; }\n\t\t50% { transform: scale(1.3); opacity: 0.6; }\n\t}\n\n\t/* Pulse Glow - Scale + dynamic box-shadow (for highlighted elements) */\n\t--animate-pulse-glow: pulse-glow 2s ease infinite;\n\t@keyframes pulse-glow {\n\t\t0%, 100% {\n\t\t\ttransform: scale(1);\n\t\t\tbox-shadow: 0 0 20px var(--schmancy-sys-color-primary-default);\n\t\t}\n\t\t50% {\n\t\t\ttransform: scale(1.05);\n\t\t\tbox-shadow: 0 0 40px var(--schmancy-sys-color-primary-default);\n\t\t}\n\t}\n\n\t/* Pulse Ring - Expanding ring effect (for ripples) */\n\t--animate-pulse-ring: pulse-ring 2s ease-out infinite;\n\t@keyframes pulse-ring {\n\t\t0% { transform: scale(0.8); opacity: 0.6; }\n\t\t100% { transform: scale(2); opacity: 0; }\n\t}\n\n\t/* ------------------------------------------------------------------------\n\t   LOOPING ANIMATIONS - FLOAT VARIANTS\n\t   Gentle floating/hovering effects for ambient motion.\n\t   ------------------------------------------------------------------------ */\n\n\t/* Float - Simple vertical float */\n\t--animate-float: float 3s ease-in-out infinite;\n\t@keyframes float {\n\t\t0%, 100% { transform: translateY(0); }\n\t\t50% { transform: translateY(-8px); }\n\t}\n\n\t/* Float Particle - Vertical float with scale + opacity (for particles) */\n\t--animate-float-particle: float-particle 4s ease-in-out infinite;\n\t@keyframes float-particle {\n\t\t0%, 100% { transform: translateY(0) scale(1); opacity: 0.6; }\n\t\t50% { transform: translateY(-30px) scale(1.2); opacity: 0.3; }\n\t}\n\n\t/* Float Chaos - Multi-axis chaotic movement (for scattered elements) */\n\t--animate-float-chaos: float-chaos 8s ease-in-out infinite;\n\t@keyframes float-chaos {\n\t\t0% { transform: translateY(0) rotate(0deg) scale(1); }\n\t\t25% { transform: translateY(-30px) rotate(15deg) scale(1.1); }\n\t\t50% { transform: translateY(-10px) rotate(-10deg) scale(0.95); }\n\t\t75% { transform: translateY(-40px) rotate(8deg) scale(1.05); }\n\t\t100% { transform: translateY(0) rotate(0deg) scale(1); }\n\t}\n\n\t/* ------------------------------------------------------------------------\n\t   LOOPING ANIMATIONS - ROTATION\n\t   Continuous rotation effects.\n\t   ------------------------------------------------------------------------ */\n\n\t/* Rotate Orbit - Slow continuous rotation (for orbital elements) */\n\t--animate-rotate-orbit: rotate-orbit 20s linear infinite;\n\t@keyframes rotate-orbit {\n\t\tfrom { transform: rotate(0deg); }\n\t\tto { transform: rotate(360deg); }\n\t}\n\n\t/* ------------------------------------------------------------------------\n\t   LOOPING ANIMATIONS - MOVEMENT EFFECTS\n\t   Horizontal/directional movement for progress/flow indicators.\n\t   ------------------------------------------------------------------------ */\n\n\t/* Shimmer - Left-to-right shine effect (use with overflow:hidden) */\n\t--animate-shimmer: shimmer 2s ease-in-out infinite;\n\t@keyframes shimmer {\n\t\t0% { left: -100%; }\n\t\t50%, 100% { left: 100%; }\n\t}\n\n\t/* Scan Vertical - Top-to-bottom scanning line */\n\t--animate-scan-vertical: scan-vertical 2s ease-in-out infinite;\n\t@keyframes scan-vertical {\n\t\t0% { top: 0; opacity: 0; }\n\t\t10% { opacity: 1; }\n\t\t90% { opacity: 1; }\n\t\t100% { top: 100%; opacity: 0; }\n\t}\n\n\t/* Scan Horizontal - Left-to-right scanning */\n\t--animate-scan-horizontal: scan-horizontal 2s ease-in-out infinite;\n\t@keyframes scan-horizontal {\n\t\t0% { left: -100%; }\n\t\t100% { left: 100%; }\n\t}\n\n\t/* Flow - Continuous left-to-right flow (for progress connectors) */\n\t--animate-flow: flow 2s ease-in-out infinite;\n\t@keyframes flow {\n\t\t0% { left: -50%; }\n\t\t100% { left: 150%; }\n\t}\n\n\t/* Line Float - Horizontal line traversal with opacity (for decorative lines) */\n\t--animate-line-float: line-float 4s ease-in-out infinite;\n\t@keyframes line-float {\n\t\t0%, 100% { transform: translateX(-100%) scaleX(0.5); opacity: 0; }\n\t\t50% { transform: translateX(100%) scaleX(1); opacity: 0.3; }\n\t}\n\n\t/* ------------------------------------------------------------------------\n\t   KINETIC STATE — Physics-based feedback animations.\n\t   UI communicates through motion, not icons.\n\t   ------------------------------------------------------------------------ */\n\n\t/* Breathe — gentle living pulse for loading/active states */\n\t--animate-breathe: breathe 2.5s ease-in-out infinite;\n\t@keyframes breathe {\n\t\t0%, 100% { transform: scale(1); opacity: 1; }\n\t\t50% { transform: scale(1.015); opacity: 0.88; }\n\t}\n\n\t/* Glow Pulse — luminous throb for highlighted elements */\n\t--animate-glow-pulse: glow-pulse 2s ease-in-out infinite;\n\t@keyframes glow-pulse {\n\t\t0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--schmancy-sys-color-primary-default) 30%, transparent); }\n\t\t50% { box-shadow: 0 0 24px 4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent); }\n\t}\n\n\t/* Kinetic Shake — physics-damped error feedback */\n\t--animate-kinetic-shake: kinetic-shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n\t@keyframes kinetic-shake {\n\t\t0%, 100% { transform: translateX(0); }\n\t\t10% { transform: translateX(-6px); }\n\t\t20% { transform: translateX(5px); }\n\t\t30% { transform: translateX(-4px); }\n\t\t40% { transform: translateX(3px); }\n\t\t50% { transform: translateX(-2px); }\n\t\t60% { transform: translateX(1px); }\n\t}\n\n\t/* Scale Tap — spring-physics tap response */\n\t--animate-scale-tap: scale-tap 250ms cubic-bezier(0.34, 1.56, 0.64, 1);\n\t@keyframes scale-tap {\n\t\t0% { transform: scale(1); }\n\t\t40% { transform: scale(0.94); }\n\t\t100% { transform: scale(1); }\n\t}\n\n\t/* Glow In — luminous entrance with depth */\n\t--animate-glow-in: glow-in 0.6s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;\n\t@keyframes glow-in {\n\t\tfrom {\n\t\t\tbox-shadow: 0 0 0 0 transparent;\n\t\t\topacity: 0;\n\t\t\ttransform: scale(0.96);\n\t\t}\n\t\tto {\n\t\t\tbox-shadow: 0 8px 32px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 20%, transparent);\n\t\t\topacity: 1;\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\n\t/* ------------------------------------------------------------------------\n\t   CUSTOM EASING CURVES\n\t   Reusable timing functions for consistent animation feel.\n\t   ------------------------------------------------------------------------ */\n\t--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);\n\t--ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);\n\t--ease-snap: cubic-bezier(0.34, 1.2, 0.64, 1);\n}\n}  /* end @layer schmancy.base */\n","import { CSSResult, LitElement, unsafeCSS } from 'lit'\n\nimport style from './tailwind.css?inline'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport declare class ITailwindElementMixin {\n\tstyles: (typeof CSSResult)[]\n}\n\nexport const tailwindStyles = unsafeCSS(style)\n\nconst TailwindElementBase = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends LitElement {\n\t\tstatic styles = [unsafeCSS(componentStyle), tailwindStyles]\n\t}\n\treturn TailwindMixinClass as Constructor<LitElement> /* see \"typing the subclass\" below */\n}\n\nexport const TailwindElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElementBase(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as Constructor<CustomElementConstructor> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n","// `_`-prefixed identifiers below are an intentional naming convention for\n// module-private infrastructure. `_activeHost` is exported only so the\n// $LitElement mixin can wrap render/lifecycle in `_activeHost.run`; the\n// underscore signals \"not part of the public state API.\"\n/* oxlint-disable no-underscore-dangle */\n\n// Active-host tracker for context-aware state resolution.\n//\n// Polyfills the TC39 `AsyncContext.Variable` propagation primitive using a\n// stack + a one-time `Promise.prototype.then` patch. The stack value carries\n// across `await`, `queueMicrotask`, RxJS subscription callbacks, and any\n// other code path that ultimately routes through `Promise.then`. This is the\n// same capture-and-restore technique zone.js, async-hooks, and the various\n// AsyncContext userland polyfills use.\n//\n// Why we own this:\n//   - The TC39 proposal is at stage 2; no official polyfill ships from TC39.\n//   - The `async-context@1.0.0` package on npm is unrelated (a 2014 Node\n//     callback helper), and the available userland polyfills either depend\n//     on zone.js (~50 KB) or are Node-only / hobby quality.\n//   - The patch surface is ~30 lines, idempotent, preserves Promise\n//     semantics (delegates to the original `then`, so `Symbol.species` and\n//     subclassing work unchanged), and decommissions cleanly the day a real\n//     polyfill or native AsyncContext lands (drop the file, swap the\n//     `_activeHost` export for the standard primitive).\n//\n// Known limitation — native await on a native Promise: V8's await\n// optimization (since 7.x) skips the spec-prescribed\n// `Promise.resolve(x).then(continuation)` step, so userland `then`\n// patches don't intercept the resumption. Class methods that mutate\n// state across an `await` boundary will fall back to the\n// module-scoped global, not the active-host's isolated copy. To\n// preserve the host across awaits, either keep the mutation in the\n// synchronous prelude before the first `await`, or explicitly chain\n// with `.then()` (which still routes through the patched method).\n// A real fix requires either a build-time async-function transform\n// or native AsyncContext.Variable in the runtime.\n//\n// resolveActiveHost() fallback chain:\n//   1. Stack value set by `_activeHost.run(host, fn)` — covers render(),\n//      Lit lifecycle methods, and class-method handlers (all wrapped by\n//      SchmancyElement's prototype-chain wrap).\n//   2. The closest `<schmancy-context>` whose subtree currently has an\n//      in-flight DOM event. The element installs capture-phase listeners\n//      that publish itself as the event-host while the synchronous\n//      handler chain runs; the slot clears via microtask. Covers\n//      template-bound inline arrow handlers attached to descendants.\n//   3. document.activeElement — keyboard handlers in focus.\n//   4. undefined → caller falls back to the module-scoped global instance.\n\n// Singleton across any number of schmancy module copies (source + dist, ESM\n// + CJS, hoisted vs. nested node_modules) via the runtime-global symbol\n// registry. The first copy to load creates the slot; later copies reuse it.\n// Without this, two stacks → mixins push to one, state reads from the other,\n// and active-host context is lost across the boundary.\nconst STACK_KEY = Symbol.for('schmancy.state.activeHost.stack')\ntype StackSlot = { stack: Array<HTMLElement | undefined> }\nconst _g = globalThis as { [STACK_KEY]?: StackSlot }\n_g[STACK_KEY] ??= { stack: [undefined] }\nconst _stack = _g[STACK_KEY].stack\n\n// One-time Promise.prototype.then patch at module init. Each .then() call\n// captures the stack head at chain time; firing the callback restores that\n// captured value for the duration of the callback. The guard property\n// prevents double-patching across HMR / duplicate module loads.\ndeclare global {\n\tinterface Promise<T> {\n\t\t// Marker symbol so we can detect (and skip) re-patching.\n\t\treadonly __schmancyActiveHostPatched?: true\n\t}\n}\n\n// Patching Promise.prototype is the entire mechanism this module exists to\n// provide — the lint rules below intentionally do not apply.\n/* oxlint-disable no-extend-native, unicorn/no-thenable */\nif (typeof Promise !== 'undefined' && !('__schmancyActiveHostPatched' in Promise.prototype)) {\n\tObject.defineProperty(Promise.prototype, '__schmancyActiveHostPatched', {\n\t\tvalue: true,\n\t\tconfigurable: false,\n\t\tenumerable: false,\n\t\twritable: false,\n\t})\n\tconst _origThen = Promise.prototype.then\n\t// Replace with our wrapper. We delegate to the original `then` via\n\t// `_origThen.call(this, …)` so Promise subclassing / Symbol.species behave\n\t// exactly as before — the only added work is the stack push/pop around\n\t// each user callback.\n\tPromise.prototype.then = function schmancyThen<T, R1, R2>(\n\t\tthis: Promise<T>,\n\t\tonfulfilled?: ((value: T) => R1 | PromiseLike<R1>) | null,\n\t\tonrejected?: ((reason: unknown) => R2 | PromiseLike<R2>) | null,\n\t): Promise<R1 | R2> {\n\t\tconst captured = _stack[_stack.length - 1]\n\t\tconst wrapFulfilled = onfulfilled\n\t\t\t? (v: T): R1 | PromiseLike<R1> => {\n\t\t\t\t\t_stack.push(captured)\n\t\t\t\t\ttry {\n\t\t\t\t\t\treturn onfulfilled(v)\n\t\t\t\t\t} finally {\n\t\t\t\t\t\t_stack.pop()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t: onfulfilled\n\t\tconst wrapRejected = onrejected\n\t\t\t? (r: unknown): R2 | PromiseLike<R2> => {\n\t\t\t\t\t_stack.push(captured)\n\t\t\t\t\ttry {\n\t\t\t\t\t\treturn onrejected(r)\n\t\t\t\t\t} finally {\n\t\t\t\t\t\t_stack.pop()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t: onrejected\n\t\treturn _origThen.call(this, wrapFulfilled, wrapRejected) as Promise<R1 | R2>\n\t}\n}\n/* oxlint-enable no-extend-native, unicorn/no-thenable */\n\nexport const _activeHost = {\n\t/** Run `fn` with `host` as the active host for the duration of `fn` and\n\t *  any awaits / microtasks / Promise chains that descend from it. */\n\trun<R>(host: HTMLElement | undefined, fn: () => R): R {\n\t\t_stack.push(host)\n\t\ttry {\n\t\t\treturn fn()\n\t\t} finally {\n\t\t\t_stack.pop()\n\t\t}\n\t},\n\t/** The current active host, or undefined if no `run()` is on the stack. */\n\tget(): HTMLElement | undefined {\n\t\treturn _stack[_stack.length - 1]\n\t},\n}\n\n// Tier 2 of the resolveActiveHost() fallback chain. A `<schmancy-context>`\n// publishes itself here from a capture-phase event listener attached to\n// itself; the slot clears in the next microtask, after the synchronous\n// event-handler chain has run. `window.event` is unreliable across both\n// engines and time (it can outlive its event — a stale `message` event\n// from postMessage can leak BODY for arbitrary later resolution calls), so\n// we own this slot rather than read the legacy global.\n//\n// Singleton across module copies for the same reason as `_stack` above.\nconst EVENT_HOST_KEY = Symbol.for('schmancy.state.activeHost.eventHost')\ntype EventHostSlot = { host: HTMLElement | undefined; scheduled: boolean }\nconst _eventHostSlot: EventHostSlot =\n\t((globalThis as { [EVENT_HOST_KEY]?: EventHostSlot })[EVENT_HOST_KEY] ??= {\n\t\thost: undefined,\n\t\tscheduled: false,\n\t})\n\n/** Publish `host` as the active event-host. The slot self-clears at the\n *  end of the current microtask checkpoint — long enough for the entire\n *  synchronous event-handler chain to read it, short enough that no\n *  later, unrelated microtask sees a stale value. */\nexport function _publishEventHost(host: HTMLElement): void {\n\t_eventHostSlot.host = host\n\tif (_eventHostSlot.scheduled) return\n\t_eventHostSlot.scheduled = true\n\tqueueMicrotask(() => {\n\t\t_eventHostSlot.scheduled = false\n\t\t_eventHostSlot.host = undefined\n\t})\n}\n\nexport function resolveActiveHost(): HTMLElement | undefined {\n\t// 1. Stack (set by _activeHost.run).\n\tconst fromStack = _activeHost.get()\n\tif (fromStack !== undefined) return fromStack\n\n\t// 2. Closest <schmancy-context> with an in-flight event in its subtree.\n\tif (_eventHostSlot.host !== undefined) return _eventHostSlot.host\n\n\t// 3. document.activeElement — keyboard / focus handlers.\n\tif (typeof document !== 'undefined' && document.activeElement instanceof HTMLElement) {\n\t\treturn document.activeElement\n\t}\n\n\t// 4. undefined — caller falls back to module-scoped.\n\treturn undefined\n}\n\n/** Stable context key for a state namespace. `Symbol.for(...)` so the same\n *  namespace string yields the same symbol across module boundaries — the\n *  ContextProvider on `<schmancy-context>` and the ContextRequestEvent\n *  dispatched by a state read must agree on identity. */\nexport function stateContextKey(namespace: string): symbol {\n\treturn Symbol.for(`schmancy.state:${namespace}`)\n}\n","import { LitElement, type CSSResultGroup, type CSSResultOrNative } from 'lit'\nimport { SignalWatcher } from '@lit-labs/signals'\nimport { BaseElement, type IBaseMixin } from './baseElement'\nimport { tailwindStyles } from './tailwind.mixin'\nimport type { Constructor } from './constructor'\nimport { _activeHost } from '../src/state/active-host'\n\n// Cast to instance-only Constructor + a narrow static surface for `finalizeStyles`.\n// Avoids exposing LitElement's full static side (which has `protected static\n// shadowRootOptions`); that would conflict with subclasses that declare their own\n// `protected static shadowRootOptions = { ..., delegatesFocus: true }` to widen\n// visibility — same shape TailwindElement uses.\ntype StaticFinalizeStyles = {\n\tfinalizeStyles(styles?: CSSResultGroup): CSSResultOrNative[]\n}\nconst SchmancyElementBase = SignalWatcher(BaseElement(LitElement)) as unknown as\n\tCustomElementConstructor & Constructor<LitElement> & Constructor<IBaseMixin> & StaticFinalizeStyles\n\n// ---------------------------------------------------------------------------\n// Active-host integration. Two layers:\n//\n//   (1) Prototype-chain wrap. The first instance of every concrete subclass\n//       triggers a walk that wraps every function-typed descriptor on the\n//       chain (up to but not including HTMLElement.prototype) with\n//       `_activeHost.run(this, …)`. Catches `render()`, every Lit lifecycle\n//       hook, and every user-defined class method (sync or async — the host\n//       propagates across `await` via the Promise.then patch in\n//       `active-host.ts`). Idempotent: each prototype object is wrapped at\n//       most once, regardless of how many subclasses share it.\n//\n//   (2) `addEventListener` override. Listeners attached imperatively to\n//       the host run inside `_activeHost.run(this, …)`. We keep an\n//       `original→wrapped` map so `removeEventListener` finds the wrapped\n//       listener.\n//\n// Inline arrow handlers attached via Lit templates (`@click=${() => …}`)\n// are not wrapped at this layer — Lit attaches them to *child* elements,\n// not the host. They resolve correctly via the\n// `window.event.composedPath()` fallback in `resolveActiveHost()`: a\n// `context-request` dispatched from the click target bubbles (composed)\n// up to the enclosing `<schmancy-context>` provider.\n// ---------------------------------------------------------------------------\n\n// Lit's internal protocol methods (e.g. `_$attributeToProperty`) are\n// framework plumbing; wrapping them risks breaking Lit's update scheduling\n// for no semantic gain — the host is already on the stack from the wrap of\n// the public lifecycle methods that call them.\nfunction shouldSkipMethod(key: string): boolean {\n\tif (key === 'constructor') return true\n\tif (key.startsWith('_$')) return true\n\treturn false\n}\n\nconst wrappedProtos = new WeakSet<object>()\n\nfunction wrapPrototypeChain(ctor: { prototype: object }): void {\n\tlet proto: object | null = ctor.prototype\n\twhile (proto && proto !== HTMLElement.prototype) {\n\t\tif (wrappedProtos.has(proto)) break\n\t\twrappedProtos.add(proto)\n\t\tconst descs = Object.getOwnPropertyDescriptors(proto)\n\t\tfor (const [key, desc] of Object.entries(descs)) {\n\t\t\tif (shouldSkipMethod(key)) continue\n\t\t\tif (typeof desc.value !== 'function') continue\n\t\t\tif (!desc.configurable) continue\n\t\t\tconst original = desc.value as (...args: unknown[]) => unknown\n\t\t\tObject.defineProperty(proto, key, {\n\t\t\t\t...desc,\n\t\t\t\tvalue: function wrappedForActiveHost(this: HTMLElement, ...args: unknown[]) {\n\t\t\t\t\treturn _activeHost.run(this, () => original.apply(this, args))\n\t\t\t\t},\n\t\t\t})\n\t\t}\n\t\tproto = Object.getPrototypeOf(proto) as object | null\n\t}\n}\n\ntype AnyListener = EventListener | EventListenerObject\nconst listenerWrapCache = new WeakMap<AnyListener, EventListener>()\n\nfunction wrapHostListener(host: HTMLElement, listener: AnyListener): EventListener {\n\tconst cached = listenerWrapCache.get(listener)\n\tif (cached) return cached\n\tconst wrapped: EventListener = function wrappedHostListener(this: unknown, evt: Event) {\n\t\t_activeHost.run(host, () => {\n\t\t\tif (typeof listener === 'function') {\n\t\t\t\t;(listener as EventListener).call(this, evt)\n\t\t\t} else {\n\t\t\t\tlistener.handleEvent(evt)\n\t\t\t}\n\t\t})\n\t}\n\tlistenerWrapCache.set(listener, wrapped)\n\treturn wrapped\n}\n\n/**\n * Base class for Schmancy components. A concrete named class — not a mixin\n * factory — so DevTools shows `SchmancyElement` in the prototype chain and\n * `extends SchmancyElement` reads like `extends LitElement` for new\n * contributors.\n *\n * Composes:\n *   1. `LitElement`            — Lit base\n *   2. `BaseElement`           — `disconnecting` Subject, classMap/styleMap,\n *                                 discovery, `stableId`, `uid`, `locale`\n *   3. `SignalWatcher`         — auto-tracks every signal read in `render()`\n *\n * Tailwind styles are injected automatically via `finalizeStyles` — subclasses\n * just declare their own component-local styles in `static styles`:\n *\n *   @customElement('my-card')\n *   class MyCard extends SchmancyElement {\n *     static styles = [css`:host { display: block }`]\n *     render() { return html`<slot></slot>` }\n *   }\n *\n * Cleanup primitives (both fire on disconnect):\n *   - `disconnecting: Subject<void>` — RxJS, used with `takeUntil`\n *   - `disconnectedSignal: AbortSignal` — native, used with `fetch`,\n *     `addEventListener`, or any AbortSignal-aware API\n *\n * Never wrap with `SignalWatcher` again — it is already part of the base.\n * `SignalWatcher(SchmancyElement)` creates two nested Computeds and panics\n * with \"Detected cycle in computations\" at runtime; the pre-edit lint\n * (`NO_SIGNAL_WATCHER_WRAP`) blocks it as belt-and-suspenders.\n */\nexport class SchmancyElement extends SchmancyElementBase {\n\tprivate _abortController = new AbortController()\n\n\t/** AbortSignal that fires when the element disconnects. */\n\treadonly disconnectedSignal: AbortSignal = this._abortController.signal\n\n\tconstructor() {\n\t\tsuper()\n\t\twrapPrototypeChain(this.constructor as { prototype: object })\n\t}\n\n\tstatic override finalizeStyles(\n\t\tstyles?: CSSResultGroup,\n\t): CSSResultOrNative[] {\n\t\treturn [...super.finalizeStyles(styles), tailwindStyles]\n\t}\n\n\toverride addEventListener(\n\t\ttype: string,\n\t\tlistener: EventListenerOrEventListenerObject | null,\n\t\toptions?: boolean | AddEventListenerOptions,\n\t): void {\n\t\tif (listener == null) {\n\t\t\tsuper.addEventListener(type, listener, options)\n\t\t\treturn\n\t\t}\n\t\tsuper.addEventListener(type, wrapHostListener(this, listener), options)\n\t}\n\n\toverride removeEventListener(\n\t\ttype: string,\n\t\tlistener: EventListenerOrEventListenerObject | null,\n\t\toptions?: boolean | EventListenerOptions,\n\t): void {\n\t\tif (listener == null) {\n\t\t\tsuper.removeEventListener(type, listener, options)\n\t\t\treturn\n\t\t}\n\t\tconst wrapped = listenerWrapCache.get(listener)\n\t\tsuper.removeEventListener(type, wrapped ?? (listener as EventListener), options)\n\t}\n\n\toverride disconnectedCallback() {\n\t\tthis._abortController.abort()\n\t\tsuper.disconnectedCallback()\n\t}\n}\n\n/**\n * Decorator: `@schmancyElement('tag-name')`. The standard way to register\n * a `SchmancyElement` subclass.\n *\n * Drop-in replacement for Lit's `@customElement`. The difference is\n * timing: this decorator wraps the prototype's methods with\n * `_activeHost.run` BEFORE calling `customElements.define`.\n *\n * Why this matters: the HTML spec captures the element's lifecycle\n * callback references (`connectedCallback`, `disconnectedCallback`, etc.)\n * off the prototype at `customElements.define` time, and the browser\n * invokes those cached references for the element's lifecycle — it does\n * NOT re-look-up the prototype each time. SchmancyElement's constructor\n * installs the active-host wrap on first instantiation, which is strictly\n * later than `define`, so the browser ends up calling unwrapped\n * lifecycle callbacks. Reads inside `connectedCallback` then fall through\n * to `document.activeElement`, miss the enclosing `<schmancy-context>`,\n * and resolve to the module-scoped global instead of the isolated copy.\n *\n * Use this decorator for any subclass that:\n *   - Reads or writes a state-singleton inside `connectedCallback` or\n *     `disconnectedCallback`, AND\n *   - May appear inside a `<schmancy-context>` subtree.\n *\n * For elements that never touch state in lifecycle callbacks, plain\n * `@customElement` from `lit/decorators.js` still works — the\n * constructor's wrap covers everything else (render, class methods,\n * event handlers attached via the prototype). The two decorators are\n * interchangeable for those cases.\n */\nexport function schmancyElement(tagName: string) {\n\treturn <T extends CustomElementConstructor>(cls: T): T => {\n\t\twrapPrototypeChain(cls as { prototype: object })\n\t\tcustomElements.define(tagName, cls)\n\t\treturn cls\n\t}\n}\n"],"mappings":"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"}

package/dist/agent/{flow-3RrZM-e7.js.map → flow-CvG1fLW5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"flow-3RrZM-e7.js","names":[],"sources":["../../node_modules/@lit-labs/virtualizer/layouts/shared/SizeCache.js","../../node_modules/@lit-labs/virtualizer/layouts/shared/BaseLayout.js","../../node_modules/@lit-labs/virtualizer/layouts/flow.js"],"sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nexport class SizeCache {\n    constructor(config) {\n        this._map = new Map();\n        this._roundAverageSize = false;\n        this.totalSize = 0;\n        if (config?.roundAverageSize === true) {\n            this._roundAverageSize = true;\n        }\n    }\n    set(index, value) {\n        const prev = this._map.get(index) || 0;\n        this._map.set(index, value);\n        this.totalSize += value - prev;\n    }\n    get averageSize() {\n        if (this._map.size > 0) {\n            const average = this.totalSize / this._map.size;\n            return this._roundAverageSize ? Math.round(average) : average;\n        }\n        return 0;\n    }\n    getSize(index) {\n        return this._map.get(index);\n    }\n    clear() {\n        this._map.clear();\n        this.totalSize = 0;\n    }\n}\n//# sourceMappingURL=SizeCache.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nexport function dim1(direction) {\n    return direction === 'horizontal' ? 'width' : 'height';\n}\nexport function dim2(direction) {\n    return direction === 'horizontal' ? 'height' : 'width';\n}\nexport function pos1(direction) {\n    return direction === 'horizontal' ? 'left' : 'top';\n}\nexport function pos2(direction) {\n    return direction === 'horizontal' ? 'top' : 'left';\n}\nexport class BaseLayout {\n    _getDefaultConfig() {\n        return {\n            direction: 'vertical',\n        };\n    }\n    constructor(hostSink, config) {\n        /**\n         * The last set viewport scroll position.\n         */\n        this._latestCoords = { left: 0, top: 0 };\n        /**\n         * Scrolling direction.\n         */\n        this._direction = null;\n        /**\n         * Dimensions of the viewport.\n         */\n        this._viewportSize = { width: 0, height: 0 };\n        this.totalScrollSize = { width: 0, height: 0 };\n        this.offsetWithinScroller = { left: 0, top: 0 };\n        /**\n         * Flag for debouncing asynchronous reflow requests.\n         */\n        this._pendingReflow = false;\n        this._pendingLayoutUpdate = false;\n        this._pin = null;\n        /**\n         * The index of the first item intersecting the viewport.\n         */\n        this._firstVisible = 0;\n        /**\n         * The index of the last item intersecting the viewport.\n         */\n        this._lastVisible = 0;\n        /**\n         * Pixel offset in the scroll direction of the first child.\n         */\n        this._physicalMin = 0;\n        /**\n         * Pixel offset in the scroll direction of the last child.\n         */\n        this._physicalMax = 0;\n        /**\n         * Index of the first child.\n         */\n        this._first = -1;\n        /**\n         * Index of the last child.\n         */\n        this._last = -1;\n        /**\n         * Length in the scrolling direction.\n         */\n        this._sizeDim = 'height';\n        /**\n         * Length in the non-scrolling direction.\n         */\n        this._secondarySizeDim = 'width';\n        /**\n         * Position in the scrolling direction.\n         */\n        this._positionDim = 'top';\n        /**\n         * Position in the non-scrolling direction.\n         */\n        this._secondaryPositionDim = 'left';\n        /**\n         * Current scroll offset in pixels.\n         */\n        this._scrollPosition = 0;\n        /**\n         * Difference between current scroll offset and scroll offset calculated due\n         * to a reflow.\n         */\n        this._scrollError = 0;\n        /**\n         * Total number of items that could possibly be displayed. Used to help\n         * calculate the scroll size.\n         */\n        this._items = [];\n        /**\n         * The total (estimated) length of all items in the scrolling direction.\n         */\n        this._scrollSize = 1;\n        /**\n         * Number of pixels beyond the viewport to still include\n         * in the active range of items.\n         */\n        // TODO (graynorton): Probably want to make this something we calculate based\n        // on viewport size, item size, other factors, possibly still with a dial of some kind\n        this._overhang = 1000;\n        this._hostSink = hostSink;\n        // Delay setting config so that subclasses do setup work first\n        Promise.resolve().then(() => (this.config = config || this._getDefaultConfig()));\n    }\n    set config(config) {\n        Object.assign(this, Object.assign({}, this._getDefaultConfig(), config));\n    }\n    get config() {\n        return {\n            direction: this.direction,\n        };\n    }\n    /**\n     * Maximum index of children + 1, to help estimate total height of the scroll\n     * space.\n     */\n    get items() {\n        return this._items;\n    }\n    set items(items) {\n        this._setItems(items);\n    }\n    _setItems(items) {\n        if (items !== this._items) {\n            this._items = items;\n            this._scheduleReflow();\n        }\n    }\n    /**\n     * Primary scrolling direction.\n     */\n    get direction() {\n        return this._direction;\n    }\n    set direction(dir) {\n        // Force it to be either horizontal or vertical.\n        dir = dir === 'horizontal' ? dir : 'vertical';\n        if (dir !== this._direction) {\n            this._direction = dir;\n            this._sizeDim = dir === 'horizontal' ? 'width' : 'height';\n            this._secondarySizeDim = dir === 'horizontal' ? 'height' : 'width';\n            this._positionDim = dir === 'horizontal' ? 'left' : 'top';\n            this._secondaryPositionDim = dir === 'horizontal' ? 'top' : 'left';\n            this._triggerReflow();\n        }\n    }\n    /**\n     * Height and width of the viewport.\n     */\n    get viewportSize() {\n        return this._viewportSize;\n    }\n    set viewportSize(dims) {\n        const { _viewDim1, _viewDim2 } = this;\n        Object.assign(this._viewportSize, dims);\n        if (_viewDim2 !== this._viewDim2) {\n            // this._viewDim2Changed();\n            this._scheduleLayoutUpdate();\n        }\n        else if (_viewDim1 !== this._viewDim1) {\n            this._checkThresholds();\n        }\n    }\n    /**\n     * Scroll offset of the viewport.\n     */\n    get viewportScroll() {\n        return this._latestCoords;\n    }\n    set viewportScroll(coords) {\n        Object.assign(this._latestCoords, coords);\n        const oldPos = this._scrollPosition;\n        this._scrollPosition = this._latestCoords[this._positionDim];\n        const change = Math.abs(oldPos - this._scrollPosition);\n        if (change >= 1) {\n            this._checkThresholds();\n        }\n    }\n    /**\n     * Perform a reflow if one has been scheduled.\n     */\n    reflowIfNeeded(force = false) {\n        if (force || this._pendingReflow) {\n            this._pendingReflow = false;\n            this._reflow();\n        }\n    }\n    set pin(options) {\n        this._pin = options;\n        this._triggerReflow();\n    }\n    get pin() {\n        if (this._pin !== null) {\n            const { index, block } = this._pin;\n            return {\n                index: Math.max(0, Math.min(index, this.items.length - 1)),\n                block,\n            };\n        }\n        return null;\n    }\n    _clampScrollPosition(val) {\n        return Math.max(-this.offsetWithinScroller[this._positionDim], Math.min(val, this.totalScrollSize[dim1(this.direction)] - this._viewDim1));\n    }\n    unpin() {\n        if (this._pin !== null) {\n            this._sendUnpinnedMessage();\n            this._pin = null;\n        }\n    }\n    _updateLayout() {\n        // Override\n    }\n    // protected _viewDim2Changed(): void {\n    //   this._scheduleLayoutUpdate();\n    // }\n    /**\n     * The height or width of the viewport, whichever corresponds to the scrolling direction.\n     */\n    get _viewDim1() {\n        return this._viewportSize[this._sizeDim];\n    }\n    /**\n     * The height or width of the viewport, whichever does NOT correspond to the scrolling direction.\n     */\n    get _viewDim2() {\n        return this._viewportSize[this._secondarySizeDim];\n    }\n    _scheduleReflow() {\n        this._pendingReflow = true;\n    }\n    _scheduleLayoutUpdate() {\n        this._pendingLayoutUpdate = true;\n        this._scheduleReflow();\n    }\n    // For triggering a reflow based on incoming changes to\n    // the layout config.\n    _triggerReflow() {\n        this._scheduleLayoutUpdate();\n        // TODO graynorton@: reflowIfNeeded() isn't really supposed\n        // to be called internally. Address in larger cleanup\n        // of virtualizer / layout interaction pattern.\n        // this.reflowIfNeeded(true);\n        Promise.resolve().then(() => this.reflowIfNeeded());\n    }\n    _reflow() {\n        if (this._pendingLayoutUpdate) {\n            this._updateLayout();\n            this._pendingLayoutUpdate = false;\n        }\n        this._updateScrollSize();\n        this._setPositionFromPin();\n        this._getActiveItems();\n        this._updateVisibleIndices();\n        this._sendStateChangedMessage();\n    }\n    /**\n     * If we are supposed to be pinned to a particular\n     * item or set of coordinates, we set `_scrollPosition`\n     * accordingly and adjust `_scrollError` as needed\n     * so that the virtualizer can keep the scroll\n     * position in the DOM in sync\n     */\n    _setPositionFromPin() {\n        if (this.pin !== null) {\n            const lastScrollPosition = this._scrollPosition;\n            const { index, block } = this.pin;\n            this._scrollPosition =\n                this._calculateScrollIntoViewPosition({\n                    index,\n                    block: block || 'start',\n                }) - this.offsetWithinScroller[this._positionDim];\n            this._scrollError = lastScrollPosition - this._scrollPosition;\n        }\n    }\n    /**\n     * Calculate the coordinates to scroll to, given\n     * a request to scroll to the element at a specific\n     * index.\n     *\n     * Supports the same positioning options (`start`,\n     * `center`, `end`, `nearest`) as the standard\n     * `Element.scrollIntoView()` method, but currently\n     * only considers the provided value in the `block`\n     * dimension, since we don't yet have any layouts\n     * that support virtualization in two dimensions.\n     */\n    _calculateScrollIntoViewPosition(options) {\n        const { block } = options;\n        const index = Math.min(this.items.length, Math.max(0, options.index));\n        const itemStartPosition = this._getItemPosition(index)[this._positionDim];\n        let scrollPosition = itemStartPosition;\n        if (block !== 'start') {\n            const itemSize = this._getItemSize(index)[this._sizeDim];\n            if (block === 'center') {\n                scrollPosition =\n                    itemStartPosition - 0.5 * this._viewDim1 + 0.5 * itemSize;\n            }\n            else {\n                const itemEndPosition = itemStartPosition - this._viewDim1 + itemSize;\n                if (block === 'end') {\n                    scrollPosition = itemEndPosition;\n                }\n                else {\n                    // block === 'nearest'\n                    const currentScrollPosition = this._scrollPosition;\n                    scrollPosition =\n                        Math.abs(currentScrollPosition - itemStartPosition) <\n                            Math.abs(currentScrollPosition - itemEndPosition)\n                            ? itemStartPosition\n                            : itemEndPosition;\n                }\n            }\n        }\n        scrollPosition += this.offsetWithinScroller[this._positionDim];\n        return this._clampScrollPosition(scrollPosition);\n    }\n    getScrollIntoViewCoordinates(options) {\n        return {\n            [this._positionDim]: this._calculateScrollIntoViewPosition(options),\n        };\n    }\n    _sendUnpinnedMessage() {\n        this._hostSink({\n            type: 'unpinned',\n        });\n    }\n    _sendVisibilityChangedMessage() {\n        this._hostSink({\n            type: 'visibilityChanged',\n            firstVisible: this._firstVisible,\n            lastVisible: this._lastVisible,\n        });\n    }\n    _sendStateChangedMessage() {\n        const childPositions = new Map();\n        if (this._first !== -1 && this._last !== -1) {\n            for (let idx = this._first; idx <= this._last; idx++) {\n                childPositions.set(idx, this._getItemPosition(idx));\n            }\n        }\n        const message = {\n            type: 'stateChanged',\n            scrollSize: {\n                [this._sizeDim]: this._scrollSize,\n                [this._secondarySizeDim]: null,\n            },\n            range: {\n                first: this._first,\n                last: this._last,\n                firstVisible: this._firstVisible,\n                lastVisible: this._lastVisible,\n            },\n            childPositions,\n        };\n        if (this._scrollError) {\n            message.scrollError = {\n                [this._positionDim]: this._scrollError,\n                [this._secondaryPositionDim]: 0,\n            };\n            this._scrollError = 0;\n        }\n        this._hostSink(message);\n    }\n    /**\n     * Number of items to display.\n     */\n    get _num() {\n        if (this._first === -1 || this._last === -1) {\n            return 0;\n        }\n        return this._last - this._first + 1;\n    }\n    _checkThresholds() {\n        if ((this._viewDim1 === 0 && this._num > 0) || this._pin !== null) {\n            this._scheduleReflow();\n        }\n        else {\n            const min = Math.max(0, this._scrollPosition - this._overhang);\n            const max = Math.min(this._scrollSize, this._scrollPosition + this._viewDim1 + this._overhang);\n            if (this._physicalMin > min || this._physicalMax < max) {\n                this._scheduleReflow();\n            }\n            else {\n                this._updateVisibleIndices({ emit: true });\n            }\n        }\n    }\n    /**\n     * Find the indices of the first and last items to intersect the viewport.\n     * Emit a visibleindiceschange event when either index changes.\n     */\n    _updateVisibleIndices(options) {\n        if (this._first === -1 || this._last === -1)\n            return;\n        let firstVisible = this._first;\n        while (firstVisible < this._last &&\n            Math.round(this._getItemPosition(firstVisible)[this._positionDim] +\n                this._getItemSize(firstVisible)[this._sizeDim]) <= Math.round(this._scrollPosition)) {\n            firstVisible++;\n        }\n        let lastVisible = this._last;\n        while (lastVisible > this._first &&\n            Math.round(this._getItemPosition(lastVisible)[this._positionDim]) >=\n                Math.round(this._scrollPosition + this._viewDim1)) {\n            lastVisible--;\n        }\n        if (firstVisible !== this._firstVisible ||\n            lastVisible !== this._lastVisible) {\n            this._firstVisible = firstVisible;\n            this._lastVisible = lastVisible;\n            if (options && options.emit) {\n                this._sendVisibilityChangedMessage();\n            }\n        }\n    }\n}\n//# sourceMappingURL=BaseLayout.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nimport { SizeCache } from './shared/SizeCache.js';\nimport { BaseLayout, dim1 } from './shared/BaseLayout.js';\nexport const flow = (config) => Object.assign({\n    type: FlowLayout,\n}, config);\nfunction leadingMargin(direction) {\n    return direction === 'horizontal' ? 'marginLeft' : 'marginTop';\n}\nfunction trailingMargin(direction) {\n    return direction === 'horizontal' ? 'marginRight' : 'marginBottom';\n}\nfunction offset(direction) {\n    return direction === 'horizontal' ? 'xOffset' : 'yOffset';\n}\nfunction collapseMargins(a, b) {\n    const m = [a, b].sort();\n    return m[1] <= 0 ? Math.min(...m) : m[0] >= 0 ? Math.max(...m) : m[0] + m[1];\n}\nclass MetricsCache {\n    constructor() {\n        this._childSizeCache = new SizeCache();\n        this._marginSizeCache = new SizeCache();\n        this._metricsCache = new Map();\n    }\n    update(metrics, direction) {\n        const marginsToUpdate = new Set();\n        Object.keys(metrics).forEach((key) => {\n            const k = Number(key);\n            this._metricsCache.set(k, metrics[k]);\n            this._childSizeCache.set(k, metrics[k][dim1(direction)]);\n            marginsToUpdate.add(k);\n            marginsToUpdate.add(k + 1);\n        });\n        for (const k of marginsToUpdate) {\n            const a = this._metricsCache.get(k)?.[leadingMargin(direction)] || 0;\n            const b = this._metricsCache.get(k - 1)?.[trailingMargin(direction)] || 0;\n            this._marginSizeCache.set(k, collapseMargins(a, b));\n        }\n    }\n    get averageChildSize() {\n        return this._childSizeCache.averageSize;\n    }\n    get totalChildSize() {\n        return this._childSizeCache.totalSize;\n    }\n    get averageMarginSize() {\n        return this._marginSizeCache.averageSize;\n    }\n    get totalMarginSize() {\n        return this._marginSizeCache.totalSize;\n    }\n    getLeadingMarginValue(index, direction) {\n        return this._metricsCache.get(index)?.[leadingMargin(direction)] || 0;\n    }\n    getChildSize(index) {\n        return this._childSizeCache.getSize(index);\n    }\n    getMarginSize(index) {\n        return this._marginSizeCache.getSize(index);\n    }\n    clear() {\n        this._childSizeCache.clear();\n        this._marginSizeCache.clear();\n        this._metricsCache.clear();\n    }\n}\nexport class FlowLayout extends BaseLayout {\n    constructor() {\n        super(...arguments);\n        /**\n         * Initial estimate of item size\n         */\n        this._itemSize = { width: 100, height: 100 };\n        /**\n         * Indices of children mapped to their (position and length) in the scrolling\n         * direction. Used to keep track of children that are in range.\n         */\n        this._physicalItems = new Map();\n        /**\n         * Used in tandem with _physicalItems to track children in range across\n         * reflows.\n         */\n        this._newPhysicalItems = new Map();\n        /**\n         * Width and height of children by their index.\n         */\n        this._metricsCache = new MetricsCache();\n        /**\n         * anchorIdx is the anchor around which we reflow. It is designed to allow\n         * jumping to any point of the scroll size. We choose it once and stick with\n         * it until stable. _first and _last are deduced around it.\n         */\n        this._anchorIdx = null;\n        /**\n         * Position in the scrolling direction of the anchor child.\n         */\n        this._anchorPos = null;\n        /**\n         * Whether all children in range were in range during the previous reflow.\n         */\n        this._stable = true;\n        this._measureChildren = true;\n        this._estimate = true;\n    }\n    // protected _defaultConfig: BaseLayoutConfig = Object.assign({}, super._defaultConfig, {\n    // })\n    // constructor(config: Layout1dConfig) {\n    //   super(config);\n    // }\n    get measureChildren() {\n        return this._measureChildren;\n    }\n    /**\n     * Determine the average size of all children represented in the sizes\n     * argument.\n     */\n    updateItemSizes(sizes) {\n        this._metricsCache.update(sizes, this.direction);\n        // if (this._nMeasured) {\n        // this._updateItemSize();\n        this._scheduleReflow();\n        // }\n    }\n    /**\n     * Set the average item size based on the total length and number of children\n     * in range.\n     */\n    // _updateItemSize() {\n    //   // Keep integer values.\n    //   this._itemSize[this._sizeDim] = this._metricsCache.averageChildSize;\n    // }\n    _getPhysicalItem(idx) {\n        return this._newPhysicalItems.get(idx) ?? this._physicalItems.get(idx);\n    }\n    _getSize(idx) {\n        const item = this._getPhysicalItem(idx);\n        return item && this._metricsCache.getChildSize(idx);\n    }\n    _getAverageSize() {\n        return this._metricsCache.averageChildSize || this._itemSize[this._sizeDim];\n    }\n    _estimatePosition(idx) {\n        const c = this._metricsCache;\n        if (this._first === -1 || this._last === -1) {\n            return (c.averageMarginSize +\n                idx * (c.averageMarginSize + this._getAverageSize()));\n        }\n        else {\n            if (idx < this._first) {\n                const delta = this._first - idx;\n                const refItem = this._getPhysicalItem(this._first);\n                return (refItem.pos -\n                    (c.getMarginSize(this._first - 1) || c.averageMarginSize) -\n                    (delta * c.averageChildSize + (delta - 1) * c.averageMarginSize));\n            }\n            else {\n                const delta = idx - this._last;\n                const refItem = this._getPhysicalItem(this._last);\n                return (refItem.pos +\n                    (c.getChildSize(this._last) || c.averageChildSize) +\n                    (c.getMarginSize(this._last) || c.averageMarginSize) +\n                    delta * (c.averageChildSize + c.averageMarginSize));\n            }\n        }\n    }\n    /**\n     * Returns the position in the scrolling direction of the item at idx.\n     * Estimates it if the item at idx is not in the DOM.\n     */\n    _getPosition(idx) {\n        const item = this._getPhysicalItem(idx);\n        const { averageMarginSize } = this._metricsCache;\n        return idx === 0\n            ? this._metricsCache.getMarginSize(0) ?? averageMarginSize\n            : item\n                ? item.pos\n                : this._estimatePosition(idx);\n    }\n    _calculateAnchor(lower, upper) {\n        if (lower <= 0) {\n            return 0;\n        }\n        if (upper > this._scrollSize - this._viewDim1) {\n            return this.items.length - 1;\n        }\n        return Math.max(0, Math.min(this.items.length - 1, Math.floor((lower + upper) / 2 / this._delta)));\n    }\n    _getAnchor(lower, upper) {\n        if (this._physicalItems.size === 0) {\n            return this._calculateAnchor(lower, upper);\n        }\n        if (this._first < 0) {\n            return this._calculateAnchor(lower, upper);\n        }\n        if (this._last < 0) {\n            return this._calculateAnchor(lower, upper);\n        }\n        const firstItem = this._getPhysicalItem(this._first), lastItem = this._getPhysicalItem(this._last), firstMin = firstItem.pos, lastMin = lastItem.pos, lastMax = lastMin + this._metricsCache.getChildSize(this._last);\n        if (lastMax < lower) {\n            // Window is entirely past physical items, calculate new anchor\n            return this._calculateAnchor(lower, upper);\n        }\n        if (firstMin > upper) {\n            // Window is entirely before physical items, calculate new anchor\n            return this._calculateAnchor(lower, upper);\n        }\n        // Window contains a physical item\n        // Find one, starting with the one that was previously first visible\n        let candidateIdx = this._firstVisible - 1;\n        let cMax = -Infinity;\n        while (cMax < lower) {\n            const candidate = this._getPhysicalItem(++candidateIdx);\n            cMax = candidate.pos + this._metricsCache.getChildSize(candidateIdx);\n        }\n        return candidateIdx;\n    }\n    /**\n     * Updates _first and _last based on items that should be in the current\n     * viewed range.\n     */\n    _getActiveItems() {\n        if (this._viewDim1 === 0 || this.items.length === 0) {\n            this._clearItems();\n        }\n        else {\n            this._getItems();\n        }\n    }\n    /**\n     * Sets the range to empty.\n     */\n    _clearItems() {\n        this._first = -1;\n        this._last = -1;\n        this._physicalMin = 0;\n        this._physicalMax = 0;\n        const items = this._newPhysicalItems;\n        this._newPhysicalItems = this._physicalItems;\n        this._newPhysicalItems.clear();\n        this._physicalItems = items;\n        this._stable = true;\n    }\n    /*\n     * Updates _first and _last based on items that should be in the given range.\n     */\n    _getItems() {\n        const items = this._newPhysicalItems;\n        this._stable = true;\n        let lower, upper;\n        // The anchorIdx is the anchor around which we reflow. It is designed to\n        // allow jumping to any point of the scroll size. We choose it once and\n        // stick with it until stable. first and last are deduced around it.\n        // If we have a pinned item, we anchor on it\n        if (this.pin !== null) {\n            const { index } = this.pin;\n            this._anchorIdx = index;\n            this._anchorPos = this._getPosition(index);\n        }\n        // Determine the lower and upper bounds of the region to be\n        // rendered, relative to the viewport\n        lower = this._scrollPosition - this._overhang; //leadingOverhang;\n        upper = this._scrollPosition + this._viewDim1 + this._overhang; // trailingOverhang;\n        if (upper < 0 || lower > this._scrollSize) {\n            this._clearItems();\n            return;\n        }\n        // If we are scrolling to a specific index or if we are doing another\n        // pass to stabilize a previously started reflow, we will already\n        // have an anchor. If not, establish an anchor now.\n        if (this._anchorIdx === null || this._anchorPos === null) {\n            this._anchorIdx = this._getAnchor(lower, upper);\n            this._anchorPos = this._getPosition(this._anchorIdx);\n        }\n        let anchorSize = this._getSize(this._anchorIdx);\n        if (anchorSize === undefined) {\n            this._stable = false;\n            anchorSize = this._getAverageSize();\n        }\n        const anchorLeadingMargin = this._metricsCache.getMarginSize(this._anchorIdx) ??\n            this._metricsCache.averageMarginSize;\n        const anchorTrailingMargin = this._metricsCache.getMarginSize(this._anchorIdx + 1) ??\n            this._metricsCache.averageMarginSize;\n        if (this._anchorIdx === 0) {\n            this._anchorPos = anchorLeadingMargin;\n        }\n        if (this._anchorIdx === this.items.length - 1) {\n            this._anchorPos = this._scrollSize - anchorTrailingMargin - anchorSize;\n        }\n        // Anchor might be outside bounds, so prefer correcting the error and keep\n        // that anchorIdx.\n        let anchorErr = 0;\n        if (this._anchorPos + anchorSize + anchorTrailingMargin < lower) {\n            anchorErr = lower - (this._anchorPos + anchorSize + anchorTrailingMargin);\n        }\n        if (this._anchorPos - anchorLeadingMargin > upper) {\n            anchorErr = upper - (this._anchorPos - anchorLeadingMargin);\n        }\n        if (anchorErr) {\n            this._scrollPosition -= anchorErr;\n            lower -= anchorErr;\n            upper -= anchorErr;\n            this._scrollError += anchorErr;\n        }\n        items.set(this._anchorIdx, { pos: this._anchorPos, size: anchorSize });\n        this._first = this._last = this._anchorIdx;\n        this._physicalMin = this._anchorPos - anchorLeadingMargin;\n        this._physicalMax = this._anchorPos + anchorSize + anchorTrailingMargin;\n        while (this._physicalMin > lower && this._first > 0) {\n            let size = this._getSize(--this._first);\n            if (size === undefined) {\n                this._stable = false;\n                size = this._getAverageSize();\n            }\n            let margin = this._metricsCache.getMarginSize(this._first);\n            if (margin === undefined) {\n                this._stable = false;\n                margin = this._metricsCache.averageMarginSize;\n            }\n            this._physicalMin -= size;\n            const pos = this._physicalMin;\n            items.set(this._first, { pos, size });\n            this._physicalMin -= margin;\n            if (this._stable === false && this._estimate === false) {\n                break;\n            }\n        }\n        while (this._physicalMax < upper && this._last < this.items.length - 1) {\n            let size = this._getSize(++this._last);\n            if (size === undefined) {\n                this._stable = false;\n                size = this._getAverageSize();\n            }\n            let margin = this._metricsCache.getMarginSize(this._last);\n            if (margin === undefined) {\n                this._stable = false;\n                margin = this._metricsCache.averageMarginSize;\n            }\n            const pos = this._physicalMax;\n            items.set(this._last, { pos, size });\n            this._physicalMax += size + margin;\n            if (!this._stable && !this._estimate) {\n                break;\n            }\n        }\n        // This handles the cases where we were relying on estimated sizes.\n        const extentErr = this._calculateError();\n        if (extentErr) {\n            this._physicalMin -= extentErr;\n            this._physicalMax -= extentErr;\n            this._anchorPos -= extentErr;\n            this._scrollPosition -= extentErr;\n            items.forEach((item) => (item.pos -= extentErr));\n            this._scrollError += extentErr;\n        }\n        if (this._stable) {\n            this._newPhysicalItems = this._physicalItems;\n            this._newPhysicalItems.clear();\n            this._physicalItems = items;\n        }\n    }\n    _calculateError() {\n        if (this._first === 0) {\n            return this._physicalMin;\n        }\n        else if (this._physicalMin <= 0) {\n            return this._physicalMin - this._first * this._delta;\n        }\n        else if (this._last === this.items.length - 1) {\n            return this._physicalMax - this._scrollSize;\n        }\n        else if (this._physicalMax >= this._scrollSize) {\n            return (this._physicalMax -\n                this._scrollSize +\n                (this.items.length - 1 - this._last) * this._delta);\n        }\n        return 0;\n    }\n    _reflow() {\n        const { _first, _last } = this;\n        super._reflow();\n        if ((this._first === -1 && this._last == -1) ||\n            (this._first === _first && this._last === _last)) {\n            this._resetReflowState();\n        }\n    }\n    _resetReflowState() {\n        this._anchorIdx = null;\n        this._anchorPos = null;\n        this._stable = true;\n    }\n    _updateScrollSize() {\n        const { averageMarginSize } = this._metricsCache;\n        this._scrollSize = Math.max(1, this.items.length * (averageMarginSize + this._getAverageSize()) +\n            averageMarginSize);\n    }\n    /**\n     * Returns the average size (precise or estimated) of an item in the scrolling direction,\n     * including any surrounding space.\n     */\n    get _delta() {\n        const { averageMarginSize } = this._metricsCache;\n        return this._getAverageSize() + averageMarginSize;\n    }\n    /**\n     * Returns the top and left positioning of the item at idx.\n     */\n    _getItemPosition(idx) {\n        return {\n            [this._positionDim]: this._getPosition(idx),\n            [this._secondaryPositionDim]: 0,\n            [offset(this.direction)]: -(this._metricsCache.getLeadingMarginValue(idx, this.direction) ??\n                this._metricsCache.averageMarginSize),\n        };\n    }\n    /**\n     * Returns the height and width of the item at idx.\n     */\n    _getItemSize(idx) {\n        return {\n            [this._sizeDim]: this._getSize(idx) || this._getAverageSize(),\n            [this._secondarySizeDim]: this._itemSize[this._secondarySizeDim],\n        };\n    }\n    _viewDim2Changed() {\n        this._metricsCache.clear();\n        this._scheduleReflow();\n    }\n}\n//# sourceMappingURL=flow.js.map"],"x_google_ignoreList":[0,1,2],"mappings":"AAKA,IAAa,IAAb,MAAA;CACI,YAAY,GAAA;EACR,KAAK,uBAAO,IAAI,KAAA,EAChB,KAAK,oBAAA,CAAoB,GACzB,KAAK,YAAY,GAAA,CACgB,MAA7B,GAAQ,qBACR,KAAK,oBAAA,CAAoB;;CAGjC,IAAI,GAAO,GAAA;EACP,IAAM,IAAO,KAAK,KAAK,IAAI,EAAA,IAAU;EACrC,KAAK,KAAK,IAAI,GAAO,EAAA,EACrB,KAAK,aAAa,IAAQ;;CAE9B,IAAA,cAAI;EACA,IAAI,KAAK,KAAK,OAAO,GAAG;GACpB,IAAM,IAAU,KAAK,YAAY,KAAK,KAAK;GAC3C,OAAO,KAAK,oBAAoB,KAAK,MAAM,EAAA,GAAW;;EAE1D,OAAO;;CAEX,QAAQ,GAAA;EACJ,OAAO,KAAK,KAAK,IAAI,EAAA;;CAEzB,QAAA;EACI,KAAK,KAAK,OAAA,EACV,KAAK,YAAY;;;AC1BzB,SAAgB,EAAK,GAAA;CACjB,OAAO,MAAc,eAAe,UAAU;;AAWlD,IAAa,IAAb,MAAA;CACI,oBAAA;EACI,OAAO,EACH,WAAW,YAAA;;CAGnB,YAAY,GAAU,GAAA;EAIlB,KAAK,gBAAgB;GAAE,MAAM;GAAG,KAAK;GAAA,EAIrC,KAAK,aAAa,MAIlB,KAAK,gBAAgB;GAAE,OAAO;GAAG,QAAQ;GAAA,EACzC,KAAK,kBAAkB;GAAE,OAAO;GAAG,QAAQ;GAAA,EAC3C,KAAK,uBAAuB;GAAE,MAAM;GAAG,KAAK;GAAA,EAI5C,KAAK,iBAAA,CAAiB,GACtB,KAAK,uBAAA,CAAuB,GAC5B,KAAK,OAAO,MAIZ,KAAK,gBAAgB,GAIrB,KAAK,eAAe,GAIpB,KAAK,eAAe,GAIpB,KAAK,eAAe,GAIpB,KAAK,SAAA,IAIL,KAAK,QAAA,IAIL,KAAK,WAAW,UAIhB,KAAK,oBAAoB,SAIzB,KAAK,eAAe,OAIpB,KAAK,wBAAwB,QAI7B,KAAK,kBAAkB,GAKvB,KAAK,eAAe,GAKpB,KAAK,SAAS,EAAA,EAId,KAAK,cAAc,GAOnB,KAAK,YAAY,KACjB,KAAK,YAAY,GAEjB,QAAQ,SAAA,CAAU,WAAY,KAAK,SAAS,KAAU,KAAK,mBAAA,CAAA;;CAE/D,IAAA,OAAW,GAAA;EACP,OAAO,OAAO,MAAM,OAAO,OAAO,EAAA,EAAI,KAAK,mBAAA,EAAqB,EAAA,CAAA;;CAEpE,IAAA,SAAI;EACA,OAAO,EACH,WAAW,KAAK,WAAA;;CAOxB,IAAA,QAAI;EACA,OAAO,KAAK;;CAEhB,IAAA,MAAU,GAAA;EACN,KAAK,UAAU,EAAA;;CAEnB,UAAU,GAAA;EACF,MAAU,KAAK,WACf,KAAK,SAAS,GACd,KAAK,iBAAA;;CAMb,IAAA,YAAI;EACA,OAAO,KAAK;;CAEhB,IAAA,UAAc,GAAA;EAAA,CAEV,IAAM,MAAQ,eAAe,IAAM,gBACvB,KAAK,eACb,KAAK,aAAa,GAClB,KAAK,WAAW,MAAQ,eAAe,UAAU,UACjD,KAAK,oBAAoB,MAAQ,eAAe,WAAW,SAC3D,KAAK,eAAe,MAAQ,eAAe,SAAS,OACpD,KAAK,wBAAwB,MAAQ,eAAe,QAAQ,QAC5D,KAAK,gBAAA;;CAMb,IAAA,eAAI;EACA,OAAO,KAAK;;CAEhB,IAAA,aAAiB,GAAA;EACb,IAAA,EAAM,WAAE,GAAA,WAAW,MAAc;EACjC,OAAO,OAAO,KAAK,eAAe,EAAA,EAC9B,MAAc,KAAK,YAId,MAAc,KAAK,aACxB,KAAK,kBAAA,GAHL,KAAK,uBAAA;;CASb,IAAA,iBAAI;EACA,OAAO,KAAK;;CAEhB,IAAA,eAAmB,GAAA;EACf,OAAO,OAAO,KAAK,eAAe,EAAA;EAClC,IAAM,IAAS,KAAK;EACpB,KAAK,kBAAkB,KAAK,cAAc,KAAK,eAChC,KAAK,IAAI,IAAS,KAAK,gBAAA,IACxB,KACV,KAAK,kBAAA;;CAMb,eAAe,IAAA,CAAQ,GAAA;EAAA,CACf,KAAS,KAAK,oBACd,KAAK,iBAAA,CAAiB,GACtB,KAAK,SAAA;;CAGb,IAAA,IAAQ,GAAA;EACJ,KAAK,OAAO,GACZ,KAAK,gBAAA;;CAET,IAAA,MAAI;EACA,IAAI,KAAK,SAAS,MAAM;GACpB,IAAA,EAAM,OAAE,GAAA,OAAO,MAAU,KAAK;GAC9B,OAAO;IACH,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAO,KAAK,MAAM,SAAS,EAAA,CAAA;IACvD,OAAA;IAAA;;EAGR,OAAO;;CAEX,qBAAqB,GAAA;EACjB,OAAO,KAAK,IAAA,CAAK,KAAK,qBAAqB,KAAK,eAAe,KAAK,IAAI,GAAK,KAAK,gBAAgB,EAAK,KAAK,UAAA,IAAc,KAAK,UAAA,CAAA;;CAEnI,QAAA;EACsB,AAAd,KAAK,SAAS,SACd,KAAK,sBAAA,EACL,KAAK,OAAO;;CAGpB,gBAAA;CASA,IAAA,YAAI;EACA,OAAO,KAAK,cAAc,KAAK;;CAKnC,IAAA,YAAI;EACA,OAAO,KAAK,cAAc,KAAK;;CAEnC,kBAAA;EACI,KAAK,iBAAA,CAAiB;;CAE1B,wBAAA;EACI,KAAK,uBAAA,CAAuB,GAC5B,KAAK,iBAAA;;CAIT,iBAAA;EACI,KAAK,uBAAA,EAKL,QAAQ,SAAA,CAAU,WAAW,KAAK,gBAAA,CAAA;;CAEtC,UAAA;EACQ,AAEA,KAAK,0BADL,KAAK,eAAA,EACA,CAAuB,IAEhC,KAAK,mBAAA,EACL,KAAK,qBAAA,EACL,KAAK,iBAAA,EACL,KAAK,uBAAA,EACL,KAAK,0BAAA;;CAST,sBAAA;EACI,IAAI,KAAK,QAAQ,MAAM;GACnB,IAAM,IAAqB,KAAK,iBAAA,EAC1B,OAAE,GAAA,OAAO,MAAU,KAAK;GAC9B,KAAK,kBACD,KAAK,iCAAiC;IAClC,OAAA;IACA,OAAO,KAAS;IAAA,CAAA,GACf,KAAK,qBAAqB,KAAK,eACxC,KAAK,eAAe,IAAqB,KAAK;;;CAetD,iCAAiC,GAAA;EAC7B,IAAA,EAAM,OAAE,MAAU,GACZ,IAAQ,KAAK,IAAI,KAAK,MAAM,QAAQ,KAAK,IAAI,GAAG,EAAQ,MAAA,CAAA,EACxD,IAAoB,KAAK,iBAAiB,EAAA,CAAO,KAAK,eACxD,IAAiB;EACrB,IAAI,MAAU,SAAS;GACnB,IAAM,IAAW,KAAK,aAAa,EAAA,CAAO,KAAK;GAC/C,IAAI,MAAU,UACV,IACI,IAAoB,KAAM,KAAK,YAAY,KAAM;QAEpD;IACD,IAAM,IAAkB,IAAoB,KAAK,YAAY;IAC7D,IAAI,MAAU,OACV,IAAiB;SAEhB;KAED,IAAM,IAAwB,KAAK;KACnC,IACI,KAAK,IAAI,IAAwB,EAAA,GAC7B,KAAK,IAAI,IAAwB,EAAA,GAC/B,IACA;;;;EAKtB,OADA,KAAkB,KAAK,qBAAqB,KAAK,eAC1C,KAAK,qBAAqB,EAAA;;CAErC,6BAA6B,GAAA;EACzB,OAAO,GACF,KAAK,eAAe,KAAK,iCAAiC,EAAA,EAAA;;CAGnE,uBAAA;EACI,KAAK,UAAU,EACX,MAAM,YAAA,CAAA;;CAGd,gCAAA;EACI,KAAK,UAAU;GACX,MAAM;GACN,cAAc,KAAK;GACnB,aAAa,KAAK;GAAA,CAAA;;CAG1B,2BAAA;EACI,IAAM,oBAAiB,IAAI,KAAA;EAC3B,IAAI,KAAK,WAAT,MAA0B,KAAK,UAAtB,IACL,KAAK,IAAI,IAAM,KAAK,QAAQ,KAAO,KAAK,OAAO,KAC3C,EAAe,IAAI,GAAK,KAAK,iBAAiB,EAAA,CAAA;EAGtD,IAAM,IAAU;GACZ,MAAM;GACN,YAAY;KACP,KAAK,WAAW,KAAK;KACrB,KAAK,oBAAoB;IAAA;GAE9B,OAAO;IACH,OAAO,KAAK;IACZ,MAAM,KAAK;IACX,cAAc,KAAK;IACnB,aAAa,KAAK;IAAA;GAEtB,gBAAA;GAAA;EAEA,AAKA,KAAK,kBAJL,EAAQ,cAAc;IACjB,KAAK,eAAe,KAAK;IACzB,KAAK,wBAAwB;GAAA,EAEd,IAExB,KAAK,UAAU,EAAA;;CAKnB,IAAA,OAAI;EACA,OAAI,KAAK,WAAT,MAA0B,KAAK,UAAtB,KACE,IAEJ,KAAK,QAAQ,KAAK,SAAS;;CAEtC,mBAAA;EACI,IAAK,KAAK,cAAc,KAAK,KAAK,OAAO,KAAM,KAAK,SAAS,MACzD,KAAK,iBAAA;OAEJ;GACD,IAAM,IAAM,KAAK,IAAI,GAAG,KAAK,kBAAkB,KAAK,UAAA,EAC9C,IAAM,KAAK,IAAI,KAAK,aAAa,KAAK,kBAAkB,KAAK,YAAY,KAAK,UAAA;GAChF,KAAK,eAAe,KAAO,KAAK,eAAe,IAC/C,KAAK,iBAAA,GAGL,KAAK,sBAAsB,EAAE,MAAA,CAAM,GAAA,CAAA;;;CAQ/C,sBAAsB,GAAA;EAClB,IAAI,KAAK,WAAT,MAA0B,KAAK,UAAtB,IACL;EACJ,IAAI,IAAe,KAAK;EACxB,OAAO,IAAe,KAAK,SACvB,KAAK,MAAM,KAAK,iBAAiB,EAAA,CAAc,KAAK,gBAChD,KAAK,aAAa,EAAA,CAAc,KAAK,UAAA,IAAc,KAAK,MAAM,KAAK,gBAAA,GACvE;EAEJ,IAAI,IAAc,KAAK;EACvB,OAAO,IAAc,KAAK,UACtB,KAAK,MAAM,KAAK,iBAAiB,EAAA,CAAa,KAAK,cAAA,IAC/C,KAAK,MAAM,KAAK,kBAAkB,KAAK,UAAA,GAC3C;EAEA,MAAiB,KAAK,iBACtB,MAAgB,KAAK,iBACrB,KAAK,gBAAgB,GACrB,KAAK,eAAe,GAChB,KAAW,EAAQ,QACnB,KAAK,+BAAA;;;AC3ZrB,SAAS,EAAc,GAAA;CACnB,OAAO,MAAc,eAAe,eAAe;;AAEvD,SAAS,EAAe,GAAA;CACpB,OAAO,MAAc,eAAe,gBAAgB;;AAExD,SAAS,EAAO,GAAA;CACZ,OAAO,MAAc,eAAe,YAAY;;AAEpD,SAAS,EAAgB,GAAG,GAAA;CACxB,IAAM,IAAI,CAAC,GAAG,EAAA,CAAG,MAAA;CACjB,OAAO,EAAE,MAAM,IAAI,KAAK,IAAA,GAAO,EAAA,GAAK,EAAE,MAAM,IAAI,KAAK,IAAA,GAAO,EAAA,GAAK,EAAE,KAAK,EAAE;;AAE9E,IAAM,IAAN,MAAA;CACI,cAAA;EACI,KAAK,kBAAkB,IAAI,GAAA,EAC3B,KAAK,mBAAmB,IAAI,GAAA,EAC5B,KAAK,gCAAgB,IAAI,KAAA;;CAE7B,OAAO,GAAS,GAAA;EACZ,IAAM,oBAAkB,IAAI,KAAA;EAC5B,OAAO,KAAK,EAAA,CAAS,SAAS,MAAA;GAC1B,IAAM,IAAI,OAAO,EAAA;GACjB,KAAK,cAAc,IAAI,GAAG,EAAQ,GAAA,EAClC,KAAK,gBAAgB,IAAI,GAAG,EAAQ,GAAG,EAAK,EAAA,EAAA,EAC5C,EAAgB,IAAI,EAAA,EACpB,EAAgB,IAAI,IAAI,EAAA;IAAA;EAE5B,KAAK,IAAM,KAAK,GAAiB;GAC7B,IAAM,IAAI,KAAK,cAAc,IAAI,EAAA,GAAK,EAAc,EAAA,KAAe,GAC7D,IAAI,KAAK,cAAc,IAAI,IAAI,EAAA,GAAK,EAAe,EAAA,KAAe;GACxE,KAAK,iBAAiB,IAAI,GAAG,EAAgB,GAAG,EAAA,CAAA;;;CAGxD,IAAA,mBAAI;EACA,OAAO,KAAK,gBAAgB;;CAEhC,IAAA,iBAAI;EACA,OAAO,KAAK,gBAAgB;;CAEhC,IAAA,oBAAI;EACA,OAAO,KAAK,iBAAiB;;CAEjC,IAAA,kBAAI;EACA,OAAO,KAAK,iBAAiB;;CAEjC,sBAAsB,GAAO,GAAA;EACzB,OAAO,KAAK,cAAc,IAAI,EAAA,GAAS,EAAc,EAAA,KAAe;;CAExE,aAAa,GAAA;EACT,OAAO,KAAK,gBAAgB,QAAQ,EAAA;;CAExC,cAAc,GAAA;EACV,OAAO,KAAK,iBAAiB,QAAQ,EAAA;;CAEzC,QAAA;EACI,KAAK,gBAAgB,OAAA,EACrB,KAAK,iBAAiB,OAAA,EACtB,KAAK,cAAc,OAAA;;GAGd,IAAb,cAAgC,EAAA;CAC5B,cAAA;EACI,MAAA,GAAS,UAAA,EAIT,KAAK,YAAY;GAAE,OAAO;GAAK,QAAQ;GAAA,EAKvC,KAAK,iCAAiB,IAAI,KAAA,EAK1B,KAAK,oCAAoB,IAAI,KAAA,EAI7B,KAAK,gBAAgB,IAAI,GAAA,EAMzB,KAAK,aAAa,MAIlB,KAAK,aAAa,MAIlB,KAAK,UAAA,CAAU,GACf,KAAK,mBAAA,CAAmB,GACxB,KAAK,YAAA,CAAY;;CAOrB,IAAA,kBAAI;EACA,OAAO,KAAK;;CAMhB,gBAAgB,GAAA;EACZ,KAAK,cAAc,OAAO,GAAO,KAAK,UAAA,EAGtC,KAAK,iBAAA;;CAWT,iBAAiB,GAAA;EACb,OAAO,KAAK,kBAAkB,IAAI,EAAA,IAAQ,KAAK,eAAe,IAAI,EAAA;;CAEtE,SAAS,GAAA;EAEL,OADa,KAAK,iBAAiB,EAAA,IACpB,KAAK,cAAc,aAAa,EAAA;;CAEnD,kBAAA;EACI,OAAO,KAAK,cAAc,oBAAoB,KAAK,UAAU,KAAK;;CAEtE,kBAAkB,GAAA;EACd,IAAM,IAAI,KAAK;EACf,IAAI,KAAK,WAAT,MAA0B,KAAK,UAAtB,IACL,OAAQ,EAAE,oBACN,KAAO,EAAE,oBAAoB,KAAK,iBAAA;EAGtC,IAAI,IAAM,KAAK,QAAQ;GACnB,IAAM,IAAQ,KAAK,SAAS;GAE5B,OADgB,KAAK,iBAAiB,KAAK,OAAA,CAC3B,OACX,EAAE,cAAc,KAAK,SAAS,EAAA,IAAM,EAAE,sBACtC,IAAQ,EAAE,oBAAoB,IAAQ,KAAK,EAAE;;EAEjD;GACD,IAAM,IAAQ,IAAM,KAAK;GAEzB,OADgB,KAAK,iBAAiB,KAAK,MAAA,CAC3B,OACX,EAAE,aAAa,KAAK,MAAA,IAAU,EAAE,qBAChC,EAAE,cAAc,KAAK,MAAA,IAAU,EAAE,qBAClC,KAAS,EAAE,mBAAmB,EAAE;;;CAQhD,aAAa,GAAA;EACT,IAAM,IAAO,KAAK,iBAAiB,EAAA,EAAA,EAC7B,mBAAE,MAAsB,KAAK;EACnC,OAAO,MAAQ,IACT,KAAK,cAAc,cAAc,EAAA,IAAM,IACvC,IACI,EAAK,MACL,KAAK,kBAAkB,EAAA;;CAErC,iBAAiB,GAAO,GAAA;EACpB,OAAI,KAAS,IACF,IAEP,IAAQ,KAAK,cAAc,KAAK,YACzB,KAAK,MAAM,SAAS,IAExB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,MAAM,SAAS,GAAG,KAAK,OAAO,IAAQ,KAAS,IAAI,KAAK,OAAA,CAAA,CAAA;;CAE7F,WAAW,GAAO,GAAA;EAOd,IANI,KAAK,eAAe,SAAS,KAG7B,KAAK,SAAS,KAGd,KAAK,QAAQ,GACb,OAAO,KAAK,iBAAiB,GAAO,EAAA;EAExC,IAAM,IAAY,KAAK,iBAAiB,KAAK,OAAA,EAAS,IAAW,KAAK,iBAAiB,KAAK,MAAA,EAAQ,IAAW,EAAU;EAKzH,IALwI,EAAS,MAAyB,KAAK,cAAc,aAAa,KAAK,MAAA,GACjM,KAIV,IAAW,GAEX,OAAO,KAAK,iBAAiB,GAAO,EAAA;EAIxC,IAAI,IAAe,KAAK,gBAAgB,GACpC,IAAA;EACJ,OAAO,IAAO,IAEV,IADkB,KAAK,iBAAA,EAAmB,EAAA,CACzB,MAAM,KAAK,cAAc,aAAa,EAAA;EAE3D,OAAO;;CAMX,kBAAA;EAC2B,AAAnB,KAAK,cAAc,KAAK,KAAK,MAAM,WAAW,IAC9C,KAAK,aAAA,GAGL,KAAK,WAAA;;CAMb,cAAA;EACI,KAAK,SAAA,IACL,KAAK,QAAA,IACL,KAAK,eAAe,GACpB,KAAK,eAAe;EACpB,IAAM,IAAQ,KAAK;EACnB,KAAK,oBAAoB,KAAK,gBAC9B,KAAK,kBAAkB,OAAA,EACvB,KAAK,iBAAiB,GACtB,KAAK,UAAA,CAAU;;CAKnB,YAAA;EACI,IAAM,IAAQ,KAAK,mBAEf,GAAO;EAKX,IANA,KAAK,UAAA,CAAU,GAMX,KAAK,QAAQ,MAAM;GACnB,IAAA,EAAM,OAAE,MAAU,KAAK;GACvB,KAAK,aAAa,GAClB,KAAK,aAAa,KAAK,aAAa,EAAA;;EAMxC,IAFA,IAAQ,KAAK,kBAAkB,KAAK,WACpC,IAAQ,KAAK,kBAAkB,KAAK,YAAY,KAAK,WACjD,IAAQ,KAAK,IAAQ,KAAK,aAE1B,OAAA,KADA,KAAK,aAAA;EAMe,AAApB,KAAK,eAAe,QAAQ,KAAK,eAAe,SAChD,KAAK,aAAa,KAAK,WAAW,GAAO,EAAA,EACzC,KAAK,aAAa,KAAK,aAAa,KAAK,WAAA;EAE7C,IAAI,IAAa,KAAK,SAAS,KAAK,WAAA;EAAA,AAChC,MADgC,KACjB,MACf,KAAK,UAAA,CAAU,GACf,IAAa,KAAK,iBAAA;EAEtB,IAAM,IAAsB,KAAK,cAAc,cAAc,KAAK,WAAA,IAC9D,KAAK,cAAc,mBACjB,IAAuB,KAAK,cAAc,cAAc,KAAK,aAAa,EAAA,IAC5E,KAAK,cAAc;EACC,AAApB,KAAK,eAAe,MACpB,KAAK,aAAa,IAElB,KAAK,eAAe,KAAK,MAAM,SAAS,MACxC,KAAK,aAAa,KAAK,cAAc,IAAuB;EAIhE,IAAI,IAAY;EAiBhB,KAhBI,KAAK,aAAa,IAAa,IAAuB,MACtD,IAAY,KAAS,KAAK,aAAa,IAAa,KAEpD,KAAK,aAAa,IAAsB,MACxC,IAAY,KAAS,KAAK,aAAa,KAEvC,MACA,KAAK,mBAAmB,GACxB,KAAS,GACT,KAAS,GACT,KAAK,gBAAgB,IAEzB,EAAM,IAAI,KAAK,YAAY;GAAE,KAAK,KAAK;GAAY,MAAM;GAAA,CAAA,EACzD,KAAK,SAAS,KAAK,QAAQ,KAAK,YAChC,KAAK,eAAe,KAAK,aAAa,GACtC,KAAK,eAAe,KAAK,aAAa,IAAa,GAC5C,KAAK,eAAe,KAAS,KAAK,SAAS,IAAG;GACjD,IAAI,IAAO,KAAK,SAAA,EAAW,KAAK,OAAA;GAAA,AAC5B,MAD4B,KACnB,MACT,KAAK,UAAA,CAAU,GACf,IAAO,KAAK,iBAAA;GAEhB,IAAI,IAAS,KAAK,cAAc,cAAc,KAAK,OAAA;GAAA,AAC/C,MAD+C,KACpC,MACX,KAAK,UAAA,CAAU,GACf,IAAS,KAAK,cAAc,oBAEhC,KAAK,gBAAgB;GACrB,IAAM,IAAM,KAAK;GAGjB,IAFA,EAAM,IAAI,KAAK,QAAQ;IAAE,KAAA;IAAK,MAAA;IAAA,CAAA,EAC9B,KAAK,gBAAgB,GAAA,CACA,MAAjB,KAAK,WAAA,CAAwC,MAAnB,KAAK,WAC/B;;EAGR,OAAO,KAAK,eAAe,KAAS,KAAK,QAAQ,KAAK,MAAM,SAAS,IAAG;GACpE,IAAI,IAAO,KAAK,SAAA,EAAW,KAAK,MAAA;GAAA,AAC5B,MAD4B,KACnB,MACT,KAAK,UAAA,CAAU,GACf,IAAO,KAAK,iBAAA;GAEhB,IAAI,IAAS,KAAK,cAAc,cAAc,KAAK,MAAA;GAAA,AAC/C,MAD+C,KACpC,MACX,KAAK,UAAA,CAAU,GACf,IAAS,KAAK,cAAc;GAEhC,IAAM,IAAM,KAAK;GAGjB,IAFA,EAAM,IAAI,KAAK,OAAO;IAAE,KAAA;IAAK,MAAA;IAAA,CAAA,EAC7B,KAAK,gBAAgB,IAAO,GAAA,CACvB,KAAK,WAAA,CAAY,KAAK,WACvB;;EAIR,IAAM,IAAY,KAAK,iBAAA;EACnB,MACA,KAAK,gBAAgB,GACrB,KAAK,gBAAgB,GACrB,KAAK,cAAc,GACnB,KAAK,mBAAmB,GACxB,EAAM,SAAS,MAAU,EAAK,OAAO,EAAA,EACrC,KAAK,gBAAgB,IAErB,KAAK,YACL,KAAK,oBAAoB,KAAK,gBAC9B,KAAK,kBAAkB,OAAA,EACvB,KAAK,iBAAiB;;CAG9B,kBAAA;EACI,OAAI,KAAK,WAAW,IACT,KAAK,eAEP,KAAK,gBAAgB,IACnB,KAAK,eAAe,KAAK,SAAS,KAAK,SAEzC,KAAK,UAAU,KAAK,MAAM,SAAS,IACjC,KAAK,eAAe,KAAK,cAE3B,KAAK,gBAAgB,KAAK,cACvB,KAAK,eACT,KAAK,eACJ,KAAK,MAAM,SAAS,IAAI,KAAK,SAAS,KAAK,SAE7C;;CAEX,UAAA;EACI,IAAA,EAAM,QAAE,GAAA,OAAQ,MAAU;EAC1B,MAAM,SAAA,GACD,KAAK,WADJ,MACqB,KAAK,SAAtB,MACL,KAAK,WAAW,KAAU,KAAK,UAAU,MAC1C,KAAK,mBAAA;;CAGb,oBAAA;EACI,KAAK,aAAa,MAClB,KAAK,aAAa,MAClB,KAAK,UAAA,CAAU;;CAEnB,oBAAA;EACI,IAAA,EAAM,mBAAE,MAAsB,KAAK;EACnC,KAAK,cAAc,KAAK,IAAI,GAAG,KAAK,MAAM,UAAU,IAAoB,KAAK,iBAAA,IACzE,EAAA;;CAMR,IAAA,SAAI;EACA,IAAA,EAAM,mBAAE,MAAsB,KAAK;EACnC,OAAO,KAAK,iBAAA,GAAoB;;CAKpC,iBAAiB,GAAA;EACb,OAAO;IACF,KAAK,eAAe,KAAK,aAAa,EAAA;IACtC,KAAK,wBAAwB;IAC7B,EAAO,KAAK,UAAA,GAAA,EAAe,KAAK,cAAc,sBAAsB,GAAK,KAAK,UAAA,IAC3E,KAAK,cAAc;GAAA;;CAM/B,aAAa,GAAA;EACT,OAAO;IACF,KAAK,WAAW,KAAK,SAAS,EAAA,IAAQ,KAAK,iBAAA;IAC3C,KAAK,oBAAoB,KAAK,UAAU,KAAK;GAAA;;CAGtD,mBAAA;EACI,KAAK,cAAc,OAAA,EACnB,KAAK,iBAAA;;;AAAA,SAAA,KAAA"}
+{"version":3,"file":"flow-CvG1fLW5.js","names":[],"sources":["../../node_modules/@lit-labs/virtualizer/layouts/shared/SizeCache.js","../../node_modules/@lit-labs/virtualizer/layouts/shared/BaseLayout.js","../../node_modules/@lit-labs/virtualizer/layouts/flow.js"],"sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nexport class SizeCache {\n    constructor(config) {\n        this._map = new Map();\n        this._roundAverageSize = false;\n        this.totalSize = 0;\n        if (config?.roundAverageSize === true) {\n            this._roundAverageSize = true;\n        }\n    }\n    set(index, value) {\n        const prev = this._map.get(index) || 0;\n        this._map.set(index, value);\n        this.totalSize += value - prev;\n    }\n    get averageSize() {\n        if (this._map.size > 0) {\n            const average = this.totalSize / this._map.size;\n            return this._roundAverageSize ? Math.round(average) : average;\n        }\n        return 0;\n    }\n    getSize(index) {\n        return this._map.get(index);\n    }\n    clear() {\n        this._map.clear();\n        this.totalSize = 0;\n    }\n}\n//# sourceMappingURL=SizeCache.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nexport function dim1(direction) {\n    return direction === 'horizontal' ? 'width' : 'height';\n}\nexport function dim2(direction) {\n    return direction === 'horizontal' ? 'height' : 'width';\n}\nexport function pos1(direction) {\n    return direction === 'horizontal' ? 'left' : 'top';\n}\nexport function pos2(direction) {\n    return direction === 'horizontal' ? 'top' : 'left';\n}\nexport class BaseLayout {\n    _getDefaultConfig() {\n        return {\n            direction: 'vertical',\n        };\n    }\n    constructor(hostSink, config) {\n        /**\n         * The last set viewport scroll position.\n         */\n        this._latestCoords = { left: 0, top: 0 };\n        /**\n         * Scrolling direction.\n         */\n        this._direction = null;\n        /**\n         * Dimensions of the viewport.\n         */\n        this._viewportSize = { width: 0, height: 0 };\n        this.totalScrollSize = { width: 0, height: 0 };\n        this.offsetWithinScroller = { left: 0, top: 0 };\n        /**\n         * Flag for debouncing asynchronous reflow requests.\n         */\n        this._pendingReflow = false;\n        this._pendingLayoutUpdate = false;\n        this._pin = null;\n        /**\n         * The index of the first item intersecting the viewport.\n         */\n        this._firstVisible = 0;\n        /**\n         * The index of the last item intersecting the viewport.\n         */\n        this._lastVisible = 0;\n        /**\n         * Pixel offset in the scroll direction of the first child.\n         */\n        this._physicalMin = 0;\n        /**\n         * Pixel offset in the scroll direction of the last child.\n         */\n        this._physicalMax = 0;\n        /**\n         * Index of the first child.\n         */\n        this._first = -1;\n        /**\n         * Index of the last child.\n         */\n        this._last = -1;\n        /**\n         * Length in the scrolling direction.\n         */\n        this._sizeDim = 'height';\n        /**\n         * Length in the non-scrolling direction.\n         */\n        this._secondarySizeDim = 'width';\n        /**\n         * Position in the scrolling direction.\n         */\n        this._positionDim = 'top';\n        /**\n         * Position in the non-scrolling direction.\n         */\n        this._secondaryPositionDim = 'left';\n        /**\n         * Current scroll offset in pixels.\n         */\n        this._scrollPosition = 0;\n        /**\n         * Difference between current scroll offset and scroll offset calculated due\n         * to a reflow.\n         */\n        this._scrollError = 0;\n        /**\n         * Total number of items that could possibly be displayed. Used to help\n         * calculate the scroll size.\n         */\n        this._items = [];\n        /**\n         * The total (estimated) length of all items in the scrolling direction.\n         */\n        this._scrollSize = 1;\n        /**\n         * Number of pixels beyond the viewport to still include\n         * in the active range of items.\n         */\n        // TODO (graynorton): Probably want to make this something we calculate based\n        // on viewport size, item size, other factors, possibly still with a dial of some kind\n        this._overhang = 1000;\n        this._hostSink = hostSink;\n        // Delay setting config so that subclasses do setup work first\n        Promise.resolve().then(() => (this.config = config || this._getDefaultConfig()));\n    }\n    set config(config) {\n        Object.assign(this, Object.assign({}, this._getDefaultConfig(), config));\n    }\n    get config() {\n        return {\n            direction: this.direction,\n        };\n    }\n    /**\n     * Maximum index of children + 1, to help estimate total height of the scroll\n     * space.\n     */\n    get items() {\n        return this._items;\n    }\n    set items(items) {\n        this._setItems(items);\n    }\n    _setItems(items) {\n        if (items !== this._items) {\n            this._items = items;\n            this._scheduleReflow();\n        }\n    }\n    /**\n     * Primary scrolling direction.\n     */\n    get direction() {\n        return this._direction;\n    }\n    set direction(dir) {\n        // Force it to be either horizontal or vertical.\n        dir = dir === 'horizontal' ? dir : 'vertical';\n        if (dir !== this._direction) {\n            this._direction = dir;\n            this._sizeDim = dir === 'horizontal' ? 'width' : 'height';\n            this._secondarySizeDim = dir === 'horizontal' ? 'height' : 'width';\n            this._positionDim = dir === 'horizontal' ? 'left' : 'top';\n            this._secondaryPositionDim = dir === 'horizontal' ? 'top' : 'left';\n            this._triggerReflow();\n        }\n    }\n    /**\n     * Height and width of the viewport.\n     */\n    get viewportSize() {\n        return this._viewportSize;\n    }\n    set viewportSize(dims) {\n        const { _viewDim1, _viewDim2 } = this;\n        Object.assign(this._viewportSize, dims);\n        if (_viewDim2 !== this._viewDim2) {\n            // this._viewDim2Changed();\n            this._scheduleLayoutUpdate();\n        }\n        else if (_viewDim1 !== this._viewDim1) {\n            this._checkThresholds();\n        }\n    }\n    /**\n     * Scroll offset of the viewport.\n     */\n    get viewportScroll() {\n        return this._latestCoords;\n    }\n    set viewportScroll(coords) {\n        Object.assign(this._latestCoords, coords);\n        const oldPos = this._scrollPosition;\n        this._scrollPosition = this._latestCoords[this._positionDim];\n        const change = Math.abs(oldPos - this._scrollPosition);\n        if (change >= 1) {\n            this._checkThresholds();\n        }\n    }\n    /**\n     * Perform a reflow if one has been scheduled.\n     */\n    reflowIfNeeded(force = false) {\n        if (force || this._pendingReflow) {\n            this._pendingReflow = false;\n            this._reflow();\n        }\n    }\n    set pin(options) {\n        this._pin = options;\n        this._triggerReflow();\n    }\n    get pin() {\n        if (this._pin !== null) {\n            const { index, block } = this._pin;\n            return {\n                index: Math.max(0, Math.min(index, this.items.length - 1)),\n                block,\n            };\n        }\n        return null;\n    }\n    _clampScrollPosition(val) {\n        return Math.max(-this.offsetWithinScroller[this._positionDim], Math.min(val, this.totalScrollSize[dim1(this.direction)] - this._viewDim1));\n    }\n    unpin() {\n        if (this._pin !== null) {\n            this._sendUnpinnedMessage();\n            this._pin = null;\n        }\n    }\n    _updateLayout() {\n        // Override\n    }\n    // protected _viewDim2Changed(): void {\n    //   this._scheduleLayoutUpdate();\n    // }\n    /**\n     * The height or width of the viewport, whichever corresponds to the scrolling direction.\n     */\n    get _viewDim1() {\n        return this._viewportSize[this._sizeDim];\n    }\n    /**\n     * The height or width of the viewport, whichever does NOT correspond to the scrolling direction.\n     */\n    get _viewDim2() {\n        return this._viewportSize[this._secondarySizeDim];\n    }\n    _scheduleReflow() {\n        this._pendingReflow = true;\n    }\n    _scheduleLayoutUpdate() {\n        this._pendingLayoutUpdate = true;\n        this._scheduleReflow();\n    }\n    // For triggering a reflow based on incoming changes to\n    // the layout config.\n    _triggerReflow() {\n        this._scheduleLayoutUpdate();\n        // TODO graynorton@: reflowIfNeeded() isn't really supposed\n        // to be called internally. Address in larger cleanup\n        // of virtualizer / layout interaction pattern.\n        // this.reflowIfNeeded(true);\n        Promise.resolve().then(() => this.reflowIfNeeded());\n    }\n    _reflow() {\n        if (this._pendingLayoutUpdate) {\n            this._updateLayout();\n            this._pendingLayoutUpdate = false;\n        }\n        this._updateScrollSize();\n        this._setPositionFromPin();\n        this._getActiveItems();\n        this._updateVisibleIndices();\n        this._sendStateChangedMessage();\n    }\n    /**\n     * If we are supposed to be pinned to a particular\n     * item or set of coordinates, we set `_scrollPosition`\n     * accordingly and adjust `_scrollError` as needed\n     * so that the virtualizer can keep the scroll\n     * position in the DOM in sync\n     */\n    _setPositionFromPin() {\n        if (this.pin !== null) {\n            const lastScrollPosition = this._scrollPosition;\n            const { index, block } = this.pin;\n            this._scrollPosition =\n                this._calculateScrollIntoViewPosition({\n                    index,\n                    block: block || 'start',\n                }) - this.offsetWithinScroller[this._positionDim];\n            this._scrollError = lastScrollPosition - this._scrollPosition;\n        }\n    }\n    /**\n     * Calculate the coordinates to scroll to, given\n     * a request to scroll to the element at a specific\n     * index.\n     *\n     * Supports the same positioning options (`start`,\n     * `center`, `end`, `nearest`) as the standard\n     * `Element.scrollIntoView()` method, but currently\n     * only considers the provided value in the `block`\n     * dimension, since we don't yet have any layouts\n     * that support virtualization in two dimensions.\n     */\n    _calculateScrollIntoViewPosition(options) {\n        const { block } = options;\n        const index = Math.min(this.items.length, Math.max(0, options.index));\n        const itemStartPosition = this._getItemPosition(index)[this._positionDim];\n        let scrollPosition = itemStartPosition;\n        if (block !== 'start') {\n            const itemSize = this._getItemSize(index)[this._sizeDim];\n            if (block === 'center') {\n                scrollPosition =\n                    itemStartPosition - 0.5 * this._viewDim1 + 0.5 * itemSize;\n            }\n            else {\n                const itemEndPosition = itemStartPosition - this._viewDim1 + itemSize;\n                if (block === 'end') {\n                    scrollPosition = itemEndPosition;\n                }\n                else {\n                    // block === 'nearest'\n                    const currentScrollPosition = this._scrollPosition;\n                    scrollPosition =\n                        Math.abs(currentScrollPosition - itemStartPosition) <\n                            Math.abs(currentScrollPosition - itemEndPosition)\n                            ? itemStartPosition\n                            : itemEndPosition;\n                }\n            }\n        }\n        scrollPosition += this.offsetWithinScroller[this._positionDim];\n        return this._clampScrollPosition(scrollPosition);\n    }\n    getScrollIntoViewCoordinates(options) {\n        return {\n            [this._positionDim]: this._calculateScrollIntoViewPosition(options),\n        };\n    }\n    _sendUnpinnedMessage() {\n        this._hostSink({\n            type: 'unpinned',\n        });\n    }\n    _sendVisibilityChangedMessage() {\n        this._hostSink({\n            type: 'visibilityChanged',\n            firstVisible: this._firstVisible,\n            lastVisible: this._lastVisible,\n        });\n    }\n    _sendStateChangedMessage() {\n        const childPositions = new Map();\n        if (this._first !== -1 && this._last !== -1) {\n            for (let idx = this._first; idx <= this._last; idx++) {\n                childPositions.set(idx, this._getItemPosition(idx));\n            }\n        }\n        const message = {\n            type: 'stateChanged',\n            scrollSize: {\n                [this._sizeDim]: this._scrollSize,\n                [this._secondarySizeDim]: null,\n            },\n            range: {\n                first: this._first,\n                last: this._last,\n                firstVisible: this._firstVisible,\n                lastVisible: this._lastVisible,\n            },\n            childPositions,\n        };\n        if (this._scrollError) {\n            message.scrollError = {\n                [this._positionDim]: this._scrollError,\n                [this._secondaryPositionDim]: 0,\n            };\n            this._scrollError = 0;\n        }\n        this._hostSink(message);\n    }\n    /**\n     * Number of items to display.\n     */\n    get _num() {\n        if (this._first === -1 || this._last === -1) {\n            return 0;\n        }\n        return this._last - this._first + 1;\n    }\n    _checkThresholds() {\n        if ((this._viewDim1 === 0 && this._num > 0) || this._pin !== null) {\n            this._scheduleReflow();\n        }\n        else {\n            const min = Math.max(0, this._scrollPosition - this._overhang);\n            const max = Math.min(this._scrollSize, this._scrollPosition + this._viewDim1 + this._overhang);\n            if (this._physicalMin > min || this._physicalMax < max) {\n                this._scheduleReflow();\n            }\n            else {\n                this._updateVisibleIndices({ emit: true });\n            }\n        }\n    }\n    /**\n     * Find the indices of the first and last items to intersect the viewport.\n     * Emit a visibleindiceschange event when either index changes.\n     */\n    _updateVisibleIndices(options) {\n        if (this._first === -1 || this._last === -1)\n            return;\n        let firstVisible = this._first;\n        while (firstVisible < this._last &&\n            Math.round(this._getItemPosition(firstVisible)[this._positionDim] +\n                this._getItemSize(firstVisible)[this._sizeDim]) <= Math.round(this._scrollPosition)) {\n            firstVisible++;\n        }\n        let lastVisible = this._last;\n        while (lastVisible > this._first &&\n            Math.round(this._getItemPosition(lastVisible)[this._positionDim]) >=\n                Math.round(this._scrollPosition + this._viewDim1)) {\n            lastVisible--;\n        }\n        if (firstVisible !== this._firstVisible ||\n            lastVisible !== this._lastVisible) {\n            this._firstVisible = firstVisible;\n            this._lastVisible = lastVisible;\n            if (options && options.emit) {\n                this._sendVisibilityChangedMessage();\n            }\n        }\n    }\n}\n//# sourceMappingURL=BaseLayout.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nimport { SizeCache } from './shared/SizeCache.js';\nimport { BaseLayout, dim1 } from './shared/BaseLayout.js';\nexport const flow = (config) => Object.assign({\n    type: FlowLayout,\n}, config);\nfunction leadingMargin(direction) {\n    return direction === 'horizontal' ? 'marginLeft' : 'marginTop';\n}\nfunction trailingMargin(direction) {\n    return direction === 'horizontal' ? 'marginRight' : 'marginBottom';\n}\nfunction offset(direction) {\n    return direction === 'horizontal' ? 'xOffset' : 'yOffset';\n}\nfunction collapseMargins(a, b) {\n    const m = [a, b].sort();\n    return m[1] <= 0 ? Math.min(...m) : m[0] >= 0 ? Math.max(...m) : m[0] + m[1];\n}\nclass MetricsCache {\n    constructor() {\n        this._childSizeCache = new SizeCache();\n        this._marginSizeCache = new SizeCache();\n        this._metricsCache = new Map();\n    }\n    update(metrics, direction) {\n        const marginsToUpdate = new Set();\n        Object.keys(metrics).forEach((key) => {\n            const k = Number(key);\n            this._metricsCache.set(k, metrics[k]);\n            this._childSizeCache.set(k, metrics[k][dim1(direction)]);\n            marginsToUpdate.add(k);\n            marginsToUpdate.add(k + 1);\n        });\n        for (const k of marginsToUpdate) {\n            const a = this._metricsCache.get(k)?.[leadingMargin(direction)] || 0;\n            const b = this._metricsCache.get(k - 1)?.[trailingMargin(direction)] || 0;\n            this._marginSizeCache.set(k, collapseMargins(a, b));\n        }\n    }\n    get averageChildSize() {\n        return this._childSizeCache.averageSize;\n    }\n    get totalChildSize() {\n        return this._childSizeCache.totalSize;\n    }\n    get averageMarginSize() {\n        return this._marginSizeCache.averageSize;\n    }\n    get totalMarginSize() {\n        return this._marginSizeCache.totalSize;\n    }\n    getLeadingMarginValue(index, direction) {\n        return this._metricsCache.get(index)?.[leadingMargin(direction)] || 0;\n    }\n    getChildSize(index) {\n        return this._childSizeCache.getSize(index);\n    }\n    getMarginSize(index) {\n        return this._marginSizeCache.getSize(index);\n    }\n    clear() {\n        this._childSizeCache.clear();\n        this._marginSizeCache.clear();\n        this._metricsCache.clear();\n    }\n}\nexport class FlowLayout extends BaseLayout {\n    constructor() {\n        super(...arguments);\n        /**\n         * Initial estimate of item size\n         */\n        this._itemSize = { width: 100, height: 100 };\n        /**\n         * Indices of children mapped to their (position and length) in the scrolling\n         * direction. Used to keep track of children that are in range.\n         */\n        this._physicalItems = new Map();\n        /**\n         * Used in tandem with _physicalItems to track children in range across\n         * reflows.\n         */\n        this._newPhysicalItems = new Map();\n        /**\n         * Width and height of children by their index.\n         */\n        this._metricsCache = new MetricsCache();\n        /**\n         * anchorIdx is the anchor around which we reflow. It is designed to allow\n         * jumping to any point of the scroll size. We choose it once and stick with\n         * it until stable. _first and _last are deduced around it.\n         */\n        this._anchorIdx = null;\n        /**\n         * Position in the scrolling direction of the anchor child.\n         */\n        this._anchorPos = null;\n        /**\n         * Whether all children in range were in range during the previous reflow.\n         */\n        this._stable = true;\n        this._measureChildren = true;\n        this._estimate = true;\n    }\n    // protected _defaultConfig: BaseLayoutConfig = Object.assign({}, super._defaultConfig, {\n    // })\n    // constructor(config: Layout1dConfig) {\n    //   super(config);\n    // }\n    get measureChildren() {\n        return this._measureChildren;\n    }\n    /**\n     * Determine the average size of all children represented in the sizes\n     * argument.\n     */\n    updateItemSizes(sizes) {\n        this._metricsCache.update(sizes, this.direction);\n        // if (this._nMeasured) {\n        // this._updateItemSize();\n        this._scheduleReflow();\n        // }\n    }\n    /**\n     * Set the average item size based on the total length and number of children\n     * in range.\n     */\n    // _updateItemSize() {\n    //   // Keep integer values.\n    //   this._itemSize[this._sizeDim] = this._metricsCache.averageChildSize;\n    // }\n    _getPhysicalItem(idx) {\n        return this._newPhysicalItems.get(idx) ?? this._physicalItems.get(idx);\n    }\n    _getSize(idx) {\n        const item = this._getPhysicalItem(idx);\n        return item && this._metricsCache.getChildSize(idx);\n    }\n    _getAverageSize() {\n        return this._metricsCache.averageChildSize || this._itemSize[this._sizeDim];\n    }\n    _estimatePosition(idx) {\n        const c = this._metricsCache;\n        if (this._first === -1 || this._last === -1) {\n            return (c.averageMarginSize +\n                idx * (c.averageMarginSize + this._getAverageSize()));\n        }\n        else {\n            if (idx < this._first) {\n                const delta = this._first - idx;\n                const refItem = this._getPhysicalItem(this._first);\n                return (refItem.pos -\n                    (c.getMarginSize(this._first - 1) || c.averageMarginSize) -\n                    (delta * c.averageChildSize + (delta - 1) * c.averageMarginSize));\n            }\n            else {\n                const delta = idx - this._last;\n                const refItem = this._getPhysicalItem(this._last);\n                return (refItem.pos +\n                    (c.getChildSize(this._last) || c.averageChildSize) +\n                    (c.getMarginSize(this._last) || c.averageMarginSize) +\n                    delta * (c.averageChildSize + c.averageMarginSize));\n            }\n        }\n    }\n    /**\n     * Returns the position in the scrolling direction of the item at idx.\n     * Estimates it if the item at idx is not in the DOM.\n     */\n    _getPosition(idx) {\n        const item = this._getPhysicalItem(idx);\n        const { averageMarginSize } = this._metricsCache;\n        return idx === 0\n            ? this._metricsCache.getMarginSize(0) ?? averageMarginSize\n            : item\n                ? item.pos\n                : this._estimatePosition(idx);\n    }\n    _calculateAnchor(lower, upper) {\n        if (lower <= 0) {\n            return 0;\n        }\n        if (upper > this._scrollSize - this._viewDim1) {\n            return this.items.length - 1;\n        }\n        return Math.max(0, Math.min(this.items.length - 1, Math.floor((lower + upper) / 2 / this._delta)));\n    }\n    _getAnchor(lower, upper) {\n        if (this._physicalItems.size === 0) {\n            return this._calculateAnchor(lower, upper);\n        }\n        if (this._first < 0) {\n            return this._calculateAnchor(lower, upper);\n        }\n        if (this._last < 0) {\n            return this._calculateAnchor(lower, upper);\n        }\n        const firstItem = this._getPhysicalItem(this._first), lastItem = this._getPhysicalItem(this._last), firstMin = firstItem.pos, lastMin = lastItem.pos, lastMax = lastMin + this._metricsCache.getChildSize(this._last);\n        if (lastMax < lower) {\n            // Window is entirely past physical items, calculate new anchor\n            return this._calculateAnchor(lower, upper);\n        }\n        if (firstMin > upper) {\n            // Window is entirely before physical items, calculate new anchor\n            return this._calculateAnchor(lower, upper);\n        }\n        // Window contains a physical item\n        // Find one, starting with the one that was previously first visible\n        let candidateIdx = this._firstVisible - 1;\n        let cMax = -Infinity;\n        while (cMax < lower) {\n            const candidate = this._getPhysicalItem(++candidateIdx);\n            cMax = candidate.pos + this._metricsCache.getChildSize(candidateIdx);\n        }\n        return candidateIdx;\n    }\n    /**\n     * Updates _first and _last based on items that should be in the current\n     * viewed range.\n     */\n    _getActiveItems() {\n        if (this._viewDim1 === 0 || this.items.length === 0) {\n            this._clearItems();\n        }\n        else {\n            this._getItems();\n        }\n    }\n    /**\n     * Sets the range to empty.\n     */\n    _clearItems() {\n        this._first = -1;\n        this._last = -1;\n        this._physicalMin = 0;\n        this._physicalMax = 0;\n        const items = this._newPhysicalItems;\n        this._newPhysicalItems = this._physicalItems;\n        this._newPhysicalItems.clear();\n        this._physicalItems = items;\n        this._stable = true;\n    }\n    /*\n     * Updates _first and _last based on items that should be in the given range.\n     */\n    _getItems() {\n        const items = this._newPhysicalItems;\n        this._stable = true;\n        let lower, upper;\n        // The anchorIdx is the anchor around which we reflow. It is designed to\n        // allow jumping to any point of the scroll size. We choose it once and\n        // stick with it until stable. first and last are deduced around it.\n        // If we have a pinned item, we anchor on it\n        if (this.pin !== null) {\n            const { index } = this.pin;\n            this._anchorIdx = index;\n            this._anchorPos = this._getPosition(index);\n        }\n        // Determine the lower and upper bounds of the region to be\n        // rendered, relative to the viewport\n        lower = this._scrollPosition - this._overhang; //leadingOverhang;\n        upper = this._scrollPosition + this._viewDim1 + this._overhang; // trailingOverhang;\n        if (upper < 0 || lower > this._scrollSize) {\n            this._clearItems();\n            return;\n        }\n        // If we are scrolling to a specific index or if we are doing another\n        // pass to stabilize a previously started reflow, we will already\n        // have an anchor. If not, establish an anchor now.\n        if (this._anchorIdx === null || this._anchorPos === null) {\n            this._anchorIdx = this._getAnchor(lower, upper);\n            this._anchorPos = this._getPosition(this._anchorIdx);\n        }\n        let anchorSize = this._getSize(this._anchorIdx);\n        if (anchorSize === undefined) {\n            this._stable = false;\n            anchorSize = this._getAverageSize();\n        }\n        const anchorLeadingMargin = this._metricsCache.getMarginSize(this._anchorIdx) ??\n            this._metricsCache.averageMarginSize;\n        const anchorTrailingMargin = this._metricsCache.getMarginSize(this._anchorIdx + 1) ??\n            this._metricsCache.averageMarginSize;\n        if (this._anchorIdx === 0) {\n            this._anchorPos = anchorLeadingMargin;\n        }\n        if (this._anchorIdx === this.items.length - 1) {\n            this._anchorPos = this._scrollSize - anchorTrailingMargin - anchorSize;\n        }\n        // Anchor might be outside bounds, so prefer correcting the error and keep\n        // that anchorIdx.\n        let anchorErr = 0;\n        if (this._anchorPos + anchorSize + anchorTrailingMargin < lower) {\n            anchorErr = lower - (this._anchorPos + anchorSize + anchorTrailingMargin);\n        }\n        if (this._anchorPos - anchorLeadingMargin > upper) {\n            anchorErr = upper - (this._anchorPos - anchorLeadingMargin);\n        }\n        if (anchorErr) {\n            this._scrollPosition -= anchorErr;\n            lower -= anchorErr;\n            upper -= anchorErr;\n            this._scrollError += anchorErr;\n        }\n        items.set(this._anchorIdx, { pos: this._anchorPos, size: anchorSize });\n        this._first = this._last = this._anchorIdx;\n        this._physicalMin = this._anchorPos - anchorLeadingMargin;\n        this._physicalMax = this._anchorPos + anchorSize + anchorTrailingMargin;\n        while (this._physicalMin > lower && this._first > 0) {\n            let size = this._getSize(--this._first);\n            if (size === undefined) {\n                this._stable = false;\n                size = this._getAverageSize();\n            }\n            let margin = this._metricsCache.getMarginSize(this._first);\n            if (margin === undefined) {\n                this._stable = false;\n                margin = this._metricsCache.averageMarginSize;\n            }\n            this._physicalMin -= size;\n            const pos = this._physicalMin;\n            items.set(this._first, { pos, size });\n            this._physicalMin -= margin;\n            if (this._stable === false && this._estimate === false) {\n                break;\n            }\n        }\n        while (this._physicalMax < upper && this._last < this.items.length - 1) {\n            let size = this._getSize(++this._last);\n            if (size === undefined) {\n                this._stable = false;\n                size = this._getAverageSize();\n            }\n            let margin = this._metricsCache.getMarginSize(this._last);\n            if (margin === undefined) {\n                this._stable = false;\n                margin = this._metricsCache.averageMarginSize;\n            }\n            const pos = this._physicalMax;\n            items.set(this._last, { pos, size });\n            this._physicalMax += size + margin;\n            if (!this._stable && !this._estimate) {\n                break;\n            }\n        }\n        // This handles the cases where we were relying on estimated sizes.\n        const extentErr = this._calculateError();\n        if (extentErr) {\n            this._physicalMin -= extentErr;\n            this._physicalMax -= extentErr;\n            this._anchorPos -= extentErr;\n            this._scrollPosition -= extentErr;\n            items.forEach((item) => (item.pos -= extentErr));\n            this._scrollError += extentErr;\n        }\n        if (this._stable) {\n            this._newPhysicalItems = this._physicalItems;\n            this._newPhysicalItems.clear();\n            this._physicalItems = items;\n        }\n    }\n    _calculateError() {\n        if (this._first === 0) {\n            return this._physicalMin;\n        }\n        else if (this._physicalMin <= 0) {\n            return this._physicalMin - this._first * this._delta;\n        }\n        else if (this._last === this.items.length - 1) {\n            return this._physicalMax - this._scrollSize;\n        }\n        else if (this._physicalMax >= this._scrollSize) {\n            return (this._physicalMax -\n                this._scrollSize +\n                (this.items.length - 1 - this._last) * this._delta);\n        }\n        return 0;\n    }\n    _reflow() {\n        const { _first, _last } = this;\n        super._reflow();\n        if ((this._first === -1 && this._last == -1) ||\n            (this._first === _first && this._last === _last)) {\n            this._resetReflowState();\n        }\n    }\n    _resetReflowState() {\n        this._anchorIdx = null;\n        this._anchorPos = null;\n        this._stable = true;\n    }\n    _updateScrollSize() {\n        const { averageMarginSize } = this._metricsCache;\n        this._scrollSize = Math.max(1, this.items.length * (averageMarginSize + this._getAverageSize()) +\n            averageMarginSize);\n    }\n    /**\n     * Returns the average size (precise or estimated) of an item in the scrolling direction,\n     * including any surrounding space.\n     */\n    get _delta() {\n        const { averageMarginSize } = this._metricsCache;\n        return this._getAverageSize() + averageMarginSize;\n    }\n    /**\n     * Returns the top and left positioning of the item at idx.\n     */\n    _getItemPosition(idx) {\n        return {\n            [this._positionDim]: this._getPosition(idx),\n            [this._secondaryPositionDim]: 0,\n            [offset(this.direction)]: -(this._metricsCache.getLeadingMarginValue(idx, this.direction) ??\n                this._metricsCache.averageMarginSize),\n        };\n    }\n    /**\n     * Returns the height and width of the item at idx.\n     */\n    _getItemSize(idx) {\n        return {\n            [this._sizeDim]: this._getSize(idx) || this._getAverageSize(),\n            [this._secondarySizeDim]: this._itemSize[this._secondarySizeDim],\n        };\n    }\n    _viewDim2Changed() {\n        this._metricsCache.clear();\n        this._scheduleReflow();\n    }\n}\n//# sourceMappingURL=flow.js.map"],"x_google_ignoreList":[0,1,2],"mappings":"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"}