@mhmo91/schmancy 0.8.6 → 0.9.3

package/dist/dialog.js

@@ -1,10 +1,397 @@
-import { $ as i, D as r } from "./dialog-service-D9E3jLAR.js";
-import { S as D, D as e, S as g } from "./dialog.component-a7FlKhGD.js";
-export {
-  i as $dialog,
-  D as ConfirmDialog,
-  e as DialogBase,
-  r as DialogService,
-  g as SchmancyDialog
+import { i as e } from "./tailwind.mixin-BIVhjNvD.js";
+import { t } from "./litElement.mixin-Dm-4L8zL.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 { 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 {
+	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;
+	}
+	isAnimating() {
+		return this.animating;
+	}
+	getDialogElement() {
+		return null;
+	}
+	getBackdropElement() {
+		return null;
+	}
+	getDragHandleElement() {
+		return null;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setupResizeListener();
+	}
+	setupResizeListener() {
+		h(window, "resize").pipe(g(() => window.innerWidth < 640), p(), m(() => this.hasAttribute("active")), y((e) => {
+			if (this.isMobile !== e) {
+				this.isMobile = e, this.requestUpdate();
+				let t = this.getDialogElement();
+				t && (e ? (this.applyBottomSheetStyles(t), this.setupSwipeGesture(t)) : (this.stopSwipe$.next(), this.setupPositioning()));
+			}
+		}), v(this.disconnecting)).subscribe();
+	}
+	setupSwipeGesture(e) {
+		this.stopSwipe$.next();
+		let t = 0, n = !1, r = 0, i = this.getDragHandleElement();
+		_(h(i || e, "touchstart", { passive: !0 }).pipe(y((a) => {
+			let o = a.touches[0], s = e.getBoundingClientRect();
+			o.clientY - s.top > 80 && !i || (n = !0, t = o.clientY, r = 0, this.dragOffset = 0, e.style.transition = "none", e.style.willChange = "transform");
+		})), h(e, "touchmove", { passive: !1 }).pipe(m(() => n), y((n) => {
+			let i = n.touches[0].clientY - t;
+			r = i < 0 ? .2 * i : i, this.dragOffset = Math.max(0, i), e.style.transform = `translateY(${r}px)`, n.preventDefault();
+		})), _(h(e, "touchend", { passive: !0 }), h(e, "touchcancel", { passive: !0 })).pipe(m(() => n), y(() => {
+			n = !1, e.style.transition = "transform 0.3s cubic-bezier(0.16, 1, 0.3, 1)", e.style.willChange = "";
+			let t = e.getBoundingClientRect().height, r = Math.min(100, .25 * t);
+			this.dragOffset > r ? (e.style.transform = "translateY(100%)", this.hide(!1)) : (e.style.transform = "translateY(0)", this.dragOffset = 0);
+		}))).pipe(v(_(this.stopSwipe$, this.disconnecting))).subscribe();
+	}
+	applyBottomSheetStyles(e) {
+		this.cleanupAutoUpdate &&= (this.cleanupAutoUpdate(), void 0), Object.assign(e.style, {
+			position: "",
+			left: "",
+			top: "",
+			transform: "",
+			maxWidth: ""
+		});
+	}
+	async show(e) {
+		let t, n;
+		if (this.cleanupAutoUpdate &&= (this.cleanupAutoUpdate(), void 0), this.isMobile = window.innerWidth < 640, e) if ("clientX" in e) t = e.clientX, n = e.clientY;
+		else if ("touches" in e && e.touches.length) t = e.touches[0].clientX, n = e.touches[0].clientY;
+		else {
+			let r = e;
+			t = r.x, n = r.y;
+		}
+		else t = window.innerWidth / 2, n = window.innerHeight / 2;
+		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;
+		let r = this.parentElement;
+		if (r) {
+			this.inertSiblings = [];
+			for (let e = 0; e < r.children.length; e++) {
+				let t = r.children[e];
+				t !== this && "inert" in t && (t.inert = !0, this.inertSiblings.push(t));
+			}
+		}
+		h(document, "keydown").pipe(m((e) => e.key === "Escape"), y((e) => {
+			e.preventDefault(), this.hide(!1);
+		}), v(_(this.stopSwipe$, this.disconnecting))).subscribe();
+		let i = this.getDialogElement(), a = window.innerWidth < 1024 ? .6 : .8;
+		return !this.isMobile && i && (i.scrollHeight > window.innerHeight * a || i.scrollWidth > window.innerWidth * a) && (this.isMobile = !0, this.requestUpdate(), await this.updateComplete), this.isMobile ? i && (this.applyBottomSheetStyles(i), this.setupSwipeGesture(i)) : this.setupPositioning(), this.animating = !0, await this.animateIn(), this.animating = !1, new Promise((e) => {
+			this.resolvePromise = e;
+		});
+	}
+	async animateIn() {
+		let e = this.getDialogElement(), t = this.getBackdropElement();
+		if (o.value) return t && (t.style.opacity = "1"), void (e && (e.style.opacity = "1"));
+		if (t?.animate([{ opacity: 0 }, { opacity: 1 }], {
+			duration: 200,
+			easing: a,
+			fill: "forwards"
+		}), e) {
+			let t = this.isMobile ? [{
+				opacity: 0,
+				transform: "translateY(100%)"
+			}, {
+				opacity: 1,
+				transform: "translateY(0)"
+			}] : [{
+				opacity: 0,
+				transform: "scale(0.92) translateY(16px)"
+			}, {
+				opacity: 1,
+				transform: "scale(1) translateY(0)"
+			}];
+			await e.animate(t, {
+				duration: n,
+				easing: r,
+				fill: "forwards"
+			}).finished;
+		}
+	}
+	async animateOut() {
+		let e = this.getDialogElement(), t = this.getBackdropElement();
+		if (o.value) return t && (t.style.opacity = "0"), void (e && (e.style.opacity = "0"));
+		let n = [];
+		if (t && n.push(t.animate([{ opacity: 1 }, { opacity: 0 }], {
+			duration: 150,
+			easing: a,
+			fill: "forwards"
+		}).finished), e) {
+			let t = this.isMobile ? [{
+				opacity: 1,
+				transform: "translateY(0)"
+			}, {
+				opacity: 0,
+				transform: "translateY(100%)"
+			}] : [{
+				opacity: 1,
+				transform: "scale(1) translateY(0)"
+			}, {
+				opacity: 0,
+				transform: "scale(0.95) translateY(8px)"
+			}];
+			n.push(e.animate(t, {
+				duration: 150,
+				easing: i,
+				fill: "forwards"
+			}).finished);
+		}
+		await Promise.all(n);
+	}
+	async hide(e = !1) {
+		this.stopSwipe$.next(), this.animating = !0, await this.animateOut(), this.animating = !1, this.removeAttribute("active");
+		for (let e of this.inertSiblings) e.inert = !1;
+		if (this.inertSiblings = [], this.lastFocusedElement) {
+			let e = this.lastFocusedElement;
+			typeof e.focus == "function" && e.focus(), this.lastFocusedElement = null;
+		}
+		this.cleanupAutoUpdate &&= (this.cleanupAutoUpdate(), void 0), this.resolvePromise &&= (this.resolvePromise(e), void 0);
+	}
+	isCentered() {
+		let e = .05 * window.innerWidth, t = .05 * window.innerHeight;
+		return Math.abs(this.position.x - window.innerWidth / 2) < e && Math.abs(this.position.y - window.innerHeight / 2) < t;
+	}
+	setupPositioning() {
+		let e = this.getDialogElement();
+		e && (this.isCentered() || this.virtualReference && (this.cleanupAutoUpdate = A(this.virtualReference, e, () => this.updatePosition(e), {
+			ancestorScroll: !0,
+			ancestorResize: !0,
+			elementResize: !0
+		}), this.updatePosition(e)));
+	}
+	async updatePosition(e) {
+		if (!this.virtualReference) return;
+		let { x: t, y: n } = await j(this.virtualReference, e, {
+			strategy: "fixed",
+			middleware: [
+				M(8),
+				k({
+					padding: 16,
+					allowedPlacements: [
+						"top-start",
+						"top-end",
+						"bottom-start",
+						"bottom-end",
+						"left-start",
+						"left-end",
+						"right-start",
+						"right-end"
+					]
+				}),
+				N({ padding: 16 }),
+				P({
+					padding: 16,
+					apply({ availableWidth: e, elements: t }) {
+						t.floating.style.maxWidth = `${e}px`;
+					}
+				})
+			]
+		});
+		Object.assign(e.style, {
+			position: "fixed",
+			left: `${Math.round(t)}px`,
+			top: `${Math.round(n)}px`,
+			transform: "none"
+		});
+	}
+	disconnectedCallback() {
+		this.stopSwipe$.next(), this.cleanupAutoUpdate &&= (this.cleanupAutoUpdate(), void 0), super.disconnectedCallback();
+	}
+}, I = class extends F(t(w`
+		:host {
+			position: fixed;
+			z-index: var(--schmancy-overlay-z, 10000);
+			inset: 0;
+			display: none;
+			--dialog-width: fit-content;
+		}
+
+		:host([active]) {
+			display: block;
+		}
+
+
+		/* Luminous glow around the dialog container */
+		.dialog {
+			box-shadow: 0 8px 40px -8px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent);
+			border-radius: var(--schmancy-sys-shape-corner-large);
+		}
+
+		@media (prefers-reduced-motion: reduce) {
+			.dialog { box-shadow: var(--schmancy-sys-elevation-2); }
+		}
+	`)) {
+	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();
+	}
+	getDialogElement() {
+		return this._contentDialogRef.value ? this._contentDialogRef.value : this._confirmDialogRef.value ?? null;
+	}
+	getBackdropElement() {
+		return this._backdropRef.value ?? null;
+	}
+	getDragHandleElement() {
+		return this._dragHandleRef.value ?? null;
+	}
+	get isConfirmMode() {
+		return !this.hideActions && !(!this.confirmText?.trim() || !this.cancelText?.trim());
+	}
+	connectedCallback() {
+		super.connectedCallback(), h(window, c).pipe(y((e) => {
+			e.detail.uid === this.uid && this.announcePresence();
+		}), b(this.disconnecting)).subscribe();
+	}
+	announcePresence() {
+		this.dispatchEvent(new CustomEvent(u, {
+			detail: { dialog: this },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	handleConfirm() {
+		this.hide(!0), this.dispatchEvent(new CustomEvent("confirm", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	handleClose() {
+		this.isAnimating() || (this.hide(!1), this.dispatchEvent(new CustomEvent(this.isConfirmMode ? "cancel" : "close", {
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	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 class="w-10 h-1 rounded-full bg-outline-variant"></div>
+			</div>
+		`;
+	}
+	render() {
+		let e = this.isCentered(), t = this._contentSlotElements?.length > 0, n = {
+			dialog: !0,
+			fixed: !0,
+			"w-[var(--dialog-width)]": !0,
+			"max-w-[calc(100vw-2rem)]": !0,
+			"max-h-[90dvh]": !0,
+			"overflow-hidden": !0,
+			"top-1/2": e,
+			"left-1/2": e,
+			"-translate-x-1/2": e,
+			"-translate-y-1/2": e
+		}, r = this.isMobile ? {
+			dialog: !0,
+			fixed: !0,
+			"inset-x-0": !0,
+			"bottom-0": !0,
+			"w-full": !0,
+			"max-h-[90dvh]": !0,
+			"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>
+
+				<div ${D(this._confirmDialogRef)} class=${this.classMap(r)} role="alertdialog" aria-modal="true">
+					<schmancy-surface
+						${s({
+			radius: 250,
+			intensity: .1
+		})}
+						rounded=${this.isMobile ? "top" : "all"}
+						type="glass"
+						fill="all"
+						class="overflow-hidden"
+					>
+						${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">
+													${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>`)}
+								<div class=${i}>
+									<schmancy-button
+										variant="outlined"
+										@click=${this.handleClose}
+										class=${this.isMobile ? "w-full" : ""}
+									>
+										${this.cancelText}
+									</schmancy-button>
+									<schmancy-button
+										type="submit"
+										variant="filled"
+										class=${this.isMobile ? "w-full" : ""}
+									>
+										${this.confirmText}
+									</schmancy-button>
+								</div>
+							</schmancy-form>
+						</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>
+
+			<section ${D(this._contentDialogRef)} class=${this.classMap(r)} role="dialog" aria-modal="true">
+				<schmancy-surface ${s({
+			radius: 250,
+			intensity: .1
+		})} rounded=${this.isMobile ? "top" : "all"} type="glass" fill="all">
+					${this.isMobile ? this.renderDragHandle() : null}
+					<schmancy-scroll direction="vertical" hide class="max-h-[85dvh]">
+						<slot></slot>
+					</schmancy-scroll>
+				</schmancy-surface>
+			</section>
+		`;
+	}
+	static async confirm(e) {
+		let t = document.querySelector("schmancy-dialog[data-static-confirm]");
+		return t || (t = document.createElement("schmancy-dialog"), t.setAttribute("data-static-confirm", ""), document.body.appendChild(t)), t.title = e.title, t.subtitle = e.subtitle, t.message = e.message, t.confirmText = e.confirmText ?? "Confirm", t.cancelText = e.cancelText ?? "Cancel", t.variant = e.variant ?? "default", e.width && t.style.setProperty("--dialog-width", e.width), t.show(e.position);
+	}
+	static async ask(e, t) {
+		return this.confirm({
+			message: e,
+			position: t
+		});
+	}
 };
-//# sourceMappingURL=dialog.js.map
+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({
+	type: String,
+	attribute: "confirm-text"
+})], I.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({
+	type: Boolean,
+	attribute: "hide-actions"
+})], I.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 };

package/dist/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"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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"}