@mhmo91/schmancy 0.10.3 → 0.10.5

package/dist/dialog.js

@@ -1,419 +0,0 @@
-import { n as e } from "./mixins-CcIWET41.js";
-import { t } from "./decorate-23nYs4Le.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-DI9PPy4H.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, 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.dialogInternals = (() => {
-			try {
-				return this.attachInternals();
-			} catch {
-				return;
-			}
-		})();
-	}
-	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", ""), this.dialogInternals?.states.add("open"), 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"), this.dialogInternals?.states.delete("open");
-		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 = j(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 M(this.virtualReference, e, {
-			strategy: "fixed",
-			middleware: [
-				N(8),
-				A({
-					padding: 16,
-					allowedPlacements: [
-						"top-start",
-						"top-end",
-						"bottom-start",
-						"bottom-end",
-						"left-start",
-						"left-end",
-						"right-start",
-						"right-end"
-					]
-				}),
-				P({ padding: 16 }),
-				F({
-					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();
-	}
-}, L = class extends I(e(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 = 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;
-	}
-	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 ${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>
-		`;
-	}
-	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";
-		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
-					${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
-			})}
-						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}>
-								${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>` : 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"
-										@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>
-			`;
-		}
-		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 ${O(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
-		});
-	}
-};
-t([S({
-	type: String,
-	reflect: !0
-})], L.prototype, "uid", void 0), t([S({ type: String })], L.prototype, "title", void 0), t([S({ type: String })], L.prototype, "subtitle", void 0), t([S({ type: String })], L.prototype, "message", void 0), t([S({
-	type: String,
-	attribute: "confirm-text"
-})], L.prototype, "confirmText", void 0), t([S({
-	type: String,
-	attribute: "cancel-text"
-})], L.prototype, "cancelText", void 0), t([S({ type: String })], L.prototype, "variant", void 0), t([S({
-	type: Boolean,
-	attribute: "hide-actions"
-})], L.prototype, "hideActions", void 0), t([C({
-	slot: "content",
-	flatten: !0
-})], L.prototype, "_contentSlotElements", void 0), L = t([x("schmancy-dialog")], L);
-export { d as $dialog, L as ConfirmDialog, L as SchmancyDialog, I as DialogBase, l as DialogService };

package/dist/dialog.js.map

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