@mhmo91/schmancy 0.10.4 → 0.10.6

package/dist/overlay.js

@@ -1,27 +1,26 @@
-import { n as e } from "./chunk-BM5alsTp.js";
-import { s as t } from "./mixins-CcIWET41.js";
-import { t as n } from "./decorate-23nYs4Le.js";
-import { t as r } from "./lazy-B0ia54tT.js";
-import { _ as i, d as a, f as o, u as s } from "./animation-BK-8BwY8.js";
-import { t as c } from "./reduced-motion-D-L12p7G.js";
-import { t as l } from "./layout-C4xmnU4n.js";
-import { BehaviorSubject as u, EMPTY as d, Observable as f, Subject as p, debounceTime as ee, defaultIfEmpty as m, defer as te, distinctUntilChanged as h, filter as g, firstValueFrom as _, fromEvent as v, map as y, merge as b, switchMap as ne, take as x, takeUntil as S, tap as C } from "rxjs";
-import { customElement as re, property as w, query as T, state as ie } from "lit/decorators.js";
-import { css as E, html as D, render as ae } from "lit";
-import { ifDefined as O } from "lit/directives/if-defined.js";
-import { when as k } from "lit/directives/when.js";
-import { autoUpdate as oe, computePosition as se, flip as ce, offset as le, shift as ue, size as de } from "@floating-ui/dom";
-import { choose as fe } from "lit/directives/choose.js";
-var A = c.value;
-c.subscribe((e) => {
-	A = e;
+import { s as e } from "./mixins-Dw6hVfy-.js";
+import { t } from "./decorate-23nYs4Le.js";
+import { t as n } from "./lazy-B0ia54tT.js";
+import { _ as r, d as i, f as a, u as o } from "./animation-BK-8BwY8.js";
+import { t as s } from "./reduced-motion-D-L12p7G.js";
+import { t as c } from "./layout-CXPNsUIo.js";
+import { a as l, i as u, n as d, o as f, r as p, t as m } from "./overlay.service-B9On2-Aa.js";
+import { t as h } from "./overlay.confirm-body-AFqYBqrI.js";
+import { Observable as g, Subject as _, debounceTime as v, distinctUntilChanged as ee, filter as y, fromEvent as b, map as x, merge as S, take as C, takeUntil as w, tap as T } from "rxjs";
+import { customElement as te, property as E, query as D, state as O } from "lit/decorators.js";
+import { css as k, html as A, render as j } from "lit";
+import { when as M } from "lit/directives/when.js";
+import { autoUpdate as N, computePosition as P, flip as F, offset as I, shift as L, size as R } from "@floating-ui/dom";
+var z = s.value;
+s.subscribe((e) => {
+	z = e;
 });
-var j = "--schmancy-overlay-origin-x", M = "--schmancy-overlay-origin-y", N = `var(${j}, 50%) var(${M}, 50%)`;
-function P(e) {
+var B = "--schmancy-overlay-origin-x", V = "--schmancy-overlay-origin-y", H = `var(${B}, 50%) var(${V}, 50%)`;
+function U(e) {
 	return Number.isNaN(e) || !Number.isFinite(e) ? 50 : Math.max(0, Math.min(100, e));
 }
-function F(e, t) {
-	if (A) return t === "in" ? {
+function W(e, t) {
+	if (z) return t === "in" ? {
 		keyframes: [{
 			opacity: 0,
 			transform: "none"
@@ -53,30 +52,30 @@ function F(e, t) {
 			keyframes: [{
 				opacity: 0,
 				transform: "scale(0.6)",
-				transformOrigin: N
+				transformOrigin: H
 			}, {
 				opacity: 1,
 				transform: "scale(1)",
-				transformOrigin: N
+				transformOrigin: H
 			}],
 			options: {
-				duration: o.duration,
-				easing: i(o),
+				duration: a.duration,
+				easing: r(a),
 				fill: "forwards"
 			}
 		} : {
 			keyframes: [{
 				opacity: 1,
 				transform: "scale(1)",
-				transformOrigin: N
+				transformOrigin: H
 			}, {
 				opacity: 0,
 				transform: "scale(0.95)",
-				transformOrigin: N
+				transformOrigin: H
 			}],
 			options: {
 				duration: 150,
-				easing: i(a),
+				easing: r(i),
 				fill: "forwards"
 			}
 		};
@@ -89,8 +88,8 @@ function F(e, t) {
 				transform: "translateY(0)"
 			}],
 			options: {
-				duration: s.duration,
-				easing: i(s),
+				duration: o.duration,
+				easing: r(o),
 				fill: "forwards"
 			}
 		} : {
@@ -103,7 +102,7 @@ function F(e, t) {
 			}],
 			options: {
 				duration: 150,
-				easing: i(a),
+				easing: r(i),
 				fill: "forwards"
 			}
 		};
@@ -111,55 +110,55 @@ function F(e, t) {
 			keyframes: [{
 				opacity: 0,
 				transform: "scale(0.85)",
-				transformOrigin: N
+				transformOrigin: H
 			}, {
 				opacity: 1,
 				transform: "scale(1)",
-				transformOrigin: N
+				transformOrigin: H
 			}],
 			options: {
-				duration: o.duration,
-				easing: i(o),
+				duration: a.duration,
+				easing: r(a),
 				fill: "forwards"
 			}
 		} : {
 			keyframes: [{
 				opacity: 1,
 				transform: "scale(1)",
-				transformOrigin: N
+				transformOrigin: H
 			}, {
 				opacity: 0,
 				transform: "scale(0.92)",
-				transformOrigin: N
+				transformOrigin: H
 			}],
 			options: {
 				duration: 150,
-				easing: i(a),
+				easing: r(i),
 				fill: "forwards"
 			}
 		};
 	}
 }
-function pe(e) {
+function ne(e) {
 	let { surface: t, dragHandle: n, until$: r } = e;
-	return new f((e) => {
-		let i = n ?? t, a = new p(), o = !1, s = null, c = 0, l = 0, u = 0;
-		return b(v(i, "pointerdown").pipe(g((e) => e.isPrimary && (e.pointerType !== "mouse" || e.button === 0)), g((e) => {
+	return new g((e) => {
+		let i = n ?? t, a = new _(), o = !1, s = null, c = 0, l = 0, u = 0;
+		return S(b(i, "pointerdown").pipe(y((e) => e.isPrimary && (e.pointerType !== "mouse" || e.button === 0)), y((e) => {
 			if (n) return !0;
 			let r = t.getBoundingClientRect();
 			return e.clientY - r.top <= 40;
-		}), C((e) => {
+		}), T((e) => {
 			o = !0, s = e.pointerId, c = e.clientY, l = performance.now(), u = 0, t.style.transition = "none", t.style.willChange = "transform";
 			try {
 				i.setPointerCapture?.(e.pointerId);
 			} catch {}
-		})), v(i, "pointermove").pipe(g(() => o), g((e) => e.pointerId === s), C((e) => {
+		})), b(i, "pointermove").pipe(y(() => o), y((e) => e.pointerId === s), T((e) => {
 			u = function(e) {
 				if (e >= 0) return e;
 				let t = -e;
 				return -Math.max(0, 8 * (Math.log(t + 1) - 2));
 			}(e.clientY - c), t.style.transform = `translateY(${u}px)`, e.cancelable && e.preventDefault();
-		})), b(v(i, "pointerup"), v(i, "pointercancel"), v(i, "lostpointercapture")).pipe(g(() => o), g((e) => e.pointerId === s), C(() => {
+		})), S(b(i, "pointerup"), b(i, "pointercancel"), b(i, "lostpointercapture")).pipe(y(() => o), y((e) => e.pointerId === s), T(() => {
 			o = !1;
 			let n = s;
 			s = null;
@@ -168,23 +167,23 @@ function pe(e) {
 			} catch {}
 			let r = Math.max(1, performance.now() - l), a = u / r, c = t.getBoundingClientRect().height, d = Math.min(80, .25 * c), f = u > d || u > 20 && a > .4;
 			t.style.willChange = "", f ? (t.style.transition = "transform 300ms cubic-bezier(0.16, 1, 0.3, 1)", t.style.transform = "translateY(100%)", e.next("dismiss"), e.complete()) : (t.style.transition = "transform 300ms cubic-bezier(0.16, 1, 0.3, 1)", t.style.transform = "translateY(0)");
-		}))).pipe(S(b(a, r))).subscribe(), () => {
+		}))).pipe(w(S(a, r))).subscribe(), () => {
 			a.next(), a.complete(), t.style.transition = "", t.style.transform = "", t.style.willChange = "";
 		};
-	}).pipe(x(1));
+	}).pipe(C(1));
 }
-function I(e) {
+function G(e) {
 	let { anchor: t, content: n, viewport: r } = e, i = r.width < 640, a = r.isCoarsePointer, o = n.height > .8 * r.height, s = n.width > .9 * r.width;
 	return i || a || o || s ? "sheet" : t === void 0 ? "centered" : "anchored";
 }
-function L() {
+function K() {
 	return {
 		width: window.innerWidth,
 		height: window.innerHeight,
 		isCoarsePointer: window.matchMedia("(pointer: coarse)").matches
 	};
 }
-function R(e, t) {
+function q(e, t) {
 	return {
 		x: e,
 		y: t,
@@ -206,12 +205,12 @@ function R(e, t) {
 		})
 	};
 }
-var z = Object.freeze({
+var J = Object.freeze({
 	popover: typeof HTMLElement < "u" && "popover" in HTMLElement.prototype && typeof HTMLElement.prototype.showPopover == "function",
 	cssAnchor: typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --x")
 });
-function B(e) {
-	if (!z.popover) throw Error("positionPopoverAPI requires Popover API support");
+function Y(e) {
+	if (!J.popover) throw Error("positionPopoverAPI requires Popover API support");
 	e.setAttribute("popover", "auto");
 	try {
 		e.showPopover();
@@ -223,23 +222,23 @@ function B(e) {
 		e.removeAttribute("popover");
 	};
 }
-function V(e, t, n = {}) {
-	return new f((r) => {
+function X(e, t, n = {}) {
+	return new g((r) => {
 		let i = t.el ?? t.virtual;
 		if (!i) return void r.error(/* @__PURE__ */ Error("positionFloatingUI requires an element or virtual anchor"));
-		let a = n.placement ?? "bottom-start", o = n.padding ?? 16, s = n.offsetPx ?? 8, c = oe(i, e, async () => {
+		let a = n.placement ?? "bottom-start", o = n.padding ?? 16, s = n.offsetPx ?? 8, c = N(i, e, async () => {
 			try {
-				let { x: t, y: n } = await se(i, e, {
+				let { x: t, y: n } = await P(i, e, {
 					strategy: "fixed",
 					placement: a,
 					middleware: [
-						le(s),
-						ce({
+						I(s),
+						F({
 							padding: o,
-							fallbackPlacements: me(a)
+							fallbackPlacements: re(a)
 						}),
-						ue({ padding: o }),
-						de({
+						L({ padding: o }),
+						R({
 							padding: o,
 							apply({ availableWidth: e, availableHeight: t, elements: n }) {
 								n.floating.style.maxWidth = `${Math.max(0, e)}px`, n.floating.style.maxHeight = `${Math.max(0, t)}px`;
@@ -266,7 +265,7 @@ function V(e, t, n = {}) {
 		};
 	});
 }
-function me(e) {
+function re(e) {
 	switch (e) {
 		case "bottom-start": return [
 			"top-start",
@@ -331,14 +330,14 @@ function me(e) {
 		default: return ["top-start", "bottom-end"];
 	}
 }
-var H = "overlay-mount", U = class extends t {
+var Z = "overlay-mount", Q = class extends e {
 	constructor(...e) {
-		super(...e), this.layout = "centered", this.dismissable = !0, this.modal = !0, this.tier = "modal", this._active = !1, this._closed$ = new p(), this._mounted = !1, this._closing = !1, this._lastFocusedElement = null, this._inertedSiblings = [], this._lastReResolveAt = 0, this.onBackdropClick = () => {
+		super(...e), this.layout = "centered", this.dismissable = !0, this.modal = !0, this.tier = "modal", this._active = !1, this._closed$ = new _(), this._mounted = !1, this._closing = !1, this._lastFocusedElement = null, this._inertedSiblings = [], this._lastReResolveAt = 0, this.onBackdropClick = () => {
 			this.dismissable && this.close("backdrop");
 		};
 	}
 	static {
-		this.styles = [E`
+		this.styles = [k`
 	:host {
 		position: fixed;
 		inset: 0;
@@ -418,29 +417,29 @@ var H = "overlay-mount", U = class extends t {
 				return { virtual: { getBoundingClientRect: () => t } };
 			}
 			if (typeof e.clientX == "number" && typeof e.clientY == "number") {
-				let t = e, n = R(t.clientX, t.clientY);
+				let t = e, n = q(t.clientX, t.clientY);
 				return { virtual: { getBoundingClientRect: () => n } };
 			}
 			if (e.touches !== void 0 && e.touches.length > 0) {
-				let t = e.touches[0], n = R(t.clientX, t.clientY);
+				let t = e.touches[0], n = q(t.clientX, t.clientY);
 				return { virtual: { getBoundingClientRect: () => n } };
 			}
-			let t = e, n = R(t.x, t.y);
+			let t = e, n = q(t.x, t.y);
 			return { virtual: { getBoundingClientRect: () => n } };
 		}(t.anchor), this._active = !0, this.setAttribute("active", ""), await this.updateComplete;
-		let n = this.renderRoot.querySelector(`#${H}`);
+		let n = this.renderRoot.querySelector(`#${Z}`);
 		if (!n) throw Error("schmancy-overlay: mount point missing");
-		await W(e, n, t.props);
-		let r = L(), i = {
+		await $(e, n, t.props);
+		let r = K(), i = {
 			width: n.scrollWidth,
 			height: n.scrollHeight
 		};
 		var a;
-		if (this.layout = I({
+		if (this.layout = G({
 			anchor: t.anchor,
 			content: i,
 			viewport: r
-		}), this.modal = t.modal ?? (this.layout === "centered" || this.layout === "sheet"), this.tier = this.modal ? "modal" : this._resolvedAnchor ? (a = this._resolvedAnchor, z.popover && z.cssAnchor && a.el ? "css-anchor" : z.popover ? "popover-fui" : "fui-only") : "modal", await this.updateComplete, this.tier === "css-anchor" && this._resolvedAnchor?.el && this.shadowRoot) {
+		}), this.modal = t.modal ?? (this.layout === "centered" || this.layout === "sheet"), this.tier = this.modal ? "modal" : this._resolvedAnchor ? (a = this._resolvedAnchor, J.popover && J.cssAnchor && a.el ? "css-anchor" : J.popover ? "popover-fui" : "fui-only") : "modal", await this.updateComplete, this.tier === "css-anchor" && this._resolvedAnchor?.el && this.shadowRoot) {
 			this._positionerTeardown = function(e, t, n, r = { id: "" }) {
 				if (!t.el) throw Error("positionCSSAnchor requires an element anchor");
 				let i = t.el, a = `--ov-${r.id || Math.random().toString(36).slice(2, 10)}`, o = r.placement ?? "bottom-start", s = i.style.getPropertyValue("anchor-name");
@@ -468,25 +467,25 @@ var H = "overlay-mount", U = class extends t {
 				id: `ov-${Math.random().toString(36).slice(2, 10)}`,
 				placement: t.preferredPlacement ?? "bottom-start"
 			});
-			let e = B(this._surface), n = this._positionerTeardown;
+			let e = Y(this._surface), n = this._positionerTeardown;
 			this._positionerTeardown = () => {
 				e(), n();
 			};
 		} else if (this.tier === "popover-fui" && this._resolvedAnchor) {
-			let e = B(this._surface), n = V(this._surface, this._resolvedAnchor, {
+			let e = Y(this._surface), n = X(this._surface, this._resolvedAnchor, {
 				placement: t.preferredPlacement ?? "bottom-start",
 				offsetPx: 8,
 				track: !1 !== t.track
-			}).pipe(S(this.disconnecting)).subscribe();
+			}).pipe(w(this.disconnecting)).subscribe();
 			this._positionerTeardown = () => {
 				e(), n.unsubscribe();
 			};
 		} else if (this.tier === "fui-only" && this._resolvedAnchor) {
-			let e = V(this._surface, this._resolvedAnchor, {
+			let e = X(this._surface, this._resolvedAnchor, {
 				placement: t.preferredPlacement ?? "bottom-start",
 				offsetPx: 8,
 				track: !1 !== t.track
-			}).pipe(S(this.disconnecting)).subscribe();
+			}).pipe(w(this.disconnecting)).subscribe();
 			this._positionerTeardown = () => e.unsubscribe();
 		}
 		this.setAnchorOriginVars(), this.wireFocusTrap(), this.wireCloseTriggers(t.signal), this.wireResizeObserver(n), await this.playEnterAnimations();
@@ -510,9 +509,9 @@ var H = "overlay-mount", U = class extends t {
 		}
 	}
 	render() {
-		return this._active ? D`
+		return this._active ? A`
 			<div class="shell" part="shell">
-				${k(this.modal, () => D`<div class="backdrop" part="backdrop" @click=${this.onBackdropClick}></div>`)}
+				${M(this.modal, () => A`<div class="backdrop" part="backdrop" @click=${this.onBackdropClick}></div>`)}
 				<section
 					class="surface"
 					part="surface"
@@ -522,18 +521,18 @@ var H = "overlay-mount", U = class extends t {
 					aria-modal=${this.modal ? "true" : "false"}
 					tabindex="-1"
 				>
-					<div id=${H}></div>
+					<div id=${Z}></div>
 				</section>
 			</div>
-		` : D``;
+		` : A``;
 	}
 	setAnchorOriginVars() {
 		let e = this._surface;
 		if (!e) return;
 		let t = e.getBoundingClientRect(), n = this.layout !== "centered" || this._anchorOriginAnchor ? this.layout !== "sheet" || this._anchorOriginAnchor ? function(e, t) {
 			if (!e) return {
-				[j]: "50%",
-				[M]: "50%"
+				[B]: "50%",
+				[V]: "50%"
 			};
 			let { x: n, y: r } = function(e) {
 				if (typeof e.getBoundingClientRect == "function") {
@@ -571,13 +570,13 @@ var H = "overlay-mount", U = class extends t {
 				};
 			}(e);
 			if (!t.width || !t.height) return {
-				[j]: "50%",
-				[M]: "50%"
+				[B]: "50%",
+				[V]: "50%"
 			};
-			let i = P((n - t.left) / t.width * 100), a = P((r - t.top) / t.height * 100);
+			let i = U((n - t.left) / t.width * 100), a = U((r - t.top) / t.height * 100);
 			return {
-				[j]: `${i}%`,
-				[M]: `${a}%`
+				[B]: `${i}%`,
+				[V]: `${a}%`
 			};
 		}(this._anchorOriginAnchor, t) : {
 			"--schmancy-overlay-origin-x": "50%",
@@ -610,38 +609,38 @@ var H = "overlay-mount", U = class extends t {
 	}
 	wireCloseTriggers(e) {
 		let t = this.disconnecting;
-		v(this, "close").pipe(g((e) => e instanceof CustomEvent), C((e) => {
+		b(this, "close").pipe(y((e) => e instanceof CustomEvent), T((e) => {
 			e.stopPropagation(), this.close("structured", e.detail);
-		}), S(t)).subscribe(), v(this, "submit").pipe(g((e) => {
+		}), w(t)).subscribe(), b(this, "submit").pipe(y((e) => {
 			let t = e.target;
 			return !!t && t.method === "dialog";
-		}), C((e) => {
+		}), T((e) => {
 			e.preventDefault();
 			let t = e.submitter?.value ?? "";
 			this.close("native-submit", t);
-		}), S(t)).subscribe(), this.tier === "modal" && v(document, "keydown").pipe(g((e) => e.key === "Escape"), C((e) => {
+		}), w(t)).subscribe(), this.tier === "modal" && b(document, "keydown").pipe(y((e) => e.key === "Escape"), T((e) => {
 			this.dismissable ? (e.preventDefault(), this.close("escape")) : e.preventDefault();
-		}), S(t)).subscribe(), this.tier !== "popover-fui" && this.tier !== "css-anchor" || v(this._surface, "toggle").pipe(g((e) => e.newState === "closed"), x(1), C(() => {
+		}), w(t)).subscribe(), this.tier !== "popover-fui" && this.tier !== "css-anchor" || b(this._surface, "toggle").pipe(y((e) => e.newState === "closed"), C(1), T(() => {
 			this._closing || this.close("light-dismiss");
-		}), S(t)).subscribe(), this.tier === "fui-only" && v(document, "pointerdown", { capture: !0 }).pipe(g((e) => {
+		}), w(t)).subscribe(), this.tier === "fui-only" && b(document, "pointerdown", { capture: !0 }).pipe(y((e) => {
 			if (!this.dismissable) return !1;
 			let t = e.composedPath()[0];
 			return !!t && !this._surface?.contains(t) && !this._resolvedAnchor?.el?.contains(t);
-		}), x(1), C(() => {
+		}), C(1), T(() => {
 			this.close("backdrop");
-		}), S(t)).subscribe(), this.layout === "sheet" && this.dismissable && pe({
+		}), w(t)).subscribe(), this.layout === "sheet" && this.dismissable && ne({
 			surface: this._surface,
-			until$: b(t, this._closed$)
-		}).pipe(x(1)).subscribe(() => {
+			until$: S(t, this._closed$)
+		}).pipe(C(1)).subscribe(() => {
 			this.close("swipe");
 		}), e && (e.aborted ? queueMicrotask(() => {
 			this.close("abort");
-		}) : v(e, "abort").pipe(x(1), C(() => {
+		}) : b(e, "abort").pipe(C(1), T(() => {
 			this.close("abort");
-		}), S(t)).subscribe());
+		}), w(t)).subscribe());
 	}
 	wireResizeObserver(e) {
-		l(e).pipe(y((e) => {
+		c(e).pipe(x((e) => {
 			let t = e[0];
 			if (!t) return null;
 			let n = t.contentRect;
@@ -649,11 +648,11 @@ var H = "overlay-mount", U = class extends t {
 				w: n.width,
 				h: n.height
 			};
-		}), g((e) => e !== null), h((e, t) => e.w === t.w && e.h === t.h), ee(80), S(b(this.disconnecting, this._closed$))).subscribe((e) => this.maybeReResolve(e));
+		}), y((e) => e !== null), ee((e, t) => e.w === t.w && e.h === t.h), v(80), w(S(this.disconnecting, this._closed$))).subscribe((e) => this.maybeReResolve(e));
 	}
 	async maybeReResolve(e) {
 		if (this._closing) return;
-		let t = L(), n = I({
+		let t = K(), n = G({
 			anchor: this._rawAnchor,
 			content: {
 				width: e.w,
@@ -661,12 +660,12 @@ var H = "overlay-mount", U = class extends t {
 			},
 			viewport: t
 		});
-		if (n === this.layout || performance.now() - this._lastReResolveAt < 600 || (r = this.layout, o = n, !(r === "centered" && o === "sheet" || r === "anchored" && o === "sheet"))) return;
-		var r, o;
+		if (n === this.layout || performance.now() - this._lastReResolveAt < 600 || (a = this.layout, o = n, !(a === "centered" && o === "sheet" || a === "anchored" && o === "sheet"))) return;
+		var a, o;
 		let s = this._surface, c = s.getBoundingClientRect();
 		this.layout = n, await this.updateComplete;
 		let l = function(e, t) {
-			return A ? {
+			return z ? {
 				keyframes: [{ transform: "none" }, { transform: "none" }],
 				options: {
 					duration: 1,
@@ -682,8 +681,8 @@ var H = "overlay-mount", U = class extends t {
 					transformOrigin: "top left"
 				}],
 				options: {
-					duration: a.duration,
-					easing: i(a),
+					duration: i.duration,
+					easing: r(i),
 					fill: "forwards"
 				}
 			};
@@ -696,7 +695,7 @@ var H = "overlay-mount", U = class extends t {
 	async playEnterAnimations() {
 		let e = this._surface;
 		if (!e) return;
-		let t = F(this.layout, "in"), n = [e.animate(t.keyframes, t.options).finished.catch(() => {})], r = this._backdrop;
+		let t = W(this.layout, "in"), n = [e.animate(t.keyframes, t.options).finished.catch(() => {})], r = this._backdrop;
 		this.modal && r && n.push(r.animate([{ opacity: 0 }, { opacity: 1 }], {
 			duration: t.options.duration,
 			easing: "ease-out",
@@ -706,7 +705,7 @@ var H = "overlay-mount", U = class extends t {
 	async playExitAnimations() {
 		let e = this._surface;
 		if (!e) return;
-		let t = F(this.layout, "out"), n = [e.animate(t.keyframes, t.options).finished.catch(() => {})], r = this._backdrop;
+		let t = W(this.layout, "out"), n = [e.animate(t.keyframes, t.options).finished.catch(() => {})], r = this._backdrop;
 		this.modal && r && n.push(r.animate([{ opacity: 1 }, { opacity: 0 }], {
 			duration: t.options.duration,
 			easing: "ease-in",
@@ -714,13 +713,13 @@ var H = "overlay-mount", U = class extends t {
 		}).finished.catch(() => {})), await Promise.all(n);
 	}
 };
-async function W(e, t, n) {
-	if (typeof (r = e) == "object" && r !== null && "_$litType$" in r) return ae(e, t), t;
+async function $(e, t, n) {
+	if (typeof (r = e) == "object" && r !== null && "_$litType$" in r) return j(e, t), t;
 	var r;
 	if (e instanceof HTMLElement) return n && Object.assign(e, n), t.appendChild(e), e;
 	if (function(e) {
 		return typeof e == "function" && ("preload" in e || "_promise" in e);
-	}(e)) return W((await e()).default, t, n);
+	}(e)) return $((await e()).default, t, n);
 	if (typeof e == "function") {
 		let r = new e();
 		return n && Object.assign(r, n), t.appendChild(r), r;
@@ -731,256 +730,17 @@ async function W(e, t, n) {
 	}
 	throw Error("schmancy-overlay: unsupported content type");
 }
-n([w({
+t([E({
 	type: String,
 	reflect: !0
-})], U.prototype, "layout", void 0), n([w({
+})], Q.prototype, "layout", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "dismissable", void 0), n([w({
+})], Q.prototype, "dismissable", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "modal", void 0), n([w({
-	type: String,
-	reflect: !0
-})], U.prototype, "tier", void 0), n([ie()], U.prototype, "_active", void 0), n([T(".backdrop")], U.prototype, "_backdrop", void 0), n([T(".surface")], U.prototype, "_surface", void 0), U = n([re("schmancy-overlay")], U);
-var G = e({ SchmancyOverlayPromptBody: () => K }), K = class extends t {
-	constructor(...e) {
-		super(...e), this.confirmText = "Confirm", this.cancelText = "Cancel", this.variant = "default", this.mode = "confirm", this.defaultValue = "", this.inputType = "text", this.required = !1, this.handleCancel = () => {
-			this.dismiss(this.mode === "prompt" && null);
-		}, this.handleConfirm = () => {
-			if (this.mode === "prompt") {
-				let e = this._input;
-				if (e && !e.reportValidity()) return;
-				this.dismiss(e?.value ?? "");
-			} else this.dismiss(!0);
-		}, this.handleSubmit = (e) => {
-			e.preventDefault(), this.handleConfirm();
-		};
-	}
-	static {
-		this.styles = [E`
-	:host {
-		display: block;
-		padding: 20px 24px;
-		min-width: 280px;
-		max-width: 480px;
-		color: var(--schmancy-sys-color-on-surface, #1a1a1a);
-		background: var(--schmancy-sys-color-surface, #ffffff);
-		border-radius: var(--schmancy-sys-shape-corner-large, 16px);
-		box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
-	}
-	:host([variant='danger']) .cta-confirm {
-		background: var(--schmancy-sys-color-error, #b3261e);
-		color: var(--schmancy-sys-color-on-error, #ffffff);
-	}
-`];
-	}
-	firstUpdated() {
-		this.mode === "prompt" && queueMicrotask(() => this._input?.focus());
-	}
-	dismiss(e) {
-		this.dispatchEvent(new CustomEvent("close", {
-			detail: e,
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-	render() {
-		return D`
-			<form @submit=${this.handleSubmit}>
-				${k(this.heading, () => D`<h2 class="text-lg font-semibold mb-1">${this.heading}</h2>`)}
-				${k(this.subtitle, () => D`<p class="text-sm opacity-70 mb-2">${this.subtitle}</p>`)}
-				${fe(this.mode, [["prompt", () => D`
-								${k(this.label, () => D`<label class="block text-sm mb-1">${this.label}</label>`)}
-								<input
-									type=${this.inputType}
-									.value=${this.defaultValue}
-									placeholder=${O(this.placeholder)}
-									pattern=${O(this.pattern)}
-									?required=${this.required}
-									class="w-full px-3 py-2 rounded-md border border-outline-variant text-base mb-2"
-								/>
-								${k(this.message, () => D`<p class="text-sm mb-3">${this.message}</p>`)}
-							`]], () => D`${k(this.message, () => D`<p class="text-sm mb-4">${this.message}</p>`)}`)}
-
-				<div class="flex justify-end gap-2 mt-4">
-					<button
-						type="button"
-						@click=${this.handleCancel}
-						class="px-4 py-2 rounded-md border border-outline-variant bg-transparent cursor-pointer"
-					>
-						${this.cancelText}
-					</button>
-					<button
-						type="submit"
-						class="cta-confirm px-4 py-2 rounded-md border-0 bg-primary text-on-primary cursor-pointer font-medium"
-					>
-						${this.confirmText}
-					</button>
-				</div>
-			</form>
-		`;
-	}
-};
-n([w({ type: String })], K.prototype, "heading", void 0), n([w({ type: String })], K.prototype, "subtitle", void 0), n([w({ type: String })], K.prototype, "message", void 0), n([w({
-	type: String,
-	attribute: "confirm-text"
-})], K.prototype, "confirmText", void 0), n([w({
-	type: String,
-	attribute: "cancel-text"
-})], K.prototype, "cancelText", void 0), n([w({
+})], Q.prototype, "modal", void 0), t([E({
 	type: String,
 	reflect: !0
-})], K.prototype, "variant", void 0), n([w({ type: String })], K.prototype, "mode", void 0), n([w({ type: String })], K.prototype, "label", void 0), n([w({
-	type: String,
-	attribute: "default-value"
-})], K.prototype, "defaultValue", void 0), n([w({ type: String })], K.prototype, "placeholder", void 0), n([w({
-	type: String,
-	attribute: "input-type"
-})], K.prototype, "inputType", void 0), n([w({ type: String })], K.prototype, "pattern", void 0), n([w({ type: Boolean })], K.prototype, "required", void 0), n([T("input")], K.prototype, "_input", void 0), K = n([re("schmancy-overlay-prompt-body")], K);
-var q = new u([]), he = q.asObservable(), J = !1, Y = "", X = "";
-q.pipe(y((e) => e.some((e) => e.modal)), h()).subscribe((e) => {
-	typeof document < "u" && (e && !J ? (Y = document.documentElement.style.overflow, X = document.documentElement.style.getPropertyValue("scrollbar-gutter"), document.documentElement.style.overflow = "hidden", document.documentElement.style.setProperty("scrollbar-gutter", "stable"), J = !0) : !e && J && (document.documentElement.style.overflow = Y, X ? document.documentElement.style.setProperty("scrollbar-gutter", X) : document.documentElement.style.removeProperty("scrollbar-gutter"), Y = "", X = "", J = !1));
-});
-var Z = /* @__PURE__ */ new Set(), Q = /* @__PURE__ */ new Set();
-function ge(e, t) {
-	Z.add(e), Z.size === 1 && function(e) {
-		let t = e.parentElement ?? document.body;
-		for (let n = 0; n < t.children.length; n++) {
-			let r = t.children[n];
-			r !== e && r instanceof HTMLElement && !r.inert && (r.inert = !0, Q.add(r));
-		}
-	}(t);
-}
-function _e(e) {
-	Z.delete(e), Z.size === 0 && function() {
-		for (let e of Q) e.inert = !1;
-		Q.clear();
-	}();
-}
-var ve = he, ye = new u(null);
-function be() {
-	let e = ye.value;
-	if (e && !(performance.now() - e.capturedAt > 750)) return e.event;
-}
-function $(e, t = {}) {
-	return te(() => {
-		let n = {
-			...t,
-			anchor: t.anchor ?? be()
-		};
-		return new f((t) => {
-			let r = null, i = null, a = !1, o = !1, s = new p();
-			return (async () => {
-				try {
-					r = document.createElement("schmancy-overlay"), (document.body ?? document.documentElement).appendChild(r), await r.updateComplete, await r.open(e, n);
-					let c = "ov_" + Math.random().toString(36).slice(2, 10) + Date.now().toString(36);
-					i = {
-						id: c,
-						element: r,
-						layout: r.layout,
-						modal: r.modal,
-						tier: r.tier
-					}, function(e) {
-						q.next([...q.value, e]);
-					}(i), r.modal && r.parentElement && ge(c, r);
-					let l = n.historyStrategy ?? "push";
-					l === "push" ? (history.pushState({ t: c }, "", location.href), a = !0) : l === "replace" && history.replaceState({ t: c }, "", location.href), a && v(window, "popstate").pipe(x(1), S(s)).subscribe(() => {
-						o = !0, r?.close("popstate");
-					}), r.closed$.pipe(x(1), S(s)).subscribe(({ result: e }) => {
-						o = !0, t.next(e), t.complete();
-					});
-				} catch (e) {
-					t.error(e);
-				}
-			})(), () => {
-				s.next(), s.complete(), r && !o && r.close("programmatic"), i && (_e(i.id), function(e) {
-					let t = q.value, n = t.filter((t) => t.id !== e);
-					n.length !== t.length && q.next(n);
-				}(i.id)), a && !o && (history.state?.t === i?.id && history.back(), a = !1), queueMicrotask(() => {
-					r?.remove(), r = null;
-				});
-			};
-		});
-	});
-}
-async function xe(e = {}) {
-	let { SchmancyOverlayPromptBody: t } = await Promise.resolve().then(() => G);
-	return !0 === await _($(t, {
-		anchor: e.anchor,
-		signal: e.signal,
-		props: {
-			mode: "confirm",
-			heading: e.title,
-			subtitle: e.subtitle,
-			message: e.message,
-			confirmText: e.confirmText ?? "Confirm",
-			cancelText: e.cancelText ?? "Cancel",
-			variant: e.variant ?? "default"
-		}
-	}).pipe(m(!1)));
-}
-async function Se(e = {}) {
-	let { SchmancyOverlayPromptBody: t } = await Promise.resolve().then(() => G), n = await _($(t, {
-		anchor: e.anchor,
-		signal: e.signal,
-		props: {
-			mode: "prompt",
-			heading: e.title,
-			subtitle: e.subtitle,
-			message: e.message,
-			label: e.label,
-			defaultValue: e.defaultValue ?? "",
-			placeholder: e.placeholder,
-			inputType: e.inputType ?? "text",
-			pattern: e.pattern,
-			required: e.required ?? !1,
-			confirmText: e.confirmText ?? "OK",
-			cancelText: e.cancelText ?? "Cancel"
-		}
-	}).pipe(m(null)));
-	return typeof n == "string" ? n : null;
-}
-function Ce(e, t) {
-	return function(e) {
-		let t = e.toLowerCase();
-		return q.pipe(y((e) => {
-			let n = [];
-			for (let r of e) {
-				let e = r.element.querySelector(t);
-				e && n.push(e);
-			}
-			return n;
-		}), h((e, t) => e.length === t.length && e.every((e, n) => e === t[n])));
-	}(e).pipe(h((e, t) => e.length === t.length && e.every((e, n) => e === t[n])), ne((e) => e.length === 0 ? d : b(...e.map((e) => v(e, t)))), y((e) => e));
-}
-function we() {
-	let e = [...q.value];
-	for (let t = e.length - 1; t >= 0; t--) e[t].element.close("programmatic");
-	q.value.length > 0 && q.next([]);
-}
-typeof document < "u" && b(v(document, "pointerdown", {
-	capture: !0,
-	passive: !0
-}).pipe(y((e) => ({
-	event: e,
-	capturedAt: performance.now()
-}))), v(document, "click", {
-	capture: !0,
-	passive: !0
-}).pipe(y((e) => ({
-	event: e,
-	capturedAt: performance.now()
-}))), v(document, "keydown", { capture: !0 }).pipe(g((e) => e.target instanceof Element), y((e) => {
-	let t = e.target.getBoundingClientRect();
-	return {
-		event: new MouseEvent("click", {
-			clientX: t.left + t.width / 2,
-			clientY: t.top + t.height / 2,
-			bubbles: !0
-		}),
-		capturedAt: performance.now()
-	};
-}))).subscribe((e) => ye.next(e));
-export { U as SchmancyOverlay, K as SchmancyOverlayPromptBody, xe as confirm, we as dismissAll, r as lazy, ve as openOverlays$, Ce as overlayEvents, Se as prompt, $ as show };
+})], Q.prototype, "tier", void 0), t([O()], Q.prototype, "_active", void 0), t([D(".backdrop")], Q.prototype, "_backdrop", void 0), t([D(".surface")], Q.prototype, "_surface", void 0), Q = t([te("schmancy-overlay")], Q);
+export { Q as SchmancyOverlay, h as SchmancyOverlayPromptBody, m as confirm, d as dismissAll, n as lazy, p as openOverlays$, u as overlayEvents, l as prompt, f as show };