@luzmo/lucero 1.0.3-alpha.6 → 1.0.3-alpha.8

package/components/{overlay-8tN0KPbR.js → overlay-BbQuYBxp.js}

@@ -23,20 +23,20 @@ import { n as a, t as o } from "./element-resolution-Bs1x89vU.js";
 import { n as s, t as c } from "./slottable-request-event-DZ2Z_BLk.js";
 import { n as l } from "./focusable-selectors-Bg60_Kra.js";
 import { a as u, t as d, u as f } from "./platform-D4V_cOJF.js";
-import { html as p, unsafeCSS as ee } from "lit";
-import { property as m, query as h, queryAssignedElements as te, state as ne } from "lit/decorators.js";
-import { ifDefined as g } from "lit/directives/if-defined.js";
-import { styleMap as _ } from "lit/directives/style-map.js";
-import { arrow as v, autoUpdate as y, computePosition as re, flip as b, offset as ie, shift as ae, size as oe } from "@floating-ui/dom";
+import { html as p, unsafeCSS as m } from "lit";
+import { property as h, query as g, queryAssignedElements as _, state as ee } from "lit/decorators.js";
+import { ifDefined as v } from "lit/directives/if-defined.js";
+import { styleMap as y } from "lit/directives/style-map.js";
+import { arrow as te, autoUpdate as b, computePosition as x, flip as S, offset as ne, shift as re, size as ie } from "@floating-ui/dom";
 //#region src/utils/reparent-child.ts
-function x(e, t, n = []) {
+function ae(e, t, n = []) {
 	for (let [r, i] of t.entries()) {
 		let t = e[r], a = t.parentElement || t.getRootNode();
 		n[r] && n[r](i), a && a !== t && t.replaceWith(i), delete e[r];
 	}
 	return t;
 }
-var se = (e, t, { position: n, prepareCallback: r } = { position: "beforeend" }) => {
+var oe = (e, t, { position: n, prepareCallback: r } = { position: "beforeend" }) => {
 	let { length: i } = e;
 	if (i === 0) return () => e;
 	let a = 1, o = 0;
@@ -49,11 +49,11 @@ var se = (e, t, { position: n, prepareCallback: r } = { position: "beforeend" })
 		u && u !== i && u.replaceChild(s[o], i), t.insertAdjacentElement(n, i), o += a;
 	} while (--i > 0);
 	return function() {
-		return x(s, e, c);
+		return ae(s, e, c);
 	};
-}, ce = 1e3, S = 1e3, C = new class {
+}, se = 1e3, C = 1e3, w = new class {
 	constructor(e = {}) {
-		this.warmUpDelay = ce, this.coolDownDelay = S, this.isWarm = !1, this.timeout = 0, Object.assign(this, e);
+		this.warmUpDelay = se, this.coolDownDelay = C, this.isWarm = !1, this.timeout = 0, Object.assign(this, e);
 	}
 	openTimer(e) {
 		if (this.cancelCooldownTimer(), !this.component || e !== this.component) return this.component && (this.close(this.component), this.cancelCooldownTimer()), this.component = e, this.isWarm ? Promise.resolve(!1) : (this.promise = new Promise((e) => {
@@ -75,7 +75,7 @@ var se = (e, t, { position: n, prepareCallback: r } = { position: "beforeend" })
 	cancelCooldownTimer() {
 		this.cooldownTimeout && typeof window < "u" && window.clearTimeout(this.cooldownTimeout), delete this.cooldownTimeout;
 	}
-}(), w = () => {}, T = (e, t, n) => {
+}(), T = () => {}, E = (e, t, n) => {
 	let r = new AbortController(), i = /* @__PURE__ */ new Map(), a = () => {
 		r.abort(), n();
 	}, o, s, c = requestAnimationFrame(() => {
@@ -91,12 +91,12 @@ var se = (e, t, { position: n, prepareCallback: r } = { position: "beforeend" })
 		t.target === e && (i.has(t.propertyName) || i.set(t.propertyName, 0), i.set(t.propertyName, i.get(t.propertyName) + 1), cancelAnimationFrame(c), cancelAnimationFrame(o), cancelAnimationFrame(s));
 	}, { signal: r.signal }), e.addEventListener("transitionend", l, { signal: r.signal }), e.addEventListener("transitioncancel", l, { signal: r.signal }), t();
 };
-function E() {
+function D() {
 	return new Promise((e) => requestAnimationFrame(() => e()));
 }
-var D = class e extends t {
+var O = class e extends t {
 	constructor(...e) {
-		super(...e), this.dispose = w, this.offset = 0, this.willPreventClose = !1;
+		super(...e), this.dispose = T, this.offset = 0, this.willPreventClose = !1;
 	}
 	applyFocus(e, t) {}
 	/* c8 ignore next 6 */
@@ -158,7 +158,7 @@ var D = class e extends t {
 	}
 	static async open(t, n, r, i) {
 		await Promise.resolve().then(() => Z);
-		let a = arguments.length === 2, o = r || t, s = new this(), c = !1, l = se([o], s, {
+		let a = arguments.length === 2, o = r || t, s = new this(), c = !1, l = oe([o], s, {
 			position: "beforeend",
 			prepareCallback: (e) => {
 				let t = e.slot;
@@ -172,7 +172,7 @@ var D = class e extends t {
 				c ||= (l(), !0), requestAnimationFrame(() => {
 					s.remove();
 				});
-			}), s.open = !1, s.dispose = w;
+			}), s.open = !1, s.dispose = T;
 		}, !a && o && i) {
 			let r = t, a = n, c = i;
 			return e.applyOptions(s, {
@@ -193,21 +193,21 @@ var D = class e extends t {
 	static applyOptions(e, t) {
 		e.delayed = !!t.delayed, e.receivesFocus = t.receivesFocus ?? "auto", e.triggerElement = t.trigger || null, e.type = t.type || "modal", e.offset = t.offset ?? 0, e.placement = t.placement, e.willPreventClose = !!t.notImmediatelyClosable;
 	}
-}, O = (e) => e.querySelector(l), k = (e) => e.assignedElements().find((e) => e.matches(l)), A = class extends Event {
+}, k = (e) => e.querySelector(l), A = (e) => e.assignedElements().find((e) => e.matches(l)), j = class extends Event {
 	constructor() {
 		super("beforetoggle", {
 			bubbles: !1,
 			composed: !1
 		}), this.currentState = "open", this.newState = "closed";
 	}
-}, j = class extends Event {
+}, M = class extends Event {
 	constructor() {
 		super("beforetoggle", {
 			bubbles: !1,
 			composed: !1
 		}), this.currentState = "closed", this.newState = "open";
 	}
-}, M = class extends Event {
+}, N = class extends Event {
 	constructor(e, t, { publish: n, interaction: r, reason: i }) {
 		super(e, {
 			bubbles: n,
@@ -217,12 +217,12 @@ var D = class e extends t {
 			reason: i
 		};
 	}
-}, N = class {
+}, P = class {
 	constructor(e, t, n) {
 		this.x = 0, this.y = 0, this.x = e, this.y = t, this.rectTop = n;
 	}
 	updateBoundingClientRect(e, t, n) {
-		this.x = e, this.y = t, this.rectTop = n, D.update();
+		this.x = e, this.y = t, this.rectTop = n, O.update();
 	}
 	getBoundingClientRect() {
 		let e = this.rectTop ?? this.y;
@@ -241,11 +241,11 @@ var D = class e extends t {
 };
 //#endregion
 //#region src/components/overlay/overlay-dialog.ts
-function le(e) {
+function ce(e) {
 	class t extends e {
 		async manageDialogOpen() {
 			let e = this.open;
-			if (await E(), await this.managePosition(), this.open !== e) return;
+			if (await D(), await this.managePosition(), this.open !== e) return;
 			let t = await this.dialogMakeTransition(e);
 			this.open === e && await this.dialogApplyFocus(e, t);
 		}
@@ -258,15 +258,15 @@ function le(e) {
 					n.addEventListener("close", e);
 				}
 				if (r > 0) return;
-				let i = e ? j : A;
-				this.dispatchEvent(new i()), e && (n.matches(l) && (t = n), t ||= O(n), t || n.querySelectorAll("slot").forEach((e) => {
-					t ||= k(e);
+				let i = e ? M : j;
+				this.dispatchEvent(new i()), e && (n.matches(l) && (t = n), t ||= k(n), t || n.querySelectorAll("slot").forEach((e) => {
+					t ||= A(e);
 				}), !(!this.isConnected || this.dialogEl.open) && this.dialogEl.showModal());
 			}, r = (t, n) => () => {
 				if (this.open !== e) return;
 				let r = e ? "luzmo-opened" : "luzmo-closed";
 				if (n > 0) {
-					t.dispatchEvent(new M(r, this, {
+					t.dispatchEvent(new N(r, this, {
 						interaction: this.type,
 						publish: !1
 					}));
@@ -274,24 +274,24 @@ function le(e) {
 				}
 				if (!this.isConnected || e !== this.open) return;
 				let i = async () => {
-					let n = this.triggerElement instanceof N;
-					this.dispatchEvent(new M(r, this, {
+					let n = this.triggerElement instanceof P;
+					this.dispatchEvent(new N(r, this, {
 						interaction: this.type,
 						publish: n
-					})), t.dispatchEvent(new M(r, this, {
+					})), t.dispatchEvent(new N(r, this, {
 						interaction: this.type,
 						publish: !1
-					})), this.triggerElement && !n && this.triggerElement.dispatchEvent(new M(r, this, {
+					})), this.triggerElement && !n && this.triggerElement.dispatchEvent(new N(r, this, {
 						interaction: this.type,
 						publish: !0
-					})), this.state = e ? "opened" : "closed", this.returnFocus(), await E(), await E(), e === this.open && e === !1 && this.requestSlottable();
+					})), this.state = e ? "opened" : "closed", this.returnFocus(), await D(), await D(), e === this.open && e === !1 && this.requestSlottable();
 				};
 				!e && this.dialogEl.open ? (this.dialogEl.addEventListener("close", () => {
 					i();
 				}, { once: !0 }), this.dialogEl.close()) : i();
 			};
 			return this.elements.forEach((e, t) => {
-				T(e, n(e, t), r(e, t));
+				E(e, n(e, t), r(e, t));
 			}), t;
 		}
 		dialogApplyFocus(e, t) {
@@ -302,17 +302,17 @@ function le(e) {
 }
 //#endregion
 //#region src/components/overlay/overlay-no-popover.ts
-function ue(e) {
+function le(e) {
 	class t extends e {
 		async managePopoverOpen() {
 			await this.managePosition();
 		}
 		async manageDelay(e) {
 			if (e === !1 || e !== this.open) {
-				C.close(this);
+				w.close(this);
 				return;
 			}
-			this.delayed && await C.openTimer(this) && (this.open = !e);
+			this.delayed && await w.openTimer(this) && (this.open = !e);
 		}
 		ensureOnDOM(e) {
 			document.body.offsetHeight;
@@ -322,28 +322,28 @@ function ue(e) {
 			let t = null, n = (n, r) => () => {
 				if (e === this.open) {
 					if (n.open = e, r === 0) {
-						let t = e ? j : A;
+						let t = e ? M : j;
 						this.dispatchEvent(new t());
 					}
-					e === !0 && (n.matches(l) && (t = n), t ||= O(n), !t && n.querySelectorAll("slot").forEach((e) => {
-						t ||= k(e);
+					e === !0 && (n.matches(l) && (t = n), t ||= k(n), !t && n.querySelectorAll("slot").forEach((e) => {
+						t ||= A(e);
 					}));
 				}
 			}, r = (t, n) => async () => {
 				if (this.open !== e) return;
 				let r = e ? "luzmo-opened" : "luzmo-closed";
-				if (t.dispatchEvent(new M(r, this, { interaction: this.type })), n > 0) return;
-				let i = this.triggerElement instanceof N;
-				this.dispatchEvent(new M(r, this, {
+				if (t.dispatchEvent(new N(r, this, { interaction: this.type })), n > 0) return;
+				let i = this.triggerElement instanceof P;
+				this.dispatchEvent(new N(r, this, {
 					interaction: this.type,
 					publish: i
-				})), this.triggerElement && !i && this.triggerElement.dispatchEvent(new M(r, this, {
+				})), this.triggerElement && !i && this.triggerElement.dispatchEvent(new N(r, this, {
 					interaction: this.type,
 					publish: !0
-				})), this.state = e ? "opened" : "closed", this.returnFocus(), await E(), await E(), e === this.open && e === !1 && this.requestSlottable();
+				})), this.state = e ? "opened" : "closed", this.returnFocus(), await D(), await D(), e === this.open && e === !1 && this.requestSlottable();
 			};
 			return this.elements.forEach((e, t) => {
-				T(e, n(e, t), r(e, t));
+				E(e, n(e, t), r(e, t));
 			}), t;
 		}
 	}
@@ -351,8 +351,8 @@ function ue(e) {
 }
 //#endregion
 //#region src/components/overlay/overlay-popover.ts
-var de = typeof CSS < "u" && CSS.supports("(overlay: auto)");
-function P(e) {
+var ue = typeof CSS < "u" && CSS.supports("(overlay: auto)");
+function F(e) {
 	let t = !1;
 	try {
 		t = e.matches(":popover-open");
@@ -363,21 +363,21 @@ function P(e) {
 	} catch {}
 	return t || n;
 }
-function F(e) {
+function de(e) {
 	class t extends e {
 		async manageDelay(e) {
 			if (e === !1 || e !== this.open) {
-				C.close(this);
+				w.close(this);
 				return;
 			}
-			this.delayed && await C.openTimer(this) && (this.open = !e);
+			this.delayed && await w.openTimer(this) && (this.open = !e);
 		}
 		shouldHidePopover(e) {
 			if (e && this.open !== e) return;
 			let t = async ({ newState: e } = {}) => {
 				e !== "open" && await this.placementController.resetOverlayPosition();
 			};
-			if (!P(this.dialogEl)) {
+			if (!F(this.dialogEl)) {
 				t();
 				return;
 			}
@@ -395,23 +395,23 @@ function F(e) {
 			e && this.open === e && !t && !n && this.isConnected && (this.dialogEl.showPopover(), this.managePosition());
 		}
 		async ensureOnDOM(e) {
-			de || await this.shouldHidePopover(e), this.shouldShowPopover(e), await E();
+			ue || await this.shouldHidePopover(e), this.shouldShowPopover(e), await D();
 		}
 		makeTransition(e) {
 			if (this.open !== e) return null;
 			let t = null, n = (n, r) => () => {
 				if (n.open = e, r === 0) {
-					let t = e ? j : A;
+					let t = e ? M : j;
 					this.dispatchEvent(new t());
 				}
-				e && (n.matches(l) && (t = n), t ||= O(n), !t && n.querySelectorAll("slot").forEach((e) => {
-					t ||= k(e);
+				e && (n.matches(l) && (t = n), t ||= k(n), !t && n.querySelectorAll("slot").forEach((e) => {
+					t ||= A(e);
 				}));
 			}, r = (t, n) => () => {
 				if (this.open !== e) return;
 				let r = e ? "luzmo-opened" : "luzmo-closed";
 				if (n > 0) {
-					t.dispatchEvent(new M(r, this, {
+					t.dispatchEvent(new N(r, this, {
 						interaction: this.type,
 						publish: !1
 					}));
@@ -419,27 +419,27 @@ function F(e) {
 				}
 				let i = async () => {
 					if (this.open !== e) return;
-					await E();
-					let n = this.triggerElement instanceof N;
-					this.dispatchEvent(new M(r, this, {
+					await D();
+					let n = this.triggerElement instanceof P;
+					this.dispatchEvent(new N(r, this, {
 						interaction: this.type,
 						publish: n
-					})), t.dispatchEvent(new M(r, this, {
+					})), t.dispatchEvent(new N(r, this, {
 						interaction: this.type,
 						publish: !1
-					})), this.triggerElement && !n && this.triggerElement.dispatchEvent(new M(r, this, {
+					})), this.triggerElement && !n && this.triggerElement.dispatchEvent(new N(r, this, {
 						interaction: this.type,
 						publish: !0
-					})), this.state = e ? "opened" : "closed", this.returnFocus(), await E(), await E(), e === this.open && e === !1 && this.requestSlottable();
+					})), this.state = e ? "opened" : "closed", this.returnFocus(), await D(), await D(), e === this.open && e === !1 && this.requestSlottable();
 				};
 				if (this.open !== e) return;
-				let a = P(this.dialogEl);
+				let a = F(this.dialogEl);
 				e !== !0 && a && this.isConnected ? (this.dialogEl.addEventListener("beforetoggle", () => {
 					i();
 				}, { once: !0 }), this.dialogEl.hidePopover()) : i();
 			};
 			return this.elements.forEach((e, t) => {
-				T(e, n(e, t), r(e, t));
+				E(e, n(e, t), r(e, t));
 			}), t;
 		}
 	}
@@ -604,7 +604,7 @@ var z = 8, B = 100, pe = (e) => ({
 	]
 })[e] ?? [e], me = Symbol("placement updated"), V = class {
 	constructor(e) {
-		this.originalPlacements = /* @__PURE__ */ new WeakMap(), this.allowPlacementUpdate = !1, this.closeForAncestorUpdate = () => {
+		this.originalPlacements = /* @__PURE__ */ new WeakMap(), this.placementGeneration = 0, this.allowPlacementUpdate = !1, this.closeForAncestorUpdate = () => {
 			!this.allowPlacementUpdate && this.options.type !== "modal" && this.cleanup && this.target.dispatchEvent(new Event("close", { bubbles: !0 })), this.allowPlacementUpdate = !1;
 		}, this.updatePlacement = () => {
 			this.computePlacement();
@@ -613,35 +613,39 @@ var z = 8, B = 100, pe = (e) => ({
 		}, this.host = e, this.host.addController(this);
 	}
 	placeOverlay(e = this.target, t = this.options) {
-		if (this.target = e, this.options = t, !e || !t) return;
-		let n = y(t.trigger, e, this.closeForAncestorUpdate, {
+		if (this.cleanup?.(), this.cleanup = void 0, this.target = e, this.options = t, !e || !t) return;
+		let n = b(t.trigger, e, this.closeForAncestorUpdate, {
 			ancestorResize: !1,
 			elementResize: !1,
 			layoutShift: !1
-		}), r = y(t.trigger, e, this.updatePlacement, { ancestorScroll: !1 });
-		this.cleanup = () => {
-			this.host.elements?.forEach((e) => {
+		}), r = b(t.trigger, e, this.updatePlacement, { ancestorScroll: !1 }), i = window.visualViewport, a = 0, o = !1, s = () => {
+			o || a || (a = requestAnimationFrame(() => {
+				a = 0, !o && this.updatePlacement();
+			}));
+		};
+		i && f() && (i.addEventListener("resize", s, { passive: !0 }), i.addEventListener("scroll", s, { passive: !0 })), this.cleanup = () => {
+			this.placementGeneration += 1, o = !0, this.host.elements?.forEach((e) => {
 				e.addEventListener("luzmo-closed", () => {
 					let t = this.originalPlacements.get(e);
 					t && e.setAttribute("placement", t), this.originalPlacements.delete(e);
 				}, { once: !0 });
-			}), n(), r();
+			}), n(), r(), i && f() && (i.removeEventListener("resize", s), i.removeEventListener("scroll", s), a &&= (cancelAnimationFrame(a), 0));
 		};
 	}
 	async computePlacement() {
-		let { options: e, target: t } = this;
-		await (document.fonts ? document.fonts.ready : Promise.resolve());
-		let n = e.trigger instanceof HTMLElement ? b() : b({
+		let { options: e, target: t } = this, n = this.placementGeneration, r = () => this.placementGeneration === n && !!this.target && this.target === t;
+		if (await (document.fonts ? document.fonts.ready : Promise.resolve()), !r() || f() && (await new Promise((e) => requestAnimationFrame(e)), !r())) return;
+		let i = e.trigger instanceof HTMLElement ? S() : S({
 			padding: z,
 			fallbackPlacements: pe(e.placement)
-		}), [r = 0, i = 0] = Array.isArray(e?.offset) ? e.offset : [e.offset, 0], a = this.host.elements.find((e) => e.tipElement)?.tipElement, o = [
-			ie({
-				mainAxis: r,
-				crossAxis: i
+		}), [a = 0, o = 0] = Array.isArray(e?.offset) ? e.offset : [e.offset, 0], s = this.host.elements.find((e) => e.tipElement)?.tipElement, c = [
+			ne({
+				mainAxis: a,
+				crossAxis: o
 			}),
-			ae({ padding: z }),
-			n,
-			oe({
+			re({ padding: z }),
+			i,
+			ie({
 				padding: z,
 				apply: ({ availableWidth: e, availableHeight: n, rects: { floating: r } }) => {
 					let i = Math.max(B, Math.floor(n)), a = r.height;
@@ -653,26 +657,28 @@ var z = 8, B = 100, pe = (e) => ({
 					});
 				}
 			}),
-			...a ? [v({
-				element: a,
+			...s ? [te({
+				element: s,
 				padding: e.tipPadding || z
 			})] : []
-		], { x: s, y: c, placement: l, middlewareData: u } = await re(e.trigger, t, {
+		], { x: l, y: u, placement: d, middlewareData: p } = await x(e.trigger, t, {
 			placement: e.placement,
-			middleware: o,
+			middleware: c,
 			strategy: "fixed"
 		});
-		if (Object.assign(t.style, {
+		if (!r()) return;
+		let m = l, h = u, g = window.visualViewport;
+		if (g && f() && (m -= g.offsetLeft, h -= g.offsetTop), Object.assign(t.style, {
 			top: "0px",
 			left: "0px",
-			translate: `${R(s)}px ${R(c)}px`
-		}), t.setAttribute("actual-placement", l), this.host.elements?.forEach((e) => {
-			this.originalPlacements.has(e) || this.originalPlacements.set(e, e.getAttribute("placement")), e.setAttribute("placement", l);
-		}), a && u.arrow) {
-			let { x: e, y: t } = u.arrow;
-			Object.assign(a.style, {
-				top: l.startsWith("right") || l.startsWith("left") ? "0px" : "",
-				left: l.startsWith("bottom") || l.startsWith("top") ? "0px" : "",
+			translate: `${R(m)}px ${R(h)}px`
+		}), t.setAttribute("actual-placement", d), this.host.elements?.forEach((e) => {
+			this.originalPlacements.has(e) || this.originalPlacements.set(e, e.getAttribute("placement")), e.setAttribute("placement", d);
+		}), s && p.arrow) {
+			let { x: e, y: t } = p.arrow;
+			Object.assign(s.style, {
+				top: d.startsWith("right") || d.startsWith("left") ? "0px" : "",
+				left: d.startsWith("bottom") || d.startsWith("top") ? "0px" : "",
 				translate: `${R(e)}px ${R(t)}px`
 			});
 		}
@@ -788,7 +794,7 @@ var z = 8, B = 100, pe = (e) => ({
 	prepareOverlayRelativeDescription() {
 		let e = r(this.target, "aria-describedby", [this.overlay.id]);
 		this.releaseDescription = () => {
-			e(), this.releaseDescription = w;
+			e(), this.releaseDescription = T;
 		};
 	}
 	prepareContentRelativeDescription() {
@@ -798,7 +804,7 @@ var z = 8, B = 100, pe = (e) => ({
 		this.releaseDescription = () => {
 			n(), this.overlay.elements.map((e, t) => {
 				e.id = this.elementIds[t];
-			}), this.releaseDescription = w;
+			}), this.releaseDescription = T;
 		};
 	}
 	doPointerleave() {
@@ -827,7 +833,7 @@ var z = 8, B = 100, pe = (e) => ({
 	mouse: "Click and hold for additional options"
 }, Y = class extends G {
 	constructor(...e) {
-		super(...e), this.type = H.longpress, this.longpressState = null, this.releaseDescription = w, this.handlePointerup = () => {
+		super(...e), this.type = H.longpress, this.longpressState = null, this.releaseDescription = T, this.handlePointerup = () => {
 			clearTimeout(this.timeout), this.target && (this.longpressState = this.overlay?.state === "opening" ? "pressed" : null, document.removeEventListener("pointerup", this.handlePointerup), document.removeEventListener("pointercancel", this.handlePointerup));
 		};
 	}
@@ -864,14 +870,14 @@ var z = 8, B = 100, pe = (e) => ({
 		}
 	}
 	prepareDescription(e) {
-		if (this.releaseDescription !== w || this.overlay.elements.length === 0) return;
+		if (this.releaseDescription !== T || this.overlay.elements.length === 0) return;
 		let t = document.createElement("div");
 		t.id = `longpress-describedby-descriptor-${i()}`, t.textContent = J[u() || d() ? "touch" : "keyboard"], t.slot = "longpress-describedby-descriptor";
 		let n = e.getRootNode();
 		n === this.overlay.getRootNode() ? this.overlay.append(t) : (t.hidden = !("host" in n), e.after(t));
 		let a = r(e, "aria-describedby", [t.id]);
 		this.releaseDescription = () => {
-			a(), t.remove(), this.releaseDescription = w;
+			a(), t.remove(), this.releaseDescription = T;
 		};
 	}
 	shouldCompleteOpen() {
@@ -886,8 +892,8 @@ var z = 8, B = 100, pe = (e) => ({
 	click: K,
 	longpress: Y,
 	hover: q
-}, Z = /* @__PURE__ */ e({ LuzmoOverlay: () => $ }), _e = typeof document < "u" && "showPopover" in document.createElement("div"), Q = le(D);
-Q = _e ? F(Q) : ue(Q);
+}, Z = /* @__PURE__ */ e({ LuzmoOverlay: () => $ }), _e = typeof document < "u" && "showPopover" in document.createElement("div"), Q = ce(O);
+Q = _e ? de(Q) : le(Q);
 var $ = class e extends Q {
 	constructor(...e) {
 		super(...e), this._delayed = !1, this._disabled = !1, this.offset = 0, this._open = !1, this.lastRequestSlottableState = !1, this.receivesFocus = "auto", this._state = "closed", this.triggerElement = null, this.type = "auto", this.wasOpen = !1, this.closeOnFocusOut = (e) => {
@@ -902,7 +908,7 @@ var $ = class e extends Q {
 		};
 	}
 	static {
-		this.styles = [ee(L)];
+		this.styles = [m(L)];
 	}
 	get delayed() {
 		return this.elements.at(-1)?.hasAttribute("delayed") || this._delayed;
@@ -917,7 +923,7 @@ var $ = class e extends Q {
 		this._disabled = e, e ? (this.strategy?.abort(), this.wasOpen = this.open, this.open = !1) : (this.bindEvents(), this.open = this.open || this.wasOpen, this.wasOpen = !1);
 	}
 	get hasNonVirtualTrigger() {
-		return !!this.triggerElement && !(this.triggerElement instanceof N);
+		return !!this.triggerElement && !(this.triggerElement instanceof P);
 	}
 	get placementController() {
 		return this._placementController ||= new V(this), this._placementController;
@@ -970,13 +976,13 @@ var $ = class e extends Q {
 	async managePopoverOpen() {
 		super.managePopoverOpen();
 		let e = this.open;
-		if (this.open !== e || (await this.manageDelay(e), this.open !== e) || (this.triggerInteraction === "longpress" && await E(), await this.ensureOnDOM(e), this.open !== e)) return;
+		if (this.open !== e || (await this.manageDelay(e), this.open !== e) || (this.triggerInteraction === "longpress" && await D(), await this.ensureOnDOM(e), this.open !== e)) return;
 		let t = await this.makeTransition(e);
 		this.open === e && await this.applyFocus(e, t);
 	}
 	async applyFocus(e, t) {
 		if (!(this.receivesFocus === "false" || this.type === "hint")) {
-			if (await E(), await E(), e === this.open && !this.open) {
+			if (await D(), await D(), e === this.open && !this.open) {
 				this.hasNonVirtualTrigger && this.contains(this.getRootNode().activeElement) && this.triggerElement.focus();
 				return;
 			}
@@ -1057,8 +1063,8 @@ var $ = class e extends Q {
       <dialog
         class="dialog"
         part="dialog"
-        placement=${g(this.requiresPositioning ? this.placement || "right" : void 0)}
-        style=${_(this.dialogStyleMap)}
+        placement=${v(this.requiresPositioning ? this.placement || "right" : void 0)}
+        style=${y(this.dialogStyleMap)}
         @close=${this.handleBrowserClose}
         @cancel=${this.handleDialogCancel}
         @beforetoggle=${this.handleBeforetoggle}
@@ -1073,9 +1079,9 @@ var $ = class e extends Q {
       <div
         class="dialog"
         part="dialog"
-        placement=${g(this.requiresPositioning ? this.placement || "right" : void 0)}
-        popover=${g(this.popoverValue)}
-        style=${_(this.dialogStyleMap)}
+        placement=${v(this.requiresPositioning ? this.placement || "right" : void 0)}
+        popover=${v(this.popoverValue)}
+        style=${y(this.dialogStyleMap)}
         @beforetoggle=${this.handleBeforetoggle}
         @close=${this.handleBrowserClose}
         ?is-visible=${this.state !== "closed"}
@@ -1101,15 +1107,15 @@ var $ = class e extends Q {
 		this.strategy?.releaseDescription(), this.open = !1, super.disconnectedCallback();
 	}
 };
-n([m({ type: Boolean })], $.prototype, "delayed", null), n([h(".dialog")], $.prototype, "dialogEl", void 0), n([m({ type: Boolean })], $.prototype, "disabled", null), n([te({
+n([h({ type: Boolean })], $.prototype, "delayed", null), n([g(".dialog")], $.prototype, "dialogEl", void 0), n([h({ type: Boolean })], $.prototype, "disabled", null), n([_({
 	flatten: !0,
 	selector: ":not([slot=\"longpress-describedby-descriptor\"], slot)"
-})], $.prototype, "elements", void 0), n([m({ type: Number })], $.prototype, "offset", void 0), n([m({
+})], $.prototype, "elements", void 0), n([h({ type: Number })], $.prototype, "offset", void 0), n([h({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "open", null), n([m()], $.prototype, "placement", void 0), n([m({ attribute: "receives-focus" })], $.prototype, "receivesFocus", void 0), n([h("slot")], $.prototype, "slotEl", void 0), n([ne()], $.prototype, "state", null), n([m({
+})], $.prototype, "open", null), n([h()], $.prototype, "placement", void 0), n([h({ attribute: "receives-focus" })], $.prototype, "receivesFocus", void 0), n([g("slot")], $.prototype, "slotEl", void 0), n([ee()], $.prototype, "state", null), n([h({
 	type: Number,
 	attribute: "tip-padding"
-})], $.prototype, "tipPadding", void 0), n([m()], $.prototype, "trigger", void 0), n([m({ attribute: !1 })], $.prototype, "triggerElement", void 0), n([m({ attribute: !1 })], $.prototype, "triggerInteraction", void 0), n([m()], $.prototype, "type", void 0);
+})], $.prototype, "tipPadding", void 0), n([h()], $.prototype, "trigger", void 0), n([h({ attribute: !1 })], $.prototype, "triggerElement", void 0), n([h({ attribute: !1 })], $.prototype, "triggerInteraction", void 0), n([h()], $.prototype, "type", void 0);
 //#endregion
-export { E as _, Y as a, G as c, U as d, V as f, T as g, D as h, J as i, H as l, N as m, Z as n, q as o, me as p, X as r, K as s, $ as t, W as u, w as v, C as y };
+export { D as _, Y as a, G as c, U as d, V as f, E as g, O as h, J as i, H as l, P as m, Z as n, q as o, me as p, X as r, K as s, $ as t, W as u, T as v, w as y };