@mhmo91/schmancy 0.9.4 → 0.9.6

package/dist/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../src/dialog/dialog-base.mixin.ts","../src/dialog/dialog.component.ts"],"sourcesContent":["import { autoPlacement, autoUpdate, computePosition, offset, shift, size } from '@floating-ui/dom'\nimport { LitElement } from 'lit'\nimport { distinctUntilChanged, filter, fromEvent, map, merge, Subject, takeUntil, tap } from 'rxjs'\nimport type { Constructor } from '../../mixins/constructor'\nimport type { IBaseMixin } from '../../mixins/baseElement'\nimport {\n\tBLACKBIRD_EASING,\n\tDURATION_ENTER,\n\tDURATION_EXIT,\n\tDURATION_BACKDROP,\n\tEASE_OUT,\n\tEASE_IN,\n} from '../utils/animation'\nimport { reducedMotion$ } from '../directives/reduced-motion'\n\n// Mobile breakpoint - matches Tailwind's sm breakpoint\nconst MOBILE_BREAKPOINT = 640\n\n// Tablet breakpoint\nconst TABLET_BREAKPOINT = 1024\n\n/**\n * Fraction of viewport a dialog can occupy before converting to bottom sheet.\n * Tablet (640–1024px): 60% — tighter screens benefit from bottom sheet sooner.\n * Desktop (>1024px):   80% — plenty of room, keep floating longer.\n */\nfunction largeContentThreshold(): number {\n\treturn window.innerWidth < TABLET_BREAKPOINT ? 0.6 : 0.8\n}\n\nexport interface DialogPosition {\n\tx: number\n\ty: number\n}\n\nexport interface VirtualReference {\n\tgetBoundingClientRect: () => DOMRect\n}\n\n/**\n * Interface for the DialogBase mixin methods\n */\nexport interface IDialogBaseMixin {\n\tposition: DialogPosition\n\tisMobile: boolean\n\tdragOffset: number\n\tshow(positionOrEvent?: DialogPosition | MouseEvent | TouchEvent): Promise<boolean>\n\thide(result?: boolean): Promise<void>\n\tisCentered(): boolean\n\tisAnimating(): boolean\n}\n\n/**\n * Dialog mixin with smart positioning using Floating UI.\n *\n * On mobile (< 640px), automatically switches to bottom sheet mode\n * with swipe-to-dismiss gesture. On tablet/desktop, if content exceeds\n * a viewport-dependent threshold, also opens as bottom sheet.\n */\nexport const DialogBase = <T extends Constructor<LitElement & IBaseMixin>>(superClass: T) => {\n\tclass DialogBaseClass extends superClass {\n\t\tposition: DialogPosition = { x: 0, y: 0 }\n\t\tisMobile = false\n\t\tdragOffset = 0\n\n\t\tprotected resolvePromise?: (value: boolean) => void\n\t\tprotected cleanupAutoUpdate?: () => void\n\t\tprotected virtualReference?: VirtualReference\n\n\t\t// Subject to signal when to stop swipe gesture stream\n\t\tprivate readonly stopSwipe$ = new Subject<void>()\n\n\t\t// Focus trap state\n\t\tprivate lastFocusedElement: Element | null = null\n\t\tprivate inertSiblings: HTMLElement[] = []\n\n\t\t// Animation guard\n\t\tprivate animating = false\n\n\t\t/**\n\t\t * Check if the dialog is currently animating\n\t\t */\n\t\tisAnimating(): boolean {\n\t\t\treturn this.animating\n\t\t}\n\n\t\t/**\n\t\t * Override in subclass to return the dialog element\n\t\t */\n\t\tprotected getDialogElement(): HTMLElement | null {\n\t\t\treturn null\n\t\t}\n\n\t\t/**\n\t\t * Override in subclass to return the backdrop element for animations\n\t\t */\n\t\tprotected getBackdropElement(): HTMLElement | null {\n\t\t\treturn null\n\t\t}\n\n\t\t/**\n\t\t * Override in subclass to return the drag handle element for swipe gestures\n\t\t */\n\t\tprotected getDragHandleElement(): HTMLElement | null {\n\t\t\treturn null\n\t\t}\n\n\t\tconnectedCallback(): void {\n\t\t\tsuper.connectedCallback()\n\t\t\tthis.setupResizeListener()\n\t\t}\n\n\t\t/**\n\t\t * Listen for resize to switch between mobile/desktop modes\n\t\t */\n\t\tprivate setupResizeListener(): void {\n\t\t\tfromEvent(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(() => window.innerWidth < MOBILE_BREAKPOINT),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\tfilter(() => this.hasAttribute('active')),\n\t\t\t\t\ttap(isMobile => {\n\t\t\t\t\t\tif (this.isMobile !== isMobile) {\n\t\t\t\t\t\t\tthis.isMobile = isMobile\n\t\t\t\t\t\t\tthis.requestUpdate()\n\t\t\t\t\t\t\tconst dialog = this.getDialogElement()\n\t\t\t\t\t\t\tif (dialog) {\n\t\t\t\t\t\t\t\tif (isMobile) {\n\t\t\t\t\t\t\t\t\tthis.applyBottomSheetStyles(dialog)\n\t\t\t\t\t\t\t\t\tthis.setupSwipeGesture(dialog)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tthis.stopSwipe$.next()\n\t\t\t\t\t\t\t\t\tthis.setupPositioning()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t)\n\t\t\t\t.subscribe()\n\t\t}\n\n\t\t/**\n\t\t * Setup RxJS-based swipe gesture for dialog\n\t\t */\n\t\tprivate setupSwipeGesture(dialog: HTMLElement): void {\n\t\t\t// Stop any existing swipe gesture\n\t\t\tthis.stopSwipe$.next()\n\n\t\t\tlet dragStartY = 0\n\t\t\tlet isDragging = false\n\t\t\tlet currentY = 0\n\n\t\t\tconst dragHandle = this.getDragHandleElement()\n\t\t\tconst dragTarget = dragHandle || dialog\n\n\t\t\tconst touchStart$ = fromEvent<TouchEvent>(dragTarget, 'touchstart', { passive: true }).pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst touch = e.touches[0]\n\t\t\t\t\tconst rect = dialog.getBoundingClientRect()\n\t\t\t\t\tconst touchY = touch.clientY - rect.top\n\n\t\t\t\t\t// Only allow drag from top 80px or drag handle\n\t\t\t\t\tif (touchY > 80 && !dragHandle) return\n\n\t\t\t\t\tisDragging = true\n\t\t\t\t\tdragStartY = touch.clientY\n\t\t\t\t\tcurrentY = 0\n\t\t\t\t\tthis.dragOffset = 0\n\n\t\t\t\t\t// Disable transitions for immediate feedback\n\t\t\t\t\tdialog.style.transition = 'none'\n\t\t\t\t\tdialog.style.willChange = 'transform'\n\t\t\t\t}),\n\t\t\t)\n\n\t\t\tconst touchMove$ = fromEvent<TouchEvent>(dialog, 'touchmove', { passive: false }).pipe(\n\t\t\t\tfilter(() => isDragging),\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst touch = e.touches[0]\n\t\t\t\t\tconst deltaY = touch.clientY - dragStartY\n\n\t\t\t\t\t// Rubber-band effect for upward drag\n\t\t\t\t\tif (deltaY < 0) {\n\t\t\t\t\t\tcurrentY = deltaY * 0.2\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcurrentY = deltaY\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.dragOffset = Math.max(0, deltaY)\n\n\t\t\t\t\t// Direct DOM update - 1:1 tracking\n\t\t\t\t\tdialog.style.transform = `translateY(${currentY}px)`\n\n\t\t\t\t\te.preventDefault()\n\t\t\t\t}),\n\t\t\t)\n\n\t\t\tconst touchEnd$ = merge(\n\t\t\t\tfromEvent<TouchEvent>(dialog, 'touchend', { passive: true }),\n\t\t\t\tfromEvent<TouchEvent>(dialog, 'touchcancel', { passive: true }),\n\t\t\t).pipe(\n\t\t\t\tfilter(() => isDragging),\n\t\t\t\ttap(() => {\n\t\t\t\t\tisDragging = false\n\n\t\t\t\t\t// Re-enable transitions for snap animation\n\t\t\t\t\tdialog.style.transition = 'transform 0.3s cubic-bezier(0.16, 1, 0.3, 1)'\n\t\t\t\t\tdialog.style.willChange = ''\n\n\t\t\t\t\tconst dialogHeight = dialog.getBoundingClientRect().height\n\t\t\t\t\tconst threshold = Math.min(100, dialogHeight * 0.25)\n\n\t\t\t\t\tif (this.dragOffset > threshold) {\n\t\t\t\t\t\t// Dismiss - animate out\n\t\t\t\t\t\tdialog.style.transform = 'translateY(100%)'\n\t\t\t\t\t\tthis.hide(false)\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Snap back\n\t\t\t\t\t\tdialog.style.transform = 'translateY(0)'\n\t\t\t\t\t\tthis.dragOffset = 0\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\n\t\t\t// Merge all touch streams and subscribe\n\t\t\tmerge(touchStart$, touchMove$, touchEnd$)\n\t\t\t\t.pipe(takeUntil(merge(this.stopSwipe$, this.disconnecting)))\n\t\t\t\t.subscribe()\n\t\t}\n\n\t\t/**\n\t\t * Apply bottom sheet styles for mobile\n\t\t */\n\t\tprivate applyBottomSheetStyles(dialog: HTMLElement): void {\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\n\t\t\tObject.assign(dialog.style, {\n\t\t\t\tposition: '',\n\t\t\t\tleft: '',\n\t\t\t\ttop: '',\n\t\t\t\ttransform: '',\n\t\t\t\tmaxWidth: '',\n\t\t\t})\n\t\t}\n\n\t\t/**\n\t\t * Show the dialog at a specific position\n\t\t */\n\t\tasync show(positionOrEvent?: DialogPosition | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\n\t\t\tthis.isMobile = window.innerWidth < MOBILE_BREAKPOINT\n\n\t\t\tlet x: number, y: number\n\n\t\t\tif (!positionOrEvent) {\n\t\t\t\tx = window.innerWidth / 2\n\t\t\t\ty = window.innerHeight / 2\n\t\t\t} else if ('clientX' in positionOrEvent) {\n\t\t\t\tx = positionOrEvent.clientX\n\t\t\t\ty = positionOrEvent.clientY\n\t\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t\t} else {\n\t\t\t\tconst pos = positionOrEvent as DialogPosition\n\t\t\t\tx = pos.x\n\t\t\t\ty = pos.y\n\t\t\t}\n\n\t\t\tthis.position = { x, y }\n\n\t\t\tthis.virtualReference = {\n\t\t\t\tgetBoundingClientRect: () => new DOMRect(x, y, 0, 0),\n\t\t\t}\n\n\t\t\tthis.requestUpdate()\n\t\t\tawait this.updateComplete\n\n\t\t\tthis.setAttribute('active', '')\n\t\t\tawait this.updateComplete\n\n\t\t\t// Save focus and set siblings to inert for focus trap\n\t\t\tthis.lastFocusedElement = document.activeElement\n\t\t\tconst parent = this.parentElement\n\t\t\tif (parent) {\n\t\t\t\tthis.inertSiblings = []\n\t\t\t\tfor (let i = 0; i < parent.children.length; i++) {\n\t\t\t\t\tconst sibling = parent.children[i] as HTMLElement\n\t\t\t\t\tif (sibling !== this && 'inert' in sibling) {\n\t\t\t\t\t\tsibling.inert = true\n\t\t\t\t\t\tthis.inertSiblings.push(sibling)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Escape key listener\n\t\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter(e => e.key === 'Escape'),\n\t\t\t\t\ttap(e => {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.hide(false)\n\t\t\t\t\t}),\n\t\t\t\t\ttakeUntil(merge(this.stopSwipe$, this.disconnecting)),\n\t\t\t\t)\n\t\t\t\t.subscribe()\n\n\t\t\tconst dialog = this.getDialogElement()\n\n\t\t\t// If content exceeds viewport threshold on desktop, treat as bottom sheet\n\t\t\tconst threshold = largeContentThreshold()\n\t\t\tif (\n\t\t\t\t!this.isMobile &&\n\t\t\t\tdialog &&\n\t\t\t\t(dialog.scrollHeight > window.innerHeight * threshold ||\n\t\t\t\t\tdialog.scrollWidth > window.innerWidth * threshold)\n\t\t\t) {\n\t\t\t\tthis.isMobile = true\n\t\t\t\tthis.requestUpdate()\n\t\t\t\tawait this.updateComplete\n\t\t\t}\n\n\t\t\tif (this.isMobile) {\n\t\t\t\tif (dialog) {\n\t\t\t\t\tthis.applyBottomSheetStyles(dialog)\n\t\t\t\t\tthis.setupSwipeGesture(dialog)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.setupPositioning()\n\t\t\t}\n\n\t\t\tthis.animating = true\n\t\t\tawait this.animateIn()\n\t\t\tthis.animating = false\n\n\t\t\treturn new Promise<boolean>(resolve => {\n\t\t\t\tthis.resolvePromise = resolve\n\t\t\t})\n\t\t}\n\n\t\t/**\n\t\t * Animate dialog entrance\n\t\t */\n\t\tprivate async animateIn(): Promise<void> {\n\t\t\tconst dialog = this.getDialogElement()\n\t\t\tconst backdrop = this.getBackdropElement()\n\n\t\t\tif (reducedMotion$.value) {\n\t\t\t\tif (backdrop) backdrop.style.opacity = '1'\n\t\t\t\tif (dialog) dialog.style.opacity = '1'\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tbackdrop?.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\tduration: DURATION_BACKDROP,\n\t\t\t\teasing: EASE_OUT,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\n\t\t\tif (dialog) {\n\t\t\t\tconst animation = this.isMobile\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{ opacity: 0, transform: 'translateY(100%)' },\n\t\t\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t\t\t]\n\t\t\t\t\t: [\n\t\t\t\t\t\t\t{ opacity: 0, transform: 'scale(0.92) translateY(16px)' },\n\t\t\t\t\t\t\t{ opacity: 1, transform: 'scale(1) translateY(0)' },\n\t\t\t\t\t\t]\n\n\t\t\t\tawait dialog.animate(animation, {\n\t\t\t\t\tduration: DURATION_ENTER,\n\t\t\t\t\teasing: BLACKBIRD_EASING,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t}).finished\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Animate dialog exit\n\t\t */\n\t\tprivate async animateOut(): Promise<void> {\n\t\t\tconst dialog = this.getDialogElement()\n\t\t\tconst backdrop = this.getBackdropElement()\n\n\t\t\tif (reducedMotion$.value) {\n\t\t\t\tif (backdrop) backdrop.style.opacity = '0'\n\t\t\t\tif (dialog) dialog.style.opacity = '0'\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst animations: Promise<Animation>[] = []\n\n\t\t\tif (backdrop) {\n\t\t\t\tanimations.push(\n\t\t\t\t\tbackdrop.animate([{ opacity: 1 }, { opacity: 0 }], {\n\t\t\t\t\t\tduration: DURATION_EXIT,\n\t\t\t\t\t\teasing: EASE_OUT,\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t}).finished,\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tif (dialog) {\n\t\t\t\tconst animation = this.isMobile\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t\t\t\t{ opacity: 0, transform: 'translateY(100%)' },\n\t\t\t\t\t\t]\n\t\t\t\t\t: [\n\t\t\t\t\t\t\t{ opacity: 1, transform: 'scale(1) translateY(0)' },\n\t\t\t\t\t\t\t{ opacity: 0, transform: 'scale(0.95) translateY(8px)' },\n\t\t\t\t\t\t]\n\n\t\t\t\tanimations.push(\n\t\t\t\t\tdialog.animate(animation, {\n\t\t\t\t\t\tduration: DURATION_EXIT,\n\t\t\t\t\t\teasing: EASE_IN,\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t}).finished,\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tawait Promise.all(animations)\n\t\t}\n\n\t\t/**\n\t\t * Hide the dialog\n\t\t */\n\t\tasync hide(result = false): Promise<void> {\n\t\t\tthis.stopSwipe$.next()\n\n\t\t\tthis.animating = true\n\t\t\tawait this.animateOut()\n\t\t\tthis.animating = false\n\n\t\t\tthis.removeAttribute('active')\n\n\t\t\t// Restore inert siblings\n\t\t\tfor (const el of this.inertSiblings) {\n\t\t\t\tel.inert = false\n\t\t\t}\n\t\t\tthis.inertSiblings = []\n\n\t\t\t// Restore focus\n\t\t\tif (this.lastFocusedElement) {\n\t\t\t\tconst el = this.lastFocusedElement as HTMLElement\n\t\t\t\tif (typeof el.focus === 'function') {\n\t\t\t\t\tel.focus()\n\t\t\t\t}\n\t\t\t\tthis.lastFocusedElement = null\n\t\t\t}\n\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\n\t\t\tif (this.resolvePromise) {\n\t\t\t\tthis.resolvePromise(result)\n\t\t\t\tthis.resolvePromise = undefined\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Check if position is near center (only skip Floating UI for truly centered dialogs)\n\t\t */\n\t\tisCentered(): boolean {\n\t\t\t// Use tight tolerance (5%) - only skip Floating UI when position is very close to center\n\t\t\tconst toleranceX = window.innerWidth * 0.05\n\t\t\tconst toleranceY = window.innerHeight * 0.05\n\n\t\t\treturn (\n\t\t\t\tMath.abs(this.position.x - window.innerWidth / 2) < toleranceX &&\n\t\t\t\tMath.abs(this.position.y - window.innerHeight / 2) < toleranceY\n\t\t\t)\n\t\t}\n\n\t\t/**\n\t\t * Setup Floating UI positioning for desktop\n\t\t */\n\t\tprivate setupPositioning(): void {\n\t\t\tconst dialog = this.getDialogElement()\n\t\t\tif (!dialog) return\n\n\t\t\tif (this.isCentered()) return\n\n\t\t\tif (this.virtualReference) {\n\t\t\t\tthis.cleanupAutoUpdate = autoUpdate(\n\t\t\t\t\tthis.virtualReference,\n\t\t\t\t\tdialog,\n\t\t\t\t\t() => this.updatePosition(dialog),\n\t\t\t\t\t{\n\t\t\t\t\t\tancestorScroll: true,\n\t\t\t\t\t\tancestorResize: true,\n\t\t\t\t\t\telementResize: true,\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t\tthis.updatePosition(dialog)\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Update position using Floating UI\n\t\t */\n\t\tprivate async updatePosition(dialog: HTMLElement): Promise<void> {\n\t\t\tif (!this.virtualReference) return\n\n\t\t\tconst padding = 16\n\n\t\t\tconst { x, y } = await computePosition(this.virtualReference, dialog, {\n\t\t\t\tstrategy: 'fixed',\n\t\t\t\tmiddleware: [\n\t\t\t\t\toffset(8),\n\t\t\t\t\tautoPlacement({\n\t\t\t\t\t\tpadding,\n\t\t\t\t\t\tallowedPlacements: [\n\t\t\t\t\t\t\t'top-start',\n\t\t\t\t\t\t\t'top-end',\n\t\t\t\t\t\t\t'bottom-start',\n\t\t\t\t\t\t\t'bottom-end',\n\t\t\t\t\t\t\t'left-start',\n\t\t\t\t\t\t\t'left-end',\n\t\t\t\t\t\t\t'right-start',\n\t\t\t\t\t\t\t'right-end',\n\t\t\t\t\t\t],\n\t\t\t\t\t}),\n\t\t\t\t\tshift({ padding }),\n\t\t\t\t\tsize({\n\t\t\t\t\t\tpadding,\n\t\t\t\t\t\tapply({ availableWidth, elements }) {\n\t\t\t\t\t\t\telements.floating.style.maxWidth = `${availableWidth}px`\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t],\n\t\t\t})\n\n\t\t\tObject.assign(dialog.style, {\n\t\t\t\tposition: 'fixed',\n\t\t\t\tleft: `${Math.round(x)}px`,\n\t\t\t\ttop: `${Math.round(y)}px`,\n\t\t\t\ttransform: 'none',\n\t\t\t})\n\t\t}\n\n\t\tdisconnectedCallback(): void {\n\t\t\tthis.stopSwipe$.next()\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\n\treturn DialogBaseClass as Constructor<IDialogBaseMixin> & T\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { cursorGlow } from '../directives/cursor-glow'\nimport { createRef, ref, type Ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent, tap } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\nimport { DialogBase } from './dialog-base.mixin'\nimport { DialogHereMorty, DialogWhereAreYouRicky, DialogWhereAreYouRickyEvent } from './dialog-events'\n\n/**\n * Unified dialog component that handles both content-only and confirm modes.\n *\n * @element schmancy-dialog\n * @slot default - Content slot for dialog body (used in content mode)\n * @slot content - Named slot for custom content in confirm mode\n *\n * @example Content mode (no buttons):\n * ```html\n * <schmancy-dialog>\n *   <my-custom-content></my-custom-content>\n * </schmancy-dialog>\n * ```\n *\n * @example Confirm mode (with buttons):\n * ```html\n * <schmancy-dialog\n *   title=\"Confirm Action\"\n *   message=\"Are you sure?\"\n *   confirm-text=\"Yes\"\n *   cancel-text=\"No\"\n * ></schmancy-dialog>\n * ```\n */\n@customElement('schmancy-dialog')\nexport class SchmancyDialog extends DialogBase(\n\t$LitElement(css`\n\t\t:host {\n\t\t\tposition: fixed;\n\t\t\tz-index: var(--schmancy-overlay-z, 10000);\n\t\t\tinset: 0;\n\t\t\tdisplay: none;\n\t\t\t--dialog-width: fit-content;\n\t\t}\n\n\t\t:host([active]) {\n\t\t\tdisplay: block;\n\t\t}\n\n\n\t\t/* Luminous glow around the dialog container */\n\t\t.dialog {\n\t\t\tbox-shadow: 0 8px 40px -8px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent);\n\t\t\tborder-radius: var(--schmancy-sys-shape-corner-large);\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t.dialog { box-shadow: var(--schmancy-sys-elevation-2); }\n\t\t}\n\t`),\n) {\n\t/**\n\t * Unique identifier for the dialog instance\n\t */\n\t@property({ type: String, reflect: true }) uid!: string\n\n\t/**\n\t * Dialog title (enables confirm mode when set)\n\t */\n\t@property({ type: String }) title: string | undefined = undefined\n\n\t/**\n\t * Dialog subtitle\n\t */\n\t@property({ type: String }) subtitle: string | undefined = undefined\n\n\t/**\n\t * Dialog message\n\t */\n\t@property({ type: String }) message: string | undefined = undefined\n\n\t/**\n\t * Text for confirm button (enables confirm mode when set with cancelText)\n\t */\n\t@property({ type: String, attribute: 'confirm-text' }) confirmText: string | undefined = undefined\n\n\t/**\n\t * Text for cancel button\n\t */\n\t@property({ type: String, attribute: 'cancel-text' }) cancelText: string | undefined = undefined\n\n\t/**\n\t * Dialog variant (affects button colors in confirm mode)\n\t */\n\t@property({ type: String }) variant: 'default' | 'danger' = 'default'\n\n\t/**\n\t * Whether to hide action buttons (force content mode)\n\t */\n\t@property({ type: Boolean, attribute: 'hide-actions' }) hideActions = false\n\n\t/**\n\t * Slotted children in the named \"content\" slot (confirm mode custom content)\n\t */\n\t@queryAssignedElements({ slot: 'content', flatten: true })\n\tprivate _contentSlotElements!: HTMLElement[]\n\n\t/**\n\t * Ref to the confirm mode wrapper div\n\t */\n\tprivate _confirmDialogRef: Ref<HTMLElement> = createRef()\n\n\t/**\n\t * Ref to the content mode section element\n\t */\n\tprivate _contentDialogRef: Ref<HTMLElement> = createRef()\n\n\t/**\n\t * Ref to the backdrop element for animations\n\t */\n\tprivate _backdropRef: Ref<HTMLElement> = createRef()\n\n\t/**\n\t * Ref to the drag handle element for swipe gestures\n\t */\n\tprivate _dragHandleRef: Ref<HTMLElement> = createRef()\n\n\t/**\n\t * Return the dialog element for positioning/size measurement.\n\t * In content mode, returns the first slotted child (the actual component).\n\t * In confirm mode, returns the wrapper div.\n\t */\n\tprotected getDialogElement(): HTMLElement | null {\n\t\t// Content mode: use the section wrapper (slotted content may be display:contents)\n\t\tif (this._contentDialogRef.value) return this._contentDialogRef.value\n\t\t// Confirm mode: use the wrapper div\n\t\treturn this._confirmDialogRef.value ?? null\n\t}\n\n\t/**\n\t * Return the backdrop element for animations\n\t */\n\tprotected getBackdropElement(): HTMLElement | null {\n\t\treturn this._backdropRef.value ?? null\n\t}\n\n\t/**\n\t * Return the drag handle element for swipe gestures\n\t */\n\tprotected getDragHandleElement(): HTMLElement | null {\n\t\treturn this._dragHandleRef.value ?? null\n\t}\n\n\t/**\n\t * Check if dialog is in confirm mode (has buttons)\n\t */\n\tprivate get isConfirmMode(): boolean {\n\t\tif (this.hideActions) return false\n\t\treturn !!(this.confirmText?.trim() && this.cancelText?.trim())\n\t}\n\n\t/**\n\t * Handle component connection to DOM\n\t */\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\t// Listen for \"where are you ricky\" events\n\t\tfromEvent<DialogWhereAreYouRickyEvent>(window, DialogWhereAreYouRicky)\n\t\t\t.pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\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\t/**\n\t * Announce this dialog's presence to the service\n\t */\n\tprivate announcePresence(): void {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(DialogHereMorty, {\n\t\t\t\tdetail: { dialog: this },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle confirm action\n\t */\n\tprivate handleConfirm(): void {\n\t\tthis.hide(true)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('confirm', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle cancel/close action\n\t */\n\tprivate handleClose(): void {\n\t\tif (this.isAnimating()) return\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(this.isConfirmMode ? 'cancel' : 'close', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Render drag handle for mobile bottom sheet\n\t */\n\tprivate renderDragHandle() {\n\t\treturn html`\n\t\t\t<div ${ref(this._dragHandleRef)} class=\"dialog-drag-handle flex justify-center pt-2 pb-1 cursor-grab active:cursor-grabbing touch-none\">\n\t\t\t\t<div class=\"w-10 h-1 rounded-full bg-outline-variant\"></div>\n\t\t\t</div>\n\t\t`\n\t}\n\n\trender() {\n\t\tconst isCentered = this.isCentered()\n\t\tconst hasCustomContent = this._contentSlotElements?.length > 0\n\n\t\t// Mobile bottom sheet classes\n\t\tconst mobileDialogClasses = {\n\t\t\tdialog: true,\n\t\t\tfixed: true,\n\t\t\t'inset-x-0': true,\n\t\t\t'bottom-0': true,\n\t\t\t'w-full': true,\n\t\t\t'max-h-[90dvh]': true,\n\t\t\t'overflow-hidden': true,\n\t\t\t// Safe area padding for notched devices\n\t\t\t'pb-[env(safe-area-inset-bottom)]': true,\n\t\t}\n\n\t\t// Desktop dialog classes\n\t\tconst desktopDialogClasses = {\n\t\t\tdialog: true,\n\t\t\tfixed: true,\n\t\t\t'w-[var(--dialog-width)]': true,\n\t\t\t'max-w-[calc(100vw-2rem)]': true,\n\t\t\t'max-h-[90dvh]': true,\n\t\t\t'overflow-hidden': true,\n\t\t\t'top-1/2': isCentered,\n\t\t\t'left-1/2': isCentered,\n\t\t\t'-translate-x-1/2': isCentered,\n\t\t\t'-translate-y-1/2': isCentered,\n\t\t}\n\n\t\tconst dialogClasses = this.isMobile ? mobileDialogClasses : desktopDialogClasses\n\n\t\t// Button classes - stack vertically on mobile\n\t\tconst buttonContainerClasses = this.isMobile\n\t\t\t? 'flex flex-col-reverse gap-2 w-full'\n\t\t\t: 'flex justify-end gap-3'\n\n\t\t// Confirm mode: with title/buttons\n\t\tif (this.isConfirmMode) {\n\t\t\treturn html`\n\t\t\t\t<div ${ref(this._backdropRef)} class=\"fixed inset-0 bg-surface-container/10 backdrop-blur-lg backdrop-saturate-150 backdrop-brightness-105\" @click=${this.handleClose}></div>\n\n\t\t\t\t<div ${ref(this._confirmDialogRef)} class=${this.classMap(dialogClasses)} role=\"alertdialog\" aria-modal=\"true\">\n\t\t\t\t\t<schmancy-surface\n\t\t\t\t\t\t${cursorGlow({ radius: 250, intensity: 0.1 })}\n\t\t\t\t\t\trounded=${this.isMobile ? 'top' : 'all'}\n\t\t\t\t\t\ttype=\"glass\"\n\t\t\t\t\t\tfill=\"all\"\n\t\t\t\t\t\tclass=\"overflow-hidden\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.isMobile ? this.renderDragHandle() : null}\n\t\t\t\t\t\t<schmancy-scroll direction=\"vertical\" hide class=\"p-4 pt-2\">\n\t\t\t\t\t\t\t<schmancy-form @submit=${this.handleConfirm}>\n\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\tthis.title?.trim(),\n\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\" class=\"mb-1\">${this.title}</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\t\t\tthis.subtitle?.trim(),\n\t\t\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"subtitle\" token=\"xs\" class=\"mb-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t${this.subtitle}\n\t\t\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t${hasCustomContent\n\t\t\t\t\t\t\t\t\t? html`<div class=\"mb-4\"><slot name=\"content\"></slot></div>`\n\t\t\t\t\t\t\t\t\t: when(\n\t\t\t\t\t\t\t\t\t\t\tthis.message?.trim(),\n\t\t\t\t\t\t\t\t\t\t\t() => html`<schmancy-typography type=\"body\" class=\"mb-4\">${this.message}</schmancy-typography>`,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div class=${buttonContainerClasses}>\n\t\t\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\t\t\t@click=${this.handleClose}\n\t\t\t\t\t\t\t\t\t\tclass=${this.isMobile ? 'w-full' : ''}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t${this.cancelText}\n\t\t\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\t\tvariant=\"filled\"\n\t\t\t\t\t\t\t\t\t\tclass=${this.isMobile ? 'w-full' : ''}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t${this.confirmText}\n\t\t\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</schmancy-form>\n\t\t\t\t\t\t</schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</div>\n\t\t\t`\n\t\t}\n\n\t\t// Content mode: minimal, just slot\n\t\treturn html`\n\t\t\t<div ${ref(this._backdropRef)} class=\"fixed inset-0 bg-surface-container/10 backdrop-blur-lg backdrop-saturate-150 backdrop-brightness-105\" @click=${this.handleClose}></div>\n\n\t\t\t<section ${ref(this._contentDialogRef)} class=${this.classMap(dialogClasses)} role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface ${cursorGlow({ radius: 250, intensity: 0.1 })} rounded=${this.isMobile ? 'top' : 'all'} type=\"glass\" fill=\"all\">\n\t\t\t\t\t${this.isMobile ? this.renderDragHandle() : null}\n\t\t\t\t\t<schmancy-scroll direction=\"vertical\" hide class=\"max-h-[85dvh]\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</schmancy-scroll>\n\t\t\t\t</schmancy-surface>\n\t\t\t</section>\n\t\t`\n\t}\n\n\t/**\n\t * Static helper for confirm dialogs\n\t */\n\tstatic async confirm(options: {\n\t\ttitle?: string\n\t\tsubtitle?: string\n\t\tmessage?: string\n\t\tconfirmText?: string\n\t\tcancelText?: string\n\t\tvariant?: 'default' | 'danger'\n\t\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\t\twidth?: string\n\t}): Promise<boolean> {\n\t\tlet dialog = document.querySelector('schmancy-dialog[data-static-confirm]') as SchmancyDialog\n\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('schmancy-dialog') as SchmancyDialog\n\t\t\tdialog.setAttribute('data-static-confirm', '')\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set options\n\t\tdialog.title = options.title\n\t\tdialog.subtitle = options.subtitle\n\t\tdialog.message = options.message\n\t\tdialog.confirmText = options.confirmText ?? 'Confirm'\n\t\tdialog.cancelText = options.cancelText ?? 'Cancel'\n\t\tdialog.variant = options.variant ?? 'default'\n\t\tif (options.width) dialog.style.setProperty('--dialog-width', options.width)\n\n\t\treturn dialog.show(options.position)\n\t}\n\n\t/**\n\t * Simple shorthand - just pass message and optionally an event\n\t */\n\tstatic async ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n}\n\n// Alias for backward compatibility\nexport { SchmancyDialog as ConfirmDialog }\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dialog': SchmancyDialog\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../src/dialog/dialog-base.mixin.ts","../src/dialog/dialog.component.ts"],"sourcesContent":["import { autoPlacement, autoUpdate, computePosition, offset, shift, size } from '@floating-ui/dom'\nimport { LitElement } from 'lit'\nimport { distinctUntilChanged, filter, fromEvent, map, merge, Subject, takeUntil, tap } from 'rxjs'\nimport type { Constructor } from '../../mixins/constructor'\nimport type { IBaseMixin } from '../../mixins/baseElement'\nimport {\n\tBLACKBIRD_EASING,\n\tDURATION_ENTER,\n\tDURATION_EXIT,\n\tDURATION_BACKDROP,\n\tEASE_OUT,\n\tEASE_IN,\n} from '../utils/animation'\nimport { reducedMotion$ } from '../directives/reduced-motion'\n\n// Mobile breakpoint - matches Tailwind's sm breakpoint\nconst MOBILE_BREAKPOINT = 640\n\n// Tablet breakpoint\nconst TABLET_BREAKPOINT = 1024\n\n/**\n * Fraction of viewport a dialog can occupy before converting to bottom sheet.\n * Tablet (640–1024px): 60% — tighter screens benefit from bottom sheet sooner.\n * Desktop (>1024px):   80% — plenty of room, keep floating longer.\n */\nfunction largeContentThreshold(): number {\n\treturn window.innerWidth < TABLET_BREAKPOINT ? 0.6 : 0.8\n}\n\nexport interface DialogPosition {\n\tx: number\n\ty: number\n}\n\nexport interface VirtualReference {\n\tgetBoundingClientRect: () => DOMRect\n}\n\n/**\n * Interface for the DialogBase mixin methods\n */\nexport interface IDialogBaseMixin {\n\tposition: DialogPosition\n\tisMobile: boolean\n\tdragOffset: number\n\tshow(positionOrEvent?: DialogPosition | MouseEvent | TouchEvent): Promise<boolean>\n\thide(result?: boolean): Promise<void>\n\tisCentered(): boolean\n\tisAnimating(): boolean\n}\n\n/**\n * Dialog mixin with smart positioning using Floating UI.\n *\n * On mobile (< 640px), automatically switches to bottom sheet mode\n * with swipe-to-dismiss gesture. On tablet/desktop, if content exceeds\n * a viewport-dependent threshold, also opens as bottom sheet.\n */\nexport const DialogBase = <T extends Constructor<LitElement & IBaseMixin>>(superClass: T) => {\n\tclass DialogBaseClass extends superClass {\n\t\tposition: DialogPosition = { x: 0, y: 0 }\n\t\tisMobile = false\n\t\tdragOffset = 0\n\n\t\tprotected resolvePromise?: (value: boolean) => void\n\t\tprotected cleanupAutoUpdate?: () => void\n\t\tprotected virtualReference?: VirtualReference\n\n\t\t// Subject to signal when to stop swipe gesture stream\n\t\tprivate readonly stopSwipe$ = new Subject<void>()\n\n\t\t// Focus trap state\n\t\tprivate lastFocusedElement: Element | null = null\n\t\tprivate inertSiblings: HTMLElement[] = []\n\n\t\t// Animation guard\n\t\tprivate animating = false\n\n\t\t/** ElementInternals — used for broadcasting `:state(open)` to consumers. */\n\t\tprotected dialogInternals: ElementInternals | undefined = (() => {\n\t\t\ttry {\n\t\t\t\treturn this.attachInternals()\n\t\t\t} catch {\n\t\t\t\treturn undefined\n\t\t\t}\n\t\t})()\n\n\t\t/**\n\t\t * Check if the dialog is currently animating\n\t\t */\n\t\tisAnimating(): boolean {\n\t\t\treturn this.animating\n\t\t}\n\n\t\t/**\n\t\t * Override in subclass to return the dialog element\n\t\t */\n\t\tprotected getDialogElement(): HTMLElement | null {\n\t\t\treturn null\n\t\t}\n\n\t\t/**\n\t\t * Override in subclass to return the backdrop element for animations\n\t\t */\n\t\tprotected getBackdropElement(): HTMLElement | null {\n\t\t\treturn null\n\t\t}\n\n\t\t/**\n\t\t * Override in subclass to return the drag handle element for swipe gestures\n\t\t */\n\t\tprotected getDragHandleElement(): HTMLElement | null {\n\t\t\treturn null\n\t\t}\n\n\t\tconnectedCallback(): void {\n\t\t\tsuper.connectedCallback()\n\t\t\tthis.setupResizeListener()\n\t\t}\n\n\t\t/**\n\t\t * Listen for resize to switch between mobile/desktop modes\n\t\t */\n\t\tprivate setupResizeListener(): void {\n\t\t\tfromEvent(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(() => window.innerWidth < MOBILE_BREAKPOINT),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\tfilter(() => this.hasAttribute('active')),\n\t\t\t\t\ttap(isMobile => {\n\t\t\t\t\t\tif (this.isMobile !== isMobile) {\n\t\t\t\t\t\t\tthis.isMobile = isMobile\n\t\t\t\t\t\t\tthis.requestUpdate()\n\t\t\t\t\t\t\tconst dialog = this.getDialogElement()\n\t\t\t\t\t\t\tif (dialog) {\n\t\t\t\t\t\t\t\tif (isMobile) {\n\t\t\t\t\t\t\t\t\tthis.applyBottomSheetStyles(dialog)\n\t\t\t\t\t\t\t\t\tthis.setupSwipeGesture(dialog)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tthis.stopSwipe$.next()\n\t\t\t\t\t\t\t\t\tthis.setupPositioning()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t)\n\t\t\t\t.subscribe()\n\t\t}\n\n\t\t/**\n\t\t * Setup RxJS-based swipe gesture for dialog\n\t\t */\n\t\tprivate setupSwipeGesture(dialog: HTMLElement): void {\n\t\t\t// Stop any existing swipe gesture\n\t\t\tthis.stopSwipe$.next()\n\n\t\t\tlet dragStartY = 0\n\t\t\tlet isDragging = false\n\t\t\tlet currentY = 0\n\n\t\t\tconst dragHandle = this.getDragHandleElement()\n\t\t\tconst dragTarget = dragHandle || dialog\n\n\t\t\tconst touchStart$ = fromEvent<TouchEvent>(dragTarget, 'touchstart', { passive: true }).pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst touch = e.touches[0]\n\t\t\t\t\tconst rect = dialog.getBoundingClientRect()\n\t\t\t\t\tconst touchY = touch.clientY - rect.top\n\n\t\t\t\t\t// Only allow drag from top 80px or drag handle\n\t\t\t\t\tif (touchY > 80 && !dragHandle) return\n\n\t\t\t\t\tisDragging = true\n\t\t\t\t\tdragStartY = touch.clientY\n\t\t\t\t\tcurrentY = 0\n\t\t\t\t\tthis.dragOffset = 0\n\n\t\t\t\t\t// Disable transitions for immediate feedback\n\t\t\t\t\tdialog.style.transition = 'none'\n\t\t\t\t\tdialog.style.willChange = 'transform'\n\t\t\t\t}),\n\t\t\t)\n\n\t\t\tconst touchMove$ = fromEvent<TouchEvent>(dialog, 'touchmove', { passive: false }).pipe(\n\t\t\t\tfilter(() => isDragging),\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst touch = e.touches[0]\n\t\t\t\t\tconst deltaY = touch.clientY - dragStartY\n\n\t\t\t\t\t// Rubber-band effect for upward drag\n\t\t\t\t\tif (deltaY < 0) {\n\t\t\t\t\t\tcurrentY = deltaY * 0.2\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcurrentY = deltaY\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.dragOffset = Math.max(0, deltaY)\n\n\t\t\t\t\t// Direct DOM update - 1:1 tracking\n\t\t\t\t\tdialog.style.transform = `translateY(${currentY}px)`\n\n\t\t\t\t\te.preventDefault()\n\t\t\t\t}),\n\t\t\t)\n\n\t\t\tconst touchEnd$ = merge(\n\t\t\t\tfromEvent<TouchEvent>(dialog, 'touchend', { passive: true }),\n\t\t\t\tfromEvent<TouchEvent>(dialog, 'touchcancel', { passive: true }),\n\t\t\t).pipe(\n\t\t\t\tfilter(() => isDragging),\n\t\t\t\ttap(() => {\n\t\t\t\t\tisDragging = false\n\n\t\t\t\t\t// Re-enable transitions for snap animation\n\t\t\t\t\tdialog.style.transition = 'transform 0.3s cubic-bezier(0.16, 1, 0.3, 1)'\n\t\t\t\t\tdialog.style.willChange = ''\n\n\t\t\t\t\tconst dialogHeight = dialog.getBoundingClientRect().height\n\t\t\t\t\tconst threshold = Math.min(100, dialogHeight * 0.25)\n\n\t\t\t\t\tif (this.dragOffset > threshold) {\n\t\t\t\t\t\t// Dismiss - animate out\n\t\t\t\t\t\tdialog.style.transform = 'translateY(100%)'\n\t\t\t\t\t\tthis.hide(false)\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Snap back\n\t\t\t\t\t\tdialog.style.transform = 'translateY(0)'\n\t\t\t\t\t\tthis.dragOffset = 0\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\n\t\t\t// Merge all touch streams and subscribe\n\t\t\tmerge(touchStart$, touchMove$, touchEnd$)\n\t\t\t\t.pipe(takeUntil(merge(this.stopSwipe$, this.disconnecting)))\n\t\t\t\t.subscribe()\n\t\t}\n\n\t\t/**\n\t\t * Apply bottom sheet styles for mobile\n\t\t */\n\t\tprivate applyBottomSheetStyles(dialog: HTMLElement): void {\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\n\t\t\tObject.assign(dialog.style, {\n\t\t\t\tposition: '',\n\t\t\t\tleft: '',\n\t\t\t\ttop: '',\n\t\t\t\ttransform: '',\n\t\t\t\tmaxWidth: '',\n\t\t\t})\n\t\t}\n\n\t\t/**\n\t\t * Show the dialog at a specific position\n\t\t */\n\t\tasync show(positionOrEvent?: DialogPosition | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\n\t\t\tthis.isMobile = window.innerWidth < MOBILE_BREAKPOINT\n\n\t\t\tlet x: number, y: number\n\n\t\t\tif (!positionOrEvent) {\n\t\t\t\tx = window.innerWidth / 2\n\t\t\t\ty = window.innerHeight / 2\n\t\t\t} else if ('clientX' in positionOrEvent) {\n\t\t\t\tx = positionOrEvent.clientX\n\t\t\t\ty = positionOrEvent.clientY\n\t\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t\t} else {\n\t\t\t\tconst pos = positionOrEvent as DialogPosition\n\t\t\t\tx = pos.x\n\t\t\t\ty = pos.y\n\t\t\t}\n\n\t\t\tthis.position = { x, y }\n\n\t\t\tthis.virtualReference = {\n\t\t\t\tgetBoundingClientRect: () => new DOMRect(x, y, 0, 0),\n\t\t\t}\n\n\t\t\tthis.requestUpdate()\n\t\t\tawait this.updateComplete\n\n\t\t\tthis.setAttribute('active', '')\n\t\t\tthis.dialogInternals?.states.add('open')\n\t\t\tawait this.updateComplete\n\n\t\t\t// Save focus and set siblings to inert for focus trap\n\t\t\tthis.lastFocusedElement = document.activeElement\n\t\t\tconst parent = this.parentElement\n\t\t\tif (parent) {\n\t\t\t\tthis.inertSiblings = []\n\t\t\t\tfor (let i = 0; i < parent.children.length; i++) {\n\t\t\t\t\tconst sibling = parent.children[i] as HTMLElement\n\t\t\t\t\tif (sibling !== this && 'inert' in sibling) {\n\t\t\t\t\t\tsibling.inert = true\n\t\t\t\t\t\tthis.inertSiblings.push(sibling)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Escape key listener\n\t\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter(e => e.key === 'Escape'),\n\t\t\t\t\ttap(e => {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.hide(false)\n\t\t\t\t\t}),\n\t\t\t\t\ttakeUntil(merge(this.stopSwipe$, this.disconnecting)),\n\t\t\t\t)\n\t\t\t\t.subscribe()\n\n\t\t\tconst dialog = this.getDialogElement()\n\n\t\t\t// If content exceeds viewport threshold on desktop, treat as bottom sheet\n\t\t\tconst threshold = largeContentThreshold()\n\t\t\tif (\n\t\t\t\t!this.isMobile &&\n\t\t\t\tdialog &&\n\t\t\t\t(dialog.scrollHeight > window.innerHeight * threshold ||\n\t\t\t\t\tdialog.scrollWidth > window.innerWidth * threshold)\n\t\t\t) {\n\t\t\t\tthis.isMobile = true\n\t\t\t\tthis.requestUpdate()\n\t\t\t\tawait this.updateComplete\n\t\t\t}\n\n\t\t\tif (this.isMobile) {\n\t\t\t\tif (dialog) {\n\t\t\t\t\tthis.applyBottomSheetStyles(dialog)\n\t\t\t\t\tthis.setupSwipeGesture(dialog)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.setupPositioning()\n\t\t\t}\n\n\t\t\tthis.animating = true\n\t\t\tawait this.animateIn()\n\t\t\tthis.animating = false\n\n\t\t\treturn new Promise<boolean>(resolve => {\n\t\t\t\tthis.resolvePromise = resolve\n\t\t\t})\n\t\t}\n\n\t\t/**\n\t\t * Animate dialog entrance\n\t\t */\n\t\tprivate async animateIn(): Promise<void> {\n\t\t\tconst dialog = this.getDialogElement()\n\t\t\tconst backdrop = this.getBackdropElement()\n\n\t\t\tif (reducedMotion$.value) {\n\t\t\t\tif (backdrop) backdrop.style.opacity = '1'\n\t\t\t\tif (dialog) dialog.style.opacity = '1'\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tbackdrop?.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\tduration: DURATION_BACKDROP,\n\t\t\t\teasing: EASE_OUT,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\n\t\t\tif (dialog) {\n\t\t\t\tconst animation = this.isMobile\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{ opacity: 0, transform: 'translateY(100%)' },\n\t\t\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t\t\t]\n\t\t\t\t\t: [\n\t\t\t\t\t\t\t{ opacity: 0, transform: 'scale(0.92) translateY(16px)' },\n\t\t\t\t\t\t\t{ opacity: 1, transform: 'scale(1) translateY(0)' },\n\t\t\t\t\t\t]\n\n\t\t\t\tawait dialog.animate(animation, {\n\t\t\t\t\tduration: DURATION_ENTER,\n\t\t\t\t\teasing: BLACKBIRD_EASING,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t}).finished\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Animate dialog exit\n\t\t */\n\t\tprivate async animateOut(): Promise<void> {\n\t\t\tconst dialog = this.getDialogElement()\n\t\t\tconst backdrop = this.getBackdropElement()\n\n\t\t\tif (reducedMotion$.value) {\n\t\t\t\tif (backdrop) backdrop.style.opacity = '0'\n\t\t\t\tif (dialog) dialog.style.opacity = '0'\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst animations: Promise<Animation>[] = []\n\n\t\t\tif (backdrop) {\n\t\t\t\tanimations.push(\n\t\t\t\t\tbackdrop.animate([{ opacity: 1 }, { opacity: 0 }], {\n\t\t\t\t\t\tduration: DURATION_EXIT,\n\t\t\t\t\t\teasing: EASE_OUT,\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t}).finished,\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tif (dialog) {\n\t\t\t\tconst animation = this.isMobile\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t\t\t\t{ opacity: 0, transform: 'translateY(100%)' },\n\t\t\t\t\t\t]\n\t\t\t\t\t: [\n\t\t\t\t\t\t\t{ opacity: 1, transform: 'scale(1) translateY(0)' },\n\t\t\t\t\t\t\t{ opacity: 0, transform: 'scale(0.95) translateY(8px)' },\n\t\t\t\t\t\t]\n\n\t\t\t\tanimations.push(\n\t\t\t\t\tdialog.animate(animation, {\n\t\t\t\t\t\tduration: DURATION_EXIT,\n\t\t\t\t\t\teasing: EASE_IN,\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t}).finished,\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tawait Promise.all(animations)\n\t\t}\n\n\t\t/**\n\t\t * Hide the dialog\n\t\t */\n\t\tasync hide(result = false): Promise<void> {\n\t\t\tthis.stopSwipe$.next()\n\n\t\t\tthis.animating = true\n\t\t\tawait this.animateOut()\n\t\t\tthis.animating = false\n\n\t\t\tthis.removeAttribute('active')\n\t\t\tthis.dialogInternals?.states.delete('open')\n\n\t\t\t// Restore inert siblings\n\t\t\tfor (const el of this.inertSiblings) {\n\t\t\t\tel.inert = false\n\t\t\t}\n\t\t\tthis.inertSiblings = []\n\n\t\t\t// Restore focus\n\t\t\tif (this.lastFocusedElement) {\n\t\t\t\tconst el = this.lastFocusedElement as HTMLElement\n\t\t\t\tif (typeof el.focus === 'function') {\n\t\t\t\t\tel.focus()\n\t\t\t\t}\n\t\t\t\tthis.lastFocusedElement = null\n\t\t\t}\n\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\n\t\t\tif (this.resolvePromise) {\n\t\t\t\tthis.resolvePromise(result)\n\t\t\t\tthis.resolvePromise = undefined\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Check if position is near center (only skip Floating UI for truly centered dialogs)\n\t\t */\n\t\tisCentered(): boolean {\n\t\t\t// Use tight tolerance (5%) - only skip Floating UI when position is very close to center\n\t\t\tconst toleranceX = window.innerWidth * 0.05\n\t\t\tconst toleranceY = window.innerHeight * 0.05\n\n\t\t\treturn (\n\t\t\t\tMath.abs(this.position.x - window.innerWidth / 2) < toleranceX &&\n\t\t\t\tMath.abs(this.position.y - window.innerHeight / 2) < toleranceY\n\t\t\t)\n\t\t}\n\n\t\t/**\n\t\t * Setup Floating UI positioning for desktop\n\t\t */\n\t\tprivate setupPositioning(): void {\n\t\t\tconst dialog = this.getDialogElement()\n\t\t\tif (!dialog) return\n\n\t\t\tif (this.isCentered()) return\n\n\t\t\tif (this.virtualReference) {\n\t\t\t\tthis.cleanupAutoUpdate = autoUpdate(\n\t\t\t\t\tthis.virtualReference,\n\t\t\t\t\tdialog,\n\t\t\t\t\t() => this.updatePosition(dialog),\n\t\t\t\t\t{\n\t\t\t\t\t\tancestorScroll: true,\n\t\t\t\t\t\tancestorResize: true,\n\t\t\t\t\t\telementResize: true,\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t\tthis.updatePosition(dialog)\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Update position using Floating UI\n\t\t */\n\t\tprivate async updatePosition(dialog: HTMLElement): Promise<void> {\n\t\t\tif (!this.virtualReference) return\n\n\t\t\tconst padding = 16\n\n\t\t\tconst { x, y } = await computePosition(this.virtualReference, dialog, {\n\t\t\t\tstrategy: 'fixed',\n\t\t\t\tmiddleware: [\n\t\t\t\t\toffset(8),\n\t\t\t\t\tautoPlacement({\n\t\t\t\t\t\tpadding,\n\t\t\t\t\t\tallowedPlacements: [\n\t\t\t\t\t\t\t'top-start',\n\t\t\t\t\t\t\t'top-end',\n\t\t\t\t\t\t\t'bottom-start',\n\t\t\t\t\t\t\t'bottom-end',\n\t\t\t\t\t\t\t'left-start',\n\t\t\t\t\t\t\t'left-end',\n\t\t\t\t\t\t\t'right-start',\n\t\t\t\t\t\t\t'right-end',\n\t\t\t\t\t\t],\n\t\t\t\t\t}),\n\t\t\t\t\tshift({ padding }),\n\t\t\t\t\tsize({\n\t\t\t\t\t\tpadding,\n\t\t\t\t\t\tapply({ availableWidth, elements }) {\n\t\t\t\t\t\t\telements.floating.style.maxWidth = `${availableWidth}px`\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t],\n\t\t\t})\n\n\t\t\tObject.assign(dialog.style, {\n\t\t\t\tposition: 'fixed',\n\t\t\t\tleft: `${Math.round(x)}px`,\n\t\t\t\ttop: `${Math.round(y)}px`,\n\t\t\t\ttransform: 'none',\n\t\t\t})\n\t\t}\n\n\t\tdisconnectedCallback(): void {\n\t\t\tthis.stopSwipe$.next()\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\n\treturn DialogBaseClass as Constructor<IDialogBaseMixin> & T\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html, nothing } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { cursorGlow } from '../directives/cursor-glow'\nimport { createRef, ref, type Ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent, tap } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\nimport { DialogBase } from './dialog-base.mixin'\nimport { DialogHereMorty, DialogWhereAreYouRicky, DialogWhereAreYouRickyEvent } from './dialog-events'\n\n/**\n * Unified dialog component that handles both content-only and confirm modes.\n *\n * @element schmancy-dialog\n * @slot default - Content slot for dialog body (used in content mode)\n * @slot content - Named slot for custom content in confirm mode\n *\n * @example Content mode (no buttons):\n * ```html\n * <schmancy-dialog>\n *   <my-custom-content></my-custom-content>\n * </schmancy-dialog>\n * ```\n *\n * @example Confirm mode (with buttons):\n * ```html\n * <schmancy-dialog\n *   title=\"Confirm Action\"\n *   message=\"Are you sure?\"\n *   confirm-text=\"Yes\"\n *   cancel-text=\"No\"\n * ></schmancy-dialog>\n * ```\n */\n@customElement('schmancy-dialog')\nexport class SchmancyDialog extends DialogBase(\n\t$LitElement(css`\n\t\t:host {\n\t\t\tposition: fixed;\n\t\t\tz-index: var(--schmancy-overlay-z, 10000);\n\t\t\tinset: 0;\n\t\t\tdisplay: none;\n\t\t\t--dialog-width: fit-content;\n\t\t}\n\n\t\t:host([active]) {\n\t\t\tdisplay: block;\n\t\t}\n\n\n\t\t/* Luminous glow around the dialog container */\n\t\t.dialog {\n\t\t\tbox-shadow: 0 8px 40px -8px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent);\n\t\t\tborder-radius: var(--schmancy-sys-shape-corner-large);\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t.dialog { box-shadow: var(--schmancy-sys-elevation-2); }\n\t\t}\n\t`),\n) {\n\t/**\n\t * Unique identifier for the dialog instance\n\t */\n\t@property({ type: String, reflect: true }) uid!: string\n\n\t/**\n\t * Dialog title (enables confirm mode when set)\n\t */\n\t@property({ type: String }) title: string | undefined = undefined\n\n\t/**\n\t * Dialog subtitle\n\t */\n\t@property({ type: String }) subtitle: string | undefined = undefined\n\n\t/**\n\t * Dialog message\n\t */\n\t@property({ type: String }) message: string | undefined = undefined\n\n\t/**\n\t * Text for confirm button (enables confirm mode when set with cancelText)\n\t */\n\t@property({ type: String, attribute: 'confirm-text' }) confirmText: string | undefined = undefined\n\n\t/**\n\t * Text for cancel button\n\t */\n\t@property({ type: String, attribute: 'cancel-text' }) cancelText: string | undefined = undefined\n\n\t/**\n\t * Dialog variant (affects button colors in confirm mode)\n\t */\n\t@property({ type: String }) variant: 'default' | 'danger' = 'default'\n\n\t/**\n\t * Whether to hide action buttons (force content mode)\n\t */\n\t@property({ type: Boolean, attribute: 'hide-actions' }) hideActions = false\n\n\t/**\n\t * Slotted children in the named \"content\" slot (confirm mode custom content)\n\t */\n\t@queryAssignedElements({ slot: 'content', flatten: true })\n\tprivate _contentSlotElements!: HTMLElement[]\n\n\t/**\n\t * Ref to the confirm mode wrapper div\n\t */\n\tprivate _confirmDialogRef: Ref<HTMLElement> = createRef()\n\n\t/**\n\t * Ref to the content mode section element\n\t */\n\tprivate _contentDialogRef: Ref<HTMLElement> = createRef()\n\n\t/**\n\t * Ref to the backdrop element for animations\n\t */\n\tprivate _backdropRef: Ref<HTMLElement> = createRef()\n\n\t/**\n\t * Ref to the drag handle element for swipe gestures\n\t */\n\tprivate _dragHandleRef: Ref<HTMLElement> = createRef()\n\n\t/**\n\t * Stable per-instance id used for ARIA labelledby/describedby wiring\n\t */\n\tprivate readonly _a11yId = `schmancy-dialog-${Math.random().toString(36).slice(2, 10)}`\n\tprivate get _titleId() { return `${this._a11yId}-title` }\n\tprivate get _descId() { return `${this._a11yId}-desc` }\n\n\t/**\n\t * Return the dialog element for positioning/size measurement.\n\t * In content mode, returns the first slotted child (the actual component).\n\t * In confirm mode, returns the wrapper div.\n\t */\n\tprotected getDialogElement(): HTMLElement | null {\n\t\t// Content mode: use the section wrapper (slotted content may be display:contents)\n\t\tif (this._contentDialogRef.value) return this._contentDialogRef.value\n\t\t// Confirm mode: use the wrapper div\n\t\treturn this._confirmDialogRef.value ?? null\n\t}\n\n\t/**\n\t * Return the backdrop element for animations\n\t */\n\tprotected getBackdropElement(): HTMLElement | null {\n\t\treturn this._backdropRef.value ?? null\n\t}\n\n\t/**\n\t * Return the drag handle element for swipe gestures\n\t */\n\tprotected getDragHandleElement(): HTMLElement | null {\n\t\treturn this._dragHandleRef.value ?? null\n\t}\n\n\t/**\n\t * Check if dialog is in confirm mode (has buttons)\n\t */\n\tprivate get isConfirmMode(): boolean {\n\t\tif (this.hideActions) return false\n\t\treturn !!(this.confirmText?.trim() && this.cancelText?.trim())\n\t}\n\n\t/**\n\t * Handle component connection to DOM\n\t */\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\t// Listen for \"where are you ricky\" events\n\t\tfromEvent<DialogWhereAreYouRickyEvent>(window, DialogWhereAreYouRicky)\n\t\t\t.pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\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\t/**\n\t * Announce this dialog's presence to the service\n\t */\n\tprivate announcePresence(): void {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(DialogHereMorty, {\n\t\t\t\tdetail: { dialog: this },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle confirm action\n\t */\n\tprivate handleConfirm(): void {\n\t\tthis.hide(true)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('confirm', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle cancel/close action\n\t */\n\tprivate handleClose(): void {\n\t\tif (this.isAnimating()) return\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(this.isConfirmMode ? 'cancel' : 'close', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Render drag handle for mobile bottom sheet\n\t */\n\tprivate renderDragHandle() {\n\t\treturn html`\n\t\t\t<div ${ref(this._dragHandleRef)} class=\"dialog-drag-handle flex justify-center pt-2 pb-1 cursor-grab active:cursor-grabbing touch-none\">\n\t\t\t\t<div class=\"w-10 h-1 rounded-full bg-outline-variant\"></div>\n\t\t\t</div>\n\t\t`\n\t}\n\n\trender() {\n\t\tconst isCentered = this.isCentered()\n\t\tconst hasCustomContent = this._contentSlotElements?.length > 0\n\n\t\t// Mobile bottom sheet classes\n\t\tconst mobileDialogClasses = {\n\t\t\tdialog: true,\n\t\t\tfixed: true,\n\t\t\t'inset-x-0': true,\n\t\t\t'bottom-0': true,\n\t\t\t'w-full': true,\n\t\t\t'max-h-[90dvh]': true,\n\t\t\t'overflow-hidden': true,\n\t\t\t// Safe area padding for notched devices\n\t\t\t'pb-[env(safe-area-inset-bottom)]': true,\n\t\t}\n\n\t\t// Desktop dialog classes\n\t\tconst desktopDialogClasses = {\n\t\t\tdialog: true,\n\t\t\tfixed: true,\n\t\t\t'w-[var(--dialog-width)]': true,\n\t\t\t'max-w-[calc(100vw-2rem)]': true,\n\t\t\t'max-h-[90dvh]': true,\n\t\t\t'overflow-hidden': true,\n\t\t\t'top-1/2': isCentered,\n\t\t\t'left-1/2': isCentered,\n\t\t\t'-translate-x-1/2': isCentered,\n\t\t\t'-translate-y-1/2': isCentered,\n\t\t}\n\n\t\tconst dialogClasses = this.isMobile ? mobileDialogClasses : desktopDialogClasses\n\n\t\t// Button classes - stack vertically on mobile\n\t\tconst buttonContainerClasses = this.isMobile\n\t\t\t? 'flex flex-col-reverse gap-2 w-full'\n\t\t\t: 'flex justify-end gap-3'\n\n\t\t// Confirm mode: with title/buttons\n\t\tif (this.isConfirmMode) {\n\t\t\tconst hasTitle = !!this.title?.trim()\n\t\t\tconst hasSubtitle = !!this.subtitle?.trim()\n\t\t\tconst hasMessage = !!this.message?.trim()\n\t\t\tconst describedBy = [hasSubtitle && this._descId + '-sub', hasMessage && this._descId + '-msg']\n\t\t\t\t.filter(Boolean)\n\t\t\t\t.join(' ') || ''\n\t\t\treturn html`\n\t\t\t\t<div ${ref(this._backdropRef)} class=\"fixed inset-0 bg-surface-container/10 backdrop-blur-lg backdrop-saturate-150 backdrop-brightness-105\" @click=${this.handleClose}></div>\n\n\t\t\t\t<div\n\t\t\t\t\t${ref(this._confirmDialogRef)}\n\t\t\t\t\tclass=${this.classMap(dialogClasses)}\n\t\t\t\t\trole=\"alertdialog\"\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-labelledby=${hasTitle ? this._titleId : nothing}\n\t\t\t\t\taria-describedby=${describedBy || nothing}\n\t\t\t\t>\n\t\t\t\t\t<schmancy-surface\n\t\t\t\t\t\t${cursorGlow({ radius: 250, intensity: 0.1 })}\n\t\t\t\t\t\trounded=${this.isMobile ? 'top' : 'all'}\n\t\t\t\t\t\ttype=\"glass\"\n\t\t\t\t\t\tfill=\"all\"\n\t\t\t\t\t\tclass=\"overflow-hidden\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.isMobile ? this.renderDragHandle() : null}\n\t\t\t\t\t\t<schmancy-scroll direction=\"vertical\" hide class=\"p-4 pt-2\">\n\t\t\t\t\t\t\t<schmancy-form @submit=${this.handleConfirm}>\n\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\thasTitle,\n\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography id=${this._titleId} type=\"title\" token=\"md\" class=\"mb-1\">${this.title}</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\t\t\thasSubtitle,\n\t\t\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t\t\t<schmancy-typography id=\"${this._descId}-sub\" type=\"subtitle\" token=\"xs\" class=\"mb-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t${this.subtitle}\n\t\t\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t${hasCustomContent\n\t\t\t\t\t\t\t\t\t? html`<div class=\"mb-4\"><slot name=\"content\"></slot></div>`\n\t\t\t\t\t\t\t\t\t: when(\n\t\t\t\t\t\t\t\t\t\t\thasMessage,\n\t\t\t\t\t\t\t\t\t\t\t() => html`<schmancy-typography id=\"${this._descId}-msg\" type=\"body\" class=\"mb-4\">${this.message}</schmancy-typography>`,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div class=${buttonContainerClasses}>\n\t\t\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\t\t\t@click=${this.handleClose}\n\t\t\t\t\t\t\t\t\t\tclass=${this.isMobile ? 'w-full' : ''}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t${this.cancelText}\n\t\t\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\t\tvariant=\"filled\"\n\t\t\t\t\t\t\t\t\t\tclass=${this.isMobile ? 'w-full' : ''}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t${this.confirmText}\n\t\t\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</schmancy-form>\n\t\t\t\t\t\t</schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</div>\n\t\t\t`\n\t\t}\n\n\t\t// Content mode: minimal, just slot\n\t\treturn html`\n\t\t\t<div ${ref(this._backdropRef)} class=\"fixed inset-0 bg-surface-container/10 backdrop-blur-lg backdrop-saturate-150 backdrop-brightness-105\" @click=${this.handleClose}></div>\n\n\t\t\t<section ${ref(this._contentDialogRef)} class=${this.classMap(dialogClasses)} role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface ${cursorGlow({ radius: 250, intensity: 0.1 })} rounded=${this.isMobile ? 'top' : 'all'} type=\"glass\" fill=\"all\">\n\t\t\t\t\t${this.isMobile ? this.renderDragHandle() : null}\n\t\t\t\t\t<schmancy-scroll direction=\"vertical\" hide class=\"max-h-[85dvh]\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</schmancy-scroll>\n\t\t\t\t</schmancy-surface>\n\t\t\t</section>\n\t\t`\n\t}\n\n\t/**\n\t * Static helper for confirm dialogs\n\t */\n\tstatic async confirm(options: {\n\t\ttitle?: string\n\t\tsubtitle?: string\n\t\tmessage?: string\n\t\tconfirmText?: string\n\t\tcancelText?: string\n\t\tvariant?: 'default' | 'danger'\n\t\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\t\twidth?: string\n\t}): Promise<boolean> {\n\t\tlet dialog = document.querySelector('schmancy-dialog[data-static-confirm]') as SchmancyDialog\n\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('schmancy-dialog') as SchmancyDialog\n\t\t\tdialog.setAttribute('data-static-confirm', '')\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set options\n\t\tdialog.title = options.title\n\t\tdialog.subtitle = options.subtitle\n\t\tdialog.message = options.message\n\t\tdialog.confirmText = options.confirmText ?? 'Confirm'\n\t\tdialog.cancelText = options.cancelText ?? 'Cancel'\n\t\tdialog.variant = options.variant ?? 'default'\n\t\tif (options.width) dialog.style.setProperty('--dialog-width', options.width)\n\n\t\treturn dialog.show(options.position)\n\t}\n\n\t/**\n\t * Simple shorthand - just pass message and optionally an event\n\t */\n\tstatic async ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n}\n\n// Alias for backward compatibility\nexport { SchmancyDialog as ConfirmDialog }\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dialog': SchmancyDialog\n\t}\n}\n"],"mappings":"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"}

package/dist/directives.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);const e=require(`./animation-CO_Csq84.cjs`),t=require(`./reduced-motion-Ds05GPyz.cjs`),n=require(`./cursor-glow-DtSy_PJd.cjs`),r=require(`./layout-4C-6_cre.cjs`),i=require(`./magnetic-Dux4QwO4.cjs`);let a=require(`rxjs`),o=require(`rxjs/operators`),s=require(`lit`),c=require(`lit/async-directive.js`),l=require(`lit/directive.js`);var u={smooth:e.d,snappy:e.f,bouncy:e.l,gentle:e.u},d=class extends c.AsyncDirective{constructor(...e){super(...e),this.element=null,this.originalContent=``,this.animations=[],this.disconnecting$=new a.Subject,this.initialized=!1}render(e){return s.noChange}update(e,[t]){return this.element=e.element,this.initialized||(this.initialized=!0,this.disconnecting$.closed&&(this.disconnecting$=new a.Subject),t.text===void 0?this.originalContent=this.element.textContent||``:(this.originalContent=t.text,this.element.textContent=t.text),this.element.style.willChange=`transform, opacity`,t.animation===`typewriter`?this.element.textContent=``:this.element.style.opacity=`0`,this.initialize(t)),s.noChange}disconnected(){this.cleanup()}reconnected(){this.element&&(this.element.style.willChange=`transform, opacity`)}initialize(e){let{animation:t,delay:n=0,duration:r,stagger:i,preset:s=`snappy`,restart:c=!1}=e,l=u[s],d=r??l.duration,f=i??(t===`cyber-glitch`?30:50),p=this.createVisibilityObservable$();(c?p.pipe((0,o.switchMap)(e=>e?(0,a.timer)(n).pipe((0,o.switchMap)(()=>this.runAnimation$(t,d,f,l))):(0,a.defer)(()=>(this.resetToInitial(t),a.EMPTY)))):p.pipe((0,o.filter)(e=>e),(0,o.take)(1),(0,o.delay)(n),(0,o.switchMap)(()=>this.runAnimation$(t,d,f,l)))).pipe((0,o.takeUntil)(this.disconnecting$)).subscribe()}cleanup(){this.disconnecting$.next(),this.disconnecting$.complete(),this.cancelAnimations(),this.element&&(this.element.textContent=this.originalContent,this.element.style.opacity=``,this.element.style.willChange=`auto`,this.element.style.transform=``,this.element.style.filter=``),this.element=null,this.initialized=!1}cancelAnimations(){this.animations.forEach(e=>e.cancel()),this.animations=[]}resetToInitial(e){this.cancelAnimations(),this.element&&(e===`typewriter`?this.element.textContent=``:(this.element.textContent=this.originalContent,this.element.style.opacity=`0`),this.element.style.transform=``,this.element.style.filter=``,this.element.style.willChange=`transform, opacity`)}getAccumulatedOpacity(){if(!this.element)return 0;let e=1,t=this.element.parentElement,n=0;for(;t&&t!==document.body&&n<10;){let r=window.getComputedStyle(t);if(r.visibility===`hidden`||r.display===`none`)return 0;let i=parseFloat(r.opacity)||1;if(i<1&&(e*=i,e<=.5))return e;if(t.assignedSlot){let n=this.getSlotAncestorOpacity(t.assignedSlot);if(n===0)return 0;e*=n}t=t.parentElement,n++}return e}getSlotAncestorOpacity(e){let t=1,n=e.parentElement;for(;n;){let e=window.getComputedStyle(n);if(e.visibility===`hidden`||e.display===`none`)return 0;t*=parseFloat(e.opacity)||1,n=n.parentElement}return t}createVisibilityObservable$(){let e=(0,a.fromEvent)(document,`visibilitychange`).pipe((0,o.startWith)(null),(0,o.map)(()=>document.visibilityState===`visible`),(0,o.distinctUntilChanged)());return(0,a.combineLatest)([(0,a.interval)(200).pipe((0,o.startWith)(0),(0,o.map)(()=>{if(!this.element)return!1;let e=this.element.getBoundingClientRect();return e.width>0&&e.height>0&&e.top<window.innerHeight&&e.bottom>0&&this.getAccumulatedOpacity()>.5}),(0,o.distinctUntilChanged)()),e]).pipe((0,o.map)(([e,t])=>e&&t),(0,o.distinctUntilChanged)())}runAnimation$(e,t,n,r){if(!this.element)return a.EMPTY;switch(e){case`fade-up`:return this.animateFadeUp$(t,r);case`blur-reveal`:return this.animateBlurReveal$(t,n,r);case`word-reveal`:return this.animateWordReveal$(t,n,r);case`cyber-glitch`:return this.animateCyberGlitch$(t,n,r);case`typewriter`:return this.animateTypewriter$(t);default:return a.EMPTY}}animateFadeUp$(e,t){if(!this.element)return a.EMPTY;let n=this.element.animate([{opacity:0,transform:`translateY(30px)`},{opacity:1,transform:`translateY(0)`}],{duration:e,easing:t.easingFallback,fill:`forwards`});return this.animations.push(n),(0,a.from)(n.finished).pipe((0,o.tap)(()=>{this.element&&(this.element.style.opacity=``,this.element.style.transform=``,this.element.style.willChange=`auto`)}),(0,o.catchError)(()=>a.EMPTY))}wrapTextNodes(e){let t=[],n=document.createDocumentFragment(),r=Array.from(e.childNodes);for(let e of r)if(e.nodeType===Node.TEXT_NODE){let r=(e.textContent||``).split(/(\s+)/);for(let e of r)if(/^\s+$/.test(e))n.appendChild(document.createTextNode(e));else if(e.length>0){let r=document.createElement(`span`);r.textContent=e,n.appendChild(r),t.push(r)}}else e instanceof HTMLElement&&(n.appendChild(e),t.push(e));return e.textContent=``,e.appendChild(n),t}animateBlurReveal$(e,t,n){if(!this.element)return a.EMPTY;let r=this.wrapTextNodes(this.element);this.element.style.opacity=`1`,r.forEach((r,i)=>{r.style.opacity=`0`,r.style.display=`inline-block`;let a=r.animate([{opacity:0,filter:`blur(8px)`,transform:`scale(0.9)`},{opacity:1,filter:`blur(0)`,transform:`scale(1)`}],{duration:e,easing:n.easingFallback,delay:i*t,fill:`forwards`});this.animations.push(a)});let i=this.animations[this.animations.length-1];return i?(0,a.from)(i.finished).pipe((0,o.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,r.forEach(e=>{e.style.willChange=`auto`}))}),(0,o.catchError)(()=>a.EMPTY)):a.EMPTY}animateWordReveal$(e,t,n){if(!this.element)return a.EMPTY;let r=this.wrapTextNodes(this.element);this.element.style.opacity=`1`,r.forEach((r,i)=>{r.style.opacity=`0`,r.style.display=`inline-block`;let a=r.animate([{opacity:0,transform:`translateY(20px)`},{opacity:1,transform:`translateY(0)`}],{duration:e,easing:n.easingFallback,delay:i*t,fill:`forwards`});this.animations.push(a)});let i=this.animations[this.animations.length-1];return i?(0,a.from)(i.finished).pipe((0,o.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,r.forEach(e=>{e.style.willChange=`auto`}))}),(0,o.catchError)(()=>a.EMPTY)):a.EMPTY}animateCyberGlitch$(e,t,n){if(!this.element)return a.EMPTY;let r=this.originalContent.split(``),i=document.createDocumentFragment(),s=[];for(let e of r){let t=document.createElement(`span`);t.style.display=`inline-block`,t.style.opacity=`0`,t.textContent=e===` `?`\xA0`:e,i.appendChild(t),s.push(t)}this.element.textContent=``,this.element.appendChild(i),this.element.style.opacity=`1`,s.forEach((i,a)=>{if(r[a]===` `)return void(i.style.opacity=`1`);let o=i.animate([{opacity:0,transform:`translateY(-8px) scale(1.4)`,filter:`blur(4px)`},{opacity:1,transform:`translateY(0) scale(1)`,filter:`blur(0)`}],{duration:e,easing:n.easingFallback,delay:a*t,fill:`forwards`});this.animations.push(o)});let c=this.animations[this.animations.length-1];return c?(0,a.from)(c.finished).pipe((0,o.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,s.forEach(e=>{e.style.willChange=`auto`}))}),(0,o.catchError)(()=>a.EMPTY)):a.EMPTY}animateTypewriter$(e){if(!this.element)return a.EMPTY;let t=this.originalContent,n=t.length;if(n===0)return a.EMPTY;let r=e/n,i=0;return(0,a.interval)(r).pipe((0,o.tap)(()=>{i++,this.element&&(this.element.textContent=t.slice(0,i))}),(0,o.takeWhile)(()=>i<n),(0,o.finalize)(()=>{this.element&&(this.element.textContent=this.originalContent,this.element.style.willChange=`auto`)}))}},f=(0,c.directive)(d),p=class extends l.Directive{constructor(e){super(e),this.config={}}update(e,[t]){if(e.type!==l.PartType.ELEMENT)throw Error("The `classMap` directive must be used in the `class` attribute");let n=e.element;this.config=t,this.config.bgColor&&(n.style.backgroundColor=this.config.bgColor),this.config.color&&(n.style.color=this.config.color)}render(e){return this.config=e,s.nothing}},m=(0,l.directive)(p),h=new WeakMap;function g(e,t){let n=e.match(/var\(([^,)]+)/);return n&&getComputedStyle(document.documentElement).getPropertyValue(n[1]).trim()||t}var _=class extends l.Directive{constructor(e){if(super(e),e.type!==l.PartType.ELEMENT)throw Error(`confirmClick directive can only be used on elements`)}render(e,t){}update(e,[t,n={}]){let r=e.element,i=h.get(r);if(i){if(i.callback=t,this.optionsEqual(i.options,n))return;this.cleanup(r)}let o=new a.Subject,s=this.setupClickListener(r,n??{},o);h.set(r,{subscription:s,callback:t,options:n??{},overlayElement:null,isConfirming:!1,cancel$:o})}optionsEqual(e,t){return t?e.timeout===t.timeout&&e.icon===t.icon:Object.keys(e).length===0}setupClickListener(e,t,n){return(0,a.fromEvent)(e,`click`).pipe((0,o.tap)(r=>{let i=h.get(e);i&&!i.isConfirming&&(r.stopPropagation(),r.preventDefault(),i.isConfirming=!0,this.showOverlay(e,i,t,n))})).subscribe()}showOverlay(e,t,n,r){let i=n.timeout??3e3,s=e,c=n.icon??s.icon??s._capturedIcon??e.textContent?.trim()??`warning`,l=g(`var(--schmancy-sys-color-error-default)`,`#dc2626`),u=g(`var(--schmancy-sys-color-error-on)`,`#ffffff`),d=g(`var(--schmancy-sys-color-error-container)`,`#fecaca`),f=document.createElement(`div`);f.setAttribute(`role`,`status`),f.setAttribute(`aria-label`,`Click again to confirm`);let p=e.getBoundingClientRect(),m=p.width,_=p.height,v=window.devicePixelRatio||1,y=getComputedStyle(e);Object.assign(f.style,{position:`fixed`,top:`${p.top}px`,left:`${p.left}px`,width:`${m}px`,height:`${_}px`,zIndex:`10000`,borderRadius:y.borderRadius||`50%`,overflow:`hidden`,cursor:`pointer`,opacity:`0`,transform:`scale(0.6)`,transition:`opacity 250ms cubic-bezier(0.22, 1.25, 0.36, 1), transform 300ms cubic-bezier(0.22, 1.25, 0.36, 1)`});let b=document.createElement(`canvas`);b.width=m*v,b.height=_*v,b.style.width=`${m}px`,b.style.height=`${_}px`,b.style.position=`absolute`,b.style.top=`0`,b.style.left=`0`,f.appendChild(b);let x=Math.round(.5*Math.min(m,_)),S=document.createElement(`schmancy-icon`);S.textContent=c,S.setAttribute(`size`,`${x}px`),Object.assign(S.style,{position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`,color:u,pointerEvents:`none`}),f.appendChild(S),document.body.appendChild(f),t.overlayElement=f,(0,a.of)(null).pipe((0,o.observeOn)(a.animationFrameScheduler)).subscribe(()=>{f.style.opacity=`1`,f.style.transform=`scale(1)`});let C=b.getContext(`2d`);if(!C)return;C.scale(v,v);let w=m/2,T=_/2,E=Math.min(m,_)/2-1,D=E-3,O=e=>{C.clearRect(0,0,m,_),C.beginPath(),C.arc(w,T,D,0,2*Math.PI),C.fillStyle=l,C.fill();let t=1-e;if(t>0){let e=-Math.PI/2,n=e+2*Math.PI*t;C.beginPath(),C.arc(w,T,E,e,n),C.arc(w,T,D,n,e,!0),C.closePath(),C.fillStyle=d,C.fill()}};O(0);let k=performance.now(),A=(0,a.interval)(0,a.animationFrameScheduler).pipe((0,o.map)(()=>(performance.now()-k)/i),(0,o.takeWhile)(e=>e<=1),(0,o.takeUntil)(r),(0,o.tap)(e=>O(e))).subscribe({complete:()=>{h.get(e)?.isConfirming&&this.hideOverlay(e)}});t.subscription.add(A);let j=(0,a.merge)((0,a.fromEvent)(f,`click`).pipe((0,o.take)(1),(0,o.tap)(()=>{t.callback(),this.hideOverlay(e)})),(0,a.fromEvent)(document,`click`,{capture:!0}).pipe((0,o.filter)(t=>!f.contains(t.target)&&!e.contains(t.target)),(0,o.take)(1),(0,o.tap)(()=>this.hideOverlay(e))),(0,a.fromEvent)(document,`keydown`).pipe((0,o.filter)(e=>e.key===`Escape`),(0,o.take)(1),(0,o.tap)(()=>this.hideOverlay(e)))).pipe((0,o.take)(1),(0,o.takeUntil)(r)).subscribe();t.subscription.add(j)}hideOverlay(e){let t=h.get(e);if(t&&(t.cancel$.next(),t.isConfirming=!1,t.overlayElement)){let e=t.overlayElement;e.style.opacity=`0`,e.style.transform=`scale(0.6)`,(0,a.timer)(250).pipe((0,o.tap)(()=>{document.body.contains(e)&&document.body.removeChild(e)})).subscribe(),t.overlayElement=null}}cleanup(e){let t=h.get(e);t&&(t.cancel$.next(),t.cancel$.complete(),t.subscription.unsubscribe(),t.overlayElement&&document.body.contains(t.overlayElement)&&document.body.removeChild(t.overlayElement),h.delete(e))}disconnected(e){this.cleanup(e.element)}reconnected(e){let t=e.element,n=h.get(t);if(n){let e=new a.Subject,r=this.setupClickListener(t,n.options,e);h.set(t,{subscription:r,callback:n.callback,options:n.options,overlayElement:null,isConfirming:!1,cancel$:e})}}},v=(0,l.directive)(_),y=class extends c.AsyncDirective{constructor(...e){super(...e),this.element=null,this.items=[],this.subscription=null,this.typewriterSub=null,this.currentAnimation=null,this.addDisplayEl=null,this.disconnecting$=new a.Subject,this.initialized=!1}render(e){return s.noChange}update(e,[t={}]){if(this.element=e.element,!this.initialized&&this.isConnected){if(this.initialized=!0,this.disconnecting$.closed&&(this.disconnecting$=new a.Subject),this.items=Array.from(this.element.children).filter(e=>e instanceof HTMLElement),this.items.length===0)return s.noChange;this.element.style.display=`inline-grid`,this.element.style.verticalAlign=`bottom`,this.items.forEach((e,t)=>{e.style.gridColumn=`1`,e.style.gridRow=`1`,e.style.visibility=t===0?``:`hidden`}),this.startCycling(t)}return s.noChange}disconnected(){this.cleanup()}reconnected(){}startCycling(e){let{mode:t=`replace`}=e;this.items.length<2||(t===`add`?this.startAddCycling(e):this.startReplaceCycling(e))}startReplaceCycling(e){let{transition:t=`fade`,hold:n=2e3,duration:r=300,delay:i=0}=e,s=e=>(0,a.defer)(()=>new a.Observable(i=>{let s=this.items[e],c=(e-1+this.items.length)%this.items.length,l=this.items[c],u=parseInt(s.dataset.hold||``,10)||n,d=this.transitionItems(l,s,t,r).pipe((0,o.switchMap)(()=>(0,a.timer)(u)),(0,o.take)(1),(0,o.takeUntil)(this.disconnecting$)).subscribe({next:()=>{i.next(),i.complete()},error:e=>i.error(e)});return()=>d.unsubscribe()})),c=parseInt(this.items[0].dataset.hold||``,10)||n,l=(0,a.concat)((0,a.defer)(()=>new a.Observable(e=>{let t=(0,a.timer)(c).pipe((0,o.takeUntil)(this.disconnecting$)).subscribe({next:()=>{e.next(),e.complete()}});return()=>t.unsubscribe()})),(0,a.concat)(...[...Array.from({length:this.items.length},(e,t)=>t).slice(1),0].map(e=>s(e))).pipe((0,o.repeat)()));this.subscription=(0,a.timer)(i).pipe((0,o.switchMap)(()=>l),(0,o.takeUntil)(this.disconnecting$)).subscribe()}startAddCycling(e){let{transition:t=`fade`,hold:n=2e3,duration:r=300,delay:i=0,separator:s=`, `}=e,c=this.items.map(e=>e.textContent||``);this.items.forEach(e=>{e.style.display=`none`});let l=document.createElement(`span`);this.element.appendChild(l),this.addDisplayEl=l;let u=(0,a.defer)(()=>{l.textContent=``;let e=``,i=c.map((i,c)=>{let u=parseInt(this.items[c].dataset.hold||``,10)||n,d=(c>0?s:``)+i;return(0,a.defer)(()=>t===`typewriter`?this.typewriterAdd(l,e,d,r).pipe((0,o.tap)(()=>{e+=d}),(0,o.switchMap)(()=>(0,a.timer)(u))):(0,a.defer)(()=>(e+=d,l.textContent=e,(0,a.timer)(u))))}),u=(0,a.defer)(()=>{let t=l.animate([{opacity:1},{opacity:0}],{duration:r,fill:`forwards`});return this.currentAnimation=t,(0,a.from)(t.finished).pipe((0,o.tap)(()=>{t.cancel(),l.textContent=``,l.style.opacity=``,e=``}),(0,o.switchMap)(()=>(0,a.timer)(300)))});return(0,a.concat)(...i,u)});this.subscription=(0,a.timer)(i).pipe((0,o.switchMap)(()=>u.pipe((0,o.repeat)())),(0,o.takeUntil)(this.disconnecting$)).subscribe()}typewriterAdd(e,t,n,r){if(n.length===0)return(0,a.of)(void 0);let i=r/n.length;return new a.Observable(r=>{let s=0,c=(0,a.interval)(i).pipe((0,o.tap)(()=>{s++,e.textContent=t+n.slice(0,s)}),(0,o.takeWhile)(()=>s<n.length),(0,o.takeUntil)(this.disconnecting$)).subscribe({complete:()=>{e.textContent=t+n,r.next(),r.complete()}});return()=>c.unsubscribe()})}transitionItems(e,t,n,r){switch(this.currentAnimation?.cancel(),this.currentAnimation=null,this.typewriterSub?.unsubscribe(),this.typewriterSub=null,n){case`slide`:return this.slideTransition(e,t,r);case`typewriter`:return this.typewriterTransition(e,t,r);default:return this.fadeTransition(e,t,r)}}fadeTransition(e,t,n){let r=e.animate([{opacity:1},{opacity:0}],{duration:n/2,fill:`forwards`});return this.currentAnimation=r,(0,a.from)(r.finished).pipe((0,o.switchMap)(()=>{r.cancel(),e.style.visibility=`hidden`,t.style.visibility=``;let i=t.animate([{opacity:0},{opacity:1}],{duration:n/2,fill:`forwards`});return this.currentAnimation=i,(0,a.from)(i.finished).pipe((0,o.tap)(()=>{i.cancel()}),(0,o.map)(()=>{}),(0,o.catchError)(()=>a.EMPTY))}),(0,o.catchError)(()=>a.EMPTY))}slideTransition(e,t,n){let r=`cubic-bezier(0.4, 0, 0.2, 1)`;t.style.visibility=``;let i=e.animate([{transform:`translateY(0)`,opacity:1},{transform:`translateY(-100%)`,opacity:0}],{duration:n,fill:`forwards`,easing:r}),s=t.animate([{transform:`translateY(100%)`,opacity:0},{transform:`translateY(0)`,opacity:1}],{duration:n,fill:`forwards`,easing:r});return this.currentAnimation=s,(0,a.from)(s.finished).pipe((0,o.tap)(()=>{i.cancel(),s.cancel(),e.style.visibility=`hidden`}),(0,o.map)(()=>{}),(0,o.catchError)(()=>a.EMPTY))}typewriterTransition(e,t,n){let r=e.textContent||``,i=t.textContent||``,s=r.length+i.length;if(s===0)return e.style.visibility=`hidden`,t.style.visibility=``,(0,a.of)(void 0);let c=n/s;return new a.Observable(n=>{let s=r.length;return this.typewriterSub=(0,a.concat)((0,a.interval)(c).pipe((0,o.tap)(()=>{s--,e.textContent=r.slice(0,s)}),(0,o.takeWhile)(()=>s>0)),(0,a.defer)(()=>(e.style.visibility=`hidden`,e.textContent=r,t.style.visibility=``,t.textContent=``,(0,a.of)(null))),(0,a.defer)(()=>{let e=0;return(0,a.interval)(c).pipe((0,o.tap)(()=>{e++,t.textContent=i.slice(0,e)}),(0,o.takeWhile)(()=>e<i.length))})).pipe((0,o.takeUntil)(this.disconnecting$)).subscribe({complete:()=>{t.textContent=i,n.next(),n.complete()}}),()=>{this.typewriterSub?.unsubscribe(),this.typewriterSub=null}})}cleanup(){this.disconnecting$.next(),this.disconnecting$.complete(),this.currentAnimation?.cancel(),this.currentAnimation=null,this.typewriterSub?.unsubscribe(),this.typewriterSub=null,this.subscription?.unsubscribe(),this.subscription=null,this.addDisplayEl&&=(this.addDisplayEl.remove(),null),this.items.forEach((e,t)=>{e.style.gridColumn=``,e.style.gridRow=``,e.style.visibility=t===0?``:`hidden`,e.style.opacity=``,e.style.transform=``}),this.element=null,this.items=[],this.initialized=!1}},b=(0,c.directive)(y),x=class extends c.AsyncDirective{constructor(...e){super(...e),this.maxBlur=8,this.duration=400,this.isBlurred=!1,this.transitionSet=!1}render(e){}update(e,[n]){if(e.type!==l.PartType.ELEMENT)throw Error(`depthOfField directive must be used on an element`);this.element=e.element,this.maxBlur=n.maxBlur??8,this.duration=n.duration??400,this.transitionSet||t.t.value||(this.element.style.transition=`filter ${this.duration}ms cubic-bezier(0.34, 1.2, 0.64, 1), scale ${this.duration}ms cubic-bezier(0.34, 1.2, 0.64, 1)`,this.transitionSet=!0),n.active&&!this.isBlurred?this.applyBlur():!n.active&&this.isBlurred&&this.clearBlur()}applyBlur(){this.element.style.filter=`blur(${this.maxBlur}px) saturate(60%)`,this.element.style.scale=`1.01`,this.isBlurred=!0}clearBlur(){this.element.style.filter=``,this.element.style.scale=``,this.isBlurred=!1}disconnected(){this.isBlurred&&this.clearBlur()}reconnected(){}},S=(0,l.directive)(x),C=new a.BehaviorSubject(null),w=new a.BehaviorSubject(null),T=new Map,E=new Map,D=[];function O(e){D.push(`[${new Date().toISOString().slice(11,23)}] ${e}`)}var k=null;w.pipe((0,o.distinctUntilChanged)((e,t)=>e?.target===t?.target&&e?.position===t?.position)).subscribe(e=>{if(!e)return void(k&&(k.style.display=`none`));if(t.t.value)return;let n=function(){if(k)return k;let e=document.createElement(`div`);e.setAttribute(`data-schmancy-drop-line`,``),Object.assign(e.style,{position:`fixed`,height:`2px`,backgroundColor:`var(--schmancy-sys-color-tertiary-default, #6750A4)`,borderRadius:`1px`,pointerEvents:`none`,zIndex:`10000`,transition:`top 100ms ease, left 100ms ease, width 100ms ease`,boxShadow:`0 0 4px var(--schmancy-sys-color-tertiary-default, #6750A4)`,display:`none`});for(let t of[`left`,`right`]){let n=document.createElement(`div`);Object.assign(n.style,{position:`absolute`,width:`6px`,height:`6px`,borderRadius:`50%`,backgroundColor:`var(--schmancy-sys-color-tertiary-default, #6750A4)`,top:`-2px`,[t]:`-3px`}),e.appendChild(n)}return document.body.appendChild(e),k=e,e}(),r=e.target.getBoundingClientRect(),i=e.position===`before`?r.top-1:r.bottom+1;Object.assign(n.style,{top:`${i}px`,left:`${r.left}px`,width:`${r.width}px`,display:`block`})});var A=class extends l.Directive{constructor(e){super(e),this.destroy$=new a.Subject}update(n,[r]){if(this.id=r,!this.element){let r=n.element;this.element=r,r.draggable=!0,r.style.cursor=`grab`,(0,a.fromEvent)(r,`dragstart`).pipe((0,o.tap)(e=>{e.stopPropagation(),e.dataTransfer?.setData(`application/json`,JSON.stringify({id:this.id})),e.dataTransfer&&(e.dataTransfer.effectAllowed=`move`),r.style.cursor=`grabbing`,D.length=0,O(`DRAGSTART id=${this.id} tag=${r.tagName}`),C.next(this.id),E.clear();let t=r.parentElement;if(t)for(let[e,n]of T)n.parentElement===t&&E.set(e,n.getBoundingClientRect())}),(0,o.observeOn)(a.animationFrameScheduler),(0,o.tap)(()=>{t.t.value||(r.style.transition=`transform 150ms ease, box-shadow 150ms ease, opacity 150ms ease`,r.style.transform=`scale(1.03)`,r.style.boxShadow=`0 8px 25px rgba(0,0,0,0.15)`,r.style.opacity=`0.6`,r.style.zIndex=`1000`,r.style.pointerEvents=`none`)}),(0,o.switchMap)(()=>(0,a.fromEvent)(r,`dragend`).pipe((0,o.take)(1),(0,o.tap)(()=>{let n=w.value;if(r.style.removeProperty(`transition`),r.style.removeProperty(`transform`),r.style.removeProperty(`box-shadow`),r.style.removeProperty(`opacity`),r.style.removeProperty(`z-index`),r.style.removeProperty(`pointer-events`),r.style.cursor=`grab`,n){let{target:r,destinationId:i,position:s}=n;O(`DROP source=${this.id} dest=${i} pos=${s}`),r.dispatchEvent(new CustomEvent(`drop`,{detail:{source:this.id,destination:i,position:s},bubbles:!0,composed:!0})),(0,a.timer)(0,a.animationFrameScheduler).pipe((0,o.skip)(1),(0,o.take)(1)).subscribe(()=>{if(!t.t.value&&E.size!==0){for(let[t,n]of E){let r=T.get(t);if(!r)continue;let i=r.getBoundingClientRect(),a=n.left-i.left,o=n.top-i.top;Math.abs(a)<1&&Math.abs(o)<1||r.animate([{transform:`translate(${a}px, ${o}px)`},{transform:`translate(0,0)`}],{duration:e.f.duration,easing:e.f.easingFallback,fill:`none`})}E.clear()}})}C.next(null),w.next(null),O(`DRAGEND id=${this.id}`),D.length!==0&&(D.length=0)}))),(0,o.takeUntil)(this.destroy$)).subscribe()}return this.registeredId&&this.registeredId!==r&&T.delete(this.registeredId),T.set(r,this.element),this.registeredId=r,s.nothing}disconnected(){this.destroy$.next(),this.destroy$.complete(),this.registeredId&&T.delete(this.registeredId),this.element=void 0}reconnected(){this.destroy$=new a.Subject,this.element=void 0}render(e){return s.nothing}},j=(0,l.directive)(A),M=class extends l.Directive{constructor(e){super(e),this.destroy$=new a.Subject}update(e,[t]){if(this.destinationId=t,!this.element){let t=e.element;this.element=t,(0,a.fromEvent)(t,`dragenter`).pipe((0,o.tap)(e=>{O(`NATIVE-DRAGENTER dest=${this.destinationId}`),e.preventDefault()}),(0,o.takeUntil)(this.destroy$)).subscribe(),(0,a.fromEvent)(t,`dragover`).pipe((0,o.tap)(e=>{O(`NATIVE-DRAGOVER dest=${this.destinationId}`),e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect=`move`)}),(0,o.takeUntil)(this.destroy$)).subscribe(),(0,a.fromEvent)(t,`drop`).pipe((0,o.tap)(e=>{e.preventDefault(),O(`NATIVE-DROP dest=${this.destinationId}`)}),(0,o.takeUntil)(this.destroy$)).subscribe(),C.pipe((0,o.switchMap)(e=>e&&e!==this.destinationId?(O(`DROP-ACTIVE dest=${this.destinationId} src=${e}`),(0,a.fromEvent)(t,`dragover`).pipe((0,o.tap)(e=>{e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect=`move`)}),(0,o.tap)(n=>{let r=function(e,t,n){let r=t.getBoundingClientRect(),i=n?T.get(n):null;if(!i)return e.clientY<r.top+r.height/2?`before`:`after`;let a=i.getBoundingClientRect();if(Math.abs(a.top-r.top)<r.height/2){let t=r.left+r.width/2;return a.left>r.left?e.clientX<t?`before`:null:e.clientX>=t?`after`:null}let o=r.top+r.height/2;return a.top>r.top?e.clientY<o?`before`:null:e.clientY>=o?`after`:null}(n,t,e);w.next(r?{target:t,destinationId:this.destinationId,position:r}:null)}))):(w.next(null),a.EMPTY)),(0,o.takeUntil)(this.destroy$)).subscribe()}return s.nothing}disconnected(){this.destroy$.next(),this.destroy$.complete(),this.element=void 0}reconnected(){this.destroy$=new a.Subject,this.element=void 0}render(e){return s.nothing}},ee=(0,l.directive)(M),N=class extends c.AsyncDirective{constructor(...e){super(...e),this.hasAnimated=!1}render(e){}update(e,[n]){if(e.type!==l.PartType.ELEMENT)throw Error(`gravity directive must be used on an element`);if(this.element=e.element,this.options=n,this.hasAnimated)return;if(t.t.value)return void(this.hasAnimated=!0);let r=Math.max(.3,Math.min(3,n?.mass??1)),i=n?.distance??30,a=(n?.delay??0)+(n?.stagger??0);this.animate(r,i,a),this.hasAnimated=!0}reconnected(){if(this.hasAnimated=!1,this.options&&!t.t.value){let e=Math.max(.3,Math.min(3,this.options.mass??1)),t=this.options.distance??30,n=(this.options.delay??0)+(this.options.stagger??0);this.animate(e,t,n),this.hasAnimated=!0}}animate(t,n,r){let i=t<.7?e.l:e.d,s=i.duration*(1/Math.sqrt(t)),c=1/t*n;this.animation?.cancel(),this.element.style.willChange=`transform, opacity`,this.animation=this.element.animate([{opacity:0,transform:`translateY(-${c}px)`},{opacity:1,transform:`translateY(0)`}],{duration:s,delay:r,easing:i.easingFallback,fill:`backwards`}),(0,a.from)(this.animation.finished).pipe((0,o.take)(1),(0,o.tap)(()=>{this.element.style.willChange=``,this.animation=void 0}),(0,o.catchError)(()=>a.EMPTY)).subscribe()}disconnected(){this.animation?.cancel(),this.animation=void 0}},P=(0,l.directive)(N),F=class extends c.AsyncDirective{constructor(...e){super(...e),this.state=null}render(e,t){return s.noChange}update(e,[t,n]){let r=e.element,i,c,l,u={};if(typeof t==`function`?(i=t,u=n||{}):(c=t.onEnter,l=t.onExit,u=t.options||{},i=e=>{e&&c&&c(),!e&&l&&l()}),this.state?.element===r)return s.noChange;this.cleanup();let{once:d=!1,threshold:f=0,rootMargin:p=`0px`,delay:m=0}=u,h=new IntersectionObserver(e=>{if(!this.state)return;let t=e[0],n=t.isIntersecting;m>0&&n?(this.state.delayTimerSub&&this.state.delayTimerSub.unsubscribe(),this.state.delayTimerSub=(0,a.timer)(m).pipe((0,o.take)(1),(0,o.tap)(()=>this.triggerCallback(n,t))).subscribe()):(!n&&this.state.delayTimerSub&&(this.state.delayTimerSub.unsubscribe(),this.state.delayTimerSub=void 0),this.triggerCallback(n,t))},{threshold:f,rootMargin:p});return this.state={element:r,observer:h,callback:i,onEnter:c,onExit:l,once:d,delay:m,hasFired:!1},h.observe(r),s.noChange}triggerCallback(e,t){this.state&&(this.state.once?e&&!this.state.hasFired&&(this.state.hasFired=!0,this.state.callback(e,t),this.cleanup()):this.state.callback(e,t))}cleanup(){this.state&&=(this.state.delayTimerSub?.unsubscribe(),this.state.delayTimerSub=void 0,this.state.observer.disconnect(),null)}pause(){this.state&&(this.state.delayTimerSub?.unsubscribe(),this.state.observer.disconnect())}disconnected(){this.pause()}reconnected(){this.state&&this.state.observer.observe(this.state.element)}},I=(0,c.directive)(F),L={active:!0,intensity:`medium`},R={light:{blur:12,sat:1.3,bright:1.05,tint:.45,border:.2,shadow:.06},medium:{blur:16,sat:1.4,bright:1.08,tint:.55,border:.28,shadow:.08},strong:{blur:24,sat:1.5,bright:1.12,tint:.65,border:.35,shadow:.1}},z=[`backdropFilter`,`background`,`boxShadow`,`borderTop`,`borderBottom`],te=class extends c.AsyncDirective{constructor(...e){super(...e),this.state=null}render(e){return s.noChange}update(e,[t={}]){let n=e.element,r={...L,...t};return r.active?this.activate(n,r):this.cleanup(),s.noChange}activate(e,t){if(!this.isConnected)return;let n=R[t.intensity];if(!this.state){let t={};for(let n of z)t[n]=e.style[n];this.state={element:e,origStyles:t}}this.applyStyles(e,n)}applyStyles(e,t){let n=`blur(${t.blur}px) saturate(${t.sat}) brightness(${t.bright})`;e.style.backdropFilter=n,e.style.setProperty(`-webkit-backdrop-filter`,n),e.style.background=`rgba(var(--md-sys-color-surface-container, 255 255 255) / ${t.tint})`;let r=t.border;e.style.boxShadow=[`inset 0 1px 0 0 rgba(255,255,255, ${1.5*r})`,`inset 0 2px 6px rgba(255,255,255, ${.6*r})`,`inset 0 -1px 0 0 rgba(255,255,255, ${.25*r})`,`0 1px 3px rgba(0,0,0, ${t.shadow})`,`0 6px 20px rgba(0,0,0, ${.5*t.shadow})`].join(`, `),e.style.borderTop=`0.5px solid rgba(255,255,255, ${.9*r})`,e.style.borderBottom=`0.5px solid rgba(0,0,0, 0.05)`}cleanup(){if(!this.state)return;let{element:e,origStyles:t}=this.state;for(let n of z)e.style[n]=t[n];e.style.removeProperty(`-webkit-backdrop-filter`),this.state=null}disconnected(){this.cleanup()}reconnected(){}},ne=(0,c.directive)(te),B=`schmancy-lb-rotate`,V=!1;function H(){if(V)return;let e=document.createElement(`style`);e.id=`schmancy-living-border-shared`,e.textContent=`\n\t\t@property --${B}-angle {\n\t\t\tsyntax: '<angle>';\n\t\t\tinitial-value: 0deg;\n\t\t\tinherits: false;\n\t\t}\n\t\t@keyframes ${B} {\n\t\t\tto { --${B}-angle: 360deg; }\n\t\t}\n\t`,document.head.appendChild(e),V=!0}var U=class extends c.AsyncDirective{constructor(...e){super(...e),this.teardown$=new a.Subject,this.didSetPosition=!1}render(e){}update(e,[n]){if(e.type!==l.PartType.ELEMENT)throw Error(`livingBorder directive must be used on an element`);let r=JSON.stringify(n??{});this.element&&r===this.prevKey||(this.prevKey=r,this.element=e.element,this.lastOptions=n,t.t.value||(this.teardown$.next(),this.cleanup(),H(),this.createBorderOverlay(n)))}reconnected(){this.lastOptions&&!t.t.value&&(H(),this.createBorderOverlay(this.lastOptions))}createBorderOverlay(e){let t=e?.width??1,n=e?.color??`var(--schmancy-sys-color-primary-default)`,r=e?.spread??6,i=e?.duration??3e3,s=e?.onHover??!1;getComputedStyle(this.element).position===`static`&&(this.element.style.position=`relative`,this.didSetPosition=!0),this.borderEl=document.createElement(`div`),this.borderEl.setAttribute(`aria-hidden`,`true`);let c=`-${t}px`;Object.assign(this.borderEl.style,{position:`absolute`,top:c,left:c,right:c,bottom:c,borderRadius:`inherit`,pointerEvents:`none`,zIndex:`0`,background:`conic-gradient(\n\t\t\t\tfrom var(--${B}-angle),\n\t\t\t\ttransparent 0%, transparent 30%,\n\t\t\t\tcolor-mix(in srgb, ${n} 50%, transparent) 45%,\n\t\t\t\t${n} 50%,\n\t\t\t\tcolor-mix(in srgb, ${n} 50%, transparent) 55%,\n\t\t\t\ttransparent 70%, transparent 100%\n\t\t\t)`,mask:`linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)`,maskComposite:`exclude`,WebkitMaskComposite:`xor`,padding:`${t}px`,animation:`${B} ${i}ms linear infinite`,filter:`blur(${.3*r}px) drop-shadow(0 0 ${r}px color-mix(in srgb, ${n} 40%, transparent))`,opacity:s?`0`:`0.5`,transition:`opacity 300ms ease`}),this.element.prepend(this.borderEl),(0,a.merge)((0,a.fromEvent)(this.element,`mouseenter`).pipe((0,o.map)(()=>{this.borderEl&&(this.borderEl.style.opacity=s?`0.7`:`0.8`)})),(0,a.fromEvent)(this.element,`mouseleave`).pipe((0,o.map)(()=>{this.borderEl&&(this.borderEl.style.opacity=s?`0`:`0.5`)}))).pipe((0,o.takeUntil)(this.teardown$)).subscribe()}cleanup(){this.borderEl?.remove(),this.borderEl=void 0}disconnected(){this.teardown$.next(),this.cleanup(),this.didSetPosition&&this.element&&(this.element.style.position=``,this.didSetPosition=!1)}},W=(0,l.directive)(U),G=new WeakMap,K=class extends l.Directive{constructor(e){if(super(e),e.type!==l.PartType.ELEMENT)throw Error(`longPress directive can only be used on elements`)}render(e,t){}update(e,[t,n={}]){let r=e.element,i=G.get(r);if(i){if(i.callback===t&&this.optionsEqual(i.options,n))return;i.subscription.unsubscribe()}let a=this.setupLongPress(r,t,n);G.set(r,{subscription:a,callback:t,options:n||{}})}optionsEqual(e,t){return t?e.duration===t.duration&&e.movementThreshold===t.movementThreshold:Object.keys(e).length===0}setupLongPress(e,t,n={}){let r=n.duration??500,i=n.movementThreshold??10,s=(0,a.fromEvent)(e,`pointerdown`),c=(0,a.fromEvent)(window,`pointerup`),l=(0,a.fromEvent)(window,`pointermove`),u=(0,a.fromEvent)(window,`pointercancel`);return s.pipe((0,o.switchMap)(e=>{let n=e.clientX,s=e.clientY,d=(0,a.merge)(c,u,l.pipe((0,o.filter)(e=>{let t=e.clientX-n,r=e.clientY-s;return Math.sqrt(t*t+r*r)>i}))).pipe((0,o.first)());return(0,a.timer)(r).pipe((0,o.takeUntil)(d),(0,o.tap)(()=>t()))})).subscribe()}disconnected(e){let t=e.element,n=G.get(t);n&&(n.subscription.unsubscribe(),G.delete(t))}reconnected(e){let t=e.element,n=G.get(t);n&&(n.subscription=this.setupLongPress(t,n.callback,n.options))}},q=(0,l.directive)(K),J={active:!0,autoHideDuration:3e3,background:!0,intensity:1,blur:1,speed:1,fadeInDuration:1e3,fadeOutDuration:8e3,idleOpacity:.6,idleBreathe:!0,temperature:0,chromaticAberration:1,particleCount:30},Y=`cubic-bezier(0.37, 0, 0.63, 1)`,X=`cubic-bezier(0.25, 0.1, 0.25, 1)`,Z=!1,re=class e{constructor(){this.elementToDirective=new WeakMap,this.instances=new Set,this.observer=null,this.visibilitySub=null,this.tabVisible=!0}static{this._instance=null}static get instance(){return e._instance||=new e,e._instance}register(e,t){let n=this.instances.size===0;this.instances.add(e),this.elementToDirective.set(t,e),n&&this.setup(),this.observer?.observe(t)}unregister(e,t){this.observer?.unobserve(t),this.elementToDirective.delete(t),this.instances.delete(e),this.instances.size===0&&this.teardown()}setup(){this.observer=new IntersectionObserver(e=>{for(let t of e){let e=this.elementToDirective.get(t.target);e&&e.onVisibilityChange(t.isIntersecting&&this.tabVisible)}},{threshold:0}),this.visibilitySub=(0,a.fromEvent)(document,`visibilitychange`).pipe((0,o.tap)(()=>{this.tabVisible=document.visibilityState===`visible`;for(let e of this.instances)e.onVisibilityChange(this.tabVisible)})).subscribe()}teardown(){this.observer&&=(this.observer.disconnect(),null),this.visibilitySub&&=(this.visibilitySub.unsubscribe(),null)}},ie=class extends c.AsyncDirective{constructor(...e){super(...e),this.state=null,this.coordinator=re.instance}render(e){return s.noChange}update(e,[t={}]){let n=e.element,r={...J,...t};return r.active?this.show(n,r):this.hide(r),s.noChange}onVisibilityChange(e){if(!this.state?.overlay)return;let t=this.state.isVisible;this.state.isVisible=e,t!==e&&(this.state.overlay.classList.toggle(`paused`,!e),this.state.overlay.classList.toggle(`running`,e))}show(e,n){(function(){if(Z||typeof document>`u`)return;Z=!0;let e=document.createElement(`style`);e.id=`nebula-directive-styles`,e.textContent=`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);const e=require(`./animation-Bcwh107v.cjs`),t=require(`./reduced-motion-DR32yKEO.cjs`),n=require(`./cursor-glow-82y5h3E4.cjs`),r=require(`./layout-PZCF3kwl.cjs`),i=require(`./magnetic-aBBnj_vk.cjs`);let a=require(`rxjs`),o=require(`rxjs/operators`),s=require(`lit`),c=require(`lit/async-directive.js`),l=require(`lit/directive.js`);var u={smooth:e.d,snappy:e.f,bouncy:e.l,gentle:e.u},d=class extends c.AsyncDirective{constructor(...e){super(...e),this.element=null,this.originalContent=``,this.animations=[],this.disconnecting$=new a.Subject,this.initialized=!1}render(e){return s.noChange}update(e,[t]){return this.element=e.element,this.initialized||(this.initialized=!0,this.disconnecting$.closed&&(this.disconnecting$=new a.Subject),t.text===void 0?this.originalContent=this.element.textContent||``:(this.originalContent=t.text,this.element.textContent=t.text),this.element.style.willChange=`transform, opacity`,t.animation===`typewriter`?this.element.textContent=``:this.element.style.opacity=`0`,this.initialize(t)),s.noChange}disconnected(){this.cleanup()}reconnected(){this.element&&(this.element.style.willChange=`transform, opacity`)}initialize(e){let{animation:t,delay:n=0,duration:r,stagger:i,preset:s=`snappy`,restart:c=!1}=e,l=u[s],d=r??l.duration,f=i??(t===`cyber-glitch`?30:50),p=this.createVisibilityObservable$();(c?p.pipe((0,o.switchMap)(e=>e?(0,a.timer)(n).pipe((0,o.switchMap)(()=>this.runAnimation$(t,d,f,l))):(0,a.defer)(()=>(this.resetToInitial(t),a.EMPTY)))):p.pipe((0,o.filter)(e=>e),(0,o.take)(1),(0,o.delay)(n),(0,o.switchMap)(()=>this.runAnimation$(t,d,f,l)))).pipe((0,o.takeUntil)(this.disconnecting$)).subscribe()}cleanup(){this.disconnecting$.next(),this.disconnecting$.complete(),this.cancelAnimations(),this.element&&(this.element.textContent=this.originalContent,this.element.style.opacity=``,this.element.style.willChange=`auto`,this.element.style.transform=``,this.element.style.filter=``),this.element=null,this.initialized=!1}cancelAnimations(){this.animations.forEach(e=>e.cancel()),this.animations=[]}resetToInitial(e){this.cancelAnimations(),this.element&&(e===`typewriter`?this.element.textContent=``:(this.element.textContent=this.originalContent,this.element.style.opacity=`0`),this.element.style.transform=``,this.element.style.filter=``,this.element.style.willChange=`transform, opacity`)}getAccumulatedOpacity(){if(!this.element)return 0;let e=1,t=this.element.parentElement,n=0;for(;t&&t!==document.body&&n<10;){let r=window.getComputedStyle(t);if(r.visibility===`hidden`||r.display===`none`)return 0;let i=parseFloat(r.opacity)||1;if(i<1&&(e*=i,e<=.5))return e;if(t.assignedSlot){let n=this.getSlotAncestorOpacity(t.assignedSlot);if(n===0)return 0;e*=n}t=t.parentElement,n++}return e}getSlotAncestorOpacity(e){let t=1,n=e.parentElement;for(;n;){let e=window.getComputedStyle(n);if(e.visibility===`hidden`||e.display===`none`)return 0;t*=parseFloat(e.opacity)||1,n=n.parentElement}return t}createVisibilityObservable$(){let e=(0,a.fromEvent)(document,`visibilitychange`).pipe((0,o.startWith)(null),(0,o.map)(()=>document.visibilityState===`visible`),(0,o.distinctUntilChanged)());return(0,a.combineLatest)([(0,a.interval)(200).pipe((0,o.startWith)(0),(0,o.map)(()=>{if(!this.element)return!1;let e=this.element.getBoundingClientRect();return e.width>0&&e.height>0&&e.top<window.innerHeight&&e.bottom>0&&this.getAccumulatedOpacity()>.5}),(0,o.distinctUntilChanged)()),e]).pipe((0,o.map)(([e,t])=>e&&t),(0,o.distinctUntilChanged)())}runAnimation$(e,t,n,r){if(!this.element)return a.EMPTY;switch(e){case`fade-up`:return this.animateFadeUp$(t,r);case`blur-reveal`:return this.animateBlurReveal$(t,n,r);case`word-reveal`:return this.animateWordReveal$(t,n,r);case`cyber-glitch`:return this.animateCyberGlitch$(t,n,r);case`typewriter`:return this.animateTypewriter$(t);default:return a.EMPTY}}animateFadeUp$(e,t){if(!this.element)return a.EMPTY;let n=this.element.animate([{opacity:0,transform:`translateY(30px)`},{opacity:1,transform:`translateY(0)`}],{duration:e,easing:t.easingFallback,fill:`forwards`});return this.animations.push(n),(0,a.from)(n.finished).pipe((0,o.tap)(()=>{this.element&&(this.element.style.opacity=``,this.element.style.transform=``,this.element.style.willChange=`auto`)}),(0,o.catchError)(()=>a.EMPTY))}wrapTextNodes(e){let t=[],n=document.createDocumentFragment(),r=Array.from(e.childNodes);for(let e of r)if(e.nodeType===Node.TEXT_NODE){let r=(e.textContent||``).split(/(\s+)/);for(let e of r)if(/^\s+$/.test(e))n.appendChild(document.createTextNode(e));else if(e.length>0){let r=document.createElement(`span`);r.textContent=e,n.appendChild(r),t.push(r)}}else e instanceof HTMLElement&&(n.appendChild(e),t.push(e));return e.textContent=``,e.appendChild(n),t}animateBlurReveal$(e,t,n){if(!this.element)return a.EMPTY;let r=this.wrapTextNodes(this.element);this.element.style.opacity=`1`,r.forEach((r,i)=>{r.style.opacity=`0`,r.style.display=`inline-block`;let a=r.animate([{opacity:0,filter:`blur(8px)`,transform:`scale(0.9)`},{opacity:1,filter:`blur(0)`,transform:`scale(1)`}],{duration:e,easing:n.easingFallback,delay:i*t,fill:`forwards`});this.animations.push(a)});let i=this.animations[this.animations.length-1];return i?(0,a.from)(i.finished).pipe((0,o.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,r.forEach(e=>{e.style.willChange=`auto`}))}),(0,o.catchError)(()=>a.EMPTY)):a.EMPTY}animateWordReveal$(e,t,n){if(!this.element)return a.EMPTY;let r=this.wrapTextNodes(this.element);this.element.style.opacity=`1`,r.forEach((r,i)=>{r.style.opacity=`0`,r.style.display=`inline-block`;let a=r.animate([{opacity:0,transform:`translateY(20px)`},{opacity:1,transform:`translateY(0)`}],{duration:e,easing:n.easingFallback,delay:i*t,fill:`forwards`});this.animations.push(a)});let i=this.animations[this.animations.length-1];return i?(0,a.from)(i.finished).pipe((0,o.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,r.forEach(e=>{e.style.willChange=`auto`}))}),(0,o.catchError)(()=>a.EMPTY)):a.EMPTY}animateCyberGlitch$(e,t,n){if(!this.element)return a.EMPTY;let r=this.originalContent.split(``),i=document.createDocumentFragment(),s=[];for(let e of r){let t=document.createElement(`span`);t.style.display=`inline-block`,t.style.opacity=`0`,t.textContent=e===` `?`\xA0`:e,i.appendChild(t),s.push(t)}this.element.textContent=``,this.element.appendChild(i),this.element.style.opacity=`1`,s.forEach((i,a)=>{if(r[a]===` `)return void(i.style.opacity=`1`);let o=i.animate([{opacity:0,transform:`translateY(-8px) scale(1.4)`,filter:`blur(4px)`},{opacity:1,transform:`translateY(0) scale(1)`,filter:`blur(0)`}],{duration:e,easing:n.easingFallback,delay:a*t,fill:`forwards`});this.animations.push(o)});let c=this.animations[this.animations.length-1];return c?(0,a.from)(c.finished).pipe((0,o.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,s.forEach(e=>{e.style.willChange=`auto`}))}),(0,o.catchError)(()=>a.EMPTY)):a.EMPTY}animateTypewriter$(e){if(!this.element)return a.EMPTY;let t=this.originalContent,n=t.length;if(n===0)return a.EMPTY;let r=e/n,i=0;return(0,a.interval)(r).pipe((0,o.tap)(()=>{i++,this.element&&(this.element.textContent=t.slice(0,i))}),(0,o.takeWhile)(()=>i<n),(0,o.finalize)(()=>{this.element&&(this.element.textContent=this.originalContent,this.element.style.willChange=`auto`)}))}},f=(0,c.directive)(d),p=class extends l.Directive{constructor(e){super(e),this.config={}}update(e,[t]){if(e.type!==l.PartType.ELEMENT)throw Error("The `classMap` directive must be used in the `class` attribute");let n=e.element;this.config=t,this.config.bgColor&&(n.style.backgroundColor=this.config.bgColor),this.config.color&&(n.style.color=this.config.color)}render(e){return this.config=e,s.nothing}},m=(0,l.directive)(p),h=new WeakMap;function g(e,t){let n=e.match(/var\(([^,)]+)/);return n&&getComputedStyle(document.documentElement).getPropertyValue(n[1]).trim()||t}var _=class extends l.Directive{constructor(e){if(super(e),e.type!==l.PartType.ELEMENT)throw Error(`confirmClick directive can only be used on elements`)}render(e,t){}update(e,[t,n={}]){let r=e.element,i=h.get(r);if(i){if(i.callback=t,this.optionsEqual(i.options,n))return;this.cleanup(r)}let o=new a.Subject,s=this.setupClickListener(r,n??{},o);h.set(r,{subscription:s,callback:t,options:n??{},overlayElement:null,isConfirming:!1,cancel$:o})}optionsEqual(e,t){return t?e.timeout===t.timeout&&e.icon===t.icon:Object.keys(e).length===0}setupClickListener(e,t,n){return(0,a.fromEvent)(e,`click`).pipe((0,o.tap)(r=>{let i=h.get(e);i&&!i.isConfirming&&(r.stopPropagation(),r.preventDefault(),i.isConfirming=!0,this.showOverlay(e,i,t,n))})).subscribe()}showOverlay(e,t,n,r){let i=n.timeout??3e3,s=e,c=n.icon??s.icon??s._capturedIcon??e.textContent?.trim()??`warning`,l=g(`var(--schmancy-sys-color-error-default)`,`#dc2626`),u=g(`var(--schmancy-sys-color-error-on)`,`#ffffff`),d=g(`var(--schmancy-sys-color-error-container)`,`#fecaca`),f=document.createElement(`div`);f.setAttribute(`role`,`status`),f.setAttribute(`aria-label`,`Click again to confirm`);let p=e.getBoundingClientRect(),m=p.width,_=p.height,v=window.devicePixelRatio||1,y=getComputedStyle(e);Object.assign(f.style,{position:`fixed`,top:`${p.top}px`,left:`${p.left}px`,width:`${m}px`,height:`${_}px`,zIndex:`10000`,borderRadius:y.borderRadius||`50%`,overflow:`hidden`,cursor:`pointer`,opacity:`0`,transform:`scale(0.6)`,transition:`opacity 250ms cubic-bezier(0.22, 1.25, 0.36, 1), transform 300ms cubic-bezier(0.22, 1.25, 0.36, 1)`});let b=document.createElement(`canvas`);b.width=m*v,b.height=_*v,b.style.width=`${m}px`,b.style.height=`${_}px`,b.style.position=`absolute`,b.style.top=`0`,b.style.left=`0`,f.appendChild(b);let x=Math.round(.5*Math.min(m,_)),S=document.createElement(`schmancy-icon`);S.textContent=c,S.setAttribute(`size`,`${x}px`),Object.assign(S.style,{position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`,color:u,pointerEvents:`none`}),f.appendChild(S),document.body.appendChild(f),t.overlayElement=f,(0,a.of)(null).pipe((0,o.observeOn)(a.animationFrameScheduler)).subscribe(()=>{f.style.opacity=`1`,f.style.transform=`scale(1)`});let C=b.getContext(`2d`);if(!C)return;C.scale(v,v);let w=m/2,T=_/2,E=Math.min(m,_)/2-1,D=E-3,O=e=>{C.clearRect(0,0,m,_),C.beginPath(),C.arc(w,T,D,0,2*Math.PI),C.fillStyle=l,C.fill();let t=1-e;if(t>0){let e=-Math.PI/2,n=e+2*Math.PI*t;C.beginPath(),C.arc(w,T,E,e,n),C.arc(w,T,D,n,e,!0),C.closePath(),C.fillStyle=d,C.fill()}};O(0);let k=performance.now(),A=(0,a.interval)(0,a.animationFrameScheduler).pipe((0,o.map)(()=>(performance.now()-k)/i),(0,o.takeWhile)(e=>e<=1),(0,o.takeUntil)(r),(0,o.tap)(e=>O(e))).subscribe({complete:()=>{h.get(e)?.isConfirming&&this.hideOverlay(e)}});t.subscription.add(A);let j=(0,a.merge)((0,a.fromEvent)(f,`click`).pipe((0,o.take)(1),(0,o.tap)(()=>{t.callback(),this.hideOverlay(e)})),(0,a.fromEvent)(document,`click`,{capture:!0}).pipe((0,o.filter)(t=>!f.contains(t.target)&&!e.contains(t.target)),(0,o.take)(1),(0,o.tap)(()=>this.hideOverlay(e))),(0,a.fromEvent)(document,`keydown`).pipe((0,o.filter)(e=>e.key===`Escape`),(0,o.take)(1),(0,o.tap)(()=>this.hideOverlay(e)))).pipe((0,o.take)(1),(0,o.takeUntil)(r)).subscribe();t.subscription.add(j)}hideOverlay(e){let t=h.get(e);if(t&&(t.cancel$.next(),t.isConfirming=!1,t.overlayElement)){let e=t.overlayElement;e.style.opacity=`0`,e.style.transform=`scale(0.6)`,(0,a.timer)(250).pipe((0,o.tap)(()=>{document.body.contains(e)&&document.body.removeChild(e)})).subscribe(),t.overlayElement=null}}cleanup(e){let t=h.get(e);t&&(t.cancel$.next(),t.cancel$.complete(),t.subscription.unsubscribe(),t.overlayElement&&document.body.contains(t.overlayElement)&&document.body.removeChild(t.overlayElement),h.delete(e))}disconnected(e){this.cleanup(e.element)}reconnected(e){let t=e.element,n=h.get(t);if(n){let e=new a.Subject,r=this.setupClickListener(t,n.options,e);h.set(t,{subscription:r,callback:n.callback,options:n.options,overlayElement:null,isConfirming:!1,cancel$:e})}}},v=(0,l.directive)(_),y=class extends c.AsyncDirective{constructor(...e){super(...e),this.element=null,this.items=[],this.subscription=null,this.typewriterSub=null,this.currentAnimation=null,this.addDisplayEl=null,this.disconnecting$=new a.Subject,this.initialized=!1}render(e){return s.noChange}update(e,[t={}]){if(this.element=e.element,!this.initialized&&this.isConnected){if(this.initialized=!0,this.disconnecting$.closed&&(this.disconnecting$=new a.Subject),this.items=Array.from(this.element.children).filter(e=>e instanceof HTMLElement),this.items.length===0)return s.noChange;this.element.style.display=`inline-grid`,this.element.style.verticalAlign=`bottom`,this.items.forEach((e,t)=>{e.style.gridColumn=`1`,e.style.gridRow=`1`,e.style.visibility=t===0?``:`hidden`}),this.startCycling(t)}return s.noChange}disconnected(){this.cleanup()}reconnected(){}startCycling(e){let{mode:t=`replace`}=e;this.items.length<2||(t===`add`?this.startAddCycling(e):this.startReplaceCycling(e))}startReplaceCycling(e){let{transition:t=`fade`,hold:n=2e3,duration:r=300,delay:i=0}=e,s=e=>(0,a.defer)(()=>new a.Observable(i=>{let s=this.items[e],c=(e-1+this.items.length)%this.items.length,l=this.items[c],u=parseInt(s.dataset.hold||``,10)||n,d=this.transitionItems(l,s,t,r).pipe((0,o.switchMap)(()=>(0,a.timer)(u)),(0,o.take)(1),(0,o.takeUntil)(this.disconnecting$)).subscribe({next:()=>{i.next(),i.complete()},error:e=>i.error(e)});return()=>d.unsubscribe()})),c=parseInt(this.items[0].dataset.hold||``,10)||n,l=(0,a.concat)((0,a.defer)(()=>new a.Observable(e=>{let t=(0,a.timer)(c).pipe((0,o.takeUntil)(this.disconnecting$)).subscribe({next:()=>{e.next(),e.complete()}});return()=>t.unsubscribe()})),(0,a.concat)(...[...Array.from({length:this.items.length},(e,t)=>t).slice(1),0].map(e=>s(e))).pipe((0,o.repeat)()));this.subscription=(0,a.timer)(i).pipe((0,o.switchMap)(()=>l),(0,o.takeUntil)(this.disconnecting$)).subscribe()}startAddCycling(e){let{transition:t=`fade`,hold:n=2e3,duration:r=300,delay:i=0,separator:s=`, `}=e,c=this.items.map(e=>e.textContent||``);this.items.forEach(e=>{e.style.display=`none`});let l=document.createElement(`span`);this.element.appendChild(l),this.addDisplayEl=l;let u=(0,a.defer)(()=>{l.textContent=``;let e=``,i=c.map((i,c)=>{let u=parseInt(this.items[c].dataset.hold||``,10)||n,d=(c>0?s:``)+i;return(0,a.defer)(()=>t===`typewriter`?this.typewriterAdd(l,e,d,r).pipe((0,o.tap)(()=>{e+=d}),(0,o.switchMap)(()=>(0,a.timer)(u))):(0,a.defer)(()=>(e+=d,l.textContent=e,(0,a.timer)(u))))}),u=(0,a.defer)(()=>{let t=l.animate([{opacity:1},{opacity:0}],{duration:r,fill:`forwards`});return this.currentAnimation=t,(0,a.from)(t.finished).pipe((0,o.tap)(()=>{t.cancel(),l.textContent=``,l.style.opacity=``,e=``}),(0,o.switchMap)(()=>(0,a.timer)(300)))});return(0,a.concat)(...i,u)});this.subscription=(0,a.timer)(i).pipe((0,o.switchMap)(()=>u.pipe((0,o.repeat)())),(0,o.takeUntil)(this.disconnecting$)).subscribe()}typewriterAdd(e,t,n,r){if(n.length===0)return(0,a.of)(void 0);let i=r/n.length;return new a.Observable(r=>{let s=0,c=(0,a.interval)(i).pipe((0,o.tap)(()=>{s++,e.textContent=t+n.slice(0,s)}),(0,o.takeWhile)(()=>s<n.length),(0,o.takeUntil)(this.disconnecting$)).subscribe({complete:()=>{e.textContent=t+n,r.next(),r.complete()}});return()=>c.unsubscribe()})}transitionItems(e,t,n,r){switch(this.currentAnimation?.cancel(),this.currentAnimation=null,this.typewriterSub?.unsubscribe(),this.typewriterSub=null,n){case`slide`:return this.slideTransition(e,t,r);case`typewriter`:return this.typewriterTransition(e,t,r);default:return this.fadeTransition(e,t,r)}}fadeTransition(e,t,n){let r=e.animate([{opacity:1},{opacity:0}],{duration:n/2,fill:`forwards`});return this.currentAnimation=r,(0,a.from)(r.finished).pipe((0,o.switchMap)(()=>{r.cancel(),e.style.visibility=`hidden`,t.style.visibility=``;let i=t.animate([{opacity:0},{opacity:1}],{duration:n/2,fill:`forwards`});return this.currentAnimation=i,(0,a.from)(i.finished).pipe((0,o.tap)(()=>{i.cancel()}),(0,o.map)(()=>{}),(0,o.catchError)(()=>a.EMPTY))}),(0,o.catchError)(()=>a.EMPTY))}slideTransition(e,t,n){let r=`cubic-bezier(0.4, 0, 0.2, 1)`;t.style.visibility=``;let i=e.animate([{transform:`translateY(0)`,opacity:1},{transform:`translateY(-100%)`,opacity:0}],{duration:n,fill:`forwards`,easing:r}),s=t.animate([{transform:`translateY(100%)`,opacity:0},{transform:`translateY(0)`,opacity:1}],{duration:n,fill:`forwards`,easing:r});return this.currentAnimation=s,(0,a.from)(s.finished).pipe((0,o.tap)(()=>{i.cancel(),s.cancel(),e.style.visibility=`hidden`}),(0,o.map)(()=>{}),(0,o.catchError)(()=>a.EMPTY))}typewriterTransition(e,t,n){let r=e.textContent||``,i=t.textContent||``,s=r.length+i.length;if(s===0)return e.style.visibility=`hidden`,t.style.visibility=``,(0,a.of)(void 0);let c=n/s;return new a.Observable(n=>{let s=r.length;return this.typewriterSub=(0,a.concat)((0,a.interval)(c).pipe((0,o.tap)(()=>{s--,e.textContent=r.slice(0,s)}),(0,o.takeWhile)(()=>s>0)),(0,a.defer)(()=>(e.style.visibility=`hidden`,e.textContent=r,t.style.visibility=``,t.textContent=``,(0,a.of)(null))),(0,a.defer)(()=>{let e=0;return(0,a.interval)(c).pipe((0,o.tap)(()=>{e++,t.textContent=i.slice(0,e)}),(0,o.takeWhile)(()=>e<i.length))})).pipe((0,o.takeUntil)(this.disconnecting$)).subscribe({complete:()=>{t.textContent=i,n.next(),n.complete()}}),()=>{this.typewriterSub?.unsubscribe(),this.typewriterSub=null}})}cleanup(){this.disconnecting$.next(),this.disconnecting$.complete(),this.currentAnimation?.cancel(),this.currentAnimation=null,this.typewriterSub?.unsubscribe(),this.typewriterSub=null,this.subscription?.unsubscribe(),this.subscription=null,this.addDisplayEl&&=(this.addDisplayEl.remove(),null),this.items.forEach((e,t)=>{e.style.gridColumn=``,e.style.gridRow=``,e.style.visibility=t===0?``:`hidden`,e.style.opacity=``,e.style.transform=``}),this.element=null,this.items=[],this.initialized=!1}},b=(0,c.directive)(y),x=class extends c.AsyncDirective{constructor(...e){super(...e),this.maxBlur=8,this.duration=400,this.isBlurred=!1,this.transitionSet=!1}render(e){}update(e,[n]){if(e.type!==l.PartType.ELEMENT)throw Error(`depthOfField directive must be used on an element`);this.element=e.element,this.maxBlur=n.maxBlur??8,this.duration=n.duration??400,this.transitionSet||t.t.value||(this.element.style.transition=`filter ${this.duration}ms cubic-bezier(0.34, 1.2, 0.64, 1), scale ${this.duration}ms cubic-bezier(0.34, 1.2, 0.64, 1)`,this.transitionSet=!0),n.active&&!this.isBlurred?this.applyBlur():!n.active&&this.isBlurred&&this.clearBlur()}applyBlur(){this.element.style.filter=`blur(${this.maxBlur}px) saturate(60%)`,this.element.style.scale=`1.01`,this.isBlurred=!0}clearBlur(){this.element.style.filter=``,this.element.style.scale=``,this.isBlurred=!1}disconnected(){this.isBlurred&&this.clearBlur()}reconnected(){}},S=(0,l.directive)(x),C=new a.BehaviorSubject(null),w=new a.BehaviorSubject(null),T=new Map,E=new Map,D=[];function O(e){D.push(`[${new Date().toISOString().slice(11,23)}] ${e}`)}var k=null;w.pipe((0,o.distinctUntilChanged)((e,t)=>e?.target===t?.target&&e?.position===t?.position)).subscribe(e=>{if(!e)return void(k&&(k.style.display=`none`));if(t.t.value)return;let n=function(){if(k)return k;let e=document.createElement(`div`);e.setAttribute(`data-schmancy-drop-line`,``),Object.assign(e.style,{position:`fixed`,height:`2px`,backgroundColor:`var(--schmancy-sys-color-tertiary-default, #6750A4)`,borderRadius:`1px`,pointerEvents:`none`,zIndex:`10000`,transition:`top 100ms ease, left 100ms ease, width 100ms ease`,boxShadow:`0 0 4px var(--schmancy-sys-color-tertiary-default, #6750A4)`,display:`none`});for(let t of[`left`,`right`]){let n=document.createElement(`div`);Object.assign(n.style,{position:`absolute`,width:`6px`,height:`6px`,borderRadius:`50%`,backgroundColor:`var(--schmancy-sys-color-tertiary-default, #6750A4)`,top:`-2px`,[t]:`-3px`}),e.appendChild(n)}return document.body.appendChild(e),k=e,e}(),r=e.target.getBoundingClientRect(),i=e.position===`before`?r.top-1:r.bottom+1;Object.assign(n.style,{top:`${i}px`,left:`${r.left}px`,width:`${r.width}px`,display:`block`})});var A=class extends l.Directive{constructor(e){super(e),this.destroy$=new a.Subject}update(n,[r]){if(this.id=r,!this.element){let r=n.element;this.element=r,r.draggable=!0,r.style.cursor=`grab`,(0,a.fromEvent)(r,`dragstart`).pipe((0,o.tap)(e=>{e.stopPropagation(),e.dataTransfer?.setData(`application/json`,JSON.stringify({id:this.id})),e.dataTransfer&&(e.dataTransfer.effectAllowed=`move`),r.style.cursor=`grabbing`,D.length=0,O(`DRAGSTART id=${this.id} tag=${r.tagName}`),C.next(this.id),E.clear();let t=r.parentElement;if(t)for(let[e,n]of T)n.parentElement===t&&E.set(e,n.getBoundingClientRect())}),(0,o.observeOn)(a.animationFrameScheduler),(0,o.tap)(()=>{t.t.value||(r.style.transition=`transform 150ms ease, box-shadow 150ms ease, opacity 150ms ease`,r.style.transform=`scale(1.03)`,r.style.boxShadow=`0 8px 25px rgba(0,0,0,0.15)`,r.style.opacity=`0.6`,r.style.zIndex=`1000`,r.style.pointerEvents=`none`)}),(0,o.switchMap)(()=>(0,a.fromEvent)(r,`dragend`).pipe((0,o.take)(1),(0,o.tap)(()=>{let n=w.value;if(r.style.removeProperty(`transition`),r.style.removeProperty(`transform`),r.style.removeProperty(`box-shadow`),r.style.removeProperty(`opacity`),r.style.removeProperty(`z-index`),r.style.removeProperty(`pointer-events`),r.style.cursor=`grab`,n){let{target:r,destinationId:i,position:s}=n;O(`DROP source=${this.id} dest=${i} pos=${s}`),r.dispatchEvent(new CustomEvent(`drop`,{detail:{source:this.id,destination:i,position:s},bubbles:!0,composed:!0})),(0,a.timer)(0,a.animationFrameScheduler).pipe((0,o.skip)(1),(0,o.take)(1)).subscribe(()=>{if(!t.t.value&&E.size!==0){for(let[t,n]of E){let r=T.get(t);if(!r)continue;let i=r.getBoundingClientRect(),a=n.left-i.left,o=n.top-i.top;Math.abs(a)<1&&Math.abs(o)<1||r.animate([{transform:`translate(${a}px, ${o}px)`},{transform:`translate(0,0)`}],{duration:e.f.duration,easing:e.f.easingFallback,fill:`none`})}E.clear()}})}C.next(null),w.next(null),O(`DRAGEND id=${this.id}`),D.length!==0&&(D.length=0)}))),(0,o.takeUntil)(this.destroy$)).subscribe()}return this.registeredId&&this.registeredId!==r&&T.delete(this.registeredId),T.set(r,this.element),this.registeredId=r,s.nothing}disconnected(){this.destroy$.next(),this.destroy$.complete(),this.registeredId&&T.delete(this.registeredId),this.element=void 0}reconnected(){this.destroy$=new a.Subject,this.element=void 0}render(e){return s.nothing}},j=(0,l.directive)(A),M=class extends l.Directive{constructor(e){super(e),this.destroy$=new a.Subject}update(e,[t]){if(this.destinationId=t,!this.element){let t=e.element;this.element=t,(0,a.fromEvent)(t,`dragenter`).pipe((0,o.tap)(e=>{O(`NATIVE-DRAGENTER dest=${this.destinationId}`),e.preventDefault()}),(0,o.takeUntil)(this.destroy$)).subscribe(),(0,a.fromEvent)(t,`dragover`).pipe((0,o.tap)(e=>{O(`NATIVE-DRAGOVER dest=${this.destinationId}`),e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect=`move`)}),(0,o.takeUntil)(this.destroy$)).subscribe(),(0,a.fromEvent)(t,`drop`).pipe((0,o.tap)(e=>{e.preventDefault(),O(`NATIVE-DROP dest=${this.destinationId}`)}),(0,o.takeUntil)(this.destroy$)).subscribe(),C.pipe((0,o.switchMap)(e=>e&&e!==this.destinationId?(O(`DROP-ACTIVE dest=${this.destinationId} src=${e}`),(0,a.fromEvent)(t,`dragover`).pipe((0,o.tap)(e=>{e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect=`move`)}),(0,o.tap)(n=>{let r=function(e,t,n){let r=t.getBoundingClientRect(),i=n?T.get(n):null;if(!i)return e.clientY<r.top+r.height/2?`before`:`after`;let a=i.getBoundingClientRect();if(Math.abs(a.top-r.top)<r.height/2){let t=r.left+r.width/2;return a.left>r.left?e.clientX<t?`before`:null:e.clientX>=t?`after`:null}let o=r.top+r.height/2;return a.top>r.top?e.clientY<o?`before`:null:e.clientY>=o?`after`:null}(n,t,e);w.next(r?{target:t,destinationId:this.destinationId,position:r}:null)}))):(w.next(null),a.EMPTY)),(0,o.takeUntil)(this.destroy$)).subscribe()}return s.nothing}disconnected(){this.destroy$.next(),this.destroy$.complete(),this.element=void 0}reconnected(){this.destroy$=new a.Subject,this.element=void 0}render(e){return s.nothing}},ee=(0,l.directive)(M),N=class extends c.AsyncDirective{constructor(...e){super(...e),this.hasAnimated=!1}render(e){}update(e,[n]){if(e.type!==l.PartType.ELEMENT)throw Error(`gravity directive must be used on an element`);if(this.element=e.element,this.options=n,this.hasAnimated)return;if(t.t.value)return void(this.hasAnimated=!0);let r=Math.max(.3,Math.min(3,n?.mass??1)),i=n?.distance??30,a=(n?.delay??0)+(n?.stagger??0);this.animate(r,i,a),this.hasAnimated=!0}reconnected(){if(this.hasAnimated=!1,this.options&&!t.t.value){let e=Math.max(.3,Math.min(3,this.options.mass??1)),t=this.options.distance??30,n=(this.options.delay??0)+(this.options.stagger??0);this.animate(e,t,n),this.hasAnimated=!0}}animate(t,n,r){let i=t<.7?e.l:e.d,s=i.duration*(1/Math.sqrt(t)),c=1/t*n;this.animation?.cancel(),this.element.style.willChange=`transform, opacity`,this.animation=this.element.animate([{opacity:0,transform:`translateY(-${c}px)`},{opacity:1,transform:`translateY(0)`}],{duration:s,delay:r,easing:i.easingFallback,fill:`backwards`}),(0,a.from)(this.animation.finished).pipe((0,o.take)(1),(0,o.tap)(()=>{this.element.style.willChange=``,this.animation=void 0}),(0,o.catchError)(()=>a.EMPTY)).subscribe()}disconnected(){this.animation?.cancel(),this.animation=void 0}},P=(0,l.directive)(N),F=class extends c.AsyncDirective{constructor(...e){super(...e),this.state=null}render(e,t){return s.noChange}update(e,[t,n]){let r=e.element,i,c,l,u={};if(typeof t==`function`?(i=t,u=n||{}):(c=t.onEnter,l=t.onExit,u=t.options||{},i=e=>{e&&c&&c(),!e&&l&&l()}),this.state?.element===r)return s.noChange;this.cleanup();let{once:d=!1,threshold:f=0,rootMargin:p=`0px`,delay:m=0}=u,h=new IntersectionObserver(e=>{if(!this.state)return;let t=e[0],n=t.isIntersecting;m>0&&n?(this.state.delayTimerSub&&this.state.delayTimerSub.unsubscribe(),this.state.delayTimerSub=(0,a.timer)(m).pipe((0,o.take)(1),(0,o.tap)(()=>this.triggerCallback(n,t))).subscribe()):(!n&&this.state.delayTimerSub&&(this.state.delayTimerSub.unsubscribe(),this.state.delayTimerSub=void 0),this.triggerCallback(n,t))},{threshold:f,rootMargin:p});return this.state={element:r,observer:h,callback:i,onEnter:c,onExit:l,once:d,delay:m,hasFired:!1},h.observe(r),s.noChange}triggerCallback(e,t){this.state&&(this.state.once?e&&!this.state.hasFired&&(this.state.hasFired=!0,this.state.callback(e,t),this.cleanup()):this.state.callback(e,t))}cleanup(){this.state&&=(this.state.delayTimerSub?.unsubscribe(),this.state.delayTimerSub=void 0,this.state.observer.disconnect(),null)}pause(){this.state&&(this.state.delayTimerSub?.unsubscribe(),this.state.observer.disconnect())}disconnected(){this.pause()}reconnected(){this.state&&this.state.observer.observe(this.state.element)}},I=(0,c.directive)(F),L={active:!0,intensity:`medium`},R={light:{blur:12,sat:1.3,bright:1.05,tint:.45,border:.2,shadow:.06},medium:{blur:16,sat:1.4,bright:1.08,tint:.55,border:.28,shadow:.08},strong:{blur:24,sat:1.5,bright:1.12,tint:.65,border:.35,shadow:.1}},z=[`backdropFilter`,`background`,`boxShadow`,`borderTop`,`borderBottom`],te=class extends c.AsyncDirective{constructor(...e){super(...e),this.state=null}render(e){return s.noChange}update(e,[t={}]){let n=e.element,r={...L,...t};return r.active?this.activate(n,r):this.cleanup(),s.noChange}activate(e,t){if(!this.isConnected)return;let n=R[t.intensity];if(!this.state){let t={};for(let n of z)t[n]=e.style[n];this.state={element:e,origStyles:t}}this.applyStyles(e,n)}applyStyles(e,t){let n=`blur(${t.blur}px) saturate(${t.sat}) brightness(${t.bright})`;e.style.backdropFilter=n,e.style.setProperty(`-webkit-backdrop-filter`,n),e.style.background=`rgba(var(--md-sys-color-surface-container, 255 255 255) / ${t.tint})`;let r=t.border;e.style.boxShadow=[`inset 0 1px 0 0 rgba(255,255,255, ${1.5*r})`,`inset 0 2px 6px rgba(255,255,255, ${.6*r})`,`inset 0 -1px 0 0 rgba(255,255,255, ${.25*r})`,`0 1px 3px rgba(0,0,0, ${t.shadow})`,`0 6px 20px rgba(0,0,0, ${.5*t.shadow})`].join(`, `),e.style.borderTop=`0.5px solid rgba(255,255,255, ${.9*r})`,e.style.borderBottom=`0.5px solid rgba(0,0,0, 0.05)`}cleanup(){if(!this.state)return;let{element:e,origStyles:t}=this.state;for(let n of z)e.style[n]=t[n];e.style.removeProperty(`-webkit-backdrop-filter`),this.state=null}disconnected(){this.cleanup()}reconnected(){}},ne=(0,c.directive)(te),B=`schmancy-lb-rotate`,V=!1;function H(){if(V)return;let e=document.createElement(`style`);e.id=`schmancy-living-border-shared`,e.textContent=`\n\t\t@property --${B}-angle {\n\t\t\tsyntax: '<angle>';\n\t\t\tinitial-value: 0deg;\n\t\t\tinherits: false;\n\t\t}\n\t\t@keyframes ${B} {\n\t\t\tto { --${B}-angle: 360deg; }\n\t\t}\n\t`,document.head.appendChild(e),V=!0}var U=class extends c.AsyncDirective{constructor(...e){super(...e),this.teardown$=new a.Subject,this.didSetPosition=!1}render(e){}update(e,[n]){if(e.type!==l.PartType.ELEMENT)throw Error(`livingBorder directive must be used on an element`);let r=JSON.stringify(n??{});this.element&&r===this.prevKey||(this.prevKey=r,this.element=e.element,this.lastOptions=n,t.t.value||(this.teardown$.next(),this.cleanup(),H(),this.createBorderOverlay(n)))}reconnected(){this.lastOptions&&!t.t.value&&(H(),this.createBorderOverlay(this.lastOptions))}createBorderOverlay(e){let t=e?.width??1,n=e?.color??`var(--schmancy-sys-color-primary-default)`,r=e?.spread??6,i=e?.duration??3e3,s=e?.onHover??!1;getComputedStyle(this.element).position===`static`&&(this.element.style.position=`relative`,this.didSetPosition=!0),this.borderEl=document.createElement(`div`),this.borderEl.setAttribute(`aria-hidden`,`true`);let c=`-${t}px`;Object.assign(this.borderEl.style,{position:`absolute`,top:c,left:c,right:c,bottom:c,borderRadius:`inherit`,pointerEvents:`none`,zIndex:`0`,background:`conic-gradient(\n\t\t\t\tfrom var(--${B}-angle),\n\t\t\t\ttransparent 0%, transparent 30%,\n\t\t\t\tcolor-mix(in srgb, ${n} 50%, transparent) 45%,\n\t\t\t\t${n} 50%,\n\t\t\t\tcolor-mix(in srgb, ${n} 50%, transparent) 55%,\n\t\t\t\ttransparent 70%, transparent 100%\n\t\t\t)`,mask:`linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)`,maskComposite:`exclude`,WebkitMaskComposite:`xor`,padding:`${t}px`,animation:`${B} ${i}ms linear infinite`,filter:`blur(${.3*r}px) drop-shadow(0 0 ${r}px color-mix(in srgb, ${n} 40%, transparent))`,opacity:s?`0`:`0.5`,transition:`opacity 300ms ease`}),this.element.prepend(this.borderEl),(0,a.merge)((0,a.fromEvent)(this.element,`mouseenter`).pipe((0,o.map)(()=>{this.borderEl&&(this.borderEl.style.opacity=s?`0.7`:`0.8`)})),(0,a.fromEvent)(this.element,`mouseleave`).pipe((0,o.map)(()=>{this.borderEl&&(this.borderEl.style.opacity=s?`0`:`0.5`)}))).pipe((0,o.takeUntil)(this.teardown$)).subscribe()}cleanup(){this.borderEl?.remove(),this.borderEl=void 0}disconnected(){this.teardown$.next(),this.cleanup(),this.didSetPosition&&this.element&&(this.element.style.position=``,this.didSetPosition=!1)}},W=(0,l.directive)(U),G=new WeakMap,K=class extends l.Directive{constructor(e){if(super(e),e.type!==l.PartType.ELEMENT)throw Error(`longPress directive can only be used on elements`)}render(e,t){}update(e,[t,n={}]){let r=e.element,i=G.get(r);if(i){if(i.callback===t&&this.optionsEqual(i.options,n))return;i.subscription.unsubscribe()}let a=this.setupLongPress(r,t,n);G.set(r,{subscription:a,callback:t,options:n||{}})}optionsEqual(e,t){return t?e.duration===t.duration&&e.movementThreshold===t.movementThreshold:Object.keys(e).length===0}setupLongPress(e,t,n={}){let r=n.duration??500,i=n.movementThreshold??10,s=(0,a.fromEvent)(e,`pointerdown`),c=(0,a.fromEvent)(window,`pointerup`),l=(0,a.fromEvent)(window,`pointermove`),u=(0,a.fromEvent)(window,`pointercancel`);return s.pipe((0,o.switchMap)(e=>{let n=e.clientX,s=e.clientY,d=(0,a.merge)(c,u,l.pipe((0,o.filter)(e=>{let t=e.clientX-n,r=e.clientY-s;return Math.sqrt(t*t+r*r)>i}))).pipe((0,o.first)());return(0,a.timer)(r).pipe((0,o.takeUntil)(d),(0,o.tap)(()=>t()))})).subscribe()}disconnected(e){let t=e.element,n=G.get(t);n&&(n.subscription.unsubscribe(),G.delete(t))}reconnected(e){let t=e.element,n=G.get(t);n&&(n.subscription=this.setupLongPress(t,n.callback,n.options))}},q=(0,l.directive)(K),J={active:!0,autoHideDuration:3e3,background:!0,intensity:1,blur:1,speed:1,fadeInDuration:1e3,fadeOutDuration:8e3,idleOpacity:.6,idleBreathe:!0,temperature:0,chromaticAberration:1,particleCount:30},Y=`cubic-bezier(0.37, 0, 0.63, 1)`,X=`cubic-bezier(0.25, 0.1, 0.25, 1)`,Z=!1,re=class e{constructor(){this.elementToDirective=new WeakMap,this.instances=new Set,this.observer=null,this.visibilitySub=null,this.tabVisible=!0}static{this._instance=null}static get instance(){return e._instance||=new e,e._instance}register(e,t){let n=this.instances.size===0;this.instances.add(e),this.elementToDirective.set(t,e),n&&this.setup(),this.observer?.observe(t)}unregister(e,t){this.observer?.unobserve(t),this.elementToDirective.delete(t),this.instances.delete(e),this.instances.size===0&&this.teardown()}setup(){this.observer=new IntersectionObserver(e=>{for(let t of e){let e=this.elementToDirective.get(t.target);e&&e.onVisibilityChange(t.isIntersecting&&this.tabVisible)}},{threshold:0}),this.visibilitySub=(0,a.fromEvent)(document,`visibilitychange`).pipe((0,o.tap)(()=>{this.tabVisible=document.visibilityState===`visible`;for(let e of this.instances)e.onVisibilityChange(this.tabVisible)})).subscribe()}teardown(){this.observer&&=(this.observer.disconnect(),null),this.visibilitySub&&=(this.visibilitySub.unsubscribe(),null)}},ie=class extends c.AsyncDirective{constructor(...e){super(...e),this.state=null,this.coordinator=re.instance}render(e){return s.noChange}update(e,[t={}]){let n=e.element,r={...J,...t};return r.active?this.show(n,r):this.hide(r),s.noChange}onVisibilityChange(e){if(!this.state?.overlay)return;let t=this.state.isVisible;this.state.isVisible=e,t!==e&&(this.state.overlay.classList.toggle(`paused`,!e),this.state.overlay.classList.toggle(`running`,e))}show(e,n){(function(){if(Z||typeof document>`u`)return;Z=!0;let e=document.createElement(`style`);e.id=`nebula-directive-styles`,e.textContent=`
 /* =============================================================================
    NEBULA v3 - SURREAL DIMENSIONAL RIFT - GPU-COMPOSITED CSS ANIMATIONS
    Chromatic aberration, iridescent hue-cycling, event horizon, tendrils.

package/dist/directives.js

@@ -1,8 +1,8 @@
-import { _ as e, d as t, f as n, l as r, u as i } from "./animation-BK-8BwY8.js";
-import { t as a } from "./reduced-motion-D-L12p7G.js";
-import { t as o } from "./cursor-glow-Ah7VXSj7.js";
-import { n as s, r as c, t as l } from "./layout-yxSlLybo.js";
-import { t as u } from "./magnetic-BZGFxAWG.js";
+import { _ as e, d as t, f as n, l as r, u as i } from "./animation-CXKSuUoE.js";
+import { t as a } from "./reduced-motion-B83yZbcO.js";
+import { t as o } from "./cursor-glow-C2YRrB8Z.js";
+import { n as s, r as c, t as l } from "./layout-BE2ld1IY.js";
+import { t as u } from "./magnetic-Dj52WplI.js";
 import { BehaviorSubject as d, EMPTY as f, Observable as p, Subject as m, animationFrameScheduler as h, combineLatest as g, concat as _, defer as v, from as y, fromEvent as b, interval as x, merge as S, of as C, timer as w } from "rxjs";
 import { catchError as T, delay as E, distinctUntilChanged as D, filter as O, finalize as k, first as A, map as j, observeOn as ee, repeat as M, skip as te, startWith as ne, switchMap as N, take as P, takeUntil as F, takeWhile as I, tap as L } from "rxjs/operators";
 import { noChange as R, nothing as z } from "lit";

package/dist/divider-S0bHwCCS.cjs

@@ -0,0 +1,57 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./decorate-F9CuyeHg.cjs`),t=require(`./litElement.mixin-Bj2q1yPw.cjs`);require(`./mixins.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`);var i=class extends t.t(r.css`
+	:host {
+		display: block;
+	}
+
+	@keyframes grow-horizontal {
+		from {
+			transform: scaleX(0);
+		}
+		to {
+			transform: scaleX(1);
+		}
+	}
+
+	@keyframes grow-vertical {
+		from {
+			transform: scaleY(0);
+		}
+		to {
+			transform: scaleY(1);
+		}
+	}
+
+	/* Horizontal divider grow animations */
+	.grow-start:not(.h-full) {
+		animation: grow-horizontal 400ms ease-out;
+		transform-origin: left;
+	}
+
+	.grow-end:not(.h-full) {
+		animation: grow-horizontal 400ms ease-out;
+		transform-origin: right;
+	}
+
+	.grow-both:not(.h-full) {
+		animation: grow-horizontal 400ms ease-out;
+		transform-origin: center;
+	}
+
+	/* Vertical divider grow animations */
+	.grow-start.h-full {
+		animation: grow-vertical 400ms ease-out;
+		transform-origin: top;
+	}
+
+	.grow-end.h-full {
+		animation: grow-vertical 400ms ease-out;
+		transform-origin: bottom;
+	}
+
+	.grow-both.h-full {
+		animation: grow-vertical 400ms ease-out;
+		transform-origin: center;
+	}
+`){constructor(...e){super(...e),this.outline=`variant`,this.vertical=!1,this.grow=`start`}set orientation(e){this.vertical=e===`vertical`}get orientation(){return this.vertical?`vertical`:`horizontal`}render(){return r.html`<div
+			class=${this.classMap({"w-full h-px":!this.vertical,"h-full w-px":this.vertical,"border-outlineVariant":this.outline===`variant`,"border-outline":this.outline===`default`,"border-t":!this.vertical,"border-l":this.vertical,[`grow-${this.grow}`]:!0})}
+		></div>`}};e.t([(0,n.property)({type:String})],i.prototype,`outline`,void 0),e.t([(0,n.property)({type:Boolean})],i.prototype,`vertical`,void 0),e.t([(0,n.property)({type:String})],i.prototype,`grow`,void 0),e.t([(0,n.property)({reflect:!0,type:String})],i.prototype,`orientation`,null),i=e.t([(0,n.customElement)(`schmancy-divider`)],i);

package/dist/divider-S0bHwCCS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-S0bHwCCS.cjs","names":[],"sources":["../src/divider/divider.ts"],"sourcesContent":["// divider.ts\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-divider')\nexport default class SchmancyDivider extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\t@keyframes grow-horizontal {\n\t\tfrom {\n\t\t\ttransform: scaleX(0);\n\t\t}\n\t\tto {\n\t\t\ttransform: scaleX(1);\n\t\t}\n\t}\n\n\t@keyframes grow-vertical {\n\t\tfrom {\n\t\t\ttransform: scaleY(0);\n\t\t}\n\t\tto {\n\t\t\ttransform: scaleY(1);\n\t\t}\n\t}\n\n\t/* Horizontal divider grow animations */\n\t.grow-start:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: left;\n\t}\n\n\t.grow-end:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: right;\n\t}\n\n\t.grow-both:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: center;\n\t}\n\n\t/* Vertical divider grow animations */\n\t.grow-start.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: top;\n\t}\n\n\t.grow-end.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: bottom;\n\t}\n\n\t.grow-both.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: center;\n\t}\n`) {\n\t@property({ type: String }) outline: 'default' | 'variant' = 'variant'\n\t@property({ type: Boolean }) vertical = false\n\t@property({ type: String }) grow: 'start' | 'end' | 'both' = 'start'\n\n\t/**\n\t * @deprecated Use `vertical` property instead. Will be removed in next major version.\n\t */\n\t@property({ reflect: true, type: String })\n\tset orientation(value: 'horizontal' | 'vertical') {\n\t\tthis.vertical = value === 'vertical'\n\t}\n\tget orientation(): 'horizontal' | 'vertical' {\n\t\treturn this.vertical ? 'vertical' : 'horizontal'\n\t}\n\n\tprotected render() {\n\t\treturn html`<div\n\t\t\tclass=${this.classMap({\n\t\t\t\t// Dimensions\n\t\t\t\t'w-full h-px': !this.vertical,\n\t\t\t\t'h-full w-px': this.vertical,\n\t\t\t\t// Border color\n\t\t\t\t'border-outlineVariant': this.outline === 'variant',\n\t\t\t\t'border-outline': this.outline === 'default',\n\t\t\t\t// Border style\n\t\t\t\t'border-t': !this.vertical,\n\t\t\t\t'border-l': this.vertical,\n\t\t\t\t// Grow behavior\n\t\t\t\t[`grow-${this.grow}`]: true,\n\t\t\t})}\n\t\t></div>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-divider': SchmancyDivider\n\t}\n}\n"],"mappings":"oMAMe,IAAA,EAAA,cAA8B,EAAA,EAAY,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAuDE,UAAA,KAAA,SAAA,CACrB,EAAA,KAAA,KACqB,QAK7D,IAAA,YACgB,EAAA,CACf,KAAK,SAAW,IAAU,WAE3B,IAAA,aAAI,CACH,OAAO,KAAK,SAAW,WAAa,aAGrC,QAAA,CACC,MAAO,GAAA,IAAI;WACF,KAAK,SAAS,CAErB,cAAA,CAAgB,KAAK,SACrB,cAAe,KAAK,SAEpB,wBAAyB,KAAK,UAAY,UAC1C,iBAAkB,KAAK,UAAY,UAEnC,WAAA,CAAa,KAAK,SAClB,WAAY,KAAK,UAEhB,QAAQ,KAAK,QAAA,CAAS,EAAA,CAAA,CAAA;iCA5BhB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACjB,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,WAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAClB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,OAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAKjB,CAAE,QAAA,CAAS,EAAM,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,cAAA,KAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eA/D5B,mBAAA,CAAA,CAAmB,EAAA"}

package/dist/divider-zS232JDr.js

@@ -0,0 +1,87 @@
+import { t as e } from "./decorate-D_utPUsC.js";
+import { t } from "./litElement.mixin-CncaUoxz.js";
+import "./mixins.js";
+import { customElement as n, property as r } from "lit/decorators.js";
+import { css as i, html as a } from "lit";
+var o = class extends t(i`
+	:host {
+		display: block;
+	}
+
+	@keyframes grow-horizontal {
+		from {
+			transform: scaleX(0);
+		}
+		to {
+			transform: scaleX(1);
+		}
+	}
+
+	@keyframes grow-vertical {
+		from {
+			transform: scaleY(0);
+		}
+		to {
+			transform: scaleY(1);
+		}
+	}
+
+	/* Horizontal divider grow animations */
+	.grow-start:not(.h-full) {
+		animation: grow-horizontal 400ms ease-out;
+		transform-origin: left;
+	}
+
+	.grow-end:not(.h-full) {
+		animation: grow-horizontal 400ms ease-out;
+		transform-origin: right;
+	}
+
+	.grow-both:not(.h-full) {
+		animation: grow-horizontal 400ms ease-out;
+		transform-origin: center;
+	}
+
+	/* Vertical divider grow animations */
+	.grow-start.h-full {
+		animation: grow-vertical 400ms ease-out;
+		transform-origin: top;
+	}
+
+	.grow-end.h-full {
+		animation: grow-vertical 400ms ease-out;
+		transform-origin: bottom;
+	}
+
+	.grow-both.h-full {
+		animation: grow-vertical 400ms ease-out;
+		transform-origin: center;
+	}
+`) {
+	constructor(...e) {
+		super(...e), this.outline = "variant", this.vertical = !1, this.grow = "start";
+	}
+	set orientation(e) {
+		this.vertical = e === "vertical";
+	}
+	get orientation() {
+		return this.vertical ? "vertical" : "horizontal";
+	}
+	render() {
+		return a`<div
+			class=${this.classMap({
+			"w-full h-px": !this.vertical,
+			"h-full w-px": this.vertical,
+			"border-outlineVariant": this.outline === "variant",
+			"border-outline": this.outline === "default",
+			"border-t": !this.vertical,
+			"border-l": this.vertical,
+			[`grow-${this.grow}`]: !0
+		})}
+		></div>`;
+	}
+};
+e([r({ type: String })], o.prototype, "outline", void 0), e([r({ type: Boolean })], o.prototype, "vertical", void 0), e([r({ type: String })], o.prototype, "grow", void 0), e([r({
+	reflect: !0,
+	type: String
+})], o.prototype, "orientation", null), o = e([n("schmancy-divider")], o);

package/dist/divider-zS232JDr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-zS232JDr.js","names":[],"sources":["../src/divider/divider.ts"],"sourcesContent":["// divider.ts\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-divider')\nexport default class SchmancyDivider extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\t@keyframes grow-horizontal {\n\t\tfrom {\n\t\t\ttransform: scaleX(0);\n\t\t}\n\t\tto {\n\t\t\ttransform: scaleX(1);\n\t\t}\n\t}\n\n\t@keyframes grow-vertical {\n\t\tfrom {\n\t\t\ttransform: scaleY(0);\n\t\t}\n\t\tto {\n\t\t\ttransform: scaleY(1);\n\t\t}\n\t}\n\n\t/* Horizontal divider grow animations */\n\t.grow-start:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: left;\n\t}\n\n\t.grow-end:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: right;\n\t}\n\n\t.grow-both:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: center;\n\t}\n\n\t/* Vertical divider grow animations */\n\t.grow-start.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: top;\n\t}\n\n\t.grow-end.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: bottom;\n\t}\n\n\t.grow-both.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: center;\n\t}\n`) {\n\t@property({ type: String }) outline: 'default' | 'variant' = 'variant'\n\t@property({ type: Boolean }) vertical = false\n\t@property({ type: String }) grow: 'start' | 'end' | 'both' = 'start'\n\n\t/**\n\t * @deprecated Use `vertical` property instead. Will be removed in next major version.\n\t */\n\t@property({ reflect: true, type: String })\n\tset orientation(value: 'horizontal' | 'vertical') {\n\t\tthis.vertical = value === 'vertical'\n\t}\n\tget orientation(): 'horizontal' | 'vertical' {\n\t\treturn this.vertical ? 'vertical' : 'horizontal'\n\t}\n\n\tprotected render() {\n\t\treturn html`<div\n\t\t\tclass=${this.classMap({\n\t\t\t\t// Dimensions\n\t\t\t\t'w-full h-px': !this.vertical,\n\t\t\t\t'h-full w-px': this.vertical,\n\t\t\t\t// Border color\n\t\t\t\t'border-outlineVariant': this.outline === 'variant',\n\t\t\t\t'border-outline': this.outline === 'default',\n\t\t\t\t// Border style\n\t\t\t\t'border-t': !this.vertical,\n\t\t\t\t'border-l': this.vertical,\n\t\t\t\t// Grow behavior\n\t\t\t\t[`grow-${this.grow}`]: true,\n\t\t\t})}\n\t\t></div>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-divider': SchmancyDivider\n\t}\n}\n"],"mappings":";;;;;AAMe,IAAA,IAAA,cAA8B,EAAY,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAuDE,WAAA,KAAA,WAAA,CACrB,GAAA,KAAA,OACqB;;CAK7D,IAAA,YACgB,GAAA;AACf,OAAK,WAAW,MAAU;;CAE3B,IAAA,cAAI;AACH,SAAO,KAAK,WAAW,aAAa;;CAGrC,SAAA;AACC,SAAO,CAAI;WACF,KAAK,SAAS;GAErB,eAAA,CAAgB,KAAK;GACrB,eAAe,KAAK;GAEpB,yBAAyB,KAAK,YAAY;GAC1C,kBAAkB,KAAK,YAAY;GAEnC,YAAA,CAAa,KAAK;GAClB,YAAY,KAAK;IAEhB,QAAQ,KAAK,SAAA,CAAS;GAAA,CAAA,CAAA;;;;GA5BzB,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,WAAA,KAAA,EAAA,EAAA,EAAA,CAC1B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,EAAA,CAC3B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAK1B,EAAS;CAAE,SAAA,CAAS;CAAM,MAAM;CAAA,CAAA,CAAA,EAAS,EAAA,WAAA,eAAA,KAAA,EAAA,IAAA,EAAA,CA/D1C,EAAc,mBAAA,CAAA,EAAmB,EAAA"}

package/dist/divider.cjs

@@ -1 +1 @@
-require(`./divider-_khrhrZo.cjs`);
+require(`./divider-S0bHwCCS.cjs`);

package/dist/divider.js

@@ -1 +1 @@
-import "./divider-CW9a7MMj.js";
+import "./divider-zS232JDr.js";

package/dist/dropdown.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`),t=require(`./litElement.mixin-3llHwB-8.cjs`);require(`./mixins.cjs`);let n=require(`rxjs`),r=require(`lit/decorators.js`),i=require(`lit`),a=require(`@floating-ui/dom`);var o=class extends t.t(){constructor(...e){super(...e),this.open=!1,this.placement=`bottom-start`,this.distance=8,this.portal=null,this.portalSubscriptions=[]}connectedCallback(){super.connectedCallback(),this.setupPortal(),(0,n.fromEvent)(document,`click`).pipe((0,n.filter)(e=>this.open&&!this.isEventFromSelf(e)),(0,n.takeUntil)(this.disconnecting)).subscribe(()=>{this.open=!1}),(0,n.fromEvent)(document,`keydown`).pipe((0,n.filter)(e=>this.open&&e.key===`Escape`),(0,n.takeUntil)(this.disconnecting)).subscribe(()=>{this.open=!1})}setupPortal(){let e=document.getElementById(`schmancy-portal-container`);e||(e=document.createElement(`div`),e.id=`schmancy-portal-container`,e.style.position=`fixed`,e.style.zIndex=`10000`,e.style.top=`0`,e.style.left=`0`,e.style.pointerEvents=`none`,document.body.appendChild(e));let t=document.createElement(`div`);t.className=`schmancy-dropdown-portal`,t.style.position=`absolute`,t.style.pointerEvents=`auto`,t.style.display=`none`,e.appendChild(t),this.portal=t}isEventFromSelf(e){return e.composedPath().some(e=>e===this)}disconnectedCallback(){this.cleanupPositioner?.(),this.portalSubscriptions.forEach(e=>e.unsubscribe()),this.portalSubscriptions=[],this.portal&&=(this.portal.remove(),null),super.disconnectedCallback()}toggle(){this.open=!this.open}updated(e){super.updated(e),e.has(`open`)&&(this.open?this.setupPositioner():(this.cleanupPositioner?.(),this.portal&&(this.portal.style.display=`none`,this.portal.innerHTML=``,this.portalSubscriptions.forEach(e=>e.unsubscribe()),this.portalSubscriptions=[])))}setupPositioner(){this.triggerContainer&&this.portal&&(this.portal.style.display=`block`,this.teleportContentToPortal(),this.cleanupPositioner=(0,a.autoUpdate)(this.triggerContainer,this.portal,()=>{(0,a.computePosition)(this.triggerContainer,this.portal,{placement:this.placement,middleware:[(0,a.offset)(this.distance),(0,a.flip)({fallbackPlacements:[`top-start`,`bottom-start`]}),(0,a.shift)({padding:0})]}).then(({x:e,y:t})=>{Object.assign(this.portal.style,{left:`${e}px`,top:t-8+`px`})})}))}teleportContentToPortal(){this.portal&&(this.portalSubscriptions.forEach(e=>e.unsubscribe()),this.portalSubscriptions=[],this.portal.innerHTML=``,this.contentElements.forEach(e=>{let t=e.cloneNode(!0);if(e.tagName.toLowerCase()===`schmancy-dropdown-content`){let e=(0,n.fromEvent)(t,`slotchange`).subscribe(()=>{let e=t.shadowRoot?.querySelector(`[part="content"]`);e&&e.classList.add(`schmancy-dropdown-content`)});this.portalSubscriptions.push(e)}this.portal?.appendChild(t)}))}handleTriggerClick(e){e.stopPropagation(),this.toggle()}render(){return i.html`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-Cpa-VnnX.cjs`),t=require(`./decorate-F9CuyeHg.cjs`),n=require(`./litElement.mixin-Bj2q1yPw.cjs`);require(`./mixins.cjs`);let r=require(`rxjs`),i=require(`lit/decorators.js`),a=require(`lit`),o=require(`@floating-ui/dom`);var s=class extends n.t(){constructor(...e){super(...e),this.open=!1,this.placement=`bottom-start`,this.distance=8,this.portal=null,this.portalSubscriptions=[]}connectedCallback(){super.connectedCallback(),this.setupPortal(),(0,r.fromEvent)(document,`click`).pipe((0,r.filter)(e=>this.open&&!this.isEventFromSelf(e)),(0,r.takeUntil)(this.disconnecting)).subscribe(()=>{this.open=!1}),(0,r.fromEvent)(document,`keydown`).pipe((0,r.filter)(e=>this.open&&e.key===`Escape`),(0,r.takeUntil)(this.disconnecting)).subscribe(()=>{this.open=!1})}setupPortal(){let e=document.getElementById(`schmancy-portal-container`);e||(e=document.createElement(`div`),e.id=`schmancy-portal-container`,e.style.position=`fixed`,e.style.zIndex=`10000`,e.style.top=`0`,e.style.left=`0`,e.style.pointerEvents=`none`,document.body.appendChild(e));let t=document.createElement(`div`);t.className=`schmancy-dropdown-portal`,t.style.position=`absolute`,t.style.pointerEvents=`auto`,t.style.display=`none`,e.appendChild(t),this.portal=t}isEventFromSelf(e){return e.composedPath().some(e=>e===this)}disconnectedCallback(){this.cleanupPositioner?.(),this.portalSubscriptions.forEach(e=>e.unsubscribe()),this.portalSubscriptions=[],this.portal&&=(this.portal.remove(),null),super.disconnectedCallback()}toggle(){this.open=!this.open}updated(e){super.updated(e),e.has(`open`)&&(this.open?this.setupPositioner():(this.cleanupPositioner?.(),this.portal&&(this.portal.style.display=`none`,this.portal.innerHTML=``,this.portalSubscriptions.forEach(e=>e.unsubscribe()),this.portalSubscriptions=[])))}setupPositioner(){this.triggerContainer&&this.portal&&(this.portal.style.display=`block`,this.teleportContentToPortal(),this.cleanupPositioner=(0,o.autoUpdate)(this.triggerContainer,this.portal,()=>{(0,o.computePosition)(this.triggerContainer,this.portal,{placement:this.placement,middleware:[(0,o.offset)(this.distance),(0,o.flip)({fallbackPlacements:[`top-start`,`bottom-start`]}),(0,o.shift)({padding:0})]}).then(({x:e,y:t})=>{Object.assign(this.portal.style,{left:`${e}px`,top:t-8+`px`})})}))}teleportContentToPortal(){this.portal&&(this.portalSubscriptions.forEach(e=>e.unsubscribe()),this.portalSubscriptions=[],this.portal.innerHTML=``,this.contentElements.forEach(e=>{let t=e.cloneNode(!0);if(e.tagName.toLowerCase()===`schmancy-dropdown-content`){let e=(0,r.fromEvent)(t,`slotchange`).subscribe(()=>{let e=t.shadowRoot?.querySelector(`[part="content"]`);e&&e.classList.add(`schmancy-dropdown-content`)});this.portalSubscriptions.push(e)}this.portal?.appendChild(t)}))}handleTriggerClick(e){e.stopPropagation(),this.toggle()}render(){return a.html`
 			<div class="trigger-container" @click=${this.handleTriggerClick}>
 				<slot name="trigger"></slot>
 			</div>
@@ -8,7 +8,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./ch
 					@slotchange=${()=>{this.open&&(this.teleportContentToPortal(),this.setupPositioner())}}
 				></slot>
 			</div>
-		`}};e.i([(0,r.property)({type:Boolean,reflect:!0})],o.prototype,`open`,void 0),e.i([(0,r.property)({type:String})],o.prototype,`placement`,void 0),e.i([(0,r.property)({type:Number})],o.prototype,`distance`,void 0),e.i([(0,r.query)(`.trigger-container`)],o.prototype,`triggerContainer`,void 0),e.i([(0,r.query)(`.dropdown-content-container`)],o.prototype,`contentContainer`,void 0),e.i([(0,r.queryAssignedElements)({flatten:!0})],o.prototype,`contentElements`,void 0),e.i([(0,r.state)()],o.prototype,`portal`,void 0),e.i([(0,r.queryAssignedElements)({slot:`trigger`,flatten:!0})],o.prototype,`triggerElements`,void 0),o=e.i([(0,r.customElement)(`schmancy-dropdown`)],o);var s=class extends e.t(i.css`
+		`}};t.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`open`,void 0),t.t([(0,i.property)({type:String})],s.prototype,`placement`,void 0),t.t([(0,i.property)({type:Number})],s.prototype,`distance`,void 0),t.t([(0,i.query)(`.trigger-container`)],s.prototype,`triggerContainer`,void 0),t.t([(0,i.query)(`.dropdown-content-container`)],s.prototype,`contentContainer`,void 0),t.t([(0,i.queryAssignedElements)({flatten:!0})],s.prototype,`contentElements`,void 0),t.t([(0,i.state)()],s.prototype,`portal`,void 0),t.t([(0,i.queryAssignedElements)({slot:`trigger`,flatten:!0})],s.prototype,`triggerElements`,void 0),s=t.t([(0,i.customElement)(`schmancy-dropdown`)],s);var c=class extends e.t(a.css`
 	:host {
 		display: block;
 		position: absolute;
@@ -50,8 +50,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./ch
 		transform-origin: top left;
 		animation: dropdownAnimation 0.1s ease-out forwards;
 	}
-`){constructor(...e){super(...e),this.width=`auto`,this.maxHeight=`80vh`,this.shadow=!0,this.radius=`md`}render(){let e={"schmancy-dropdown-content":!0,"overflow-auto":!0,"shadow-none":!this.shadow,"rounded-none":this.radius===`none`,"rounded-sm":this.radius===`sm`,"rounded-md":this.radius===`md`,"rounded-lg":this.radius===`lg`,"rounded-full":this.radius===`full`},t={width:this.width,maxHeight:this.maxHeight};return i.html`
+`){constructor(...e){super(...e),this.width=`auto`,this.maxHeight=`80vh`,this.shadow=!0,this.radius=`md`}render(){let e={"schmancy-dropdown-content":!0,"overflow-auto":!0,"shadow-none":!this.shadow,"rounded-none":this.radius===`none`,"rounded-sm":this.radius===`sm`,"rounded-md":this.radius===`md`,"rounded-lg":this.radius===`lg`,"rounded-full":this.radius===`full`},t={width:this.width,maxHeight:this.maxHeight};return a.html`
 			<div class=${this.classMap(e)} style=${this.styleMap(t)} part="content">
 				<slot></slot>
 			</div>
-		`}};e.i([(0,r.property)({type:String})],s.prototype,`width`,void 0),e.i([(0,r.property)({type:String})],s.prototype,`maxHeight`,void 0),e.i([(0,r.property)({type:Boolean})],s.prototype,`shadow`,void 0),e.i([(0,r.property)({type:String})],s.prototype,`radius`,void 0),s=e.i([(0,r.customElement)(`schmancy-dropdown-content`)],s),Object.defineProperty(exports,`SchmancyDropdown`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`SchmancyDropdownContent`,{enumerable:!0,get:function(){return s}});
+		`}};t.t([(0,i.property)({type:String})],c.prototype,`width`,void 0),t.t([(0,i.property)({type:String})],c.prototype,`maxHeight`,void 0),t.t([(0,i.property)({type:Boolean})],c.prototype,`shadow`,void 0),t.t([(0,i.property)({type:String})],c.prototype,`radius`,void 0),c=t.t([(0,i.customElement)(`schmancy-dropdown-content`)],c),Object.defineProperty(exports,`SchmancyDropdown`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`SchmancyDropdownContent`,{enumerable:!0,get:function(){return c}});