@mhmo91/schmancy 0.10.37 → 0.10.38

package/dist/{overlay.service-BTp5Oq7f.js.map → overlay.service-KTgBxjFb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"overlay.service-BTp5Oq7f.js","names":[],"sources":["../src/overlay/overlay.stack.ts","../src/overlay/overlay.service.ts"],"sourcesContent":["import { BehaviorSubject, distinctUntilChanged, map, Observable } from 'rxjs'\nimport type { OverlayEntry } from './overlay.types'\n\n/**\n * Overlay stack — single source of truth for \"what is currently open.\"\n *\n * A module-scope BehaviorSubject matching the `schmancy` skill's\n * \"contexts at module scope; many small contexts beat one monolith\"\n * guidance. Reactive pipelines inside the overlay service and public\n * `openOverlays$` observable project off this.\n *\n * Scroll lock and the stack-aware inert manager are both derived from\n * the stack state — no separate mutable counter variables. Honors rxjs\n * SUBSCRIPTION_IS_STATE: the stack IS the state; scroll lock / inert\n * are declarative projections.\n */\n\nconst stack$$ = new BehaviorSubject<readonly OverlayEntry[]>([])\n\n/** Public read-only stream of the current stack. Emits on every push/pop. */\nexport const stack$: Observable<readonly OverlayEntry[]> = stack$$.asObservable()\n\n/** Synchronous snapshot. Use only when a component can't subscribe. */\nexport function currentStack(): readonly OverlayEntry[] {\n\treturn stack$$.value\n}\n\n/** Append an entry (top of stack). */\nexport function pushEntry(entry: OverlayEntry): void {\n\tstack$$.next([...stack$$.value, entry])\n}\n\n/** Remove by id. No-op if the id is not in the stack. */\nexport function removeEntry(id: string): void {\n\tconst current = stack$$.value\n\tconst next = current.filter((e) => e.id !== id)\n\tif (next.length !== current.length) {\n\t\tstack$$.next(next)\n\t}\n}\n\n/** Clear the entire stack. Used by dismissAll(). */\nexport function clearStack(): void {\n\tif (stack$$.value.length > 0) {\n\t\tstack$$.next([])\n\t}\n}\n\n/* ---------------- scroll lock -------------------------------------------- */\n\n/**\n * Ref-counted body scroll lock. Active whenever ANY modal-tier overlay is\n * in the stack. Popover-tier (Tier 1/2) overlays do NOT lock body scroll —\n * a menu / share card / picker shouldn't freeze the page scroll behind it\n * (that's platform UX convention).\n *\n * Subscription is idempotent — subscribing multiple times won't stack\n * effects, because it's a distinctUntilChanged boolean projection.\n *\n * Inner overlay close does NOT release the lock while an outer modal is\n * still open (this was the pre-existing bug in sheet.service.ts).\n */\nlet scrollLockActive = false\nlet previousOverflow = ''\nlet previousScrollbarGutter = ''\n\nstack$$\n\t.pipe(\n\t\tmap((s) => s.some((e) => e.modal)),\n\t\tdistinctUntilChanged(),\n\t)\n\t.subscribe((shouldLock) => {\n\t\tif (typeof document === 'undefined') return\n\n\t\tif (shouldLock && !scrollLockActive) {\n\t\t\tpreviousOverflow = document.documentElement.style.overflow\n\t\t\tpreviousScrollbarGutter = document.documentElement.style.getPropertyValue('scrollbar-gutter')\n\t\t\tdocument.documentElement.style.overflow = 'hidden'\n\t\t\tdocument.documentElement.style.setProperty('scrollbar-gutter', 'stable')\n\t\t\tscrollLockActive = true\n\t\t} else if (!shouldLock && scrollLockActive) {\n\t\t\tdocument.documentElement.style.overflow = previousOverflow\n\t\t\tif (previousScrollbarGutter) {\n\t\t\t\tdocument.documentElement.style.setProperty('scrollbar-gutter', previousScrollbarGutter)\n\t\t\t} else {\n\t\t\t\tdocument.documentElement.style.removeProperty('scrollbar-gutter')\n\t\t\t}\n\t\t\tpreviousOverflow = ''\n\t\t\tpreviousScrollbarGutter = ''\n\t\t\tscrollLockActive = false\n\t\t}\n\t})\n\n/* ---------------- stack-aware inert -------------------------------------- */\n\n/**\n * When the first modal overlay opens, mark every sibling outside the\n * overlay host subtree as `inert` so AT and keyboard focus can't reach\n * them. Restored when the last modal overlay closes.\n *\n * Note: native `<dialog>.showModal()` already inerts the rest of the\n * document automatically. We keep this as a safety net for:\n *   - anchored (popover) overlays which are non-modal by design but may\n *     carry `modal: true` as the escape hatch;\n *   - stacked overlays where an inner modal opens above a non-modal —\n *     the sibling-inert is a no-op but we still guarantee the invariant.\n *\n * Callers that don't want inert (anchored/menu overlays) skip registration\n * via `markNonModal(id)`.\n */\nconst modalIds = new Set<string>()\nconst inertedSiblings = new Set<HTMLElement>()\n\nexport function markModal(id: string, hostContainer: HTMLElement): void {\n\tmodalIds.add(id)\n\tif (modalIds.size === 1) {\n\t\tapplyInert(hostContainer)\n\t}\n}\n\nexport function unmarkModal(id: string): void {\n\tmodalIds.delete(id)\n\tif (modalIds.size === 0) {\n\t\treleaseInert()\n\t}\n}\n\nfunction applyInert(hostContainer: HTMLElement): void {\n\tconst parent = hostContainer.parentElement ?? document.body\n\tfor (let i = 0; i < parent.children.length; i++) {\n\t\tconst child = parent.children[i]\n\t\tif (child !== hostContainer && child instanceof HTMLElement && !child.inert) {\n\t\t\tchild.inert = true\n\t\t\tinertedSiblings.add(child)\n\t\t}\n\t}\n}\n\nfunction releaseInert(): void {\n\tfor (const el of inertedSiblings) {\n\t\tel.inert = false\n\t}\n\tinertedSiblings.clear()\n}\n\n/* ---------------- overlayEvents multicast helper ------------------------- */\n\n/**\n * Returns an Observable of `tagName` elements currently in the stack.\n * The overlayEvents public helper composes `fromEvent` over this stream\n * via switchMap to tap events without owning the overlay lifecycle.\n *\n * Stays alive across open/close cycles — the caller owns completion via\n * `takeUntil(this.disconnecting)`, matching the house rxjs convention.\n */\nexport function elementsByTag$(tagName: string): Observable<readonly HTMLElement[]> {\n\tconst lower = tagName.toLowerCase()\n\treturn stack$$.pipe(\n\t\tmap((entries) => {\n\t\t\tconst matches: HTMLElement[] = []\n\t\t\tfor (const entry of entries) {\n\t\t\t\tconst inner = entry.element.querySelector<HTMLElement>(lower)\n\t\t\t\tif (inner) matches.push(inner)\n\t\t\t}\n\t\t\treturn matches\n\t\t}),\n\t\tdistinctUntilChanged((a, b) => a.length === b.length && a.every((el, i) => el === b[i])),\n\t)\n}\n","import {\n\tBehaviorSubject,\n\tdefer,\n\tdefaultIfEmpty,\n\tdistinctUntilChanged,\n\tEMPTY,\n\tfilter,\n\tfinalize,\n\tfirstValueFrom,\n\tfrom,\n\tfromEvent,\n\tignoreElements,\n\tmap,\n\tmerge,\n\tObservable,\n\tswitchMap,\n\ttake,\n\ttap,\n} from 'rxjs'\nimport type { THistoryStrategy } from '../area/router.types'\nimport { discoverComponent } from '../discovery/discovery.service'\nimport { SchmancyOverlay } from './overlay.component'\nimport {\n\tclearStack,\n\tcurrentStack,\n\telementsByTag$,\n\tmarkModal,\n\tpushEntry,\n\tremoveEntry,\n\tstack$ as internalStack$,\n\tunmarkModal,\n} from './overlay.stack'\nimport type {\n\tCloseReason,\n\tOverlayConfirmOptions,\n\tContent,\n\tOverlayEntry,\n\tOverlayPromptOptions,\n\tShowOptions,\n} from './overlay.types'\n\n/**\n * Public read-only stream of the current overlay stack. Subscribe to\n * observe stack changes — e.g. to update a breadcrumb, show a \"close\n * all\" button, or gate another action while any overlay is open.\n *\n * Emits synchronously with the current snapshot on subscribe. Never\n * completes — the caller owns teardown via `takeUntil(this.disconnecting)`.\n */\nexport const openOverlays$: Observable<readonly OverlayEntry[]> = internalStack$\n\n/* ======================================================================= *\n *                        ambient event capture                              *\n * ======================================================================= *\n * Novel: callers do not need to pass `anchor: event` manually. The service\n * listens to pointerdown / click / keydown at capture phase on the document\n * and remembers the most-recent user gesture. When show() is invoked\n * synchronously (or shortly after) in response to that gesture, the remembered\n * event becomes the default anchor. This matches the \"anchored is the novel\n * default\" principle without forcing callers to thread events through\n * handlers.\n *\n * Staleness guard: an event older than AMBIENT_ANCHOR_MAX_AGE_MS is ignored.\n * Timer-driven or async show() calls that don't originate from a user gesture\n * fall through to centered / sheet layout.\n */\nconst AMBIENT_ANCHOR_MAX_AGE_MS = 750\n\ninterface AmbientAnchor {\n\tevent: MouseEvent\n\tcapturedAt: number\n}\n\n/**\n * BehaviorSubject projected off three document-level event streams,\n * merged as Observables per rxjs principle 3 (every async source\n * lifted into fromEvent). Keydown activations synthesize a MouseEvent\n * at the focused element's bounding rect so the anchor path can\n * carry keyboard-triggered opens uniformly.\n *\n * The singleton subscribe has no explicit teardown — the module's\n * lifetime IS the subscription's lifetime, which is the correct\n * SUBSCRIPTION_IS_STATE shape for a document-level event sink.\n */\nconst ambientAnchor$ = new BehaviorSubject<AmbientAnchor | null>(null)\n\nif (typeof document !== 'undefined') {\n\tconst pointerdown$ = fromEvent<PointerEvent>(document, 'pointerdown', { capture: true, passive: true }).pipe(\n\t\tmap((e): AmbientAnchor => ({ event: e, capturedAt: performance.now() })),\n\t)\n\tconst click$ = fromEvent<MouseEvent>(document, 'click', { capture: true, passive: true }).pipe(\n\t\tmap((e): AmbientAnchor => ({ event: e, capturedAt: performance.now() })),\n\t)\n\tconst keydown$ = fromEvent<KeyboardEvent>(document, 'keydown', { capture: true }).pipe(\n\t\tfilter((e) => e.target instanceof Element),\n\t\tmap((e): AmbientAnchor => {\n\t\t\tconst rect = (e.target as Element).getBoundingClientRect()\n\t\t\tconst synthetic = new MouseEvent('click', {\n\t\t\t\tclientX: rect.left + rect.width / 2,\n\t\t\t\tclientY: rect.top + rect.height / 2,\n\t\t\t\tbubbles: true,\n\t\t\t})\n\t\t\treturn { event: synthetic, capturedAt: performance.now() }\n\t\t}),\n\t)\n\n\tmerge(pointerdown$, click$, keydown$).subscribe((ambient) => ambientAnchor$.next(ambient))\n}\n\nfunction ambientAnchor(): MouseEvent | undefined {\n\tconst cur = ambientAnchor$.value\n\tif (!cur) return undefined\n\tif (performance.now() - cur.capturedAt > AMBIENT_ANCHOR_MAX_AGE_MS) return undefined\n\treturn cur.event\n}\n\n\n/* ======================================================================= *\n *                                   show                                    *\n * ======================================================================= */\n\n/**\n * Open an overlay containing `content`. Returns a cold Observable — the\n * overlay mounts on subscribe and dismisses on unsubscribe. Emits at\n * most one value (the result from content's `close` event) then completes.\n *\n * The subscription IS the overlay lifecycle. `takeUntil(this.disconnecting)`\n * on the caller's side means the overlay auto-dismisses when the caller\n * unmounts — no handles to track, no leaks.\n *\n * **Anchored is the novel default.** When triggered by a user event, pass\n * it as `anchor` — the overlay blooms from the point of attention. Falls\n * back to centered or sheet when the viewport / content makes that the\n * better layout (see overlay.layout.ts).\n *\n * @example\n * show(MyEditor, { props: { id }, anchor: event })\n *   .pipe(takeUntil(this.disconnecting))\n *   .subscribe(saved => saved && this.store.persist(saved))\n */\nexport function show<T = void>(\n\tcontent: Content,\n\toptions: ShowOptions = {},\n): Observable<T | undefined> {\n\treturn defer(() => {\n\t\t// Resolve anchor + theme container at subscribe time. Anchor: caller's\n\t\t// explicit value wins, otherwise the ambient gesture fills in. Theme:\n\t\t// dispatch `schmancy-theme-where-are-you` via the discovery service so\n\t\t// the overlay mounts inside the nearest <schmancy-theme> and inherits\n\t\t// its --schmancy-* tokens (same mechanism the old $dialog used). Falls\n\t\t// back to body when no theme responds.\n\t\tconst resolvedOptions: ShowOptions = {\n\t\t\t...options,\n\t\t\tanchor: options.anchor ?? ambientAnchor(),\n\t\t}\n\t\tconst id = generateId()\n\t\tconst state = { settled: false, historyPushed: false }\n\n\t\treturn discoverComponent<HTMLElement>('schmancy-theme').pipe(\n\t\t\tswitchMap((theme) => {\n\t\t\t\tconst el = document.createElement('schmancy-overlay') as SchmancyOverlay\n\t\t\t\t;(theme ?? document.body ?? document.documentElement).appendChild(el)\n\n\t\t\t\tconst opened$ = from(\n\t\t\t\t\tel.updateComplete.then(() => el.open(content, resolvedOptions)),\n\t\t\t\t).pipe(\n\t\t\t\t\ttap(() => {\n\t\t\t\t\t\tpushEntry({\n\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\telement: el,\n\t\t\t\t\t\t\tlayout: el.layout,\n\t\t\t\t\t\t\tmodal: el.modal,\n\t\t\t\t\t\t\ttier: el.tier,\n\t\t\t\t\t\t})\n\t\t\t\t\t\tif (el.modal && el.parentElement) markModal(id, el)\n\n\t\t\t\t\t\tconst strategy: THistoryStrategy = resolvedOptions.historyStrategy ?? 'push'\n\t\t\t\t\t\tif (strategy === 'push') {\n\t\t\t\t\t\t\thistory.pushState({ __schmancyOverlayId: id }, '', location.href)\n\t\t\t\t\t\t\tstate.historyPushed = true\n\t\t\t\t\t\t} else if (strategy === 'replace') {\n\t\t\t\t\t\t\thistory.replaceState({ __schmancyOverlayId: id }, '', location.href)\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t)\n\n\t\t\t\t// popstate side-channel — listened only after history.pushState\n\t\t\t\t// completed inside opened$'s tap. ignoreElements keeps the merge\n\t\t\t\t// emitting only the eventual close result.\n\t\t\t\tconst popstateClose$ = fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\t\ttake(1),\n\t\t\t\t\tfilter(() => state.historyPushed),\n\t\t\t\t\ttap(() => {\n\t\t\t\t\t\tstate.settled = true\n\t\t\t\t\t\tvoid el.close('popstate')\n\t\t\t\t\t}),\n\t\t\t\t\tignoreElements(),\n\t\t\t\t)\n\n\t\t\t\tconst closed$ = el.closed$.pipe(\n\t\t\t\t\ttake(1),\n\t\t\t\t\ttap(() => {\n\t\t\t\t\t\tstate.settled = true\n\t\t\t\t\t}),\n\t\t\t\t\tmap(({ result }) => result as T | undefined),\n\t\t\t\t)\n\n\t\t\t\treturn opened$.pipe(\n\t\t\t\t\tswitchMap(() => merge(closed$, popstateClose$).pipe(take(1))),\n\t\t\t\t\tfinalize(() => {\n\t\t\t\t\t\tif (!state.settled) void el.close('programmatic')\n\t\t\t\t\t\tunmarkModal(id)\n\t\t\t\t\t\tremoveEntry(id)\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tstate.historyPushed &&\n\t\t\t\t\t\t\t!state.settled &&\n\t\t\t\t\t\t\thistory.state?.__schmancyOverlayId === id\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\thistory.back()\n\t\t\t\t\t\t}\n\t\t\t\t\t\tqueueMicrotask(() => el.remove())\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t}),\n\t\t)\n\t})\n}\n\n/* ======================================================================= *\n *                            confirm / prompt sugar                         *\n * ======================================================================= */\n\n/**\n * Yes/no confirmation dialog. Returns a Promise that resolves with the\n * user's choice. `variant: 'danger'` flips to destructive styling and\n * `role=\"alertdialog\"`.\n */\nexport async function confirm(options: OverlayConfirmOptions = {}): Promise<boolean> {\n\t// Lazy-import the confirm body so push-only callers don't ship these\n\t// deps. The module is small; one-shot import penalty is fine.\n\tconst { SchmancyOverlayPromptBody } = await import('./overlay.confirm-body')\n\n\tconst result = await firstValueFrom(\n\t\tshow<boolean>(SchmancyOverlayPromptBody, {\n\t\t\tanchor: options.anchor,\n\t\t\tsignal: options.signal,\n\t\t\tprops: {\n\t\t\t\tmode: 'confirm',\n\t\t\t\theading: options.title,\n\t\t\t\tsubtitle: options.subtitle,\n\t\t\t\tmessage: options.message,\n\t\t\t\tconfirmText: options.confirmText ?? 'Confirm',\n\t\t\t\tcancelText: options.cancelText ?? 'Cancel',\n\t\t\t\tvariant: options.variant ?? 'default',\n\t\t\t},\n\t\t}).pipe(defaultIfEmpty(false as boolean | undefined)),\n\t)\n\treturn result === true\n}\n\n/**\n * Input prompt dialog. Returns the entered string, or `null` if the user\n * cancels or dismisses.\n */\nexport async function prompt(options: OverlayPromptOptions = {}): Promise<string | null> {\n\tconst { SchmancyOverlayPromptBody } = await import('./overlay.confirm-body')\n\n\tconst result = await firstValueFrom(\n\t\tshow<string | null>(SchmancyOverlayPromptBody, {\n\t\t\tanchor: options.anchor,\n\t\t\tsignal: options.signal,\n\t\t\tprops: {\n\t\t\t\tmode: 'prompt',\n\t\t\t\theading: options.title,\n\t\t\t\tsubtitle: options.subtitle,\n\t\t\t\tmessage: options.message,\n\t\t\t\tlabel: options.label,\n\t\t\t\tdefaultValue: options.defaultValue ?? '',\n\t\t\t\tplaceholder: options.placeholder,\n\t\t\t\tinputType: options.inputType ?? 'text',\n\t\t\t\tpattern: options.pattern,\n\t\t\t\trequired: options.required ?? false,\n\t\t\t\tconfirmText: options.confirmText ?? 'OK',\n\t\t\t\tcancelText: options.cancelText ?? 'Cancel',\n\t\t\t},\n\t\t}).pipe(defaultIfEmpty(null as string | null | undefined)),\n\t)\n\treturn typeof result === 'string' ? result : null\n}\n\n/* ======================================================================= *\n *                              overlayEvents                                *\n * ======================================================================= */\n\n/**\n * Subscribe to custom events emitted from any currently-open overlay\n * whose content matches `tagName`. Inspired by `area.on(name)` — keyed\n * by tag name (stable across HMR / lazy chunks) rather than a uid or\n * class reference.\n *\n * The returned Observable never completes on its own — the caller owns\n * teardown via `takeUntil(this.disconnecting)`. During gaps where no\n * matching overlay is open, no events are emitted; when an instance\n * mounts, events flow.\n *\n * Stacked instances of the same content merge their event streams.\n */\nexport function overlayEvents<E extends Event = CustomEvent>(\n\ttagName: string,\n\teventName: string,\n): Observable<E> {\n\treturn elementsByTag$(tagName).pipe(\n\t\tdistinctUntilChanged((a, b) => a.length === b.length && a.every((el, i) => el === b[i])),\n\t\tswitchMap((elements) =>\n\t\t\telements.length === 0 ? EMPTY : merge(...elements.map((el) => fromEvent<E>(el, eventName))),\n\t\t),\n\t\tmap((e) => e),\n\t)\n}\n\n/* ======================================================================= *\n *                                dismissAll                                 *\n * ======================================================================= */\n\n/**\n * Close every currently-open overlay. LIFO order. Imperative — use for\n * app-level flows like logout or route reset.\n */\nexport function dismissAll(): void {\n\tconst stack = [...currentStack()]\n\t// LIFO: close top-of-stack first.\n\tfor (let i = stack.length - 1; i >= 0; i--) {\n\t\tconst entry = stack[i]\n\t\tconst overlay = entry.element as SchmancyOverlay\n\t\tvoid overlay.close('programmatic')\n\t}\n\tclearStack()\n}\n\n/* ======================================================================= *\n *                                 helpers                                   *\n * ======================================================================= */\n\nfunction generateId(): string {\n\t// 8-char base36 is enough entropy for session-scoped uniqueness.\n\treturn 'ov_' + Math.random().toString(36).slice(2, 10) + Date.now().toString(36)\n}\n\n// Re-export the close reason type for consumers who want to narrow on it.\nexport type { CloseReason }\n"],"mappings":"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"}
+{"version":3,"file":"overlay.service-KTgBxjFb.js","names":[],"sources":["../src/overlay/overlay.stack.ts","../src/overlay/overlay.service.ts"],"sourcesContent":["import { BehaviorSubject, distinctUntilChanged, map, Observable } from 'rxjs'\nimport type { OverlayEntry } from './overlay.types'\n\n/**\n * Overlay stack — single source of truth for \"what is currently open.\"\n *\n * A module-scope BehaviorSubject matching the `schmancy` skill's\n * \"contexts at module scope; many small contexts beat one monolith\"\n * guidance. Reactive pipelines inside the overlay service and public\n * `openOverlays$` observable project off this.\n *\n * Scroll lock and the stack-aware inert manager are both derived from\n * the stack state — no separate mutable counter variables. Honors rxjs\n * SUBSCRIPTION_IS_STATE: the stack IS the state; scroll lock / inert\n * are declarative projections.\n */\n\nconst stack$$ = new BehaviorSubject<readonly OverlayEntry[]>([])\n\n/** Public read-only stream of the current stack. Emits on every push/pop. */\nexport const stack$: Observable<readonly OverlayEntry[]> = stack$$.asObservable()\n\n/** Synchronous snapshot. Use only when a component can't subscribe. */\nexport function currentStack(): readonly OverlayEntry[] {\n\treturn stack$$.value\n}\n\n/** Append an entry (top of stack). */\nexport function pushEntry(entry: OverlayEntry): void {\n\tstack$$.next([...stack$$.value, entry])\n}\n\n/** Remove by id. No-op if the id is not in the stack. */\nexport function removeEntry(id: string): void {\n\tconst current = stack$$.value\n\tconst next = current.filter((e) => e.id !== id)\n\tif (next.length !== current.length) {\n\t\tstack$$.next(next)\n\t}\n}\n\n/** Clear the entire stack. Used by dismissAll(). */\nexport function clearStack(): void {\n\tif (stack$$.value.length > 0) {\n\t\tstack$$.next([])\n\t}\n}\n\n/* ---------------- scroll lock -------------------------------------------- */\n\n/**\n * Ref-counted body scroll lock. Active whenever ANY modal-tier overlay is\n * in the stack. Popover-tier (Tier 1/2) overlays do NOT lock body scroll —\n * a menu / share card / picker shouldn't freeze the page scroll behind it\n * (that's platform UX convention).\n *\n * Subscription is idempotent — subscribing multiple times won't stack\n * effects, because it's a distinctUntilChanged boolean projection.\n *\n * Inner overlay close does NOT release the lock while an outer modal is\n * still open (this was the pre-existing bug in sheet.service.ts).\n */\nlet scrollLockActive = false\nlet previousOverflow = ''\nlet previousScrollbarGutter = ''\n\nstack$$\n\t.pipe(\n\t\tmap((s) => s.some((e) => e.modal)),\n\t\tdistinctUntilChanged(),\n\t)\n\t.subscribe((shouldLock) => {\n\t\tif (typeof document === 'undefined') return\n\n\t\tif (shouldLock && !scrollLockActive) {\n\t\t\tpreviousOverflow = document.documentElement.style.overflow\n\t\t\tpreviousScrollbarGutter = document.documentElement.style.getPropertyValue('scrollbar-gutter')\n\t\t\tdocument.documentElement.style.overflow = 'hidden'\n\t\t\tdocument.documentElement.style.setProperty('scrollbar-gutter', 'stable')\n\t\t\tscrollLockActive = true\n\t\t} else if (!shouldLock && scrollLockActive) {\n\t\t\tdocument.documentElement.style.overflow = previousOverflow\n\t\t\tif (previousScrollbarGutter) {\n\t\t\t\tdocument.documentElement.style.setProperty('scrollbar-gutter', previousScrollbarGutter)\n\t\t\t} else {\n\t\t\t\tdocument.documentElement.style.removeProperty('scrollbar-gutter')\n\t\t\t}\n\t\t\tpreviousOverflow = ''\n\t\t\tpreviousScrollbarGutter = ''\n\t\t\tscrollLockActive = false\n\t\t}\n\t})\n\n/* ---------------- stack-aware inert -------------------------------------- */\n\n/**\n * When the first modal overlay opens, mark every sibling outside the\n * overlay host subtree as `inert` so AT and keyboard focus can't reach\n * them. Restored when the last modal overlay closes.\n *\n * Note: native `<dialog>.showModal()` already inerts the rest of the\n * document automatically. We keep this as a safety net for:\n *   - anchored (popover) overlays which are non-modal by design but may\n *     carry `modal: true` as the escape hatch;\n *   - stacked overlays where an inner modal opens above a non-modal —\n *     the sibling-inert is a no-op but we still guarantee the invariant.\n *\n * Callers that don't want inert (anchored/menu overlays) skip registration\n * via `markNonModal(id)`.\n */\nconst modalIds = new Set<string>()\nconst inertedSiblings = new Set<HTMLElement>()\n\nexport function markModal(id: string, hostContainer: HTMLElement): void {\n\tmodalIds.add(id)\n\tif (modalIds.size === 1) {\n\t\tapplyInert(hostContainer)\n\t}\n}\n\nexport function unmarkModal(id: string): void {\n\tmodalIds.delete(id)\n\tif (modalIds.size === 0) {\n\t\treleaseInert()\n\t}\n}\n\nfunction applyInert(hostContainer: HTMLElement): void {\n\tconst parent = hostContainer.parentElement ?? document.body\n\tfor (let i = 0; i < parent.children.length; i++) {\n\t\tconst child = parent.children[i]\n\t\tif (child !== hostContainer && child instanceof HTMLElement && !child.inert) {\n\t\t\tchild.inert = true\n\t\t\tinertedSiblings.add(child)\n\t\t}\n\t}\n}\n\nfunction releaseInert(): void {\n\tfor (const el of inertedSiblings) {\n\t\tel.inert = false\n\t}\n\tinertedSiblings.clear()\n}\n\n/* ---------------- overlayEvents multicast helper ------------------------- */\n\n/**\n * Returns an Observable of `tagName` elements currently in the stack.\n * The overlayEvents public helper composes `fromEvent` over this stream\n * via switchMap to tap events without owning the overlay lifecycle.\n *\n * Stays alive across open/close cycles — the caller owns completion via\n * `takeUntil(this.disconnecting)`, matching the house rxjs convention.\n */\nexport function elementsByTag$(tagName: string): Observable<readonly HTMLElement[]> {\n\tconst lower = tagName.toLowerCase()\n\treturn stack$$.pipe(\n\t\tmap((entries) => {\n\t\t\tconst matches: HTMLElement[] = []\n\t\t\tfor (const entry of entries) {\n\t\t\t\tconst inner = entry.element.querySelector<HTMLElement>(lower)\n\t\t\t\tif (inner) matches.push(inner)\n\t\t\t}\n\t\t\treturn matches\n\t\t}),\n\t\tdistinctUntilChanged((a, b) => a.length === b.length && a.every((el, i) => el === b[i])),\n\t)\n}\n","import {\n\tBehaviorSubject,\n\tdefer,\n\tdefaultIfEmpty,\n\tdistinctUntilChanged,\n\tEMPTY,\n\tfilter,\n\tfinalize,\n\tfirstValueFrom,\n\tfrom,\n\tfromEvent,\n\tignoreElements,\n\tmap,\n\tmerge,\n\tObservable,\n\tswitchMap,\n\ttake,\n\ttap,\n} from 'rxjs'\nimport type { THistoryStrategy } from '../area/router.types'\nimport { discoverComponent } from '../discovery/discovery.service'\nimport { SchmancyOverlay } from './overlay.component'\nimport {\n\tclearStack,\n\tcurrentStack,\n\telementsByTag$,\n\tmarkModal,\n\tpushEntry,\n\tremoveEntry,\n\tstack$ as internalStack$,\n\tunmarkModal,\n} from './overlay.stack'\nimport type {\n\tCloseReason,\n\tOverlayConfirmOptions,\n\tContent,\n\tOverlayEntry,\n\tOverlayPromptOptions,\n\tShowOptions,\n} from './overlay.types'\n\n/**\n * Public read-only stream of the current overlay stack. Subscribe to\n * observe stack changes — e.g. to update a breadcrumb, show a \"close\n * all\" button, or gate another action while any overlay is open.\n *\n * Emits synchronously with the current snapshot on subscribe. Never\n * completes — the caller owns teardown via `takeUntil(this.disconnecting)`.\n */\nexport const openOverlays$: Observable<readonly OverlayEntry[]> = internalStack$\n\n/* ======================================================================= *\n *                        ambient event capture                              *\n * ======================================================================= *\n * Novel: callers do not need to pass `anchor: event` manually. The service\n * listens to pointerdown / click / keydown at capture phase on the document\n * and remembers the most-recent user gesture. When show() is invoked\n * synchronously (or shortly after) in response to that gesture, the remembered\n * event becomes the default anchor. This matches the \"anchored is the novel\n * default\" principle without forcing callers to thread events through\n * handlers.\n *\n * Staleness guard: an event older than AMBIENT_ANCHOR_MAX_AGE_MS is ignored.\n * Timer-driven or async show() calls that don't originate from a user gesture\n * fall through to centered / sheet layout.\n */\nconst AMBIENT_ANCHOR_MAX_AGE_MS = 750\n\ninterface AmbientAnchor {\n\tevent: MouseEvent\n\tcapturedAt: number\n}\n\n/**\n * BehaviorSubject projected off three document-level event streams,\n * merged as Observables per rxjs principle 3 (every async source\n * lifted into fromEvent). Keydown activations synthesize a MouseEvent\n * at the focused element's bounding rect so the anchor path can\n * carry keyboard-triggered opens uniformly.\n *\n * The singleton subscribe has no explicit teardown — the module's\n * lifetime IS the subscription's lifetime, which is the correct\n * SUBSCRIPTION_IS_STATE shape for a document-level event sink.\n */\nconst ambientAnchor$ = new BehaviorSubject<AmbientAnchor | null>(null)\n\nif (typeof document !== 'undefined') {\n\tconst pointerdown$ = fromEvent<PointerEvent>(document, 'pointerdown', { capture: true, passive: true }).pipe(\n\t\tmap((e): AmbientAnchor => ({ event: e, capturedAt: performance.now() })),\n\t)\n\tconst click$ = fromEvent<MouseEvent>(document, 'click', { capture: true, passive: true }).pipe(\n\t\tmap((e): AmbientAnchor => ({ event: e, capturedAt: performance.now() })),\n\t)\n\tconst keydown$ = fromEvent<KeyboardEvent>(document, 'keydown', { capture: true }).pipe(\n\t\tfilter((e) => e.target instanceof Element),\n\t\tmap((e): AmbientAnchor => {\n\t\t\tconst rect = (e.target as Element).getBoundingClientRect()\n\t\t\tconst synthetic = new MouseEvent('click', {\n\t\t\t\tclientX: rect.left + rect.width / 2,\n\t\t\t\tclientY: rect.top + rect.height / 2,\n\t\t\t\tbubbles: true,\n\t\t\t})\n\t\t\treturn { event: synthetic, capturedAt: performance.now() }\n\t\t}),\n\t)\n\n\tmerge(pointerdown$, click$, keydown$).subscribe((ambient) => ambientAnchor$.next(ambient))\n}\n\nfunction ambientAnchor(): MouseEvent | undefined {\n\tconst cur = ambientAnchor$.value\n\tif (!cur) return undefined\n\tif (performance.now() - cur.capturedAt > AMBIENT_ANCHOR_MAX_AGE_MS) return undefined\n\treturn cur.event\n}\n\n\n/* ======================================================================= *\n *                                   show                                    *\n * ======================================================================= */\n\n/**\n * Open an overlay containing `content`. Returns a cold Observable — the\n * overlay mounts on subscribe and dismisses on unsubscribe. Emits at\n * most one value (the result from content's `close` event) then completes.\n *\n * The subscription IS the overlay lifecycle. `takeUntil(this.disconnecting)`\n * on the caller's side means the overlay auto-dismisses when the caller\n * unmounts — no handles to track, no leaks.\n *\n * **Anchored is the novel default.** When triggered by a user event, pass\n * it as `anchor` — the overlay blooms from the point of attention. Falls\n * back to centered or sheet when the viewport / content makes that the\n * better layout (see overlay.layout.ts).\n *\n * @example\n * show(MyEditor, { props: { id }, anchor: event })\n *   .pipe(takeUntil(this.disconnecting))\n *   .subscribe(saved => saved && this.store.persist(saved))\n */\nexport function show<T = void>(\n\tcontent: Content,\n\toptions: ShowOptions = {},\n): Observable<T | undefined> {\n\treturn defer(() => {\n\t\t// Resolve anchor + theme container at subscribe time. Anchor: caller's\n\t\t// explicit value wins, otherwise the ambient gesture fills in. Theme:\n\t\t// dispatch `schmancy-theme-where-are-you` via the discovery service so\n\t\t// the overlay mounts inside the nearest <schmancy-theme> and inherits\n\t\t// its --schmancy-* tokens (same mechanism the old $dialog used). Falls\n\t\t// back to body when no theme responds.\n\t\tconst resolvedOptions: ShowOptions = {\n\t\t\t...options,\n\t\t\tanchor: options.anchor ?? ambientAnchor(),\n\t\t}\n\t\tconst id = generateId()\n\t\tconst state = { settled: false, historyPushed: false }\n\n\t\treturn discoverComponent<HTMLElement>('schmancy-theme').pipe(\n\t\t\tswitchMap((theme) => {\n\t\t\t\tconst el = document.createElement('schmancy-overlay') as SchmancyOverlay\n\t\t\t\t;(theme ?? document.body ?? document.documentElement).appendChild(el)\n\n\t\t\t\tconst opened$ = from(\n\t\t\t\t\tel.updateComplete.then(() => el.open(content, resolvedOptions)),\n\t\t\t\t).pipe(\n\t\t\t\t\ttap(() => {\n\t\t\t\t\t\tpushEntry({\n\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\telement: el,\n\t\t\t\t\t\t\tlayout: el.layout,\n\t\t\t\t\t\t\tmodal: el.modal,\n\t\t\t\t\t\t\ttier: el.tier,\n\t\t\t\t\t\t})\n\t\t\t\t\t\tif (el.modal && el.parentElement) markModal(id, el)\n\n\t\t\t\t\t\tconst strategy: THistoryStrategy = resolvedOptions.historyStrategy ?? 'push'\n\t\t\t\t\t\tif (strategy === 'push') {\n\t\t\t\t\t\t\thistory.pushState({ schmancyOverlayId: id }, '', location.href)\n\t\t\t\t\t\t\tstate.historyPushed = true\n\t\t\t\t\t\t} else if (strategy === 'replace') {\n\t\t\t\t\t\t\thistory.replaceState({ schmancyOverlayId: id }, '', location.href)\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t)\n\n\t\t\t\t// popstate side-channel — listened only after history.pushState\n\t\t\t\t// completed inside opened$'s tap. ignoreElements keeps the merge\n\t\t\t\t// emitting only the eventual close result.\n\t\t\t\tconst popstateClose$ = fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\t\ttake(1),\n\t\t\t\t\tfilter(() => state.historyPushed),\n\t\t\t\t\ttap(() => {\n\t\t\t\t\t\tstate.settled = true\n\t\t\t\t\t\tvoid el.close('popstate')\n\t\t\t\t\t}),\n\t\t\t\t\tignoreElements(),\n\t\t\t\t)\n\n\t\t\t\tconst closed$ = el.closed$.pipe(\n\t\t\t\t\ttake(1),\n\t\t\t\t\ttap(() => {\n\t\t\t\t\t\tstate.settled = true\n\t\t\t\t\t}),\n\t\t\t\t\tmap(({ result }) => result as T | undefined),\n\t\t\t\t)\n\n\t\t\t\treturn opened$.pipe(\n\t\t\t\t\tswitchMap(() => merge(closed$, popstateClose$).pipe(take(1))),\n\t\t\t\t\tfinalize(() => {\n\t\t\t\t\t\tif (!state.settled) void el.close('programmatic')\n\t\t\t\t\t\tunmarkModal(id)\n\t\t\t\t\t\tremoveEntry(id)\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tstate.historyPushed &&\n\t\t\t\t\t\t\t!state.settled &&\n\t\t\t\t\t\t\thistory.state?.schmancyOverlayId === id\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\thistory.back()\n\t\t\t\t\t\t}\n\t\t\t\t\t\tqueueMicrotask(() => el.remove())\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t}),\n\t\t)\n\t})\n}\n\n/* ======================================================================= *\n *                            confirm / prompt sugar                         *\n * ======================================================================= */\n\n/**\n * Yes/no confirmation dialog. Returns a Promise that resolves with the\n * user's choice. `variant: 'danger'` flips to destructive styling and\n * `role=\"alertdialog\"`.\n */\nexport async function confirm(options: OverlayConfirmOptions = {}): Promise<boolean> {\n\t// Lazy-import the confirm body so push-only callers don't ship these\n\t// deps. The module is small; one-shot import penalty is fine.\n\tconst { SchmancyOverlayPromptBody } = await import('./overlay.confirm-body')\n\n\tconst result = await firstValueFrom(\n\t\tshow<boolean>(SchmancyOverlayPromptBody, {\n\t\t\tanchor: options.anchor,\n\t\t\tsignal: options.signal,\n\t\t\tprops: {\n\t\t\t\tmode: 'confirm',\n\t\t\t\theading: options.title,\n\t\t\t\tsubtitle: options.subtitle,\n\t\t\t\tmessage: options.message,\n\t\t\t\tconfirmText: options.confirmText ?? 'Confirm',\n\t\t\t\tcancelText: options.cancelText ?? 'Cancel',\n\t\t\t\tvariant: options.variant ?? 'default',\n\t\t\t},\n\t\t}).pipe(defaultIfEmpty(false as boolean | undefined)),\n\t)\n\treturn result === true\n}\n\n/**\n * Input prompt dialog. Returns the entered string, or `null` if the user\n * cancels or dismisses.\n */\nexport async function prompt(options: OverlayPromptOptions = {}): Promise<string | null> {\n\tconst { SchmancyOverlayPromptBody } = await import('./overlay.confirm-body')\n\n\tconst result = await firstValueFrom(\n\t\tshow<string | null>(SchmancyOverlayPromptBody, {\n\t\t\tanchor: options.anchor,\n\t\t\tsignal: options.signal,\n\t\t\tprops: {\n\t\t\t\tmode: 'prompt',\n\t\t\t\theading: options.title,\n\t\t\t\tsubtitle: options.subtitle,\n\t\t\t\tmessage: options.message,\n\t\t\t\tlabel: options.label,\n\t\t\t\tdefaultValue: options.defaultValue ?? '',\n\t\t\t\tplaceholder: options.placeholder,\n\t\t\t\tinputType: options.inputType ?? 'text',\n\t\t\t\tpattern: options.pattern,\n\t\t\t\trequired: options.required ?? false,\n\t\t\t\tconfirmText: options.confirmText ?? 'OK',\n\t\t\t\tcancelText: options.cancelText ?? 'Cancel',\n\t\t\t},\n\t\t}).pipe(defaultIfEmpty(null as string | null | undefined)),\n\t)\n\treturn typeof result === 'string' ? result : null\n}\n\n/* ======================================================================= *\n *                              overlayEvents                                *\n * ======================================================================= */\n\n/**\n * Subscribe to custom events emitted from any currently-open overlay\n * whose content matches `tagName`. Inspired by `area.on(name)` — keyed\n * by tag name (stable across HMR / lazy chunks) rather than a uid or\n * class reference.\n *\n * The returned Observable never completes on its own — the caller owns\n * teardown via `takeUntil(this.disconnecting)`. During gaps where no\n * matching overlay is open, no events are emitted; when an instance\n * mounts, events flow.\n *\n * Stacked instances of the same content merge their event streams.\n */\nexport function overlayEvents<E extends Event = CustomEvent>(\n\ttagName: string,\n\teventName: string,\n): Observable<E> {\n\treturn elementsByTag$(tagName).pipe(\n\t\tdistinctUntilChanged((a, b) => a.length === b.length && a.every((el, i) => el === b[i])),\n\t\tswitchMap((elements) =>\n\t\t\telements.length === 0 ? EMPTY : merge(...elements.map((el) => fromEvent<E>(el, eventName))),\n\t\t),\n\t\tmap((e) => e),\n\t)\n}\n\n/* ======================================================================= *\n *                                dismissAll                                 *\n * ======================================================================= */\n\n/**\n * Close every currently-open overlay. LIFO order. Imperative — use for\n * app-level flows like logout or route reset.\n */\nexport function dismissAll(): void {\n\tconst stack = [...currentStack()]\n\t// LIFO: close top-of-stack first.\n\tfor (let i = stack.length - 1; i >= 0; i--) {\n\t\tconst entry = stack[i]\n\t\tconst overlay = entry.element as SchmancyOverlay\n\t\tvoid overlay.close('programmatic')\n\t}\n\tclearStack()\n}\n\n/* ======================================================================= *\n *                                 helpers                                   *\n * ======================================================================= */\n\nfunction generateId(): string {\n\t// 8-char base36 is enough entropy for session-scoped uniqueness.\n\treturn 'ov_' + Math.random().toString(36).slice(2, 10) + Date.now().toString(36)\n}\n\n// Re-export the close reason type for consumers who want to narrow on it.\nexport type { CloseReason }\n"],"mappings":"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"}

package/dist/{progress-DUbTL9g9.cjs → progress-B-Qg44XY.cjs}

@@ -1,4 +1,4 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-BHfQg3Tj.cjs`);require(`./mixins-DxHpyMHA.cjs`);let t=require(`lit/directives/class-map.js`),n=require(`lit/directives/style-map.js`),r=require(`lit/decorators.js`),i=require(`lit`);var a=class extends e.t{constructor(...e){super(...e),this.value=0,this.max=100,this.indeterminate=!1,this.size=`md`,this.color=`primary`,this.glass=!1}static{this.styles=[i.css`
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`);require(`./mixins-fIpzhVMd.cjs`);let t=require(`lit/directives/class-map.js`),n=require(`lit/directives/style-map.js`),r=require(`lit/decorators.js`),i=require(`lit`);var a=class extends e.t{constructor(...e){super(...e),this.value=0,this.max=100,this.indeterminate=!1,this.size=`md`,this.color=`primary`,this.glass=!1}static{this.styles=[i.css`
   :host {
     display: block;
   }

package/dist/{progress-DUbTL9g9.cjs.map → progress-B-Qg44XY.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"progress-DUbTL9g9.cjs","names":[],"sources":["../src/progress/progress.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\n@customElement('schmancy-progress')\nexport default class SchmancyProgress extends SchmancyElement {\n  static styles = [css`\n  :host {\n    display: block;\n  }\n\n  /* Blackbird-style indeterminate animation with organic easing */\n  @keyframes indeterminate {\n    0% {\n      left: -30%;\n      width: 20%;\n      opacity: 0.6;\n    }\n    25% {\n      width: 35%;\n      opacity: 1;\n    }\n    50% {\n      left: 40%;\n      width: 30%;\n    }\n    75% {\n      width: 25%;\n      opacity: 0.9;\n    }\n    100% {\n      left: 100%;\n      width: 20%;\n      opacity: 0.6;\n    }\n  }\n\n  .indeterminate-animation {\n    animation: indeterminate 1.8s cubic-bezier(0.34, 1.2, 0.64, 1) infinite;\n  }\n`]\n\n  @property({ type: Number, reflect: true })\n  value = 0\n\n  @property({ type: Number, reflect: true })\n  max = 100\n\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false\n\n  // M3 aligned track heights: xs=1px, sm=2px, md=4px, lg=8px\n  @property({ type: String, reflect: true })\n  size: 'xs' | 'sm' | 'md' | 'lg' = 'md'\n\n  @property({ type: String, reflect: true })\n  color: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' = 'primary'\n\n  @property({ type: Boolean, reflect: true })\n  glass = false\n\n  private get percentage(): number {\n    if (this.indeterminate) return 0\n    return Math.min(100, Math.max(0, (this.value / this.max) * 100))\n  }\n\n  protected render() {\n    const containerClasses = {\n      'w-full': true,\n      'relative': true,\n      'overflow-hidden': true,\n      'rounded-full': true,\n      'h-px': this.size === 'xs',   // 1px - M3 linear indicator track\n      'h-0.5': this.size === 'sm',  // 2px\n      'h-1': this.size === 'md',    // 4px - M3 default\n      'h-2': this.size === 'lg',    // 8px\n      // Glass effect background\n      'backdrop-blur-xl': this.glass,\n      'backdrop-saturate-150': this.glass,\n      'bg-surface-container/20': this.glass && !this.indeterminate,\n      'bg-surface-container': !this.glass,\n      'shadow-[inset_0_1px_2px_0_rgba(0,0,0,0.1)]': this.glass,\n      'border': this.glass,\n      'border-outline/20': this.glass\n    }\n\n    const barClasses = {\n      'h-full': true,\n      'rounded-full': true,\n      'transition-all': true,\n      'duration-300': true,\n      'ease-in-out': true,\n      'relative': true,\n      'bg-primary-default': this.color === 'primary' && !this.glass,\n      'bg-secondary-default': this.color === 'secondary' && !this.glass,\n      'bg-tertiary-default': this.color === 'tertiary' && !this.glass,\n      'bg-error-default': this.color === 'error' && !this.glass,\n      'bg-success-default': this.color === 'success' && !this.glass,\n      'absolute': this.indeterminate,\n      'indeterminate-animation': this.indeterminate\n    }\n\n    const barStyles = this.indeterminate \n      ? {} \n      : { width: `${this.percentage}%` }\n\n    // Glass effect bar classes\n    const glassBarClasses = {\n      'backdrop-blur-sm': this.glass,\n      'shadow-[0_0_20px_rgba(0,0,0,0.1)]': this.glass,\n      // Use semi-transparent background colors for glass effect\n      'bg-primary-default/70': this.glass && this.color === 'primary',\n      'bg-secondary-default/70': this.glass && this.color === 'secondary',\n      'bg-tertiary-default/70': this.glass && this.color === 'tertiary',\n      'bg-error-default/70': this.glass && this.color === 'error',\n      'bg-success-default/70': this.glass && this.color === 'success',\n    }\n\n    return html`\n      <div class=\"${classMap(containerClasses)}\">\n        <div \n          class=\"${classMap({...barClasses, ...glassBarClasses})}\"\n          style=\"${styleMap(barStyles)}\"\n          role=\"progressbar\"\n          aria-valuenow=\"${this.value}\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"${this.max}\"\n        >\n          ${this.glass ? html`\n            <!-- Glass shine effect -->\n            <div class=\"absolute inset-0 bg-linear-to-b from-surface-on/20 to-transparent rounded-full\"></div>\n          ` : ''}\n        </div>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-progress': SchmancyProgress\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"progress-B-Qg44XY.cjs","names":[],"sources":["../src/progress/progress.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\n@customElement('schmancy-progress')\nexport default class SchmancyProgress extends SchmancyElement {\n  static styles = [css`\n  :host {\n    display: block;\n  }\n\n  /* Blackbird-style indeterminate animation with organic easing */\n  @keyframes indeterminate {\n    0% {\n      left: -30%;\n      width: 20%;\n      opacity: 0.6;\n    }\n    25% {\n      width: 35%;\n      opacity: 1;\n    }\n    50% {\n      left: 40%;\n      width: 30%;\n    }\n    75% {\n      width: 25%;\n      opacity: 0.9;\n    }\n    100% {\n      left: 100%;\n      width: 20%;\n      opacity: 0.6;\n    }\n  }\n\n  .indeterminate-animation {\n    animation: indeterminate 1.8s cubic-bezier(0.34, 1.2, 0.64, 1) infinite;\n  }\n`]\n\n  @property({ type: Number, reflect: true })\n  value = 0\n\n  @property({ type: Number, reflect: true })\n  max = 100\n\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false\n\n  // M3 aligned track heights: xs=1px, sm=2px, md=4px, lg=8px\n  @property({ type: String, reflect: true })\n  size: 'xs' | 'sm' | 'md' | 'lg' = 'md'\n\n  @property({ type: String, reflect: true })\n  color: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' = 'primary'\n\n  @property({ type: Boolean, reflect: true })\n  glass = false\n\n  private get percentage(): number {\n    if (this.indeterminate) return 0\n    return Math.min(100, Math.max(0, (this.value / this.max) * 100))\n  }\n\n  protected render() {\n    const containerClasses = {\n      'w-full': true,\n      'relative': true,\n      'overflow-hidden': true,\n      'rounded-full': true,\n      'h-px': this.size === 'xs',   // 1px - M3 linear indicator track\n      'h-0.5': this.size === 'sm',  // 2px\n      'h-1': this.size === 'md',    // 4px - M3 default\n      'h-2': this.size === 'lg',    // 8px\n      // Glass effect background\n      'backdrop-blur-xl': this.glass,\n      'backdrop-saturate-150': this.glass,\n      'bg-surface-container/20': this.glass && !this.indeterminate,\n      'bg-surface-container': !this.glass,\n      'shadow-[inset_0_1px_2px_0_rgba(0,0,0,0.1)]': this.glass,\n      'border': this.glass,\n      'border-outline/20': this.glass\n    }\n\n    const barClasses = {\n      'h-full': true,\n      'rounded-full': true,\n      'transition-all': true,\n      'duration-300': true,\n      'ease-in-out': true,\n      'relative': true,\n      'bg-primary-default': this.color === 'primary' && !this.glass,\n      'bg-secondary-default': this.color === 'secondary' && !this.glass,\n      'bg-tertiary-default': this.color === 'tertiary' && !this.glass,\n      'bg-error-default': this.color === 'error' && !this.glass,\n      'bg-success-default': this.color === 'success' && !this.glass,\n      'absolute': this.indeterminate,\n      'indeterminate-animation': this.indeterminate\n    }\n\n    const barStyles = this.indeterminate \n      ? {} \n      : { width: `${this.percentage}%` }\n\n    // Glass effect bar classes\n    const glassBarClasses = {\n      'backdrop-blur-sm': this.glass,\n      'shadow-[0_0_20px_rgba(0,0,0,0.1)]': this.glass,\n      // Use semi-transparent background colors for glass effect\n      'bg-primary-default/70': this.glass && this.color === 'primary',\n      'bg-secondary-default/70': this.glass && this.color === 'secondary',\n      'bg-tertiary-default/70': this.glass && this.color === 'tertiary',\n      'bg-error-default/70': this.glass && this.color === 'error',\n      'bg-success-default/70': this.glass && this.color === 'success',\n    }\n\n    return html`\n      <div class=\"${classMap(containerClasses)}\">\n        <div \n          class=\"${classMap({...barClasses, ...glassBarClasses})}\"\n          style=\"${styleMap(barStyles)}\"\n          role=\"progressbar\"\n          aria-valuenow=\"${this.value}\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"${this.max}\"\n        >\n          ${this.glass ? html`\n            <!-- Glass shine effect -->\n            <div class=\"absolute inset-0 bg-linear-to-b from-surface-on/20 to-transparent rounded-full\"></div>\n          ` : ''}\n        </div>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-progress': SchmancyProgress\n  }\n}\n"],"mappings":"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"}

package/dist/{progress-DYA83CFU.js → progress-CUSS1sNz.js}

@@ -1,5 +1,5 @@
-import { t as e, u as t } from "./SchmancyElement-CDT2q1lA.js";
-import "./mixins-De1zjyhy.js";
+import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
+import "./mixins-DGBI7YPO.js";
 import { classMap as n } from "lit/directives/class-map.js";
 import { styleMap as r } from "lit/directives/style-map.js";
 import { customElement as i, property as a } from "lit/decorators.js";

package/dist/{progress-DYA83CFU.js.map → progress-CUSS1sNz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"progress-DYA83CFU.js","names":[],"sources":["../src/progress/progress.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\n@customElement('schmancy-progress')\nexport default class SchmancyProgress extends SchmancyElement {\n  static styles = [css`\n  :host {\n    display: block;\n  }\n\n  /* Blackbird-style indeterminate animation with organic easing */\n  @keyframes indeterminate {\n    0% {\n      left: -30%;\n      width: 20%;\n      opacity: 0.6;\n    }\n    25% {\n      width: 35%;\n      opacity: 1;\n    }\n    50% {\n      left: 40%;\n      width: 30%;\n    }\n    75% {\n      width: 25%;\n      opacity: 0.9;\n    }\n    100% {\n      left: 100%;\n      width: 20%;\n      opacity: 0.6;\n    }\n  }\n\n  .indeterminate-animation {\n    animation: indeterminate 1.8s cubic-bezier(0.34, 1.2, 0.64, 1) infinite;\n  }\n`]\n\n  @property({ type: Number, reflect: true })\n  value = 0\n\n  @property({ type: Number, reflect: true })\n  max = 100\n\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false\n\n  // M3 aligned track heights: xs=1px, sm=2px, md=4px, lg=8px\n  @property({ type: String, reflect: true })\n  size: 'xs' | 'sm' | 'md' | 'lg' = 'md'\n\n  @property({ type: String, reflect: true })\n  color: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' = 'primary'\n\n  @property({ type: Boolean, reflect: true })\n  glass = false\n\n  private get percentage(): number {\n    if (this.indeterminate) return 0\n    return Math.min(100, Math.max(0, (this.value / this.max) * 100))\n  }\n\n  protected render() {\n    const containerClasses = {\n      'w-full': true,\n      'relative': true,\n      'overflow-hidden': true,\n      'rounded-full': true,\n      'h-px': this.size === 'xs',   // 1px - M3 linear indicator track\n      'h-0.5': this.size === 'sm',  // 2px\n      'h-1': this.size === 'md',    // 4px - M3 default\n      'h-2': this.size === 'lg',    // 8px\n      // Glass effect background\n      'backdrop-blur-xl': this.glass,\n      'backdrop-saturate-150': this.glass,\n      'bg-surface-container/20': this.glass && !this.indeterminate,\n      'bg-surface-container': !this.glass,\n      'shadow-[inset_0_1px_2px_0_rgba(0,0,0,0.1)]': this.glass,\n      'border': this.glass,\n      'border-outline/20': this.glass\n    }\n\n    const barClasses = {\n      'h-full': true,\n      'rounded-full': true,\n      'transition-all': true,\n      'duration-300': true,\n      'ease-in-out': true,\n      'relative': true,\n      'bg-primary-default': this.color === 'primary' && !this.glass,\n      'bg-secondary-default': this.color === 'secondary' && !this.glass,\n      'bg-tertiary-default': this.color === 'tertiary' && !this.glass,\n      'bg-error-default': this.color === 'error' && !this.glass,\n      'bg-success-default': this.color === 'success' && !this.glass,\n      'absolute': this.indeterminate,\n      'indeterminate-animation': this.indeterminate\n    }\n\n    const barStyles = this.indeterminate \n      ? {} \n      : { width: `${this.percentage}%` }\n\n    // Glass effect bar classes\n    const glassBarClasses = {\n      'backdrop-blur-sm': this.glass,\n      'shadow-[0_0_20px_rgba(0,0,0,0.1)]': this.glass,\n      // Use semi-transparent background colors for glass effect\n      'bg-primary-default/70': this.glass && this.color === 'primary',\n      'bg-secondary-default/70': this.glass && this.color === 'secondary',\n      'bg-tertiary-default/70': this.glass && this.color === 'tertiary',\n      'bg-error-default/70': this.glass && this.color === 'error',\n      'bg-success-default/70': this.glass && this.color === 'success',\n    }\n\n    return html`\n      <div class=\"${classMap(containerClasses)}\">\n        <div \n          class=\"${classMap({...barClasses, ...glassBarClasses})}\"\n          style=\"${styleMap(barStyles)}\"\n          role=\"progressbar\"\n          aria-valuenow=\"${this.value}\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"${this.max}\"\n        >\n          ${this.glass ? html`\n            <!-- Glass shine effect -->\n            <div class=\"absolute inset-0 bg-linear-to-b from-surface-on/20 to-transparent rounded-full\"></div>\n          ` : ''}\n        </div>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-progress': SchmancyProgress\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"progress-CUSS1sNz.js","names":[],"sources":["../src/progress/progress.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\n@customElement('schmancy-progress')\nexport default class SchmancyProgress extends SchmancyElement {\n  static styles = [css`\n  :host {\n    display: block;\n  }\n\n  /* Blackbird-style indeterminate animation with organic easing */\n  @keyframes indeterminate {\n    0% {\n      left: -30%;\n      width: 20%;\n      opacity: 0.6;\n    }\n    25% {\n      width: 35%;\n      opacity: 1;\n    }\n    50% {\n      left: 40%;\n      width: 30%;\n    }\n    75% {\n      width: 25%;\n      opacity: 0.9;\n    }\n    100% {\n      left: 100%;\n      width: 20%;\n      opacity: 0.6;\n    }\n  }\n\n  .indeterminate-animation {\n    animation: indeterminate 1.8s cubic-bezier(0.34, 1.2, 0.64, 1) infinite;\n  }\n`]\n\n  @property({ type: Number, reflect: true })\n  value = 0\n\n  @property({ type: Number, reflect: true })\n  max = 100\n\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false\n\n  // M3 aligned track heights: xs=1px, sm=2px, md=4px, lg=8px\n  @property({ type: String, reflect: true })\n  size: 'xs' | 'sm' | 'md' | 'lg' = 'md'\n\n  @property({ type: String, reflect: true })\n  color: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' = 'primary'\n\n  @property({ type: Boolean, reflect: true })\n  glass = false\n\n  private get percentage(): number {\n    if (this.indeterminate) return 0\n    return Math.min(100, Math.max(0, (this.value / this.max) * 100))\n  }\n\n  protected render() {\n    const containerClasses = {\n      'w-full': true,\n      'relative': true,\n      'overflow-hidden': true,\n      'rounded-full': true,\n      'h-px': this.size === 'xs',   // 1px - M3 linear indicator track\n      'h-0.5': this.size === 'sm',  // 2px\n      'h-1': this.size === 'md',    // 4px - M3 default\n      'h-2': this.size === 'lg',    // 8px\n      // Glass effect background\n      'backdrop-blur-xl': this.glass,\n      'backdrop-saturate-150': this.glass,\n      'bg-surface-container/20': this.glass && !this.indeterminate,\n      'bg-surface-container': !this.glass,\n      'shadow-[inset_0_1px_2px_0_rgba(0,0,0,0.1)]': this.glass,\n      'border': this.glass,\n      'border-outline/20': this.glass\n    }\n\n    const barClasses = {\n      'h-full': true,\n      'rounded-full': true,\n      'transition-all': true,\n      'duration-300': true,\n      'ease-in-out': true,\n      'relative': true,\n      'bg-primary-default': this.color === 'primary' && !this.glass,\n      'bg-secondary-default': this.color === 'secondary' && !this.glass,\n      'bg-tertiary-default': this.color === 'tertiary' && !this.glass,\n      'bg-error-default': this.color === 'error' && !this.glass,\n      'bg-success-default': this.color === 'success' && !this.glass,\n      'absolute': this.indeterminate,\n      'indeterminate-animation': this.indeterminate\n    }\n\n    const barStyles = this.indeterminate \n      ? {} \n      : { width: `${this.percentage}%` }\n\n    // Glass effect bar classes\n    const glassBarClasses = {\n      'backdrop-blur-sm': this.glass,\n      'shadow-[0_0_20px_rgba(0,0,0,0.1)]': this.glass,\n      // Use semi-transparent background colors for glass effect\n      'bg-primary-default/70': this.glass && this.color === 'primary',\n      'bg-secondary-default/70': this.glass && this.color === 'secondary',\n      'bg-tertiary-default/70': this.glass && this.color === 'tertiary',\n      'bg-error-default/70': this.glass && this.color === 'error',\n      'bg-success-default/70': this.glass && this.color === 'success',\n    }\n\n    return html`\n      <div class=\"${classMap(containerClasses)}\">\n        <div \n          class=\"${classMap({...barClasses, ...glassBarClasses})}\"\n          style=\"${styleMap(barStyles)}\"\n          role=\"progressbar\"\n          aria-valuenow=\"${this.value}\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"${this.max}\"\n        >\n          ${this.glass ? html`\n            <!-- Glass shine effect -->\n            <div class=\"absolute inset-0 bg-linear-to-b from-surface-on/20 to-transparent rounded-full\"></div>\n          ` : ''}\n        </div>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-progress': SchmancyProgress\n  }\n}\n"],"mappings":"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"}

package/dist/progress.cjs

@@ -1 +1 @@
-require(`./progress-DUbTL9g9.cjs`);
+require(`./progress-B-Qg44XY.cjs`);

package/dist/progress.js

@@ -1 +1 @@
-import "./progress-DYA83CFU.js";
+import "./progress-CUSS1sNz.js";

package/dist/{radio-group-DxX0iJBo.js → radio-group-AHLvrN8O.js}

@@ -1,5 +1,5 @@
-import { t as e, u as t } from "./SchmancyElement-CDT2q1lA.js";
-import { i as n } from "./mixins-De1zjyhy.js";
+import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
+import { i as n } from "./mixins-DGBI7YPO.js";
 import { fromEvent as r, takeUntil as i } from "rxjs";
 import { customElement as a, property as o } from "lit/decorators.js";
 import { html as s, unsafeCSS as c } from "lit";
@@ -13,13 +13,13 @@ var u = class extends n(e) {
 	}
 	connectedCallback() {
 		super.connectedCallback(), r(this, "radio-button-click").pipe(i(this.disconnecting)).subscribe((e) => {
-			this.value = e.detail.value, this.emitChange({ value: e.detail.value }), this._syncChildren();
+			this.value = e.detail.value, this.emitChange({ value: e.detail.value }), this.syncChildren();
 		});
 	}
 	updated(e) {
-		super.updated(e), e.has("value") && this._syncChildren();
+		super.updated(e), e.has("value") && this.syncChildren();
 	}
-	_syncChildren() {
+	syncChildren() {
 		this.querySelectorAll("schmancy-radio-button").forEach((e) => {
 			e.checked = e.value === this.value;
 		});
@@ -36,7 +36,7 @@ var u = class extends n(e) {
 t([o({ type: String })], u.prototype, "label", void 0), t([o({ type: String })], u.prototype, "name", void 0), t([o({ type: String })], u.prototype, "value", void 0), t([o({ type: Boolean })], u.prototype, "required", void 0), u = t([a("schmancy-radio-group")], u);
 var d = class extends e {
 	constructor(...e) {
-		super(...e), this.value = "", this.checked = !1, this.disabled = !1, this.name = "", this._handleClick = () => {
+		super(...e), this.value = "", this.checked = !1, this.disabled = !1, this.name = "", this.handleClick = () => {
 			this.disabled || this.dispatchEvent(new CustomEvent("radio-button-click", {
 				detail: { value: this.value },
 				bubbles: !0,
@@ -45,7 +45,7 @@ var d = class extends e {
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), r(this, "click").pipe(i(this.disconnecting)).subscribe(this._handleClick);
+		super.connectedCallback(), r(this, "click").pipe(i(this.disconnecting)).subscribe(this.handleClick);
 	}
 	render() {
 		return s`

package/dist/radio-group-AHLvrN8O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-AHLvrN8O.js","names":[],"sources":["../src/form/fields/radio-group/radio-group.scss?inline","../src/form/fields/radio-group/radio-group.ts","../src/form/fields/radio-group/radio-button.ts"],"sourcesContent":[":host {\n\tdisplay: inherit;\n\tposition: inherit;\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\nimport style from './radio-group.scss?inline'\nimport { SchmancyElement } from '@mixins/index'\nimport { when } from 'lit/directives/when.js'\nimport { FormFieldMixin } from '@mixins/formField.mixin'\nimport type { RadioButton } from './radio-button.ts'\n\nexport type SchmancyRadioGroupChangeEvent = CustomEvent<{ value: string }>\n\n@customElement('schmancy-radio-group')\nexport class RadioGroup extends FormFieldMixin(SchmancyElement) {\n\tstatic styles = [unsafeCSS(style)]\n\t@property({ type: String }) override label = ''\n\t@property({ type: String }) override name = ''\n\t@property({ type: String }) override value = ''\n\t@property({ type: Boolean }) override required = false\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tfromEvent<CustomEvent>(this, 'radio-button-click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e: CustomEvent<{ value: string }>) => {\n\t\t\t\tthis.value = e.detail.value\n\t\t\t\tthis.emitChange({ value: e.detail.value })\n\t\t\t\tthis.syncChildren()\n\t\t\t})\n\t}\n\n\tupdated(changed: Map<string, unknown>) {\n\t\tsuper.updated(changed)\n\t\tif (changed.has('value')) this.syncChildren()\n\t}\n\n\tprivate syncChildren() {\n\t\tthis.querySelectorAll<RadioButton>('schmancy-radio-button').forEach(btn => {\n\t\t\tbtn.checked = btn.value === this.value\n\t\t})\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div role=\"radiogroup\" aria-label=${this.label} aria-required=${this.required} class=\"grid gap-2\">\n\t\t\t\t${when(this.label, () => html`<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>`)}\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-group': RadioGroup\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * Radio button component for use within radio groups.\n *\n * @prop {string} name - Name attribute for grouping radio buttons\n * @prop {string} value - Value of this radio button\n * @prop {boolean} checked - Whether the radio button is selected\n * @prop {boolean} disabled - Whether the radio button is disabled\n */\n@customElement('schmancy-radio-button')\nexport class RadioButton extends SchmancyElement {\n\t@property({ type: String }) value = ''\n\t@property({ type: Boolean, reflect: true }) checked = false\n\t@property({ type: Boolean }) disabled = false\n\t@property({ type: String }) name = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleClick)\n\t}\n\n\tprivate handleClick = () => {\n\t\tif (this.disabled) return\n\t\tthis.dispatchEvent(new CustomEvent('radio-button-click', {\n\t\t\tdetail: { value: this.value },\n\t\t\tbubbles: true,\n\t\t\tcomposed: true,\n\t\t}))\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<label class=\"flex items-center gap-3 cursor-pointer\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tclass=\"h-4 w-4 text-primary-default focus:ring-primary-container border-outline\"\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.checked=${this.checked}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t@change=${() => {}}\n\t\t\t\t/>\n\t\t\t\t<slot></slot>\n\t\t\t</label>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-button': RadioButton\n\t}\n}\n"],"mappings":";;;;;;ICYO,IAAA,cAAyB,EAAe,CAAA,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,QAED,IAAA,KAAA,OACD,IAAA,KAAA,QACC,IAAA,KAAA,WAAA,CACI;CAAA;CAAA;EAAA,KAAA,SAJjC,CAAC,EAAA,yCAAA,CAAA;CAAA;CAMjB,oBAAA;EACC,MAAM,kBAAA,GACN,EAAuB,MAAM,oBAAA,EAC3B,KAAK,EAAU,KAAK,aAAA,CAAA,EACpB,WAAW,MAAA;GACX,KAAK,QAAQ,EAAE,OAAO,OACtB,KAAK,WAAW,EAAE,OAAO,EAAE,OAAO,MAAA,CAAA,GAClC,KAAK,aAAA;EAAA,CAAA;CAER;CAEA,QAAQ,GAAA;EACP,MAAM,QAAQ,CAAA,GACV,EAAQ,IAAI,OAAA,KAAU,KAAK,aAAA;CAChC;CAEA,eAAA;EACC,KAAK,iBAA8B,uBAAA,EAAyB,SAAQ,MAAA;GACnE,EAAI,UAAU,EAAI,UAAU,KAAK;EAAA,CAAA;CAEnC;CAEA,SAAA;EACC,OAAO,CAAI;uCAC0B,KAAK,MAAA,iBAAuB,KAAK,SAAA;MAClE,EAAK,KAAK,aAAa,CAAI,gDAAgD,KAAK,MAAA,uBAAA,EAAA;;;;CAIrF;AAAA;AAAA,EAAA,CAlCC,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,GAAS,EAAA,WAAA,YAAA,KAAA,CAAA,GAAA,IAAA,EAAA,CAN3B,EAAc,sBAAA,CAAA,GAAsB,CAAA;ACG9B,IAAA,IAAA,cAA0B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,QACI,IAAA,KAAA,UAAA,CACkB,GAAA,KAAA,WAAA,CACd,GAAA,KAAA,OACL,IAAA,KAAA,oBAAA;GAU9B,KAAK,YACT,KAAK,cAAc,IAAI,YAAY,sBAAsB;IACxD,QAAQ,EAAE,OAAO,KAAK,MAAA;IACtB,SAAA,CAAS;IACT,UAAA,CAAU;GAAA,CAAA,CAAA;EAAA;CAAA;CAZZ,oBAAA;EACC,MAAM,kBAAA,GACN,EAAsB,MAAM,OAAA,EAC1B,KAAK,EAAU,KAAK,aAAA,CAAA,EACpB,UAAU,KAAK,WAAA;CAClB;CAWA,SAAA;EACC,OAAO,CAAI;;;;;cAKC,KAAK,MAAA;gBACH,KAAK,QAAA;iBACJ,KAAK,SAAA;aACT,KAAK,KAAA;;;;;;CAMjB;AAAA;AAAA,EAAA,CApCC,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS;CAAE,MAAM;CAAS,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,EAAA,CACzC,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,GAAS,EAAA,WAAA,YAAA,KAAA,CAAA,GAAA,EAAA,CAC1B,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,IAAA,EAAA,CAL1B,EAAc,uBAAA,CAAA,GAAuB,CAAA;AAAA,SAAA,KAAA,GAAA,KAAA"}

package/dist/{radio-group-B-ORNtvR.cjs → radio-group-BEtvCSS1.cjs}

@@ -1,9 +1,9 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-BHfQg3Tj.cjs`),t=require(`./mixins-DxHpyMHA.cjs`);let n=require(`rxjs`),r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/when.js`);var o=class extends t.i(e.t){constructor(...e){super(...e),this.label=``,this.name=``,this.value=``,this.required=!1}static{this.styles=[(0,i.unsafeCSS)(`:host{display:inherit;position:inherit}`)]}connectedCallback(){super.connectedCallback(),(0,n.fromEvent)(this,`radio-button-click`).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.value=e.detail.value,this.emitChange({value:e.detail.value}),this._syncChildren()})}updated(e){super.updated(e),e.has(`value`)&&this._syncChildren()}_syncChildren(){this.querySelectorAll(`schmancy-radio-button`).forEach(e=>{e.checked=e.value===this.value})}render(){return i.html`
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`),t=require(`./mixins-fIpzhVMd.cjs`);let n=require(`rxjs`),r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/when.js`);var o=class extends t.i(e.t){constructor(...e){super(...e),this.label=``,this.name=``,this.value=``,this.required=!1}static{this.styles=[(0,i.unsafeCSS)(`:host{display:inherit;position:inherit}`)]}connectedCallback(){super.connectedCallback(),(0,n.fromEvent)(this,`radio-button-click`).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.value=e.detail.value,this.emitChange({value:e.detail.value}),this.syncChildren()})}updated(e){super.updated(e),e.has(`value`)&&this.syncChildren()}syncChildren(){this.querySelectorAll(`schmancy-radio-button`).forEach(e=>{e.checked=e.value===this.value})}render(){return i.html`
 			<div role="radiogroup" aria-label=${this.label} aria-required=${this.required} class="grid gap-2">
 				${(0,a.when)(this.label,()=>i.html`<schmancy-typography type="label" token="lg">${this.label}</schmancy-typography>`)}
 				<slot></slot>
 			</div>
-		`}};e.u([(0,r.property)({type:String})],o.prototype,`label`,void 0),e.u([(0,r.property)({type:String})],o.prototype,`name`,void 0),e.u([(0,r.property)({type:String})],o.prototype,`value`,void 0),e.u([(0,r.property)({type:Boolean})],o.prototype,`required`,void 0),o=e.u([(0,r.customElement)(`schmancy-radio-group`)],o);var s=class extends e.t{constructor(...e){super(...e),this.value=``,this.checked=!1,this.disabled=!1,this.name=``,this._handleClick=()=>{this.disabled||this.dispatchEvent(new CustomEvent(`radio-button-click`,{detail:{value:this.value},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),(0,n.fromEvent)(this,`click`).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(this._handleClick)}render(){return i.html`
+		`}};e.u([(0,r.property)({type:String})],o.prototype,`label`,void 0),e.u([(0,r.property)({type:String})],o.prototype,`name`,void 0),e.u([(0,r.property)({type:String})],o.prototype,`value`,void 0),e.u([(0,r.property)({type:Boolean})],o.prototype,`required`,void 0),o=e.u([(0,r.customElement)(`schmancy-radio-group`)],o);var s=class extends e.t{constructor(...e){super(...e),this.value=``,this.checked=!1,this.disabled=!1,this.name=``,this.handleClick=()=>{this.disabled||this.dispatchEvent(new CustomEvent(`radio-button-click`,{detail:{value:this.value},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),(0,n.fromEvent)(this,`click`).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(this.handleClick)}render(){return i.html`
 			<label class="flex items-center gap-3 cursor-pointer">
 				<input
 					type="radio"

package/dist/radio-group-BEtvCSS1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-BEtvCSS1.cjs","names":[],"sources":["../src/form/fields/radio-group/radio-group.scss?inline","../src/form/fields/radio-group/radio-group.ts","../src/form/fields/radio-group/radio-button.ts"],"sourcesContent":[":host {\n\tdisplay: inherit;\n\tposition: inherit;\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\nimport style from './radio-group.scss?inline'\nimport { SchmancyElement } from '@mixins/index'\nimport { when } from 'lit/directives/when.js'\nimport { FormFieldMixin } from '@mixins/formField.mixin'\nimport type { RadioButton } from './radio-button.ts'\n\nexport type SchmancyRadioGroupChangeEvent = CustomEvent<{ value: string }>\n\n@customElement('schmancy-radio-group')\nexport class RadioGroup extends FormFieldMixin(SchmancyElement) {\n\tstatic styles = [unsafeCSS(style)]\n\t@property({ type: String }) override label = ''\n\t@property({ type: String }) override name = ''\n\t@property({ type: String }) override value = ''\n\t@property({ type: Boolean }) override required = false\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tfromEvent<CustomEvent>(this, 'radio-button-click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e: CustomEvent<{ value: string }>) => {\n\t\t\t\tthis.value = e.detail.value\n\t\t\t\tthis.emitChange({ value: e.detail.value })\n\t\t\t\tthis.syncChildren()\n\t\t\t})\n\t}\n\n\tupdated(changed: Map<string, unknown>) {\n\t\tsuper.updated(changed)\n\t\tif (changed.has('value')) this.syncChildren()\n\t}\n\n\tprivate syncChildren() {\n\t\tthis.querySelectorAll<RadioButton>('schmancy-radio-button').forEach(btn => {\n\t\t\tbtn.checked = btn.value === this.value\n\t\t})\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div role=\"radiogroup\" aria-label=${this.label} aria-required=${this.required} class=\"grid gap-2\">\n\t\t\t\t${when(this.label, () => html`<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>`)}\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-group': RadioGroup\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * Radio button component for use within radio groups.\n *\n * @prop {string} name - Name attribute for grouping radio buttons\n * @prop {string} value - Value of this radio button\n * @prop {boolean} checked - Whether the radio button is selected\n * @prop {boolean} disabled - Whether the radio button is disabled\n */\n@customElement('schmancy-radio-button')\nexport class RadioButton extends SchmancyElement {\n\t@property({ type: String }) value = ''\n\t@property({ type: Boolean, reflect: true }) checked = false\n\t@property({ type: Boolean }) disabled = false\n\t@property({ type: String }) name = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleClick)\n\t}\n\n\tprivate handleClick = () => {\n\t\tif (this.disabled) return\n\t\tthis.dispatchEvent(new CustomEvent('radio-button-click', {\n\t\t\tdetail: { value: this.value },\n\t\t\tbubbles: true,\n\t\t\tcomposed: true,\n\t\t}))\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<label class=\"flex items-center gap-3 cursor-pointer\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tclass=\"h-4 w-4 text-primary-default focus:ring-primary-container border-outline\"\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.checked=${this.checked}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t@change=${() => {}}\n\t\t\t\t/>\n\t\t\t\t<slot></slot>\n\t\t\t</label>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-button': RadioButton\n\t}\n}\n"],"mappings":"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"}

package/dist/radio-group.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./radio-group-B-ORNtvR.cjs`);Object.defineProperty(exports,`RadioButton`,{enumerable:!0,get:function(){return e.t}}),Object.defineProperty(exports,`RadioGroup`,{enumerable:!0,get:function(){return e.n}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./radio-group-BEtvCSS1.cjs`);Object.defineProperty(exports,`RadioButton`,{enumerable:!0,get:function(){return e.t}}),Object.defineProperty(exports,`RadioGroup`,{enumerable:!0,get:function(){return e.n}});

package/dist/radio-group.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./radio-group-DxX0iJBo.js";
+import { n as e, t } from "./radio-group-AHLvrN8O.js";
 export { t as RadioButton, e as RadioGroup };

package/dist/range.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-BHfQg3Tj.cjs`),t=require(`./mixins-DxHpyMHA.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`),i=require(`lit/directives/when.js`);var a=class extends t.o(r.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`),t=require(`./mixins-fIpzhVMd.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`),i=require(`lit/directives/when.js`);var a=class extends t.o(r.css`
 	input[type='range'] {
 		-webkit-appearance: none;
 		appearance: none;

package/dist/range.js

@@ -1,5 +1,5 @@
-import { u as e } from "./SchmancyElement-CDT2q1lA.js";
-import { o as t } from "./mixins-De1zjyhy.js";
+import { u as e } from "./SchmancyElement-BNnyBOwk.js";
+import { o as t } from "./mixins-DGBI7YPO.js";
 import { customElement as n, property as r } from "lit/decorators.js";
 import { css as i, html as a } from "lit";
 import { when as o } from "lit/directives/when.js";

package/dist/select-BWpV2iv-.cjs

@@ -0,0 +1,56 @@
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`),t=require(`./mixins-fIpzhVMd.cjs`),n=require(`./directives-Bb0S1DKZ.cjs`),r=require(`./theme.interface-CSt7JUBD.cjs`);let i=require(`rxjs`),a=require(`rxjs/operators`),o=require(`lit/directives/class-map.js`),s=require(`lit/decorators.js`),c=require(`lit`),l=require(`lit/directives/if-defined.js`),u=require(`@floating-ui/dom`);var d=class extends t.o(){constructor(...e){super(...e),this.placeholder=``,this.multi=!1,this.size=`md`,this.isOpen=!1,this.valueLabel=``,this.isValid=!0,this.selectDefaultValue=``,this.options$=new i.BehaviorSubject([]),this.selectedValue$=new i.BehaviorSubject(``),this.selectedValues$=new i.BehaviorSubject([]),this.optionSelect$=new i.Subject,this.userInteracted=!1,this.focusedOptionId=``,this.handleKeyDown=e=>{if(this.disabled)return;if(!this.isOpen)return void([`Enter`,` `,`ArrowDown`].includes(e.key)&&(e.preventDefault(),this.openDropdown(!1)));let t=Array.from(this.options||[]),n=t.findIndex(e=>e.id===this.focusedOptionId)??-1;switch(e.key){case`Escape`:e.preventDefault(),this.closeDropdown();break;case`ArrowDown`:e.preventDefault(),this.focusOption(t,Math.min(n+1,t.length-1));break;case`ArrowUp`:e.preventDefault(),this.focusOption(t,Math.max(n-1,0));break;case`Home`:e.preventDefault(),this.focusOption(t,0);break;case`End`:e.preventDefault(),this.focusOption(t,t.length-1);break;case`Enter`:case` `:if(e.preventDefault(),this.focusedOptionId){let e=t.find(e=>e.id===this.focusedOptionId);e&&this.handleOptionSelect(e.value)}break;case`Tab`:this.closeDropdown()}}}static{this.styles=[c.css`
+	:host {
+		display: block;
+		position: relative;
+	}
+
+	[role='listbox'] {
+		overflow-y: auto;
+		outline: none;
+	}
+`]}get value(){return this.multi?this.selectedValues$?.value??[]:this.selectedValue$?.value??``}set value(e){if(this.selectedValue$&&this.selectedValues$)if(this.multi){let t=Array.isArray(e)?e:e?String(e).split(`,`).map(e=>e.trim()).filter(Boolean):[];this.selectedValues$.next(t)}else this.selectedValue$.next(e==null?``:String(e))}get values(){return[...this.selectedValues$.value]}set values(e){this.selectedValues$.next(Array.isArray(e)?[...e]:[])}connectedCallback(){super.connectedCallback(),this.id||=`schmancy-select-${Math.random().toString(36).substring(2,9)}`,this.selectDefaultValue=this.value,(0,i.fromEvent)(this,`keydown`).pipe((0,i.takeUntil)(this.disconnecting)).subscribe(this.handleKeyDown),this.setupReactivePipelines()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupPositioner?.()}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility(),this.inputRef&&(this.inputRef.error=!1)}updated(e){if(super.updated(e),e.has(`value`)){let e=this.multi?this.selectedValues$.value.join(`,`):this.selectedValue$.value;this.internals?.setFormValue(e)}e.has(`isOpen`)&&(this.isOpen?this.positionDropdown():this.cleanupPositioner?.())}syncSelection(){if(this.multi){let e=this.selectedValues$.value;this.options?.forEach(t=>t.selected=e.includes(t.value)),this.valueLabel=e.length>0&&this.options?.filter(t=>e.includes(t.value)).map(e=>e.label||e.textContent||``).join(`, `)||this.placeholder}else{let e=this.selectedValue$.value;this.options?.forEach(t=>{t.selected=t.value===e});let t=this.options?.find(t=>t.value===e);this.valueLabel=t?t.label||t.textContent||``:this.placeholder}}setupOptionsAccessibility(){this.options?.forEach((e,t)=>{e.setAttribute(`role`,`option`),e.id||=`${this.id}-option-${t}`,e.tabIndex=-1,e.setAttribute(`aria-selected`,String(this.multi?this.selectedValues$.value.includes(e.value):e.value===this.selectedValue$.value))})}async positionDropdown(){let e=this.renderRoot.querySelector(`.trigger`);e&&this.ul&&(this.cleanupPositioner=(0,u.autoUpdate)(e,this.ul,async()=>{let t=window.innerHeight,n=e.getBoundingClientRect(),r=t-n.bottom,i=n.top,a=Math.max(.75*Math.max(r,i),150),o=r<200&&i>r;this.ul.style.maxHeight=`${a}px`;let{x:s,y:c}=await(0,u.computePosition)(e,this.ul,{placement:o?`top-start`:`bottom-start`,middleware:[(0,u.offset)(5),(0,u.flip)(),(0,u.shift)({padding:5})]});Object.assign(this.ul.style,{left:`${s}px`,top:`${c}px`,position:`absolute`,width:`${e.offsetWidth}px`})}))}focusOption(e,t){let n=e[t];if(n){n.focus(),this.focusedOptionId=n.id;let e=this.renderRoot.querySelector(`.trigger`);if(e&&e.setAttribute(`aria-activedescendant`,n.id),this.ul&&n.offsetTop!==void 0){let e=n.offsetTop,t=n.offsetHeight,r=this.ul.scrollTop,i=this.ul.clientHeight;e<r?this.ul.scrollTop=e:e+t>r+i&&(this.ul.scrollTop=e+t-i)}}}async openDropdown(e=!1){if(this.disabled)return;this.isOpen=!0,await this.updateComplete;let t=Array.from(this.options||[]),n=this.multi?0:t.findIndex(e=>e.value===this.selectedValue$.value);this.focusOption(t,Math.max(n,0)),e&&this.reportValidity()}closeDropdown(){this.userInteracted&&(this.touched=!0),this.isOpen=!1,this.focusedOptionId=``;let e=this.renderRoot.querySelector(`.trigger`);e&&(e.removeAttribute(`aria-activedescendant`),e?.focus()),this.userInteracted&&this.shouldShowError()&&this.checkValidity()}setupReactivePipelines(){(0,i.fromEvent)(this,`option-select`).pipe((0,a.tap)(e=>{e.stopPropagation();let t=this.options.find(t=>t.value===e.detail.value);t&&this.optionSelect$.next(t)}),(0,i.takeUntil)(this.disconnecting)).subscribe(),this.optionSelect$.pipe((0,a.withLatestFrom)(this.selectedValue$,this.selectedValues$),(0,a.tap)(([e,t,n])=>{if(this.userInteracted=!0,this.markTouched(),this.multi){let t=n.indexOf(e.value),r=t>-1?[...n.slice(0,t),...n.slice(t+1)]:[...n,e.value];this.selectedValues$.next(r),this.internals?.setFormValue(r.join(`,`)),this.valueLabel=r.length>0?this.options.filter(e=>r.includes(e.value)).map(e=>e.label||e.textContent||``).join(`, `):this.placeholder}else this.selectedValue$.next(e.value),this.internals?.setFormValue(e.value),this.valueLabel=e.label||e.textContent||this.placeholder,this.closeDropdown();this.setupOptionsAccessibility(),this.fireChangeEvent()}),(0,i.takeUntil)(this.disconnecting)).subscribe(),this.options$.pipe((0,a.tap)(e=>{e.forEach((e,t)=>{e.setAttribute(`role`,`option`),e.tabIndex=-1,e.id||=`${this.id}-option-${t}`,e.hasAttribute(`data-event-bound`)||((0,i.fromEvent)(e,`click`).pipe((0,a.tap)(e=>{e.stopPropagation()}),(0,i.takeUntil)(this.disconnecting)).subscribe(()=>this.optionSelect$.next(e)),e.setAttribute(`data-event-bound`,`true`))})}),(0,i.takeUntil)(this.disconnecting)).subscribe(),(0,i.combineLatest)([this.selectedValue$,this.selectedValues$,this.options$]).pipe((0,a.tap)(([e,t,n])=>{n.length!==0&&(this.multi?n.forEach(e=>{e.selected=t.includes(e.value)}):n.forEach(t=>{t.selected=t.value===e}))}),(0,i.takeUntil)(this.disconnecting)).subscribe()}handleOptionSelect(e){let t=this.options.find(t=>t.value===e);t&&this.optionSelect$.next(t)}fireChangeEvent(){let e=this.multi?this.selectedValues$.value:this.selectedValue$.value;this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,composed:!0})),this.checkValidity()}checkValidity(){if(this.disabled)return!0;let e=this.multi?this.selectedValues$.value.length===0:!this.selectedValue$.value,t=!(this.required&&e);if(this.isValid=t,this.isValid?(this.validationMessage=``,this.internals?.setValidity({})):(this.validationMessage=`Please select an option.`,this.internals?.setValidity({valueMissing:!0},`Please select an option.`,this.inputRef)),this.inputRef&&this.hasUpdated){let e=!this.isValid&&this.shouldShowError();this.inputRef.error=e,this.inputRef.hint=e?this.validationMessage:this.hint}return this.isValid}reportValidity(){let e=this.checkValidity();return this.inputRef&&(this.inputRef.error=!e,this.inputRef.hint=e?this.hint:this.validationMessage,e||this.isOpen||this.openDropdown(!1),e||this.inputRef.reportValidity()),e}toFormEntries(){if(!this.name||this.disabled)return[];let e=this.value;return e==null||e===``?[]:Array.isArray(e)?e.map(e=>[this.name,String(e)]):[[this.name,String(e)]]}setCustomValidity(e){this.validationMessage=e,e?(this.isValid=!1,this.internals?.setValidity({customError:!0},e,this.inputRef)):(this.isValid=!0,this.internals?.setValidity({})),this.inputRef&&this.shouldShowError()&&(this.inputRef.error=!this.isValid,this.inputRef.hint=this.isValid?this.hint:this.validationMessage)}resetForm(){this.value=this.selectDefaultValue,this.valueLabel=this.placeholder,this.isValid=!0,this.userInteracted=!1,this.internals?.setValidity({}),super.resetForm(),this.inputRef&&(this.inputRef.error=!1,this.inputRef.hint=this.hint)}reset(){this.resetForm()}render(){let e=!this.isValid&&this.shouldShowError()&&!this.isOpen,t=this.isOpen?c.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▲</span>`:c.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▼</span>`;return c.html`
+			<div class="relative ${this.disabled?`opacity-60 cursor-not-allowed`:``}">
+				<sch-input
+					.name=${this.name??``}
+					tabIndex=${this.disabled?`-1`:`0`}
+					class="trigger"
+					role="combobox"
+					aria-haspopup="listbox"
+					aria-expanded=${this.isOpen}
+					aria-controls="options"
+					aria-autocomplete="none"
+					aria-required=${this.required}
+					aria-activedescendant=${(0,l.ifDefined)(this.focusedOptionId||void 0)}
+					aria-disabled=${this.disabled}
+					.label=${this.label}
+					.placeholder=${this.placeholder}
+					.value=${this.valueLabel}
+					.required=${this.required}
+					.disabled=${this.disabled}
+					.hint=${e?this.validationMessage:this.hint}
+					.error=${e}
+					.validateOn=${this.validateOn}
+					.size=${this.size}
+					.readonly=${!0}
+					clickable
+					@click=${e=>{if(this.disabled)return e.preventDefault(),void e.stopPropagation();this.isOpen?(this.userInteracted=!0,this.closeDropdown()):this.openDropdown(!1)}}
+				>
+					${t}
+				</sch-input>
+
+				<!-- Overlay for capturing clicks outside when dropdown is open -->
+				${this.isOpen?c.html` <div class="fixed inset-0 z-10" @click=${this.closeDropdown} tabindex="-1" aria-hidden="true"></div> `:``}
+
+				<ul
+					id="options"
+					role="listbox"
+					aria-multiselectable=${this.multi}
+					class=${(0,o.classMap)({"absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg":!0,hidden:!this.isOpen})}
+					${n.S({bgColor:r.t.sys.color.surface.low,color:r.t.sys.color.surface.on})}
+				>
+					<slot
+						@slotchange=${()=>{this.options$.next(this.options),this.syncSelection()}}
+					></slot>
+				</ul>
+			</div>
+		`}};e.u([(0,s.property)({type:String})],d.prototype,`placeholder`,void 0),e.u([(0,s.property)({type:String,reflect:!0})],d.prototype,`value`,null),e.u([(0,s.property)({type:Array})],d.prototype,`values`,null),e.u([(0,s.property)({type:Boolean})],d.prototype,`multi`,void 0),e.u([(0,s.property)({type:String})],d.prototype,`size`,void 0),e.u([(0,s.state)()],d.prototype,`isOpen`,void 0),e.u([(0,s.state)()],d.prototype,`valueLabel`,void 0),e.u([(0,s.state)()],d.prototype,`isValid`,void 0),e.u([(0,s.state)()],d.prototype,`selectDefaultValue`,void 0),e.u([(0,s.query)(`ul`)],d.prototype,`ul`,void 0),e.u([(0,s.query)(`sch-input`)],d.prototype,`inputRef`,void 0),e.u([(0,s.queryAssignedElements)({flatten:!0})],d.prototype,`options`,void 0),e.u([(0,s.state)()],d.prototype,`userInteracted`,void 0),e.u([(0,s.state)()],d.prototype,`focusedOptionId`,void 0),d=e.u([(0,s.customElement)(`schmancy-select`)],d),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/dist/select-BWpV2iv-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-BWpV2iv-.cjs","names":[],"sources":["../src/form/fields/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { SchmancyFormField } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { BehaviorSubject, combineLatest, fromEvent, Subject, takeUntil } from 'rxjs'\nimport { tap, withLatestFrom } from 'rxjs/operators'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n/**\n * Select dropdown component with single and multi-select support.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} label - Label text displayed above the select\n * @prop {string} placeholder - Placeholder text when no value is selected\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} multi - Enable multi-select mode\n * @prop {string} value - Selected value (single select mode)\n * @prop {string[]} values - Selected values (multi-select mode)\n */\n@customElement('schmancy-select')\nexport class SchmancySelect extends SchmancyFormField() {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`]\n\n\t// FACE wiring (formAssociated, internals, attachInternals) comes from\n\t// SchmancyFormField. Same for: name, required, disabled, validationMessage,\n\t// validateOn, touched/dirty/pristine/submitted, markTouched/markSubmitted,\n\t// formResetCallback, formDisabledCallback, FIELD_CONNECT_EVENT dispatch.\n\n\t@property({ type: String }) placeholder = ''\n\n\t// Override `value` with the narrowed select-specific type and a custom\n\t// getter/setter pair backed by reactive subjects.\n\t@property({ type: String, reflect: true })\n\toverride get value(): string | string[] {\n\t\treturn this.multi\n\t\t\t? (this.selectedValues$?.value ?? [])\n\t\t\t: (this.selectedValue$?.value ?? '')\n\t}\n\toverride set value(val: string | string[]) {\n\t\tif (!this.selectedValue$ || !this.selectedValues$) return\n\t\tif (this.multi) {\n\t\t\tconst values = Array.isArray(val)\n\t\t\t\t? val\n\t\t\t\t: val ? String(val).split(',').map(v => v.trim()).filter(Boolean) : []\n\t\t\tthis.selectedValues$.next(values)\n\t\t} else {\n\t\t\tthis.selectedValue$.next(val == null ? '' : String(val))\n\t\t}\n\t}\n\n\t// Values property for multi-select mode\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this.selectedValues$.value]\n\t}\n\tset values(vals: string[]) {\n\t\tthis.selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n\t}\n\n\t@property({ type: Boolean }) multi = false\n\t// `label` and `hint` come from the mixin.\n\t// M3 aligned sizes: 24dp (xxs) → 32dp (xs) → 40dp (sm) → 48dp (md) → 56dp (lg)\n\t@property({ type: String }) size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' = 'md'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\n\t// Store the initial/default value for reset behavior. Distinct from the\n\t// mixin's `defaultValue` (which is `string` only); select needs the wider\n\t// shape so resetForm can restore arrays for multi-select.\n\t@state() private selectDefaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\n\t// Reactive state management\n\tprivate options$ = new BehaviorSubject<SchmancyOption[]>([])\n\tprivate selectedValue$ = new BehaviorSubject<string>('')\n\tprivate selectedValues$ = new BehaviorSubject<string[]>([])\n\tprivate optionSelect$ = new Subject<SchmancyOption>()\n\n\t/**\n\t * Tracks whether the user has actively interacted (clicked/typed/keyed\n\t * inside the dropdown). Distinct from the mixin's `touched` (which fires on\n\t * blur). Used to gate dropdown-positioning side-effects on user-driven\n\t * actions versus programmatic state changes.\n\t */\n\t@state() userInteracted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private focusedOptionId = ''\n\n\toverride connectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.selectDefaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Setup reactive pipelines\n\t\tthis.setupReactivePipelines()\n\t}\n\n\toverride disconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\t\t// Form event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\toverride updated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Multi-select serializes to a comma-joined scalar on FormData; the\n\t\t\t// mixin's willUpdate already called setFormValue with the raw\n\t\t\t// value, override here for the joined-string shape.\n\t\t\tconst formValue = this.multi\n\t\t\t\t? this.selectedValues$.value.join(',')\n\t\t\t\t: this.selectedValue$.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// `dirty` is a mixin getter (value !== defaultValue); no manual flag.\n\t\t\t// Mixin's willUpdate already calls checkValidity when shouldShowError().\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t// `shouldShowValidation` removed — replaced by mixin's `shouldShowError()`.\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\t// Read directly from the BehaviorSubject to avoid string conversion issues\n\t\t\tconst selectedValues = this.selectedValues$.value\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t.join(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - read from BehaviorSubject\n\t\t\tconst currentValue = this.selectedValue$.value\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\n\t\t\tthis.valueLabel = selectedOption ? (selectedOption.label || selectedOption.textContent || '') : this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options?.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? this.selectedValues$.value.includes(option.value) : option.value === this.selectedValue$.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this.focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.min(current + 1, options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (this.focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this.focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis.focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === this.selectedValue$.value)\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this.userInteracted) {\n\t\t\tthis.touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis.focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this.userInteracted && this.shouldShowError()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate setupReactivePipelines() {\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(\n\t\t\t\ttap((e) => {\n\t\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\t\tconst option = this.options.find(o => o.value === e.detail.value)\n\t\t\t\t\tif (option) {\n\t\t\t\t\t\tthis.optionSelect$.next(option)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Handle option selection through reactive pipeline\n\t\tthis.optionSelect$\n\t\t\t.pipe(\n\t\t\t\twithLatestFrom(this.selectedValue$, this.selectedValues$),\n\t\t\t\ttap(([option, _, currentValues]) => {\n\t\t\t\t\tthis.userInteracted = true\n\t\t\t\t\tthis.markTouched()\n\t\t\t\t\t// `dirty` is a mixin getter; setting `value` below triggers it\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\tconst index = currentValues.indexOf(option.value)\n\t\t\t\t\t\tconst newValues = index > -1\n\t\t\t\t\t\t\t? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n\t\t\t\t\t\t\t: [...currentValues, option.value]\n\t\t\t\t\t\tthis.selectedValues$.next(newValues)\n\n\t\t\t\t\t\t// Update form value\n\t\t\t\t\t\tthis.internals?.setFormValue(newValues.join(','))\n\n\t\t\t\t\t\t// Update display label\n\t\t\t\t\t\tthis.valueLabel = newValues.length > 0\n\t\t\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t\t\t.filter(o => newValues.includes(o.value))\n\t\t\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t\t\t: this.placeholder\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Single select\n\t\t\t\t\t\tthis.selectedValue$.next(option.value)\n\n\t\t\t\t\t\t// Update form value\n\t\t\t\t\t\tthis.internals?.setFormValue(option.value)\n\n\t\t\t\t\t\tthis.valueLabel = option.label || option.textContent || this.placeholder\n\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Update the option's accessibility state\n\t\t\t\t\tthis.setupOptionsAccessibility()\n\n\t\t\t\t\t// Dispatch change event\n\t\t\t\t\tthis.fireChangeEvent()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Options management pipeline - bind pointerdown events exactly like autocomplete\n\t\tthis.options$\n\t\t\t.pipe(\n\t\t\t\ttap((options) => {\n\t\t\t\t\toptions.forEach((option, index) => {\n\t\t\t\t\t\toption.setAttribute('role', 'option')\n\t\t\t\t\t\toption.tabIndex = -1\n\t\t\t\t\t\tif (!option.id) {\n\t\t\t\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Use data-event-bound to prevent duplicate bindings\n\t\t\t\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\t\t\t\t// Use click event instead of pointerdown for better mobile UX\n\t\t\t\t\t\t\t// This allows users to scroll through options without immediately selecting\n\t\t\t\t\t\t\tfromEvent(option, 'click').pipe(\n\t\t\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t\t\t).subscribe(() => this.optionSelect$.next(option))\n\t\t\t\t\t\t\toption.setAttribute('data-event-bound', 'true')\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Selection sync pipeline - sync selected states with value changes\n\t\tcombineLatest([this.selectedValue$, this.selectedValues$, this.options$])\n\t\t\t.pipe(\n\t\t\t\ttap(([singleValue, multiValues, options]) => {\n\t\t\t\t\tif (options.length === 0) return\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = multiValues.includes(option.value)\n\t\t\t\t\t\t})\n\t\t\t\t\t} else {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = option.value === singleValue\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\t// This method is now called from keyboard navigation only\n\t\tconst option = this.options.find(o => o.value === value)\n\t\tif (option) {\n\t\t\tthis.optionSelect$.next(option)\n\t\t}\n\t}\n\n\tprivate fireChangeEvent() {\n\t\t// Get the current value based on multi/single mode\n\t\tconst value = this.multi ? this.selectedValues$.value : this.selectedValue$.value\n\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi\n\t\t\t? this.selectedValues$.value.length === 0\n\t\t\t: !this.selectedValue$.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowError()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\t// `markTouched`, `markSubmitted`, `touched`, `dirty`, `pristine`, `submitted`,\n\t// `error` (storage) — all from the mixin. Select's `error` semantics\n\t// (errors-while-open suppression) live in render() via shouldShowError() +\n\t// !isOpen, not as a separate getter.\n\n\t/**\n\t * Multi-value-aware `toFormEntries`. Single-select emits one `[name,value]`;\n\t * multi-select emits N entries with the same name (canonical FormData shape\n\t * for repeated fields).\n\t */\n\toverride toFormEntries(): Array<[string, FormDataEntryValue]> {\n\t\tif (!this.name || this.disabled) return []\n\t\tconst v = this.value\n\t\tif (v === undefined || v === null || v === '') return []\n\t\tif (Array.isArray(v))\n\t\t\treturn v.map(item => [this.name, String(item)] as [string, FormDataEntryValue])\n\t\treturn [[this.name, String(v)]]\n\t}\n\n\toverride setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowError()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\t/**\n\t * Reset to the snapshot captured at connect time. Mixin's `resetForm`\n\t * handles touched/submitted/error/validationMessage; the override layers on\n\t * select-specific cleanup (value subjects, label, validity).\n\t */\n\toverride resetForm(): void {\n\t\t// Restore value (multi-aware) before super so the mixin's defaultValue\n\t\t// reset doesn't clobber the array-shape we need.\n\t\tthis.value = this.selectDefaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tsuper.resetForm()\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\t/** Back-compat alias for callers that used the previous public API. */\n\tpublic reset(): void {\n\t\tthis.resetForm()\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowError() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name ?? ''}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\taria-activedescendant=${ifDefined(this.focusedOptionId || undefined)}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\t.size=${this.size}\n\t\t\t\t\t.readonly=${true}\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis.userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.options$.next(this.options)\n\t\t\t\t\t\t\t// Sync selection state when options re-render\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\n// Don't export 'select' here as it conflicts with the store's select decorator\n// export const select = SchmancySelect\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"mappings":"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"}