@luzmo/lucero 1.0.1-alpha.9 → 1.0.2

package/components/overlay-8tN0KPbR.js

@@ -0,0 +1,1115 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { n as t, t as n } from "./decorate-aGxJUVxg.js";
+import { t as r } from "./condition-attribute-with-id-Duo51HZ7.js";
+import { t as i } from "./random-id-Dd4boCPV.js";
+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";
+//#region src/utils/reparent-child.ts
+function x(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" }) => {
+	let { length: i } = e;
+	if (i === 0) return () => e;
+	let a = 1, o = 0;
+	(n === "afterbegin" || n === "afterend") && (a = -1, o = i - 1);
+	let s = Array(i), c = Array(i), l = typeof document < "u" ? document.createComment("placeholder for reparented element") : null;
+	do {
+		let i = e[o];
+		r && (c[o] = r(i)), s[o] = l.cloneNode();
+		let u = i.parentElement || i.getRootNode();
+		u && u !== i && u.replaceChild(s[o], i), t.insertAdjacentElement(n, i), o += a;
+	} while (--i > 0);
+	return function() {
+		return x(s, e, c);
+	};
+}, ce = 1e3, S = 1e3, C = new class {
+	constructor(e = {}) {
+		this.warmUpDelay = ce, this.coolDownDelay = S, 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) => {
+			this.resolve = e, this.timeout = typeof window > "u" ? 0 : window.setTimeout(() => {
+				this.resolve && (this.resolve(!1), this.isWarm = !0);
+			}, this.warmUpDelay);
+		}), this.promise);
+		if (this.promise) return this.promise;
+		throw Error("Inconsistent state");
+	}
+	close(e) {
+		this.component && this.component === e && (this.resetCooldownTimer(), this.timeout > 0 && (clearTimeout(this.timeout), this.timeout = 0), this.resolve && (this.resolve(!0), delete this.resolve), delete this.promise, delete this.component);
+	}
+	resetCooldownTimer() {
+		this.isWarm && (this.cooldownTimeout && typeof window < "u" && window.clearTimeout(this.cooldownTimeout), this.cooldownTimeout = typeof window > "u" ? void 0 : window.setTimeout(() => {
+			this.isWarm = !1, delete this.cooldownTimeout;
+		}, this.coolDownDelay));
+	}
+	cancelCooldownTimer() {
+		this.cooldownTimeout && typeof window < "u" && window.clearTimeout(this.cooldownTimeout), delete this.cooldownTimeout;
+	}
+}(), w = () => {}, T = (e, t, n) => {
+	let r = new AbortController(), i = /* @__PURE__ */ new Map(), a = () => {
+		r.abort(), n();
+	}, o, s, c = requestAnimationFrame(() => {
+		o = requestAnimationFrame(() => {
+			s = requestAnimationFrame(() => {
+				a();
+			});
+		});
+	}), l = (t) => {
+		t.target === e && (i.set(t.propertyName, i.get(t.propertyName) - 1), i.get(t.propertyName) || i.delete(t.propertyName), i.size === 0 && a());
+	};
+	e.addEventListener("transitionrun", (t) => {
+		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() {
+	return new Promise((e) => requestAnimationFrame(() => e()));
+}
+var D = class e extends t {
+	constructor(...e) {
+		super(...e), this.dispose = w, this.offset = 0, this.willPreventClose = !1;
+	}
+	applyFocus(e, t) {}
+	/* c8 ignore next 6 */
+	get delayed() {
+		return !1;
+	}
+	set delayed(e) {}
+	/* c8 ignore next 6 */
+	get disabled() {
+		return !1;
+	}
+	set disabled(e) {}
+	get elementResolver() {
+		return this._elementResolver;
+	}
+	set elementResolver(e) {
+		this._elementResolver = e;
+	}
+	/* c8 ignore next 3 */
+	ensureOnDOM(e) {}
+	/* c8 ignore next 5 */
+	makeTransition(e) {
+		return null;
+	}
+	manageDelay(e) {}
+	/* c8 ignore next 3 */
+	manageDialogOpen() {}
+	/* c8 ignore next 3 */
+	managePopoverOpen() {}
+	/* c8 ignore next 3 */
+	managePosition() {}
+	/* c8 ignore next 6 */
+	get open() {
+		return !1;
+	}
+	set open(e) {}
+	get placementController() {
+		return this._placementController;
+	}
+	set placementController(e) {
+		this._placementController = e;
+	}
+	requestSlottable() {}
+	returnFocus() {}
+	/* c8 ignore next 6 */
+	get state() {
+		return "closed";
+	}
+	set state(e) {}
+	/* c8 ignore next 3 */
+	manuallyKeepOpen() {}
+	static update() {
+		let e = new CustomEvent("luzmo-update-overlays", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0
+		});
+		document.dispatchEvent(e);
+	}
+	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, {
+			position: "beforeend",
+			prepareCallback: (e) => {
+				let t = e.slot;
+				return e.removeAttribute("slot"), () => {
+					e.slot = t;
+				};
+			}
+		});
+		if (s.dispose = () => {
+			s.addEventListener("luzmo-closed", () => {
+				c ||= (l(), !0), requestAnimationFrame(() => {
+					s.remove();
+				});
+			}), s.open = !1, s.dispose = w;
+		}, !a && o && i) {
+			let r = t, a = n, c = i;
+			return e.applyOptions(s, {
+				...c,
+				delayed: c.delayed || o.hasAttribute("delayed"),
+				trigger: c.virtualTrigger || r,
+				type: a === "modal" ? "modal" : a === "hover" ? "hint" : "auto"
+			}), r.after(s), await s.updateComplete, s.open = !0, s.dispose;
+		}
+		let u = n;
+		return s.append(o), e.applyOptions(s, {
+			...u,
+			delayed: u.delayed || o.hasAttribute("delayed")
+		}), s.updateComplete.then(() => {
+			s.open = !0;
+		}), s;
+	}
+	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 {
+	constructor() {
+		super("beforetoggle", {
+			bubbles: !1,
+			composed: !1
+		}), this.currentState = "open", this.newState = "closed";
+	}
+}, j = class extends Event {
+	constructor() {
+		super("beforetoggle", {
+			bubbles: !1,
+			composed: !1
+		}), this.currentState = "closed", this.newState = "open";
+	}
+}, M = class extends Event {
+	constructor(e, t, { publish: n, interaction: r, reason: i }) {
+		super(e, {
+			bubbles: n,
+			composed: n
+		}), this.overlay = t, this.detail = {
+			interaction: r,
+			reason: i
+		};
+	}
+}, N = 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();
+	}
+	getBoundingClientRect() {
+		let e = this.rectTop ?? this.y;
+		return {
+			width: 0,
+			height: this.y - e,
+			top: e,
+			right: this.x,
+			y: e,
+			x: this.x,
+			bottom: this.y,
+			left: this.x,
+			toJSON() {}
+		};
+	}
+};
+//#endregion
+//#region src/components/overlay/overlay-dialog.ts
+function le(e) {
+	class t extends e {
+		async manageDialogOpen() {
+			let e = this.open;
+			if (await E(), await this.managePosition(), this.open !== e) return;
+			let t = await this.dialogMakeTransition(e);
+			this.open === e && await this.dialogApplyFocus(e, t);
+		}
+		dialogMakeTransition(e) {
+			let t = null, n = (n, r) => () => {
+				if (n.open = e, !e) {
+					let e = () => {
+						n.removeEventListener("close", 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);
+				}), !(!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, {
+						interaction: this.type,
+						publish: !1
+					}));
+					return;
+				}
+				if (!this.isConnected || e !== this.open) return;
+				let i = async () => {
+					let n = this.triggerElement instanceof N;
+					this.dispatchEvent(new M(r, this, {
+						interaction: this.type,
+						publish: n
+					})), t.dispatchEvent(new M(r, this, {
+						interaction: this.type,
+						publish: !1
+					})), this.triggerElement && !n && this.triggerElement.dispatchEvent(new M(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();
+				};
+				!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));
+			}), t;
+		}
+		dialogApplyFocus(e, t) {
+			this.applyFocus(e, t);
+		}
+	}
+	return t;
+}
+//#endregion
+//#region src/components/overlay/overlay-no-popover.ts
+function ue(e) {
+	class t extends e {
+		async managePopoverOpen() {
+			await this.managePosition();
+		}
+		async manageDelay(e) {
+			if (e === !1 || e !== this.open) {
+				C.close(this);
+				return;
+			}
+			this.delayed && await C.openTimer(this) && (this.open = !e);
+		}
+		ensureOnDOM(e) {
+			document.body.offsetHeight;
+		}
+		makeTransition(e) {
+			if (this.open !== e) return null;
+			let t = null, n = (n, r) => () => {
+				if (e === this.open) {
+					if (n.open = e, r === 0) {
+						let t = e ? j : A;
+						this.dispatchEvent(new t());
+					}
+					e === !0 && (n.matches(l) && (t = n), t ||= O(n), !t && n.querySelectorAll("slot").forEach((e) => {
+						t ||= k(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, {
+					interaction: this.type,
+					publish: i
+				})), this.triggerElement && !i && this.triggerElement.dispatchEvent(new M(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();
+			};
+			return this.elements.forEach((e, t) => {
+				T(e, n(e, t), r(e, t));
+			}), t;
+		}
+	}
+	return t;
+}
+//#endregion
+//#region src/components/overlay/overlay-popover.ts
+var de = typeof CSS < "u" && CSS.supports("(overlay: auto)");
+function P(e) {
+	let t = !1;
+	try {
+		t = e.matches(":popover-open");
+	} catch {}
+	let n = !1;
+	try {
+		n = e.matches(":open");
+	} catch {}
+	return t || n;
+}
+function F(e) {
+	class t extends e {
+		async manageDelay(e) {
+			if (e === !1 || e !== this.open) {
+				C.close(this);
+				return;
+			}
+			this.delayed && await C.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)) {
+				t();
+				return;
+			}
+			this.dialogEl.addEventListener("toggle", t, { once: !0 });
+		}
+		shouldShowPopover(e) {
+			let t = !1;
+			try {
+				t = this.dialogEl.matches(":popover-open");
+			} catch {}
+			let n = !1;
+			try {
+				n = this.dialogEl.matches(":open");
+			} catch {}
+			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();
+		}
+		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;
+					this.dispatchEvent(new t());
+				}
+				e && (n.matches(l) && (t = n), t ||= O(n), !t && n.querySelectorAll("slot").forEach((e) => {
+					t ||= k(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, {
+						interaction: this.type,
+						publish: !1
+					}));
+					return;
+				}
+				let i = async () => {
+					if (this.open !== e) return;
+					await E();
+					let n = this.triggerElement instanceof N;
+					this.dispatchEvent(new M(r, this, {
+						interaction: this.type,
+						publish: n
+					})), t.dispatchEvent(new M(r, this, {
+						interaction: this.type,
+						publish: !1
+					})), this.triggerElement && !n && this.triggerElement.dispatchEvent(new M(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();
+				};
+				if (this.open !== e) return;
+				let a = P(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));
+			}), t;
+		}
+	}
+	return t;
+}
+//#endregion
+//#region src/components/overlay/overlay-stack.ts
+var fe = typeof document < "u" && "showPopover" in document.createElement("div"), I = new class {
+	get document() {
+		return this.root.ownerDocument || document;
+	}
+	constructor() {
+		this.root = typeof document > "u" ? null : document.body, this.stack = [], this.handleScroll = (e) => {
+			typeof document < "u" && e.target !== document && e.target !== document.documentElement && e.target !== document.body || this.stack.forEach((t) => {
+				t.open && (t.type === "auto" && t.triggerElement instanceof HTMLElement && t.triggerElement.closest("luzmo-picker, luzmo-select, luzmo-action-menu") && e.stopPropagation(), typeof document < "u" && document.dispatchEvent(new CustomEvent("luzmo-update-overlays", {
+					bubbles: !0,
+					composed: !0,
+					cancelable: !0
+				})));
+			});
+		}, this.handlePointerdown = (e) => {
+			this.pointerdownPath = e.composedPath(), this.lastOverlay = this.stack.at(-1);
+		}, this.handlePointerup = () => {
+			let e = this.pointerdownPath;
+			if (this.pointerdownPath = void 0, this.stack.length === 0 || !e?.length) return;
+			let t = this.lastOverlay;
+			this.lastOverlay = void 0;
+			let n = this.stack.length - 1, r = this.stack.filter((r, i) => !e.find((e) => e === r || e === r?.triggerElement && r?.type === "hint" || i === n && r !== t && r.triggerInteraction === "longpress") && !r.shouldPreventClose() && r.type !== "manual" && !(r.type === "modal" && t !== r));
+			r.reverse(), r.forEach((e) => {
+				this.closeOverlay(e);
+				let t = e.parentOverlayToForceClose;
+				for (; t;) this.closeOverlay(t), t = t.parentOverlayToForceClose;
+			});
+		}, this.handleBeforetoggle = (e) => {
+			let { target: t, newState: n } = e;
+			n !== "open" && this.closeOverlay(t);
+		}, this.handleKeydown = (e) => {
+			if (e.code !== "Escape" || this.stack.length === 0) return;
+			let t = this.stack.at(-1);
+			if (t?.type === "page") {
+				e.preventDefault();
+				return;
+			}
+			if (t?.type === "manual") {
+				this.closeOverlay(t);
+				return;
+			}
+			fe || t && this.closeOverlay(t);
+		}, typeof document < "u" && this.bindEvents();
+	}
+	bindEvents() {
+		typeof document < "u" && (this.document.addEventListener("pointerdown", this.handlePointerdown), this.document.addEventListener("pointerup", this.handlePointerup), this.document.addEventListener("keydown", this.handleKeydown), this.document.addEventListener("scroll", this.handleScroll, { capture: !0 }));
+	}
+	closeOverlay(e) {
+		let t = this.stack.indexOf(e);
+		t !== -1 && this.stack.splice(t, 1), e.open = !1;
+	}
+	overlaysByTriggerElement(e) {
+		return this.stack.filter((t) => t.triggerElement === e);
+	}
+	add(e) {
+		if (this.stack.includes(e)) {
+			let t = this.stack.indexOf(e);
+			t !== -1 && (this.stack.splice(t, 1), this.stack.push(e));
+			return;
+		}
+		if (e.type === "auto" || e.type === "modal" || e.type === "page") {
+			let t = "luzmo-overlay-query-path", n = new Event(t, {
+				composed: !0,
+				bubbles: !0
+			});
+			e.addEventListener(t, (e) => {
+				let t = e.composedPath();
+				this.stack.forEach((e) => {
+					!t.find((t) => t === e) && e.type !== "manual" && e.type !== "modal" && this.closeOverlay(e);
+				});
+			}, { once: !0 }), e.dispatchEvent(n);
+		} else if (e.type === "hint") {
+			if (this.stack.some((t) => t.type !== "manual" && t.triggerElement && t.triggerElement === e.triggerElement)) {
+				e.open = !1;
+				return;
+			}
+			this.stack.forEach((e) => {
+				e.type === "hint" && this.closeOverlay(e);
+			});
+		}
+		requestAnimationFrame(() => {
+			this.stack.push(e), e.addEventListener("beforetoggle", this.handleBeforetoggle, { once: !0 });
+		});
+	}
+	remove(e) {
+		this.closeOverlay(e);
+	}
+}(), L = ":host{pointer-events:none;--luzmo-overlay-animation-distance:.5rem;display:contents}:host(:has(>luzmo-tooltip)){--luzmo-overlay-animation-distance:var(--luzmo-tooltip-animation-distance,4px)}.dialog{box-sizing:border-box;--luzmo-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--luzmo-popover-filter:drop-shadow(0px 2px 6px #00000026)}:host(:not([open])) .dialog{--luzmo-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:\"\";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(luzmo-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--luzmo-popover-filter:drop-shadow(0px 2px 6px #00000026)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--luzmo-popover-filter:drop-shadow(0px 2px 6px #00000026)}}@supports (overlay:auto){.dialog{transition:all var(--luzmo-overlay-animation-duration,.13s), translate 0s, display var(--luzmo-overlay-animation-duration,.13s);transition-behavior:allow-discrete;display:none}:is(.dialog:popover-open,.dialog:modal){display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--luzmo-overlay-z-index-base,1000) + var(--luzmo-overlay-open-count))}}";
+//#endregion
+//#region src/components/overlay/placement-controller.ts
+function R(e) {
+	if (e === void 0) return 0;
+	let t = window.devicePixelRatio || 1;
+	return Math.round(e * t) / t;
+}
+var z = 8, B = 100, pe = (e) => ({
+	left: [
+		"right",
+		"bottom",
+		"top"
+	],
+	"left-start": [
+		"right-start",
+		"bottom",
+		"top"
+	],
+	"left-end": [
+		"right-end",
+		"bottom",
+		"top"
+	],
+	right: [
+		"left",
+		"bottom",
+		"top"
+	],
+	"right-start": [
+		"left-start",
+		"bottom",
+		"top"
+	],
+	"right-end": [
+		"left-end",
+		"bottom",
+		"top"
+	],
+	top: [
+		"bottom",
+		"left",
+		"right"
+	],
+	"top-start": [
+		"bottom-start",
+		"left",
+		"right"
+	],
+	"top-end": [
+		"bottom-end",
+		"left",
+		"right"
+	],
+	bottom: [
+		"top",
+		"left",
+		"right"
+	],
+	"bottom-start": [
+		"top-start",
+		"left",
+		"right"
+	],
+	"bottom-end": [
+		"top-end",
+		"left",
+		"right"
+	]
+})[e] ?? [e], me = Symbol("placement updated"), V = class {
+	constructor(e) {
+		this.originalPlacements = /* @__PURE__ */ new WeakMap(), 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();
+		}, this.resetOverlayPosition = () => {
+			!this.target || !this.options || (this.clearOverlayPosition(), this.host.offsetHeight, this.computePlacement());
+		}, 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, {
+			ancestorResize: !1,
+			elementResize: !1,
+			layoutShift: !1
+		}), r = y(t.trigger, e, this.updatePlacement, { ancestorScroll: !1 });
+		this.cleanup = () => {
+			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();
+		};
+	}
+	async computePlacement() {
+		let { options: e, target: t } = this;
+		await (document.fonts ? document.fonts.ready : Promise.resolve());
+		let n = e.trigger instanceof HTMLElement ? b() : b({
+			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
+			}),
+			ae({ padding: z }),
+			n,
+			oe({
+				padding: z,
+				apply: ({ availableWidth: e, availableHeight: n, rects: { floating: r } }) => {
+					let i = Math.max(B, Math.floor(n)), a = r.height;
+					this.initialHeight = this.isConstrained && this.initialHeight || a, this.isConstrained = a < this.initialHeight || i <= a;
+					let o = this.isConstrained ? `${i}px` : "";
+					Object.assign(t.style, {
+						maxWidth: `${Math.floor(e)}px`,
+						maxHeight: o
+					});
+				}
+			}),
+			...a ? [v({
+				element: a,
+				padding: e.tipPadding || z
+			})] : []
+		], { x: s, y: c, placement: l, middlewareData: u } = await re(e.trigger, t, {
+			placement: e.placement,
+			middleware: o,
+			strategy: "fixed"
+		});
+		if (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(e)}px ${R(t)}px`
+			});
+		}
+	}
+	clearOverlayPosition() {
+		this.target && (this.target.style.removeProperty("max-height"), this.target.style.removeProperty("max-width"), this.initialHeight = void 0, this.isConstrained = !1);
+	}
+	hostConnected() {
+		document.addEventListener("luzmo-update-overlays", this.resetOverlayPosition);
+	}
+	hostUpdated() {
+		this.host.open || (this.cleanup?.(), this.cleanup = void 0);
+	}
+	hostDisconnected() {
+		this.cleanup?.(), this.cleanup = void 0, document.removeEventListener("luzmo-update-overlays", this.resetOverlayPosition);
+	}
+}, H = /* @__PURE__ */ function(e) {
+	return e.click = "click", e.hover = "hover", e.longpress = "longpress", e;
+}({}), U = Symbol("lastInteractionType"), W = "remove-focus-ring-safari-hack", G = class {
+	get activelyOpening() {
+		return !1;
+	}
+	get open() {
+		return this.overlay?.open ?? this.isLazilyOpen;
+	}
+	set open(e) {
+		if (e !== this.open) {
+			if (this.isLazilyOpen = e, this.overlay) {
+				this.overlay.open = e, this.target[U] = this.type;
+				return;
+			}
+			e && import("./overlay/index.js").then(() => {
+				this.overlay = document.createElement("luzmo-overlay"), this.overlay.open = !0, this.target[U] = this.type;
+			});
+		}
+	}
+	get overlay() {
+		return this._overlay;
+	}
+	set overlay(e) {
+		e && this.overlay !== e && (this.overlay && this.overlay.removeController(this), this._overlay = e, this.overlay.addController(this), this.initOverlay(), this.prepareDescription(this.target), this.handleOverlayReady?.(this.overlay));
+	}
+	constructor(e, { overlay: t, isPersistent: n, handleOverlayReady: r }) {
+		this.target = e, this.isLazilyOpen = !1, this.isPersistent = !1, this.isPersistent = !!n, this.handleOverlayReady = r, this.isPersistent && this.init(), this.overlay = t;
+	}
+	prepareDescription(e) {}
+	releaseDescription() {}
+	shouldCompleteOpen() {}
+	/* c8 ignore next 3 */
+	init() {}
+	/* c8 ignore next 3 */
+	initOverlay() {}
+	abort() {
+		this.releaseDescription(), this.abortController?.abort();
+	}
+	hostConnected() {
+		this.init();
+	}
+	hostDisconnected() {
+		this.isPersistent || this.abort();
+	}
+}, K = class extends G {
+	constructor(...e) {
+		super(...e), this.type = H.click, this.preventNextToggle = !1;
+	}
+	handleClick() {
+		this.preventNextToggle || (this.open = !this.open), this.preventNextToggle = !1;
+	}
+	handlePointerdown() {
+		this.preventNextToggle = this.open;
+	}
+	init() {
+		this.abortController?.abort(), this.abortController = new AbortController();
+		let { signal: e } = this.abortController;
+		this.target.addEventListener("click", () => this.handleClick(), { signal: e }), this.target.addEventListener("pointerdown", () => this.handlePointerdown(), { signal: e });
+	}
+}, he = 300, q = class extends G {
+	constructor(...e) {
+		super(...e), this.type = H.hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
+	}
+	handleKeyup(e) {
+		(e.code === "Tab" || e.code === "Escape") && (this.open = !0, this.removeSafariFocusRingClass());
+	}
+	handleTargetFocusin() {
+		if (this.target.matches(":focus-visible")) {
+			if (f() && this.target[U] === H.click) {
+				this.target.classList.add(W);
+				return;
+			}
+			this.open = !0, this.focusedin = !0, this.removeSafariFocusRingClass();
+		}
+	}
+	handleTargetFocusout() {
+		this.removeSafariFocusRingClass(), this.focusedin = !1, !this.pointerentered && (this.open = !1);
+	}
+	handleTargetPointerenter() {
+		this.hoverTimeout &&= (clearTimeout(this.hoverTimeout), void 0), !this.overlay?.disabled && (this.open = !0, this.pointerentered = !0);
+	}
+	handleTargetPointerleave() {
+		this.doPointerleave();
+	}
+	handleHostPointerenter() {
+		this.hoverTimeout &&= (clearTimeout(this.hoverTimeout), void 0);
+	}
+	handleHostPointerleave() {
+		this.doPointerleave();
+	}
+	prepareDescription() {
+		if (this.overlay.elements.length === 0) return;
+		let e = this.target.getRootNode(), t = this.overlay.elements[0].getRootNode();
+		e === this.overlay.getRootNode() ? this.prepareOverlayRelativeDescription() : e === t && this.prepareContentRelativeDescription();
+	}
+	prepareOverlayRelativeDescription() {
+		let e = r(this.target, "aria-describedby", [this.overlay.id]);
+		this.releaseDescription = () => {
+			e(), this.releaseDescription = w;
+		};
+	}
+	prepareContentRelativeDescription() {
+		let e = [], t = this.overlay.elements.map((t) => (e.push(t.id), t.id ||= `${this.overlay.tagName.toLowerCase()}-helper-${i()}`, t.id));
+		this.elementIds = e;
+		let n = r(this.target, "aria-describedby", t);
+		this.releaseDescription = () => {
+			n(), this.overlay.elements.map((e, t) => {
+				e.id = this.elementIds[t];
+			}), this.releaseDescription = w;
+		};
+	}
+	doPointerleave() {
+		this.pointerentered = !1;
+		let e = this.target;
+		this.focusedin && e.matches(":focus-visible") || (this.hoverTimeout = setTimeout(() => {
+			this.open = !1;
+		}, he));
+	}
+	init() {
+		this.abortController?.abort(), this.abortController = new AbortController();
+		let { signal: e } = this.abortController;
+		this.target.addEventListener("keyup", (e) => this.handleKeyup(e), { signal: e }), this.target.addEventListener("focusin", () => this.handleTargetFocusin(), { signal: e }), this.target.addEventListener("focusout", () => this.handleTargetFocusout(), { signal: e }), this.target.addEventListener("pointerenter", () => this.handleTargetPointerenter(), { signal: e }), this.target.addEventListener("pointerleave", () => this.handleTargetPointerleave(), { signal: e }), this.overlay && this.initOverlay();
+	}
+	initOverlay() {
+		if (!this.abortController) return;
+		let { signal: e } = this.abortController;
+		this.overlay.addEventListener("pointerenter", () => this.handleHostPointerenter(), { signal: e }), this.overlay.addEventListener("pointerleave", () => this.handleHostPointerleave(), { signal: e });
+	}
+	removeSafariFocusRingClass() {
+		f() && this.target.classList.contains("remove-focus-ring-safari-hack") && this.target.classList.remove(W);
+	}
+}, ge = 300, J = {
+	touch: "Double tap and long press for additional options",
+	keyboard: "Press Space or Alt+Down Arrow for additional options",
+	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 = () => {
+			clearTimeout(this.timeout), this.target && (this.longpressState = this.overlay?.state === "opening" ? "pressed" : null, document.removeEventListener("pointerup", this.handlePointerup), document.removeEventListener("pointercancel", this.handlePointerup));
+		};
+	}
+	get activelyOpening() {
+		return this.longpressState === "opening" || this.longpressState === "pressed";
+	}
+	handleLongpress() {
+		this.open = !0, this.longpressState = this.longpressState === "potential" ? "opening" : "pressed";
+	}
+	handlePointerdown(e) {
+		this.target && e.button === 0 && (this.longpressState = "potential", document.addEventListener("pointerup", this.handlePointerup), document.addEventListener("pointercancel", this.handlePointerup), !("holdAffordance" in this.target) && (this.timeout = setTimeout(() => {
+			this.target && this.target.dispatchEvent(new CustomEvent("longpress", {
+				bubbles: !0,
+				composed: !0,
+				detail: { source: "pointer" }
+			}));
+		}, ge)));
+	}
+	handleKeydown(e) {
+		let { code: t, altKey: n } = e;
+		n && t === "ArrowDown" && (e.stopPropagation(), e.stopImmediatePropagation());
+	}
+	handleKeyup(e) {
+		let { code: t, altKey: n } = e;
+		if (t === "Space" || n && t === "ArrowDown") {
+			if (!this.target) return;
+			e.stopPropagation(), this.target.dispatchEvent(new CustomEvent("longpress", {
+				bubbles: !0,
+				composed: !0,
+				detail: { source: "keyboard" }
+			})), setTimeout(() => {
+				this.longpressState = null;
+			});
+		}
+	}
+	prepareDescription(e) {
+		if (this.releaseDescription !== w || 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;
+		};
+	}
+	shouldCompleteOpen() {
+		this.longpressState = this.longpressState === "pressed" ? null : this.longpressState;
+	}
+	init() {
+		this.abortController?.abort(), this.abortController = new AbortController();
+		let { signal: e } = this.abortController;
+		this.target.addEventListener("longpress", () => this.handleLongpress(), { signal: e }), this.target.addEventListener("pointerdown", (e) => this.handlePointerdown(e), { signal: e }), this.prepareDescription(this.target), !this.target.holdAffordance && (this.target.addEventListener("keydown", (e) => this.handleKeydown(e), { signal: e }), this.target.addEventListener("keyup", (e) => this.handleKeyup(e), { signal: e }));
+	}
+}, X = {
+	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);
+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) => {
+			if (!e.relatedTarget) return;
+			let t = new Event("overlay-relation-query", {
+				bubbles: !0,
+				composed: !0
+			});
+			e.relatedTarget.addEventListener(t.type, (e) => {
+				e.composedPath().includes(this) || (this.open = !1);
+			}), e.relatedTarget.dispatchEvent(t);
+		};
+	}
+	static {
+		this.styles = [ee(L)];
+	}
+	get delayed() {
+		return this.elements.at(-1)?.hasAttribute("delayed") || this._delayed;
+	}
+	set delayed(e) {
+		this._delayed = e;
+	}
+	get disabled() {
+		return this._disabled;
+	}
+	set disabled(e) {
+		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);
+	}
+	get placementController() {
+		return this._placementController ||= new V(this), this._placementController;
+	}
+	get open() {
+		return this._open;
+	}
+	set open(t) {
+		t && this.disabled || t !== this.open && (this.strategy?.activelyOpening && !t || (this._open = t, this.open && (e.openCount += 1), this.requestUpdate("open", !this.open), this.open && this.requestSlottable()));
+	}
+	static {
+		this.openCount = 1;
+	}
+	get state() {
+		return this._state;
+	}
+	set state(e) {
+		if (e === this.state) return;
+		let t = this.state;
+		this._state = e, (this.state === "opened" || this.state === "closed") && this.strategy?.shouldCompleteOpen(), this.requestUpdate("state", t);
+	}
+	get elementResolver() {
+		return this._elementResolver ||= new o(this), this._elementResolver;
+	}
+	get usesDialog() {
+		return this.type === "modal" || this.type === "page";
+	}
+	get popoverValue() {
+		if ("popover" in this) switch (this.type) {
+			case "modal":
+			case "page": return;
+			case "hint": return "manual";
+			default: return this.type;
+		}
+	}
+	get requiresPositioning() {
+		return !(this.type === "page" || !this.open || !this.triggerElement || !this.placement && this.type !== "hint");
+	}
+	managePosition() {
+		if (!this.requiresPositioning || !this.open) return;
+		let e = this.offset || 0, t = this.triggerElement, n = this.placement || "right", r = this.tipPadding;
+		this.placementController.placeOverlay(this.dialogEl, {
+			offset: e,
+			placement: n,
+			tipPadding: r,
+			trigger: t,
+			type: this.type
+		});
+	}
+	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;
+		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) {
+				this.hasNonVirtualTrigger && this.contains(this.getRootNode().activeElement) && this.triggerElement.focus();
+				return;
+			}
+			t?.focus();
+		}
+	}
+	returnFocus() {
+		this.open || this.type === "hint" || this.receivesFocus !== "false" && this.triggerElement?.focus && (this.contains(this.getRootNode().activeElement) || (() => {
+			let e = [], t = typeof document > "u" ? null : document.activeElement;
+			for (; t?.shadowRoot?.activeElement;) t = t.shadowRoot.activeElement;
+			for (; t;) {
+				let n = t.assignedSlot || t.parentElement || t.getRootNode()?.host;
+				n && e.push(n), t = n;
+			}
+			return e;
+		})().includes(this) || typeof document < "u" && document.activeElement === document.body) && this.triggerElement.focus();
+	}
+	async manageOpen(e) {
+		if (!(!this.isConnected && this.open) && (this.hasUpdated || await this.updateComplete, this.open ? (I.add(this), this.willPreventClose && (document.addEventListener("pointerup", () => {
+			this.dialogEl.classList.toggle("not-immediately-closable", !1), this.willPreventClose = !1;
+		}, { once: !0 }), this.dialogEl.classList.toggle("not-immediately-closable", !0))) : (e && this.dispose(), I.remove(this)), this.open && this.state !== "opened" ? this.state = "opening" : !this.open && this.state !== "closed" && (this.state = "closing"), this.usesDialog ? this.manageDialogOpen() : this.managePopoverOpen(), this.type === "auto")) {
+			let e = this.getRootNode();
+			this.open ? e.addEventListener("focusout", this.closeOnFocusOut, { capture: !0 }) : e.removeEventListener("focusout", this.closeOnFocusOut, { capture: !0 });
+		}
+	}
+	bindEvents() {
+		this.strategy?.abort(), this.strategy = void 0, this.hasNonVirtualTrigger && this.triggerInteraction && (this.strategy = new X[this.triggerInteraction](this.triggerElement, { overlay: this }));
+	}
+	handleBeforetoggle(e) {
+		e.newState !== "open" && this.handleBrowserClose(e);
+	}
+	handleBrowserClose(e) {
+		if (e.stopPropagation(), !this.strategy?.activelyOpening) {
+			this.open = !1;
+			return;
+		}
+		this.manuallyKeepOpen();
+	}
+	handleDialogCancel(e) {
+		if (this.type === "page") {
+			e.preventDefault();
+			return;
+		}
+		this.handleBrowserClose(e);
+	}
+	manuallyKeepOpen() {
+		this.open = !0, this.placementController.allowPlacementUpdate = !0, this.manageOpen(!1);
+	}
+	handleSlotchange() {
+		this.elements.length === 0 ? this.strategy?.releaseDescription() : this.hasNonVirtualTrigger && this.strategy?.prepareDescription(this.triggerElement);
+	}
+	shouldPreventClose() {
+		let e = this.willPreventClose;
+		return this.willPreventClose = !1, e;
+	}
+	requestSlottable() {
+		this.lastRequestSlottableState !== this.open && (this.open || document.body.offsetHeight, this.dispatchEvent(new c("overlay-content", this.open ? {} : s)), this.lastRequestSlottableState = this.open);
+	}
+	willUpdate(e) {
+		if (this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${i()}`), e.has("open") && (this.hasUpdated || this.open) && this.manageOpen(e.get("open")), e.has("trigger")) {
+			let [e, t] = this.trigger?.split("@") || [];
+			this.elementResolver.selector = e ? `#${e}` : "", this.triggerInteraction = t;
+		}
+		let t = !1;
+		e.has(a) && (t = this.triggerElement, this.triggerElement = this.elementResolver.element), e.has("triggerElement") && (t = e.get("triggerElement")), t !== !1 && this.bindEvents();
+	}
+	updated(e) {
+		super.updated(e), e.has("placement") && (this.placement ? this.dialogEl.setAttribute("actual-placement", this.placement) : this.dialogEl.removeAttribute("actual-placement"), this.open && e.get("placement") !== void 0 && this.placementController.resetOverlayPosition()), e.has("state") && this.state === "closed" && e.get("state") !== void 0 && this.placementController.clearOverlayPosition();
+	}
+	renderContent() {
+		return p` <slot @slotchange=${this.handleSlotchange}></slot> `;
+	}
+	get dialogStyleMap() {
+		return { "--luzmo-overlay-open-count": e.openCount.toString() };
+	}
+	renderDialog() {
+		return p`
+      <dialog
+        class="dialog"
+        part="dialog"
+        placement=${g(this.requiresPositioning ? this.placement || "right" : void 0)}
+        style=${_(this.dialogStyleMap)}
+        @close=${this.handleBrowserClose}
+        @cancel=${this.handleDialogCancel}
+        @beforetoggle=${this.handleBeforetoggle}
+        ?is-visible=${this.state !== "closed"}
+      >
+        ${this.renderContent()}
+      </dialog>
+    `;
+	}
+	renderPopover() {
+		return p`
+      <div
+        class="dialog"
+        part="dialog"
+        placement=${g(this.requiresPositioning ? this.placement || "right" : void 0)}
+        popover=${g(this.popoverValue)}
+        style=${_(this.dialogStyleMap)}
+        @beforetoggle=${this.handleBeforetoggle}
+        @close=${this.handleBrowserClose}
+        ?is-visible=${this.state !== "closed"}
+      >
+        ${this.renderContent()}
+      </div>
+    `;
+	}
+	render() {
+		return p`
+      ${this.type === "modal" || this.type === "page" ? this.renderDialog() : this.renderPopover()}
+      <slot name="longpress-describedby-descriptor"></slot>
+    `;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.addEventListener("close", () => {
+			this.open = !1;
+		}), this.addEventListener("luzmo-close", () => {
+			this.open = !1;
+		}), this.hasUpdated && this.bindEvents();
+	}
+	disconnectedCallback() {
+		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({
+	flatten: !0,
+	selector: ":not([slot=\"longpress-describedby-descriptor\"], slot)"
+})], $.prototype, "elements", void 0), n([m({ type: Number })], $.prototype, "offset", void 0), n([m({
+	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({
+	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);
+//#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 };