@mhmo91/schmancy 0.9.4 → 0.9.6

package/dist/dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.cjs","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.cjs","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/dialog.js

@@ -1,23 +1,29 @@
-import { i as e } from "./tailwind.mixin-BCJOOX1_.js";
-import { t } from "./litElement.mixin-6jJYHCrZ.js";
+import { t as e } from "./decorate-D_utPUsC.js";
+import { t } from "./litElement.mixin-CncaUoxz.js";
 import "./mixins.js";
-import { i as n, n as r, o as i, s as a } from "./animation-BK-8BwY8.js";
-import { t as o } from "./reduced-motion-D-L12p7G.js";
-import { t as s } from "./cursor-glow-Ah7VXSj7.js";
-import { i as c, n as l, r as u, t as d } from "./dialog-service-NZEvyEK-.js";
+import { i as n, n as r, o as i, s as a } from "./animation-CXKSuUoE.js";
+import { t as o } from "./reduced-motion-B83yZbcO.js";
+import { t as s } from "./cursor-glow-C2YRrB8Z.js";
+import { i as c, n as l, r as u, t as d } from "./dialog-service-ClFrOWf4.js";
 import { Subject as f, distinctUntilChanged as p, filter as m, fromEvent as h, map as g, merge as _, takeUntil as v, tap as y } from "rxjs";
 import { takeUntil as b } from "rxjs/operators";
 import { customElement as x, property as S, queryAssignedElements as C } from "lit/decorators.js";
-import { css as w, html as T } from "lit";
-import { createRef as E, ref as D } from "lit/directives/ref.js";
-import { when as O } from "lit/directives/when.js";
-import { autoPlacement as k, autoUpdate as A, computePosition as j, offset as M, shift as N, size as P } from "@floating-ui/dom";
-var F = (e) => class extends e {
+import { css as w, html as T, nothing as E } from "lit";
+import { createRef as D, ref as O } from "lit/directives/ref.js";
+import { when as k } from "lit/directives/when.js";
+import { autoPlacement as A, autoUpdate as j, computePosition as M, offset as N, shift as P, size as F } from "@floating-ui/dom";
+var I = (e) => class extends e {
 	constructor(...e) {
 		super(...e), this.position = {
 			x: 0,
 			y: 0
-		}, this.isMobile = !1, this.dragOffset = 0, this.stopSwipe$ = new f(), this.lastFocusedElement = null, this.inertSiblings = [], this.animating = !1;
+		}, this.isMobile = !1, this.dragOffset = 0, this.stopSwipe$ = new f(), this.lastFocusedElement = null, this.inertSiblings = [], this.animating = !1, this.dialogInternals = (() => {
+			try {
+				return this.attachInternals();
+			} catch {
+				return;
+			}
+		})();
 	}
 	isAnimating() {
 		return this.animating;
@@ -79,7 +85,7 @@ var F = (e) => class extends e {
 		this.position = {
 			x: t,
 			y: n
-		}, this.virtualReference = { getBoundingClientRect: () => new DOMRect(t, n, 0, 0) }, this.requestUpdate(), await this.updateComplete, this.setAttribute("active", ""), await this.updateComplete, this.lastFocusedElement = document.activeElement;
+		}, this.virtualReference = { getBoundingClientRect: () => new DOMRect(t, n, 0, 0) }, this.requestUpdate(), await this.updateComplete, this.setAttribute("active", ""), this.dialogInternals?.states.add("open"), await this.updateComplete, this.lastFocusedElement = document.activeElement;
 		let r = this.parentElement;
 		if (r) {
 			this.inertSiblings = [];
@@ -155,7 +161,7 @@ var F = (e) => class extends e {
 		await Promise.all(n);
 	}
 	async hide(e = !1) {
-		this.stopSwipe$.next(), this.animating = !0, await this.animateOut(), this.animating = !1, this.removeAttribute("active");
+		this.stopSwipe$.next(), this.animating = !0, await this.animateOut(), this.animating = !1, this.removeAttribute("active"), this.dialogInternals?.states.delete("open");
 		for (let e of this.inertSiblings) e.inert = !1;
 		if (this.inertSiblings = [], this.lastFocusedElement) {
 			let e = this.lastFocusedElement;
@@ -169,7 +175,7 @@ var F = (e) => class extends e {
 	}
 	setupPositioning() {
 		let e = this.getDialogElement();
-		e && (this.isCentered() || this.virtualReference && (this.cleanupAutoUpdate = A(this.virtualReference, e, () => this.updatePosition(e), {
+		e && (this.isCentered() || this.virtualReference && (this.cleanupAutoUpdate = j(this.virtualReference, e, () => this.updatePosition(e), {
 			ancestorScroll: !0,
 			ancestorResize: !0,
 			elementResize: !0
@@ -177,11 +183,11 @@ var F = (e) => class extends e {
 	}
 	async updatePosition(e) {
 		if (!this.virtualReference) return;
-		let { x: t, y: n } = await j(this.virtualReference, e, {
+		let { x: t, y: n } = await M(this.virtualReference, e, {
 			strategy: "fixed",
 			middleware: [
-				M(8),
-				k({
+				N(8),
+				A({
 					padding: 16,
 					allowedPlacements: [
 						"top-start",
@@ -194,8 +200,8 @@ var F = (e) => class extends e {
 						"right-end"
 					]
 				}),
-				N({ padding: 16 }),
-				P({
+				P({ padding: 16 }),
+				F({
 					padding: 16,
 					apply({ availableWidth: e, elements: t }) {
 						t.floating.style.maxWidth = `${e}px`;
@@ -213,7 +219,7 @@ var F = (e) => class extends e {
 	disconnectedCallback() {
 		this.stopSwipe$.next(), this.cleanupAutoUpdate &&= (this.cleanupAutoUpdate(), void 0), super.disconnectedCallback();
 	}
-}, I = class extends F(t(w`
+}, L = class extends I(t(w`
 		:host {
 			position: fixed;
 			z-index: var(--schmancy-overlay-z, 10000);
@@ -238,7 +244,13 @@ var F = (e) => class extends e {
 		}
 	`)) {
 	constructor(...e) {
-		super(...e), this.title = void 0, this.subtitle = void 0, this.message = void 0, this.confirmText = void 0, this.cancelText = void 0, this.variant = "default", this.hideActions = !1, this._confirmDialogRef = E(), this._contentDialogRef = E(), this._backdropRef = E(), this._dragHandleRef = E();
+		super(...e), this.title = void 0, this.subtitle = void 0, this.message = void 0, this.confirmText = void 0, this.cancelText = void 0, this.variant = "default", this.hideActions = !1, this._confirmDialogRef = D(), this._contentDialogRef = D(), this._backdropRef = D(), this._dragHandleRef = D(), this._a11yId = `schmancy-dialog-${Math.random().toString(36).slice(2, 10)}`;
+	}
+	get _titleId() {
+		return `${this._a11yId}-title`;
+	}
+	get _descId() {
+		return `${this._a11yId}-desc`;
 	}
 	getDialogElement() {
 		return this._contentDialogRef.value ? this._contentDialogRef.value : this._confirmDialogRef.value ?? null;
@@ -278,7 +290,7 @@ var F = (e) => class extends e {
 	}
 	renderDragHandle() {
 		return T`
-			<div ${D(this._dragHandleRef)} class="dialog-drag-handle flex justify-center pt-2 pb-1 cursor-grab active:cursor-grabbing touch-none">
+			<div ${O(this._dragHandleRef)} class="dialog-drag-handle flex justify-center pt-2 pb-1 cursor-grab active:cursor-grabbing touch-none">
 				<div class="w-10 h-1 rounded-full bg-outline-variant"></div>
 			</div>
 		`;
@@ -305,15 +317,24 @@ var F = (e) => class extends e {
 			"overflow-hidden": !0,
 			"pb-[env(safe-area-inset-bottom)]": !0
 		} : n, i = this.isMobile ? "flex flex-col-reverse gap-2 w-full" : "flex justify-end gap-3";
-		return this.isConfirmMode ? T`
-				<div ${D(this._backdropRef)} class="fixed inset-0 bg-surface-container/10 backdrop-blur-lg backdrop-saturate-150 backdrop-brightness-105" @click=${this.handleClose}></div>
+		if (this.isConfirmMode) {
+			let e = !!this.title?.trim(), n = !!this.subtitle?.trim(), a = !!this.message?.trim(), o = [n && this._descId + "-sub", a && this._descId + "-msg"].filter(Boolean).join(" ") || "";
+			return T`
+				<div ${O(this._backdropRef)} class="fixed inset-0 bg-surface-container/10 backdrop-blur-lg backdrop-saturate-150 backdrop-brightness-105" @click=${this.handleClose}></div>
 
-				<div ${D(this._confirmDialogRef)} class=${this.classMap(r)} role="alertdialog" aria-modal="true">
+				<div
+					${O(this._confirmDialogRef)}
+					class=${this.classMap(r)}
+					role="alertdialog"
+					aria-modal="true"
+					aria-labelledby=${e ? this._titleId : E}
+					aria-describedby=${o || E}
+				>
 					<schmancy-surface
 						${s({
-			radius: 250,
-			intensity: .1
-		})}
+				radius: 250,
+				intensity: .1
+			})}
 						rounded=${this.isMobile ? "top" : "all"}
 						type="glass"
 						fill="all"
@@ -322,15 +343,15 @@ var F = (e) => class extends e {
 						${this.isMobile ? this.renderDragHandle() : null}
 						<schmancy-scroll direction="vertical" hide class="p-4 pt-2">
 							<schmancy-form @submit=${this.handleConfirm}>
-								${O(this.title?.trim(), () => T`
-										<schmancy-typography type="title" token="md" class="mb-1">${this.title}</schmancy-typography>
-										${O(this.subtitle?.trim(), () => T`
-												<schmancy-typography type="subtitle" token="xs" class="mb-2">
+								${k(e, () => T`
+										<schmancy-typography id=${this._titleId} type="title" token="md" class="mb-1">${this.title}</schmancy-typography>
+										${k(n, () => T`
+												<schmancy-typography id="${this._descId}-sub" type="subtitle" token="xs" class="mb-2">
 													${this.subtitle}
 												</schmancy-typography>
 											`)}
 									`)}
-								${t ? T`<div class="mb-4"><slot name="content"></slot></div>` : O(this.message?.trim(), () => T`<schmancy-typography type="body" class="mb-4">${this.message}</schmancy-typography>`)}
+								${t ? T`<div class="mb-4"><slot name="content"></slot></div>` : k(a, () => T`<schmancy-typography id="${this._descId}-msg" type="body" class="mb-4">${this.message}</schmancy-typography>`)}
 								<div class=${i}>
 									<schmancy-button
 										variant="outlined"
@@ -351,10 +372,12 @@ var F = (e) => class extends e {
 						</schmancy-scroll>
 					</schmancy-surface>
 				</div>
-			` : T`
-			<div ${D(this._backdropRef)} class="fixed inset-0 bg-surface-container/10 backdrop-blur-lg backdrop-saturate-150 backdrop-brightness-105" @click=${this.handleClose}></div>
+			`;
+		}
+		return T`
+			<div ${O(this._backdropRef)} class="fixed inset-0 bg-surface-container/10 backdrop-blur-lg backdrop-saturate-150 backdrop-brightness-105" @click=${this.handleClose}></div>
 
-			<section ${D(this._contentDialogRef)} class=${this.classMap(r)} role="dialog" aria-modal="true">
+			<section ${O(this._contentDialogRef)} class=${this.classMap(r)} role="dialog" aria-modal="true">
 				<schmancy-surface ${s({
 			radius: 250,
 			intensity: .1
@@ -381,17 +404,17 @@ var F = (e) => class extends e {
 e([S({
 	type: String,
 	reflect: !0
-})], I.prototype, "uid", void 0), e([S({ type: String })], I.prototype, "title", void 0), e([S({ type: String })], I.prototype, "subtitle", void 0), e([S({ type: String })], I.prototype, "message", void 0), e([S({
+})], L.prototype, "uid", void 0), e([S({ type: String })], L.prototype, "title", void 0), e([S({ type: String })], L.prototype, "subtitle", void 0), e([S({ type: String })], L.prototype, "message", void 0), e([S({
 	type: String,
 	attribute: "confirm-text"
-})], I.prototype, "confirmText", void 0), e([S({
+})], L.prototype, "confirmText", void 0), e([S({
 	type: String,
 	attribute: "cancel-text"
-})], I.prototype, "cancelText", void 0), e([S({ type: String })], I.prototype, "variant", void 0), e([S({
+})], L.prototype, "cancelText", void 0), e([S({ type: String })], L.prototype, "variant", void 0), e([S({
 	type: Boolean,
 	attribute: "hide-actions"
-})], I.prototype, "hideActions", void 0), e([C({
+})], L.prototype, "hideActions", void 0), e([C({
 	slot: "content",
 	flatten: !0
-})], I.prototype, "_contentSlotElements", void 0), I = e([x("schmancy-dialog")], I);
-export { d as $dialog, I as ConfirmDialog, I as SchmancyDialog, F as DialogBase, l as DialogService };
+})], L.prototype, "_contentSlotElements", void 0), L = e([x("schmancy-dialog")], L);
+export { d as $dialog, L as ConfirmDialog, L as SchmancyDialog, I as DialogBase, l as DialogService };