@mhmo91/schmancy 0.10.35 → 0.10.36

package/dist/{overlay-BpNhd74N.js → overlay-H3Wt_dgQ.js}

@@ -1,60 +1,60 @@
-import { t as e, u as t } from "./SchmancyElement-CA0Wqt8m.js";
-import "./mixins-Bp0wIHg2.js";
-import { _ as n, d as r, f as i, u as a } from "./animation-DCznELuT.js";
-import { t as o } from "./reduced-motion-D-L12p7G.js";
-import { t as s } from "./layout-D4IOwx7p.js";
-import { s as c } from "./overlay.service-DTE6NwIM.js";
-import "./overlay.confirm-body-BHcXu5Wk.js";
-import { EMPTY as l, Observable as u, Subject as d, debounceTime as f, distinctUntilChanged as p, filter as m, fromEvent as h, map as g, merge as _, take as v, takeUntil as y, tap as b } from "rxjs";
-import { customElement as x, property as S, query as C, state as w } from "lit/decorators.js";
-import { css as T, html as E, render as D } from "lit";
-import { when as O } from "lit/directives/when.js";
-import { autoUpdate as k, computePosition as A, flip as j, offset as M, shift as N, size as P } from "@floating-ui/dom";
-var F = o.value;
-o.subscribe((e) => {
-	F = e;
+import { t as e, u as t } from "./SchmancyElement-C3CpdNsi.js";
+import "./mixins-DTzfFVyv.js";
+import { _ as n, d as r, f as i } from "./animation-DCznELuT.js";
+import { t as a } from "./reduced-motion-D-L12p7G.js";
+import { t as o } from "./layout-BJ_43VrH.js";
+import { s } from "./overlay.service-C46kOtUi.js";
+import "./overlay.confirm-body-Dxn_wNm3.js";
+import { EMPTY as c, Observable as l, Subject as u, debounceTime as d, distinctUntilChanged as f, filter as p, fromEvent as m, map as h, merge as g, take as _, takeUntil as v, tap as y } from "rxjs";
+import { customElement as b, property as x, query as S, state as C } from "lit/decorators.js";
+import { css as w, html as T, render as E } from "lit";
+import { when as D } from "lit/directives/when.js";
+import { autoUpdate as O, computePosition as k, flip as A, offset as j, shift as M, size as N } from "@floating-ui/dom";
+var P = a.value;
+a.subscribe((e) => {
+	P = e;
 });
-var I = "--schmancy-overlay-origin-x", L = "--schmancy-overlay-origin-y", R = `var(${I}, 50%) var(${L}, 50%)`;
-function z(e) {
+var F = "--schmancy-overlay-origin-x", I = "--schmancy-overlay-origin-y", L = `var(${F}, 50%) var(${I}, 50%)`;
+function R(e) {
 	return Number.isNaN(e) || !Number.isFinite(e) ? 50 : Math.max(0, Math.min(100, e));
 }
-function B(e) {
+function z(e) {
 	let { surface: t, dragHandle: n, until$: r } = e;
-	return new u((e) => {
-		let i = n ?? t, a = new d(), o = !1, s = null, c = 0, l = 0, u = 0;
-		return _(h(i, "pointerdown").pipe(m((e) => e.isPrimary && (e.pointerType !== "mouse" || e.button === 0)), m((e) => {
+	return new l((e) => {
+		let i = n ?? t, a = new u(), o = !1, s = null, c = 0, l = 0, d = 0;
+		return g(m(i, "pointerdown").pipe(p((e) => e.isPrimary && (e.pointerType !== "mouse" || e.button === 0)), p((e) => {
 			if (n) return !0;
 			let r = t.getBoundingClientRect();
 			return e.clientY - r.top <= 40;
-		}), b((e) => {
-			o = !0, s = e.pointerId, c = e.clientY, l = performance.now(), u = 0, t.style.transition = "none", t.style.willChange = "transform";
+		}), y((e) => {
+			o = !0, s = e.pointerId, c = e.clientY, l = performance.now(), d = 0, t.style.transition = "none", t.style.willChange = "transform";
 			try {
 				i.setPointerCapture?.(e.pointerId);
 			} catch {}
-		})), h(i, "pointermove").pipe(m(() => o), m((e) => e.pointerId === s), b((e) => {
-			u = function(e) {
+		})), m(i, "pointermove").pipe(p(() => o), p((e) => e.pointerId === s), y((e) => {
+			d = 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();
-		})), _(h(i, "pointerup"), h(i, "pointercancel"), h(i, "lostpointercapture")).pipe(m(() => o), m((e) => e.pointerId === s), b(() => {
+			}(e.clientY - c), t.style.transform = `translateY(${d}px)`, e.cancelable && e.preventDefault();
+		})), g(m(i, "pointerup"), m(i, "pointercancel"), m(i, "lostpointercapture")).pipe(p(() => o), p((e) => e.pointerId === s), y(() => {
 			o = !1;
 			let n = s;
 			s = null;
 			try {
 				n !== null && i.releasePointerCapture?.(n);
 			} 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;
+			let r = Math.max(1, performance.now() - l), a = d / r, c = t.getBoundingClientRect().height, u = Math.min(80, .25 * c), f = d > u || d > 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(y(_(a, r))).subscribe(), () => {
+		}))).pipe(v(g(a, r))).subscribe(), () => {
 			a.next(), a.complete(), t.style.transition = "", t.style.transform = "", t.style.willChange = "";
 		};
-	}).pipe(v(1));
+	}).pipe(_(1));
 }
-function V(e) {
+function B(e) {
 	return e.anchor === void 0 ? "sheet" : "anchored";
 }
-function H(e, t) {
+function V(e, t) {
 	return {
 		x: e,
 		y: t,
@@ -76,12 +76,12 @@ function H(e, t) {
 		})
 	};
 }
-var U = Object.freeze({
+var H = 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 W(e) {
-	if (!U.popover) throw Error("positionPopoverAPI requires Popover API support");
+function U(e) {
+	if (!H.popover) throw Error("positionPopoverAPI requires Popover API support");
 	e.setAttribute("popover", "manual");
 	try {
 		e.showPopover();
@@ -93,23 +93,23 @@ function W(e) {
 		e.removeAttribute("popover");
 	};
 }
-function G(e, t, n = {}) {
-	return new u((r) => {
+function W(e, t, n = {}) {
+	return new l((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 = k(i, e, async () => {
+		let a = n.placement ?? "bottom-start", o = n.padding ?? 16, s = n.offsetPx ?? 8, c = O(i, e, async () => {
 			try {
-				let { x: t, y: n } = await A(i, e, {
+				let { x: t, y: n } = await k(i, e, {
 					strategy: "fixed",
 					placement: a,
 					middleware: [
-						M(s),
-						j({
+						j(s),
+						A({
 							padding: o,
-							fallbackPlacements: K(a)
+							fallbackPlacements: G(a)
 						}),
-						N({ padding: o }),
-						P({
+						M({ padding: o }),
+						N({
 							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`;
@@ -136,7 +136,7 @@ function G(e, t, n = {}) {
 		};
 	});
 }
-function K(e) {
+function G(e) {
 	switch (e) {
 		case "bottom-start": return [
 			"top-start",
@@ -201,14 +201,14 @@ function K(e) {
 		default: return ["top-start", "bottom-end"];
 	}
 }
-var q = "overlay-mount", J = class extends e {
+var K = "overlay-mount", q = class extends e {
 	constructor(...e) {
-		super(...e), this.layout = "sheet", this.dismissable = !0, this.modal = !0, this.tier = "modal", this._active = !1, this._closed$ = new d(), this._mounted = !1, this._closing = !1, this._lastFocusedElement = null, this._inertedSiblings = [], this._lastReResolveAt = 0, this.onBackdropClick = () => {
+		super(...e), this.layout = "sheet", this.dismissable = !0, this.modal = !0, this.tier = "modal", this._active = !1, this._full = !1, this._closed$ = new u(), this._mounted = !1, this._closing = !1, this._lastFocusedElement = null, this._inertedSiblings = [], this._lastReResolveAt = 0, this.onBackdropClick = () => {
 			this.dismissable && this.close("backdrop");
 		};
 	}
 	static {
-		this.styles = [T`
+		this.styles = [w`
 	:host {
 		position: fixed;
 		inset: 0;
@@ -257,7 +257,7 @@ var q = "overlay-mount", J = class extends e {
 	}
 	async open(e, t) {
 		if (this._mounted) throw Error("schmancy-overlay: open() called twice on the same element");
-		this._mounted = !0, this.dismissable = !1 !== t.dismissable, this._rawAnchor = t.anchor, this._anchorOriginAnchor = t.anchor, this._resolvedAnchor = function(e) {
+		this._mounted = !0, this.dismissable = !1 !== t.dismissable, this._full = t.full ?? !1, this._rawAnchor = t.anchor, this._anchorOriginAnchor = t.anchor, this._resolvedAnchor = function(e) {
 			if (!e) return;
 			if (typeof HTMLElement < "u" && e instanceof HTMLElement) return { el: e };
 			if (typeof e.getBoundingClientRect == "function") return { virtual: { getBoundingClientRect: () => e.getBoundingClientRect() } };
@@ -266,20 +266,20 @@ var q = "overlay-mount", J = class extends e {
 				return { virtual: { getBoundingClientRect: () => t } };
 			}
 			if (typeof e.clientX == "number" && typeof e.clientY == "number") {
-				let t = e, n = H(t.clientX, t.clientY);
+				let t = e, n = V(t.clientX, t.clientY);
 				return { virtual: { getBoundingClientRect: () => n } };
 			}
 			if (e.touches !== void 0 && e.touches.length > 0) {
-				let t = e.touches[0], n = H(t.clientX, t.clientY);
+				let t = e.touches[0], n = V(t.clientX, t.clientY);
 				return { virtual: { getBoundingClientRect: () => n } };
 			}
-			let t = e, n = H(t.x, t.y);
+			let t = e, n = V(t.x, t.y);
 			return { virtual: { getBoundingClientRect: () => n } };
 		}(t.anchor), this._active = !0, this.setAttribute("active", ""), await this.updateComplete;
-		let n = this.renderRoot.querySelector(`#${q}`);
+		let n = this.renderRoot.querySelector(`#${K}`);
 		if (!n) throw Error("schmancy-overlay: mount point missing");
 		var r;
-		if (await Y(e, n, t.props), this.layout = t.as ?? V({ anchor: t.anchor }), this.modal = this.layout === "sheet", this.tier = this.modal ? "modal" : this._resolvedAnchor ? (r = this._resolvedAnchor, U.popover && U.cssAnchor && r.el ? "css-anchor" : U.popover ? "popover-fui" : "fui-only") : "modal", await this.updateComplete, this.tier === "css-anchor" && this._resolvedAnchor?.el && this.shadowRoot) {
+		if (await J(e, n, t.props), this.layout = t.as ?? B({ anchor: t.anchor }), this.modal = this.layout === "sheet", this.tier = this.modal ? "modal" : this._resolvedAnchor ? (r = this._resolvedAnchor, H.popover && H.cssAnchor && r.el ? "css-anchor" : H.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");
@@ -307,28 +307,28 @@ var q = "overlay-mount", J = class extends e {
 				id: `ov-${Math.random().toString(36).slice(2, 10)}`,
 				placement: t.preferredPlacement ?? "bottom-start"
 			});
-			let e = W(this._surface), n = this._positionerTeardown;
+			let e = U(this._surface), n = this._positionerTeardown;
 			this._positionerTeardown = () => {
 				e(), n?.();
 			};
 		} else if (this.tier === "popover-fui" && this._resolvedAnchor) {
-			let e = W(this._surface), n = G(this._surface, this._resolvedAnchor, {
+			let e = U(this._surface), n = W(this._surface, this._resolvedAnchor, {
 				placement: t.preferredPlacement ?? "bottom-start",
 				offsetPx: 8,
 				track: !1 !== t.track
-			}).pipe(y(this.disconnecting)).subscribe();
+			}).pipe(v(this.disconnecting)).subscribe();
 			this._positionerTeardown = () => {
 				e(), n.unsubscribe();
 			};
 		} else if (this.tier === "fui-only" && this._resolvedAnchor) {
-			let e = G(this._surface, this._resolvedAnchor, {
+			let e = W(this._surface, this._resolvedAnchor, {
 				placement: t.preferredPlacement ?? "bottom-start",
 				offsetPx: 8,
 				track: !1 !== t.track
-			}).pipe(y(this.disconnecting)).subscribe();
+			}).pipe(v(this.disconnecting)).subscribe();
 			this._positionerTeardown = () => e.unsubscribe();
 		} else if (this.tier === "modal" && this._shell) try {
-			this._positionerTeardown = W(this._shell);
+			this._positionerTeardown = U(this._shell);
 		} catch {}
 		this.setAnchorOriginVars(), this.wireFocusTrap(), this.wireCloseTriggers(t.signal), this.wireResizeObserver(n), await this.playAnimations("in");
 	}
@@ -351,13 +351,13 @@ var q = "overlay-mount", J = class extends e {
 		}
 	}
 	render() {
-		if (!this._active) return E``;
-		let e = this.layout === "sheet" ? "left-0 right-0 bottom-0 w-full max-h-[90dvh] rounded-t-[28px] shadow-overlay" : "max-w-[min(480px,calc(100vw-2rem))] max-h-[90dvh] rounded-3xl shadow-overlay-anchored";
-		return E`
+		if (!this._active) return T``;
+		let e = this.layout === "sheet" ? this._full ? "left-0 right-0 bottom-0 w-full h-[90dvh] rounded-t-[28px] shadow-overlay flex flex-col overflow-hidden" : "left-0 right-0 bottom-0 w-full max-h-[90dvh] rounded-t-[28px] shadow-overlay overflow-auto" : "max-w-[min(480px,calc(100vw-2rem))] max-h-[90dvh] rounded-3xl shadow-overlay-anchored overflow-auto";
+		return T`
 			<div class="shell fixed inset-0 pointer-events-none" part="shell">
-				${O(this.modal, () => E`<div class="backdrop fixed inset-0 pointer-events-auto" part="backdrop" @click=${this.onBackdropClick}></div>`)}
+				${D(this.modal, () => T`<div class="backdrop fixed inset-0 pointer-events-auto" part="backdrop" @click=${this.onBackdropClick}></div>`)}
 				<section
-					class="${"surface fixed pointer-events-auto overflow-auto bg-surface-container/85 text-surface-on backdrop-blur-md border border-surface-on/8"} ${e}"
+					class="${"surface fixed pointer-events-auto bg-surface-container/85 text-surface-on backdrop-blur-md border border-surface-on/8"} ${e}"
 					part="surface"
 					data-layout=${this.layout}
 					data-tier=${this.tier}
@@ -365,7 +365,7 @@ var q = "overlay-mount", J = class extends e {
 					aria-modal=${this.modal ? "true" : "false"}
 					tabindex="-1"
 				>
-					<div id=${q}></div>
+					<div id=${K} class=${this.layout === "sheet" && this._full ? "flex-1 min-h-0 overflow-hidden" : ""}></div>
 				</section>
 			</div>
 		`;
@@ -375,8 +375,8 @@ var q = "overlay-mount", J = class extends e {
 		if (!e) return;
 		let t = e.getBoundingClientRect(), n = this.layout !== "sheet" || this._anchorOriginAnchor ? function(e, t) {
 			if (!e) return {
-				[I]: "50%",
-				[L]: "50%"
+				[F]: "50%",
+				[I]: "50%"
 			};
 			let { x: n, y: r } = function(e) {
 				if (typeof e.getBoundingClientRect == "function") {
@@ -414,13 +414,13 @@ var q = "overlay-mount", J = class extends e {
 				};
 			}(e);
 			if (!t.width || !t.height) return {
-				[I]: "50%",
-				[L]: "50%"
+				[F]: "50%",
+				[I]: "50%"
 			};
-			let i = z((n - t.left) / t.width * 100), a = z((r - t.top) / t.height * 100);
+			let i = R((n - t.left) / t.width * 100), a = R((r - t.top) / t.height * 100);
 			return {
-				[I]: `${i}%`,
-				[L]: `${a}%`
+				[F]: `${i}%`,
+				[I]: `${a}%`
 			};
 		}(this._anchorOriginAnchor, t) : {
 			"--schmancy-overlay-origin-x": "50%",
@@ -453,36 +453,36 @@ var q = "overlay-mount", J = class extends e {
 		if (e?.aborted) return void queueMicrotask(() => {
 			this.close("abort");
 		});
-		let n = h(this, "close").pipe(m((e) => e instanceof CustomEvent), b((e) => e.stopPropagation()), g((e) => ({
+		let n = m(this, "close").pipe(p((e) => e instanceof CustomEvent), y((e) => e.stopPropagation()), h((e) => ({
 			reason: "structured",
 			result: e.detail
-		}))), r = h(this, "submit").pipe(m((e) => {
+		}))), r = m(this, "submit").pipe(p((e) => {
 			let t = e.target;
 			return !!t && t.method === "dialog";
-		}), b((e) => e.preventDefault()), g((e) => ({
+		}), y((e) => e.preventDefault()), h((e) => ({
 			reason: "native-submit",
 			result: e.submitter?.value ?? ""
-		}))), i = h(document, "keydown").pipe(m((e) => e.key === "Escape"), b((e) => e.preventDefault()), m(() => this.dismissable), g(() => ({ reason: "escape" })), v(1)), a = this.tier === "modal" ? null : h(document, "pointerdown", { capture: !0 }).pipe(m((e) => {
+		}))), i = m(document, "keydown").pipe(p((e) => e.key === "Escape"), y((e) => e.preventDefault()), p(() => this.dismissable), h(() => ({ reason: "escape" })), _(1)), a = this.tier === "modal" ? null : m(document, "pointerdown", { capture: !0 }).pipe(p((e) => {
 			if (!this.dismissable) return !1;
 			let t = e.composedPath();
 			if (this._surface && t.includes(this._surface) || this._resolvedAnchor?.el && t.includes(this._resolvedAnchor.el)) return !1;
-			let n = c(), r = n.findIndex((e) => e.element === this);
+			let n = s(), r = n.findIndex((e) => e.element === this);
 			if (r !== -1) for (let e = r + 1; e < n.length; e++) {
 				if (t.includes(n[e].element)) return !1;
 				let r = n[e].element.shadowRoot?.querySelector(".surface");
 				if (r && t.includes(r)) return !1;
 			}
 			return !0;
-		}), g(() => ({ reason: "backdrop" })), v(1)), o = this.layout === "sheet" && this.dismissable ? B({
+		}), h(() => ({ reason: "backdrop" })), _(1)), o = this.layout === "sheet" && this.dismissable ? z({
 			surface: this._surface,
-			until$: _(t, this._closed$)
-		}).pipe(v(1), g(() => ({ reason: "swipe" }))) : null, s = e ? h(e, "abort").pipe(v(1), g(() => ({ reason: "abort" }))) : null;
-		_(n, r, i, a ?? l, o ?? l, s ?? l).pipe(y(t)).subscribe(({ reason: e, result: t }) => {
+			until$: g(t, this._closed$)
+		}).pipe(_(1), h(() => ({ reason: "swipe" }))) : null, l = e ? m(e, "abort").pipe(_(1), h(() => ({ reason: "abort" }))) : null;
+		g(n, r, i, a ?? c, o ?? c, l ?? c).pipe(v(t)).subscribe(({ reason: e, result: t }) => {
 			this.close(e, t);
 		});
 	}
 	wireResizeObserver(e) {
-		s(e).pipe(g((e) => {
+		o(e).pipe(h((e) => {
 			let t = e[0];
 			if (!t) return null;
 			let n = t.contentRect;
@@ -490,17 +490,17 @@ var q = "overlay-mount", J = class extends e {
 				w: n.width,
 				h: n.height
 			};
-		}), m((e) => e !== null), p((e, t) => e.w === t.w && e.h === t.h), f(80), y(_(this.disconnecting, this._closed$))).subscribe((e) => this.maybeReResolve(e));
+		}), p((e) => e !== null), f((e, t) => e.w === t.w && e.h === t.h), d(80), v(g(this.disconnecting, this._closed$))).subscribe((e) => this.maybeReResolve(e));
 	}
 	async maybeReResolve(e) {
 		if (this._closing) return;
-		let t = V({ anchor: this._rawAnchor });
+		let t = B({ anchor: this._rawAnchor });
 		if (t === this.layout || performance.now() - this._lastReResolveAt < 600 || (i = this.layout, a = t, i !== "anchored" || a !== "sheet")) return;
 		var i, a;
 		let o = this._surface, s = o.getBoundingClientRect();
 		this.layout = t, await this.updateComplete;
 		let c = function(e, t) {
-			return F ? {
+			return P ? {
 				keyframes: [{ transform: "none" }, { transform: "none" }],
 				options: {
 					duration: 1,
@@ -530,8 +530,8 @@ var q = "overlay-mount", J = class extends e {
 	async playAnimations(e) {
 		let t = this._surface;
 		if (!t) return;
-		let o = function(e, t) {
-			if (F) return t === "in" ? {
+		let a = function(e, t) {
+			if (P) return t === "in" ? {
 				keyframes: [{
 					opacity: 0,
 					transform: "none"
@@ -568,8 +568,8 @@ var q = "overlay-mount", J = class extends e {
 						transform: "translateY(0)"
 					}],
 					options: {
-						duration: a.duration,
-						easing: n(a),
+						duration: i.duration,
+						easing: n(i),
 						fill: "forwards"
 					}
 				} : {
@@ -590,11 +590,11 @@ var q = "overlay-mount", J = class extends e {
 					keyframes: [{
 						opacity: 0,
 						transform: "scale(0.85)",
-						transformOrigin: R
+						transformOrigin: L
 					}, {
 						opacity: 1,
 						transform: "scale(1)",
-						transformOrigin: R
+						transformOrigin: L
 					}],
 					options: {
 						duration: i.duration,
@@ -605,11 +605,11 @@ var q = "overlay-mount", J = class extends e {
 					keyframes: [{
 						opacity: 1,
 						transform: "scale(1)",
-						transformOrigin: R
+						transformOrigin: L
 					}, {
 						opacity: 0,
 						transform: "scale(0.92)",
-						transformOrigin: R
+						transformOrigin: L
 					}],
 					options: {
 						duration: 150,
@@ -618,24 +618,24 @@ var q = "overlay-mount", J = class extends e {
 					}
 				};
 			}
-		}(this.layout, e), s = [t.animate(o.keyframes, o.options).finished.catch(() => {})], c = this._backdrop;
-		this.modal && c && s.push(c.animate(e === "in" ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 0 }], {
-			duration: o.options.duration,
+		}(this.layout, e), o = [t.animate(a.keyframes, a.options).finished.catch(() => {})], s = this._backdrop;
+		this.modal && s && o.push(s.animate(e === "in" ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 0 }], {
+			duration: a.options.duration,
 			easing: e === "in" ? "ease-out" : "ease-in",
 			fill: "forwards"
-		}).finished.catch(() => {})), await Promise.all(s);
+		}).finished.catch(() => {})), await Promise.all(o);
 	}
 };
-async function Y(e, t, n) {
-	if (typeof (r = e) == "function" && !r.prototype) return Y(e(), t, n);
+async function J(e, t, n) {
+	if (typeof (r = e) == "function" && !r.prototype) return J(e(), t, n);
 	var r;
 	if (function(e) {
 		return typeof e == "object" && !!e && "_$litType$" in e;
-	}(e)) return D(e, t), t;
+	}(e)) return E(e, t), t;
 	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 Y((await e()).default, t, n);
+	}(e)) return J((await e()).default, t, n);
 	if (typeof e == "function") {
 		let r = new e();
 		return n && Object.assign(r, n), t.appendChild(r), r;
@@ -646,17 +646,17 @@ async function Y(e, t, n) {
 	}
 	throw Error("schmancy-overlay: unsupported content type");
 }
-t([S({
+t([x({
 	type: String,
 	reflect: !0
-})], J.prototype, "layout", void 0), t([S({
+})], q.prototype, "layout", void 0), t([x({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "dismissable", void 0), t([S({
+})], q.prototype, "dismissable", void 0), t([x({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "modal", void 0), t([S({
+})], q.prototype, "modal", void 0), t([x({
 	type: String,
 	reflect: !0
-})], J.prototype, "tier", void 0), t([w()], J.prototype, "_active", void 0), t([C(".backdrop")], J.prototype, "_backdrop", void 0), t([C(".surface")], J.prototype, "_surface", void 0), t([C(".shell")], J.prototype, "_shell", void 0), J = t([x("schmancy-overlay")], J);
-export { J as t };
+})], q.prototype, "tier", void 0), t([C()], q.prototype, "_active", void 0), t([C()], q.prototype, "_full", void 0), t([S(".backdrop")], q.prototype, "_backdrop", void 0), t([S(".surface")], q.prototype, "_surface", void 0), t([S(".shell")], q.prototype, "_shell", void 0), q = t([b("schmancy-overlay")], q);
+export { q as t };