inclusive-elements 0.5.5 → 0.6.1

package/dist/index.js

@@ -0,0 +1,1003 @@
+//#region node_modules/.pnpm/transition-kit@1.0.0/node_modules/transition-kit/dist/transition-kit.js
+function e(e) {
+	return e?.prefix ? e.prefix + "-" : "";
+}
+function t() {
+	return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
+}
+function n(e, n) {
+	return new Promise((r) => {
+		let i = !1, a = /* @__PURE__ */ new Set(), o = () => {
+			e.removeEventListener("transitionrun", c), e.removeEventListener("transitionend", l), e.removeEventListener("transitioncancel", l);
+		}, s = () => {
+			o(), r();
+		}, c = (t) => {
+			t.target === e && (i = !0, a.add(t.propertyName));
+		}, l = (t) => {
+			t.target === e && (a.delete(t.propertyName), !(!i || a.size) && s());
+		};
+		e.addEventListener("transitionrun", c), e.addEventListener("transitionend", l), e.addEventListener("transitioncancel", l), n(), t().then(() => {
+			i || s();
+		});
+	});
+}
+function r(e, t) {
+	let n = e.style, r = {};
+	for (let e of t) r[e] = n[e];
+	return r;
+}
+function i(e, t) {
+	let n = e.style;
+	for (let e of Object.keys(t)) n[e] = t[e] ?? "";
+}
+var a = /* @__PURE__ */ new WeakMap(), o = [
+	"margin",
+	"marginTop",
+	"marginRight",
+	"marginBottom",
+	"marginLeft",
+	"marginBlock",
+	"marginBlockStart",
+	"marginBlockEnd",
+	"marginInline",
+	"marginInlineStart",
+	"marginInlineEnd"
+], s = {};
+for (let e of o) s[e] = "0px";
+async function c(r, i, o = {}) {
+	let s = e(o) + i + "-", c = Symbol(s), u = o.detachFromLayout ?? !1, f = u ? g(r) : void 0, p = u ? d(r, f) : void 0, m = i === "leave" ? _(r) : void 0, h = {
+		prefix: s,
+		token: c,
+		isDetached: p !== void 0,
+		restoreStyles: p,
+		restoreInert: m
+	};
+	return a.set(r, h), r.classList.add(s + "active", s + "from"), await t(), a.get(r)?.token !== c || (await n(r, () => {
+		r.classList.add(s + "to"), r.classList.remove(s + "from");
+	}), a.get(r)?.token !== c) ? !1 : (l(r, h), !0);
+}
+function l(e, t = a.get(e)) {
+	t && (e.classList.remove(t.prefix + "active", t.prefix + "from", t.prefix + "to"), t.restoreStyles && i(e, t.restoreStyles), t.restoreInert?.(), a.delete(e));
+}
+function u(e) {
+	return a.get(e)?.isDetached ?? !1;
+}
+function d(e, t = g(e)) {
+	let n = getComputedStyle(e).position || "static";
+	if (n === "absolute" || n === "fixed") return;
+	let a = f(e, t);
+	if (!a) return;
+	let o = {
+		position: "absolute",
+		inset: "auto",
+		insetBlock: "auto",
+		insetBlockStart: "auto",
+		insetBlockEnd: "auto",
+		insetInline: "auto",
+		insetInlineStart: "auto",
+		insetInlineEnd: "auto",
+		top: `${a.top}px`,
+		left: `${a.left}px`,
+		right: "auto",
+		bottom: "auto",
+		width: `${t.width}px`,
+		height: `${t.height}px`,
+		boxSizing: "border-box",
+		...s
+	}, c = r(e, Object.keys(o));
+	return i(e, o), c;
+}
+function f(e, t = g(e)) {
+	let n = p(e);
+	if (n) {
+		if (getComputedStyle(n).display === "inline") return;
+		let e = n.getBoundingClientRect();
+		return {
+			left: t.left - e.left - n.clientLeft + n.scrollLeft,
+			top: t.top - e.top - n.clientTop + n.scrollTop
+		};
+	}
+	let r = e.ownerDocument.defaultView;
+	return {
+		left: t.left + (r?.scrollX ?? 0),
+		top: t.top + (r?.scrollY ?? 0)
+	};
+}
+function p(e) {
+	for (let t = e.parentElement; t; t = t.parentElement) if (m(t)) return t;
+}
+function m(e) {
+	let t = getComputedStyle(e);
+	return (t.position || "static") !== "static" || h(t.transform) || h(t.translate) || h(t.scale) || h(t.rotate) || h(t.perspective) || h(t.filter) || /(^|\s)(layout|paint|strict|content)(\s|$)/i.test(t.contain) || /(^|,)\s*(transform|translate|scale|rotate|perspective|filter|contain)\s*(,|$)/i.test(t.willChange);
+}
+function h(e) {
+	let t = e.trim().toLowerCase();
+	return !!t && t !== "none" && t !== "auto";
+}
+function g(e) {
+	let t = e.style.cssText;
+	i(e, {
+		transition: "none",
+		transform: "none",
+		translate: "none",
+		scale: "none",
+		rotate: "none"
+	});
+	let n = e.getBoundingClientRect();
+	return e.style.cssText = t, {
+		left: n.left,
+		top: n.top,
+		width: n.width,
+		height: n.height
+	};
+}
+function _(e) {
+	let t = e.inert;
+	return e.inert = !0, () => {
+		e.inert = t;
+	};
+}
+var v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap();
+function x(t, n, r = {}) {
+	let i = [];
+	for (let e of Array.from(t)) getComputedStyle(e).display !== "none" && i.push({
+		el: e,
+		before: e.getBoundingClientRect()
+	});
+	n();
+	let a = e(r) + "move", o = [];
+	for (let { el: e, before: t } of i) {
+		if (u(e)) continue;
+		let n = e.getBoundingClientRect(), r = t.left - n.left, i = t.top - n.top, s = ne(e);
+		w(e, v, !1), !(!r && !i) && o.push(ee(e, {
+			store: v,
+			className: a,
+			startStyles: { transform: D(`translate(${r}px, ${i}px)`, s) },
+			endStyles: { transform: e.style.transform }
+		}));
+	}
+	return Promise.all(o).then(() => void 0);
+}
+function S(e) {
+	w(e, y, !1), w(e, v, !1);
+}
+function ee(e, a) {
+	let o = Symbol(a.className), s = {
+		transitionDuration: "0s",
+		...a.startStyles
+	}, c = {
+		transitionDuration: "",
+		...a.endStyles
+	}, l = Object.keys({
+		...s,
+		...c
+	}), u = te(e), d, f = new Promise((e) => {
+		d = e;
+	}), p = {
+		className: a.className,
+		token: o,
+		styles: r(e, l),
+		resolve: d
+	};
+	return "transitionDuration" in p.styles && (p.styles.transitionDuration = u), a.store.set(e, p), e.classList.add(a.className), i(e, s), e.getBoundingClientRect(), t().then(async () => {
+		C(e), a.store.get(e)?.token === o && (await n(e, () => {
+			i(e, c);
+		}), a.store.get(e)?.token === o && T(e, a.store, p, !0));
+	}), f;
+}
+function te(e) {
+	let t = b.get(e);
+	if (t) return t.count += 1, t.value;
+	let n = e.style.transitionDuration;
+	return b.set(e, {
+		value: n,
+		count: 1
+	}), n;
+}
+function C(e) {
+	let t = b.get(e);
+	t && (--t.count, t.count <= 0 && b.delete(e));
+}
+function w(e, t, n) {
+	let r = t.get(e);
+	r && T(e, t, r, n);
+}
+function T(e, t, n, r) {
+	E(e, n), t.delete(e), n.resolve(r);
+}
+function E(e, t) {
+	e.classList.remove(t.className), i(e, t.styles);
+}
+function ne(e) {
+	let t = getComputedStyle(e).transform;
+	return t === "none" ? "" : t;
+}
+function D(...e) {
+	return e.filter((e) => !!e && e !== "none").join(" ");
+}
+function O(e, t, n = {}) {
+	return A(e), c(e, t, n);
+}
+function re(e, t = {}) {
+	return O(e, "enter", t);
+}
+function k(e, t = {}) {
+	return O(e, "leave", {
+		...t,
+		detachFromLayout: t.detachFromLayout ?? !0
+	});
+}
+function A(e) {
+	l(e), S(e);
+}
+//#endregion
+//#region src/alerts/alerts.ts
+var j = class e extends HTMLElement {
+	static duration = 1e4;
+	static politeness = "polite";
+	timeouts = /* @__PURE__ */ new WeakMap();
+	index = 0;
+	connectedCallback() {
+		this.addEventListener("focusin", this.pauseOnInteraction), this.addEventListener("focusout", this.resumeOnInteraction), this.addEventListener("mouseover", this.pauseOnInteraction), this.addEventListener("mouseout", this.resumeOnInteraction);
+		for (let e of this.getAlerts()) e.remove(), this.show(e);
+	}
+	disconnectedCallback() {
+		this.removeEventListener("focusin", this.pauseOnInteraction), this.removeEventListener("focusout", this.resumeOnInteraction), this.removeEventListener("mouseover", this.pauseOnInteraction), this.removeEventListener("mouseout", this.resumeOnInteraction), this.getAlerts().forEach((e) => this.clearTimeout(e));
+	}
+	show(e, t = {}) {
+		let n = t.key || e.dataset.key || String(this.index++);
+		e.dataset.key = n, this.syncAlertPoliteness(e, t.politeness), t.duration !== void 0 && (e.dataset.duration = String(t.duration));
+		let r = this.getAlerts().filter((t) => t !== e);
+		return x(r, () => {
+			r.filter((e) => e.dataset.key === n).forEach((e) => this.leaveAlert(e)), A(e), this.append(e), re(e);
+		}), this.startTimeout(e), n;
+	}
+	dismiss(e) {
+		(typeof e == "string" ? this.getAlerts().filter((t) => t.dataset.key === e) : [e]).forEach((e) => this.dismissAlert(e));
+	}
+	clear() {
+		this.getAlerts().forEach((e) => this.dismissAlert(e));
+	}
+	speak(e, t = {}) {
+		let n = document.createElement("div");
+		Object.assign(n.style, {
+			clip: "rect(0 0 0 0)",
+			clipPath: "inset(50%)",
+			height: "1px",
+			overflow: "hidden",
+			position: "absolute",
+			whiteSpace: "nowrap",
+			width: "1px"
+		}), n.textContent = e, this.show(n, t);
+	}
+	dismissAlert(e) {
+		x(this.getAlerts().filter((t) => t !== e), () => this.leaveAlert(e));
+	}
+	leaveAlert(e) {
+		this.clearTimeout(e), k(e).then((t) => {
+			t && e.parentElement === this && e.remove();
+		});
+	}
+	startTimeout(t) {
+		this.clearTimeout(t);
+		let n = Number(t.dataset.duration || e.duration);
+		n > 0 && this.timeouts.set(t, window.setTimeout(() => this.dismiss(t), n));
+	}
+	clearTimeout(e) {
+		let t = this.timeouts.get(e);
+		t !== void 0 && (clearTimeout(t), this.timeouts.delete(e));
+	}
+	pauseOnInteraction = (e) => {
+		this.handleInteraction(e, (e) => this.clearTimeout(e));
+	};
+	resumeOnInteraction = (e) => {
+		this.handleInteraction(e, (e) => this.startTimeout(e));
+	};
+	handleInteraction(e, t) {
+		let n = this.getAlertFromTarget(e.target);
+		n && (e.relatedTarget instanceof Node && n.contains(e.relatedTarget) || t(n));
+	}
+	getAlerts() {
+		return Array.from(this.children, (e) => e);
+	}
+	syncAlertPoliteness(t, n) {
+		if ((n || this.getAuthoredPoliteness(t) || e.politeness) === "assertive") {
+			t.setAttribute("role", "alert"), t.setAttribute("aria-live", "assertive");
+			return;
+		}
+		t.setAttribute("role", "status"), t.setAttribute("aria-live", "polite");
+	}
+	getAuthoredPoliteness(e) {
+		if (e.getAttribute("role") === "alert" || e.getAttribute("aria-live") === "assertive") return "assertive";
+		if (e.getAttribute("role") === "status" || e.getAttribute("aria-live") === "polite") return "polite";
+	}
+	getAlertFromTarget(e) {
+		return e instanceof Node && Array.from(this.children).find((t) => t instanceof HTMLElement && t.contains(e)) || null;
+	}
+};
+//#endregion
+//#region src/utils.ts
+function M(e, t) {
+	let n = !1;
+	return {
+		queue: () => {
+			n || (n = !0, queueMicrotask(() => {
+				n = !1, e.isConnected && t();
+			}));
+		},
+		disconnect() {
+			n = !1;
+		}
+	};
+}
+function N(e, t, n) {
+	let r = M(e, n), i = new MutationObserver(r.queue);
+	return {
+		observe() {
+			i.observe(e, t);
+		},
+		disconnect() {
+			i.disconnect(), r.disconnect();
+		},
+		queue: r.queue
+	};
+}
+function P(e) {
+	let t = e.getRootNode();
+	return t instanceof ShadowRoot ? t : e.ownerDocument;
+}
+function F(e, t) {
+	let { currentIndex: n, length: r, vertical: i } = t;
+	if (!(r === 0 || n < 0 || n >= r)) {
+		if (e === (i ? "ArrowUp" : "ArrowLeft")) return (n - 1 + r) % r;
+		if (e === (i ? "ArrowDown" : "ArrowRight")) return (n + 1) % r;
+		if (e === "Home") return 0;
+		if (e === "End") return r - 1;
+	}
+}
+//#endregion
+//#region src/menu/menu.ts
+var I = class e extends HTMLElement {
+	static searchDelay = 800;
+	static observedAttributes = ["id", "popover"];
+	itemSync;
+	search = "";
+	searchTimeout;
+	connectedCallback() {
+		this.hasAttribute("role") || this.setAttribute("role", "menu"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEventListener("keydown", this.onKeyDown), this.addEventListener("click", this.onClick), this.addEventListener("mouseenter", this.onMouseEnter, !0), this.itemSync ??= N(this, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["role", "tabindex"]
+		}, () => this.syncItems()), this.itemSync.observe(), this.itemSync.queue(), this.syncDocumentListeners();
+	}
+	disconnectedCallback() {
+		this.removeEventListener("keydown", this.onKeyDown), this.removeEventListener("click", this.onClick), this.removeEventListener("mouseenter", this.onMouseEnter, !0), this.removeDocumentListeners(), this.itemSync?.disconnect(), this.closeSelfAndDescendants(), clearTimeout(this.searchTimeout);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e !== "id" && e !== "popover" || this.syncDocumentListeners());
+	}
+	get horizontal() {
+		return this.getAttribute("aria-orientation") === "horizontal";
+	}
+	syncDocumentListeners() {
+		if (this.isConnected && this.hasAttribute("popover") && !this.getParentMenuTrigger()) {
+			this.ownerDocument.addEventListener("click", this.onDocumentClick), this.ownerDocument.addEventListener("keydown", this.onDocumentKeyDown);
+			return;
+		}
+		this.removeDocumentListeners();
+	}
+	removeDocumentListeners() {
+		this.ownerDocument.removeEventListener("click", this.onDocumentClick), this.ownerDocument.removeEventListener("keydown", this.onDocumentKeyDown);
+	}
+	onDocumentClick = (e) => {
+		this.getRootTriggerForEvent(e) && requestAnimationFrame(() => {
+			this.isActive() && (e.detail === 0 ? this.getEnabledItems()[0]?.focus() : this.focus({ preventScroll: !0 }));
+		});
+	};
+	onDocumentKeyDown = (e) => {
+		let t = this.getRootTriggerForEvent(e);
+		if (!t || e.key !== "ArrowDown" && e.key !== "ArrowUp" || this.hidden) return;
+		e.preventDefault(), this.isActive() || this.showPopoverWithSource(t);
+		let n = this.getEnabledItems();
+		e.key === "ArrowDown" ? n[0]?.focus() : n[n.length - 1]?.focus();
+	};
+	onKeyDown = (e) => {
+		if (!this.isActive()) return;
+		if (e.key === "Tab") {
+			this.closeMenuTree(), this.focusRootMenuTrigger();
+			return;
+		}
+		if (e.key === "Escape") {
+			e.preventDefault(), this.closeMenuTree(), this.focusRootMenuTrigger();
+			return;
+		}
+		let t = this.getEnabledItems(), n = this.getActiveItem(t), r = n ? t.indexOf(n) : -1;
+		if (r === -1) {
+			if (!this.horizontal && e.key === "ArrowDown" || this.horizontal && e.key === "ArrowRight") {
+				t[0]?.focus(), e.preventDefault();
+				return;
+			}
+			if (!this.horizontal && e.key === "ArrowUp" || this.horizontal && e.key === "ArrowLeft") {
+				t[t.length - 1]?.focus(), e.preventDefault();
+				return;
+			}
+		}
+		let i = n ? this.getSubmenu(n) : null;
+		if (n && i) {
+			if (!this.horizontal && e.key === "ArrowRight" || this.horizontal && e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+				this.openSubmenu(n), i.getItems()[0]?.focus();
+				return;
+			}
+			if (this.horizontal && e.key === "ArrowUp") {
+				this.openSubmenu(n), i.getItems().at(-1)?.focus();
+				return;
+			}
+		}
+		let a = this.getParentMenuTrigger(), o = a?.closest("ui-menu");
+		if (o && e.key === (o.horizontal ? "ArrowUp" : "ArrowLeft")) {
+			this.closeSelfAndDescendants(), a?.focus({ preventScroll: !0 });
+			return;
+		}
+		let s = F(e.key, {
+			currentIndex: r,
+			length: t.length,
+			vertical: !this.horizontal
+		});
+		if (s !== void 0) {
+			t[s]?.focus(), e.preventDefault();
+			return;
+		}
+		this.handleTypeahead(e, t, n);
+	};
+	onClick = (e) => {
+		let t = this.getItemForEvent(e);
+		if (!t) return;
+		let n = this.getSubmenu(t);
+		if (n) {
+			e.preventDefault(), n.isActive() || (this.openSubmenu(t), n.getItems()[0]?.focus());
+			return;
+		}
+		this.closeMenuTree();
+	};
+	onMouseEnter = (e) => {
+		if (!this.isActive()) return;
+		let t = this.getItemForEvent(e);
+		if (t) {
+			if (t.focus(), this.getSubmenu(t)) {
+				this.openSubmenu(t);
+				return;
+			}
+			this.closeSubmenus();
+		}
+	};
+	isActive() {
+		return this.hidden ? !1 : !this.hasAttribute("popover") || this.matches(":popover-open");
+	}
+	syncItems() {
+		this.getItems().forEach((e) => {
+			e.getAttribute("tabindex") !== "-1" && e.setAttribute("tabindex", "-1");
+		});
+	}
+	getItems() {
+		return Array.from(this.querySelectorAll("[role^=menuitem]")).filter((e) => this.belongsToThisMenu(e));
+	}
+	getEnabledItems() {
+		return this.getItems().filter((e) => this.isItemEnabled(e));
+	}
+	isItemEnabled(e) {
+		return !e.hidden && !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true";
+	}
+	belongsToThisMenu(e) {
+		return e.closest("ui-menu") === this;
+	}
+	getActiveItem(e) {
+		let t = P(this).activeElement;
+		return e.find((e) => e === t);
+	}
+	getItemForEvent(e) {
+		let t = e.target;
+		if (!(t instanceof Element)) return null;
+		let n = t.closest("[role^=menuitem]");
+		return n && this.belongsToThisMenu(n) && this.isItemEnabled(n) ? n : null;
+	}
+	getRootTriggerForEvent(e) {
+		for (let t of e.composedPath()) if (t instanceof HTMLElement && !t.closest("ui-menu") && t.getAttribute("popovertarget") === this.id) return t;
+		return null;
+	}
+	getTriggers() {
+		return this.id ? Array.from(P(this).querySelectorAll(`[popovertarget="${CSS.escape(this.id)}"]`)) : [];
+	}
+	getParentMenuTrigger() {
+		return this.getTriggers().find((e) => e.closest("ui-menu")) || null;
+	}
+	getParentMenu() {
+		return this.getParentMenuTrigger()?.closest("ui-menu") || null;
+	}
+	getSubmenu(e) {
+		let t = e.getAttribute("popovertarget");
+		return t ? P(this).querySelector(`ui-menu#${CSS.escape(t)}`) : null;
+	}
+	openSubmenu(e) {
+		let t = this.getSubmenu(e);
+		t && (this.closeSubmenus(), t.showPopoverWithSource(e));
+	}
+	closeSubmenus() {
+		this.getItems().forEach((e) => this.getSubmenu(e)?.closeSelfAndDescendants());
+	}
+	closeSelfAndDescendants() {
+		this.closeSubmenus(), this.hasAttribute("popover") && this.matches(":popover-open") && this.hidePopover();
+	}
+	closeMenuTree() {
+		this.closeSelfAndDescendants(), this.getParentMenu()?.closeMenuTree();
+	}
+	focusRootMenuTrigger() {
+		this.getRootMenuTrigger()?.focus({ preventScroll: !0 });
+	}
+	getRootMenuTrigger() {
+		let e = this.getParentMenu();
+		return e ? e.getRootMenuTrigger() : this.getTriggers()[0] || null;
+	}
+	handleTypeahead(e, t, n) {
+		if (e.key === " " || e.key.length > 1 || e.ctrlKey || e.metaKey || e.altKey || !t.length) return;
+		e.preventDefault();
+		let r = this.updateTypeaheadSearch(e.key), i = n ? t.indexOf(n) : -1;
+		this.findTypeaheadMatch(t, r, i)?.focus();
+	}
+	updateTypeaheadSearch(t) {
+		return this.search += t.toLowerCase(), clearTimeout(this.searchTimeout), this.searchTimeout = window.setTimeout(() => {
+			this.search = "";
+		}, e.searchDelay), this.search.length > 1 && this.search.split("").every((e) => e === this.search[0]) ? this.search[0] : this.search;
+	}
+	findTypeaheadMatch(e, t, n) {
+		for (let r = 1; r <= e.length; r += 1) {
+			let i = e[(n + r + e.length) % e.length];
+			if (this.getItemLabel(i).startsWith(t)) return i;
+		}
+	}
+	getItemLabel(e) {
+		return (e.getAttribute("aria-label") || e.textContent || "").trim().toLowerCase();
+	}
+	showPopoverWithSource(e) {
+		this.showPopover?.({ source: e });
+	}
+}, L = /* @__PURE__ */ [
+	"input:not([inert]):not([inert] *)",
+	"select:not([inert]):not([inert] *)",
+	"textarea:not([inert]):not([inert] *)",
+	"a[href]:not([inert]):not([inert] *)",
+	"button:not([inert]):not([inert] *)",
+	"[tabindex]:not(slot):not([inert]):not([inert] *)",
+	"audio[controls]:not([inert]):not([inert] *)",
+	"video[controls]:not([inert]):not([inert] *)",
+	"[contenteditable]:not([contenteditable=\"false\"]):not([inert]):not([inert] *)",
+	"details>summary:first-of-type:not([inert]):not([inert] *)",
+	"details:not([inert]):not([inert] *)"
+].join(","), R = typeof Element > "u", z = R ? function() {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, B = !R && Element.prototype.getRootNode ? function(e) {
+	return e?.getRootNode?.call(e);
+} : function(e) {
+	return e?.ownerDocument;
+}, V = function(e, t) {
+	t === void 0 && (t = !0);
+	var n = e?.getAttribute?.call(e, "inert");
+	return n === "" || n === "true" || t && e && (typeof e.closest == "function" ? e.closest("[inert]") : V(e.parentNode));
+}, H = function(e) {
+	var t = e?.getAttribute?.call(e, "contenteditable");
+	return t === "" || t === "true";
+}, U = function(e, t, n) {
+	if (V(e)) return [];
+	var r = Array.prototype.slice.apply(e.querySelectorAll(L));
+	return t && z.call(e, L) && r.unshift(e), r = r.filter(n), r;
+}, W = function(e, t, n) {
+	for (var r = [], i = Array.from(e); i.length;) {
+		var a = i.shift();
+		if (!V(a, !1)) if (a.tagName === "SLOT") {
+			var o = a.assignedElements(), s = W(o.length ? o : a.children, !0, n);
+			n.flatten ? r.push.apply(r, s) : r.push({
+				scopeParent: a,
+				candidates: s
+			});
+		} else {
+			z.call(a, L) && n.filter(a) && (t || !e.includes(a)) && r.push(a);
+			var c = a.shadowRoot || typeof n.getShadowRoot == "function" && n.getShadowRoot(a), l = !V(c, !1) && (!n.shadowRootFilter || n.shadowRootFilter(a));
+			if (c && l) {
+				var u = W(c === !0 ? a.children : c.children, !0, n);
+				n.flatten ? r.push.apply(r, u) : r.push({
+					scopeParent: a,
+					candidates: u
+				});
+			} else i.unshift.apply(i, a.children);
+		}
+	}
+	return r;
+}, G = function(e) {
+	return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
+}, K = function(e) {
+	if (!e) throw Error("No node provided");
+	return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || H(e)) && !G(e) ? 0 : e.tabIndex;
+}, q = function(e, t) {
+	var n = K(e);
+	return n < 0 && t && !G(e) ? 0 : n;
+}, J = function(e, t) {
+	return e.tabIndex === t.tabIndex ? e.documentOrder - t.documentOrder : e.tabIndex - t.tabIndex;
+}, Y = function(e) {
+	return e.tagName === "INPUT";
+}, ie = function(e) {
+	return Y(e) && e.type === "hidden";
+}, ae = function(e) {
+	return e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(e) {
+		return e.tagName === "SUMMARY";
+	});
+}, oe = function(e, t) {
+	for (var n = 0; n < e.length; n++) if (e[n].checked && e[n].form === t) return e[n];
+}, se = function(e) {
+	if (!e.name) return !0;
+	var t = e.form || B(e), n = function(e) {
+		return t.querySelectorAll("input[type=\"radio\"][name=\"" + e + "\"]");
+	}, r;
+	if (typeof window < "u" && window.CSS !== void 0 && typeof window.CSS.escape == "function") r = n(window.CSS.escape(e.name));
+	else try {
+		r = n(e.name);
+	} catch (e) {
+		return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", e.message), !1;
+	}
+	var i = oe(r, e.form);
+	return !i || i === e;
+}, ce = function(e) {
+	return Y(e) && e.type === "radio";
+}, le = function(e) {
+	return ce(e) && !se(e);
+}, ue = function(e) {
+	var t = e && B(e), n = t?.host, r = !1;
+	if (t && t !== e) {
+		var i, a, o;
+		for (r = !!((i = n) != null && (a = i.ownerDocument) != null && a.contains(n) || e != null && (o = e.ownerDocument) != null && o.contains(e)); !r && n;) {
+			var s, c;
+			t = B(n), n = t?.host, r = !!((s = n) != null && (c = s.ownerDocument) != null && c.contains(n));
+		}
+	}
+	return r;
+}, X = function(e) {
+	var t = e.getBoundingClientRect(), n = t.width, r = t.height;
+	return n === 0 && r === 0;
+}, de = function(e, t) {
+	var n = t.displayCheck, r = t.getShadowRoot;
+	if (n === "full-native" && "checkVisibility" in e) return !e.checkVisibility({
+		checkOpacity: !1,
+		opacityProperty: !1,
+		contentVisibilityAuto: !0,
+		visibilityProperty: !0,
+		checkVisibilityCSS: !0
+	});
+	if (getComputedStyle(e).visibility === "hidden") return !0;
+	var i = z.call(e, "details>summary:first-of-type") ? e.parentElement : e;
+	if (z.call(i, "details:not([open]) *")) return !0;
+	if (!n || n === "full" || n === "full-native" || n === "legacy-full") {
+		if (typeof r == "function") {
+			for (var a = e; e;) {
+				var o = e.parentElement, s = B(e);
+				if (o && !o.shadowRoot && r(o) === !0) return X(e);
+				e = e.assignedSlot ? e.assignedSlot : !o && s !== e.ownerDocument ? s.host : o;
+			}
+			e = a;
+		}
+		if (ue(e)) return !e.getClientRects().length;
+		if (n !== "legacy-full") return !0;
+	} else if (n === "non-zero-area") return X(e);
+	return !1;
+}, fe = function(e) {
+	if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName)) for (var t = e.parentElement; t;) {
+		if (t.tagName === "FIELDSET" && t.disabled) {
+			for (var n = 0; n < t.children.length; n++) {
+				var r = t.children.item(n);
+				if (r.tagName === "LEGEND") return z.call(t, "fieldset[disabled] *") ? !0 : !r.contains(e);
+			}
+			return !0;
+		}
+		t = t.parentElement;
+	}
+	return !1;
+}, Z = function(e, t) {
+	return !(t.disabled || ie(t) || de(t, e) || ae(t) || fe(t));
+}, Q = function(e, t) {
+	return !(le(t) || K(t) < 0 || !Z(e, t));
+}, pe = function(e) {
+	var t = parseInt(e.getAttribute("tabindex"), 10);
+	return !!(isNaN(t) || t >= 0);
+}, $ = function(e) {
+	var t = [], n = [];
+	return e.forEach(function(e, r) {
+		var i = !!e.scopeParent, a = i ? e.scopeParent : e, o = q(a, i), s = i ? $(e.candidates) : a;
+		o === 0 ? i ? t.push.apply(t, s) : t.push(a) : n.push({
+			documentOrder: r,
+			tabIndex: o,
+			item: e,
+			isScope: i,
+			content: s
+		});
+	}), n.sort(J).reduce(function(e, t) {
+		return t.isScope ? e.push.apply(e, t.content) : e.push(t.content), e;
+	}, []).concat(t);
+}, me = function(e, t) {
+	return t ||= {}, $(t.getShadowRoot ? W([e], t.includeContainer, {
+		filter: Q.bind(null, t),
+		flatten: !1,
+		getShadowRoot: t.getShadowRoot,
+		shadowRootFilter: pe
+	}) : U(e, t.includeContainer, Q.bind(null, t)));
+}, he = function(e, t) {
+	return t ||= {}, t.getShadowRoot ? W([e], t.includeContainer, {
+		filter: Z.bind(null, t),
+		flatten: !0,
+		getShadowRoot: t.getShadowRoot
+	}) : U(e, t.includeContainer, Z.bind(null, t));
+}, ge = 0, _e = class extends HTMLElement {
+	idPrefix = "tabs" + ++ge;
+	structureSync;
+	managedPanelTabindex = /* @__PURE__ */ new WeakSet();
+	connectedCallback() {
+		this.addEventListener("keydown", this.onKeyDown), this.addEventListener("click", this.onClick), this.structureSync ||= N(this, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["role", "aria-selected"]
+		}, () => this.syncStructure()), this.structureSync.observe(), this.structureSync.queue();
+	}
+	disconnectedCallback() {
+		this.removeEventListener("keydown", this.onKeyDown), this.removeEventListener("click", this.onClick), this.structureSync?.disconnect();
+	}
+	selectTab(e, t = {}) {
+		return this.applySelection(this.tabPairs(), e, t);
+	}
+	onKeyDown = (e) => {
+		let t = this.tabPairs();
+		if (!t.length) return;
+		let n = F(e.key, {
+			currentIndex: this.getEventTabIndex(e.target, t),
+			length: t.length,
+			vertical: this.vertical
+		});
+		n !== void 0 && (this.applySelection(t, n, { focus: !0 }), e.stopPropagation(), e.preventDefault());
+	};
+	onClick = (e) => {
+		let t = this.tabPairs();
+		this.applySelection(t, this.getEventTabIndex(e.target, t), { focus: !0 });
+	};
+	syncStructure() {
+		let e = this.tabPairs();
+		e.length && this.applySelection(e, this.getSelectedIndex(e, 0), { emit: !1 });
+	}
+	get vertical() {
+		return this.tablist?.getAttribute("aria-orientation") === "vertical";
+	}
+	get tablist() {
+		return Array.from(this.querySelectorAll("[role=tablist]")).find((e) => e.closest("ui-tabs") === this);
+	}
+	tabPairs() {
+		let e = this.tablist;
+		if (!e) return [];
+		let t = Array.from(e.querySelectorAll("[role=tab]")), n = Array.from(this.querySelectorAll("[role=tabpanel]")).filter((e) => e.closest("ui-tabs") === this);
+		t.forEach((e, t) => {
+			e.id ||= this.idPrefix + "_tab_" + t;
+		}), n.forEach((e, t) => {
+			e.id ||= this.idPrefix + "_panel_" + t;
+		});
+		let r = t.slice(0, Math.min(t.length, n.length)).map((e, t) => ({
+			tab: e,
+			panel: n[t]
+		}));
+		return r.forEach(({ tab: e, panel: t }) => {
+			e.setAttribute("aria-controls", t.id), t.setAttribute("aria-labelledby", e.id);
+		}), r;
+	}
+	getSelectedIndex(e, t = -1) {
+		let n = e.findIndex(({ tab: e }) => e.getAttribute("aria-selected") === "true");
+		return n === -1 ? t : n;
+	}
+	getEventTabIndex(e, t) {
+		if (!(e instanceof Element)) return -1;
+		let n = e.closest("[role=tab]");
+		return n ? t.findIndex((e) => e.tab === n) : -1;
+	}
+	applySelection(e, t, n = {}) {
+		let { focus: r = !1, emit: i = !0 } = n;
+		if (t < 0 || t >= e.length) return !1;
+		let a = this.getSelectedIndex(e);
+		return e.forEach(({ tab: e, panel: n }, i) => {
+			let a = i === t;
+			e.getAttribute("aria-selected") !== String(a) && e.setAttribute("aria-selected", String(a)), a ? (e.removeAttribute("tabindex"), n.hidden = !1, r && e.focus()) : (e.setAttribute("tabindex", "-1"), n.hidden = !0), this.syncPanelTabindex(n, a);
+		}), i && a !== t && this.dispatchEvent(new Event("change")), a !== t;
+	}
+	syncPanelTabindex(e, t) {
+		let n = me(e).filter((t) => t !== e);
+		if (t && !this.hasAuthorManagedTabindex(e) && n.length === 0) {
+			e.setAttribute("tabindex", "0"), this.managedPanelTabindex.add(e);
+			return;
+		}
+		this.managedPanelTabindex.has(e) && (e.removeAttribute("tabindex"), this.managedPanelTabindex.delete(e));
+	}
+	hasAuthorManagedTabindex(e) {
+		return e.hasAttribute("tabindex") && !this.managedPanelTabindex.has(e);
+	}
+}, ve = class extends HTMLElement {
+	structureSync;
+	connectedCallback() {
+		this.hasAttribute("role") || this.setAttribute("role", "toolbar"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEventListener("focus", this.onFocus), this.addEventListener("keydown", this.onKeyDown), this.structureSync ||= N(this, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: [
+				"disabled",
+				"hidden",
+				"aria-disabled"
+			]
+		}, () => this.syncControls()), this.structureSync.observe(), this.structureSync.queue();
+	}
+	disconnectedCallback() {
+		this.removeEventListener("focus", this.onFocus), this.removeEventListener("keydown", this.onKeyDown), this.structureSync?.disconnect();
+	}
+	onFocus = (e) => {
+		e.target === this && (this.removeAttribute("tabindex"), this.syncControls()?.focus());
+	};
+	onKeyDown = (e) => {
+		let t = this.controls, n = t.indexOf(e.target);
+		if (n === -1) return;
+		let r = F(e.key, {
+			currentIndex: n,
+			length: t.length,
+			vertical: this.vertical
+		});
+		if (r === void 0) return;
+		let i = t[r];
+		this.syncCurrentControl(t, i), i?.focus(), e.preventDefault();
+	};
+	syncControls() {
+		let e = this.controls;
+		if (!e.length) {
+			this.setAttribute("tabindex", "0");
+			return;
+		}
+		let t = P(this).activeElement, n = this.hasAttribute("tabindex") ? e[0] : e.find((e) => e === t) || e.find((e) => e.getAttribute("tabindex") === "0") || e[0];
+		return this.syncCurrentControl(e, n), n;
+	}
+	syncCurrentControl(e, t) {
+		e.forEach((e) => {
+			e.setAttribute("tabindex", e === t ? "0" : "-1");
+		});
+	}
+	get vertical() {
+		return this.getAttribute("aria-orientation") === "vertical";
+	}
+	get controls() {
+		return he(this);
+	}
+}, ye = 0, be = class e extends HTMLElement {
+	static delay = 100;
+	static observedAttributes = [
+		"disabled",
+		"for",
+		"id"
+	];
+	owner;
+	timeout;
+	sync = M(this, () => this.syncOwner());
+	ownerObserver;
+	siblingObserver;
+	managedDescription;
+	connectedCallback() {
+		this.hasAttribute("popover") || this.setAttribute("popover", "hint"), this.hasAttribute("role") || this.setAttribute("role", "tooltip"), this.ensureTooltipId(), this.addEventListener("toggle", this.onToggle), this.addEventListener("pointerenter", this.onTooltipPointerEnter), this.addEventListener("pointerleave", this.onInteractivePointerLeave), this.syncOwner();
+	}
+	disconnectedCallback() {
+		this.removeEventListener("toggle", this.onToggle), this.removeEventListener("pointerenter", this.onTooltipPointerEnter), this.removeEventListener("pointerleave", this.onInteractivePointerLeave), this.ownerDocument.removeEventListener("keydown", this.onDocumentKeyDown), this.siblingObserver?.disconnect(), this.sync.disconnect(), this.setOwner(void 0), clearTimeout(this.timeout);
+	}
+	attributeChangedCallback(e, t, n) {
+		!this.isConnected || t === n || (e === "id" && !n && this.ensureTooltipId(), this.syncOwner());
+	}
+	get disabled() {
+		return this.hasAttribute("disabled");
+	}
+	set disabled(e) {
+		e ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
+	}
+	show(e = this.resolveOwner()) {
+		clearTimeout(this.timeout), this.syncOwner(e);
+		let t = this.owner;
+		!t || this.matches(":popover-open") || this.showPopover?.({ source: t });
+	}
+	hide() {
+		clearTimeout(this.timeout), this.matches(":popover-open") && this.hidePopover();
+	}
+	onToggle = (e) => {
+		if (e.target === this) {
+			if (e.newState === "open") {
+				this.ownerDocument.addEventListener("keydown", this.onDocumentKeyDown);
+				return;
+			}
+			this.ownerDocument.removeEventListener("keydown", this.onDocumentKeyDown);
+		}
+	};
+	onDocumentKeyDown = (e) => {
+		e.key === "Escape" && this.hide();
+	};
+	syncOwner(e = this.resolveOwner()) {
+		if (this.siblingObserver ??= new MutationObserver(this.sync.queue), this.siblingObserver.disconnect(), !this.hasAttribute("for") && this.parentElement && this.siblingObserver.observe(this.parentElement, { childList: !0 }), !e) {
+			this.hide(), this.setOwner(void 0);
+			return;
+		}
+		this.owner && this.owner !== e && this.matches(":popover-open") && this.hide(), this.setOwner(e);
+	}
+	resolveOwner(e) {
+		let t = e ?? (this.hasAttribute("for") ? this.resolveExplicitOwner() : this.previousElementSibling instanceof HTMLElement ? this.previousElementSibling : void 0);
+		if (!(this.disabled || !t || !t.isConnected || t === this || this.isOwnerDisabled(t))) return t;
+	}
+	resolveExplicitOwner() {
+		let e = this.getAttribute("for");
+		if (!e) return;
+		let t = this.getRootNode(), n = t instanceof ShadowRoot && t.querySelector(`#${CSS.escape(e)}`) || this.ownerDocument.getElementById(e);
+		return n instanceof HTMLElement ? n : void 0;
+	}
+	setOwner(e) {
+		let t = this.owner !== e;
+		t && this.owner && (this.owner.removeEventListener("focusin", this.onOwnerFocusIn), this.owner.removeEventListener("focusout", this.onOwnerFocusOut), this.owner.removeEventListener("pointerenter", this.onOwnerPointerEnter), this.owner.removeEventListener("pointerleave", this.onInteractivePointerLeave), this.owner.removeEventListener("click", this.onOwnerClick)), this.owner = e, this.updateManagedDescription(e), this.ownerObserver?.disconnect(), e && (this.ownerObserver ??= new MutationObserver(this.sync.queue), this.ownerObserver.observe(e, {
+			attributes: !0,
+			attributeFilter: [
+				"aria-describedby",
+				"aria-disabled",
+				"disabled"
+			]
+		}), t && (e.addEventListener("focusin", this.onOwnerFocusIn), e.addEventListener("focusout", this.onOwnerFocusOut), e.addEventListener("pointerenter", this.onOwnerPointerEnter), e.addEventListener("pointerleave", this.onInteractivePointerLeave), e.addEventListener("click", this.onOwnerClick)));
+	}
+	onOwnerFocusIn = () => {
+		!this.owner || !this.owner.matches(":focus-visible") || this.show(this.owner);
+	};
+	onOwnerFocusOut = (e) => {
+		this.containsInteractiveTarget(e.relatedTarget) || this.hide();
+	};
+	onOwnerPointerEnter = (e) => {
+		this.supportsHoverInteraction(e) && this.owner && (this.containsInteractiveTarget(e.relatedTarget) || this.afterDelay(() => this.show(this.owner)));
+	};
+	onTooltipPointerEnter = (e) => {
+		this.supportsHoverInteraction(e) && (this.containsInteractiveTarget(e.relatedTarget) || clearTimeout(this.timeout));
+	};
+	onInteractivePointerLeave = (e) => {
+		e.pointerType && e.pointerType !== "mouse" || this.containsInteractiveTarget(e.relatedTarget) || this.afterDelay(this.hide);
+	};
+	onOwnerClick = () => {
+		this.hide();
+	};
+	afterDelay(t) {
+		clearTimeout(this.timeout);
+		let n = parseInt(this.getAttribute("delay") || "");
+		this.timeout = window.setTimeout(t, isNaN(n) ? e.delay : n);
+	}
+	containsInteractiveTarget(e) {
+		return e instanceof Node && (this.contains(e) || !!this.owner && this.owner.contains(e));
+	}
+	updateManagedDescription(e) {
+		let t = e ? this.ensureTooltipId() : void 0;
+		if (this.managedDescription && (this.managedDescription.owner !== e || this.managedDescription.id !== t)) {
+			let e = this.managedDescription, t = this.getDescriptionTokens(e.owner).filter((t) => t !== e.id);
+			t.length ? e.owner.setAttribute("aria-describedby", t.join(" ")) : e.owner.removeAttribute("aria-describedby"), this.managedDescription = void 0;
+		}
+		if (!e || !t || this.managedDescription) return;
+		let n = this.getDescriptionTokens(e);
+		n.includes(t) || (e.setAttribute("aria-describedby", [...n, t].join(" ")), this.managedDescription = {
+			owner: e,
+			id: t
+		});
+	}
+	getDescriptionTokens(e) {
+		return (e.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean);
+	}
+	ensureTooltipId() {
+		return this.id ||= `ui-tooltip-${++ye}`, this.id;
+	}
+	supportsHoverInteraction(e) {
+		return (!e.pointerType || e.pointerType === "mouse") && window.matchMedia("(hover: hover) and (pointer: fine)").matches;
+	}
+	isOwnerDisabled(e) {
+		return e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true";
+	}
+};
+//#endregion
+export { j as AlertsElement, I as MenuElement, _e as TabsElement, ve as ToolbarElement, be as TooltipElement };