@revolist/ui 4.0.1-rc → 4.0.1

package/_chunks/{delete-button-DnpmDNEJ.js → delete-button-CW9vjLnk.js}

@@ -1,17 +1,17 @@
-import { jsx as e } from "preact/jsx-runtime";
+import { t as e } from "./jsxRuntime.module-F6UFnpT-.js";
 //#region src/icons/cancel.svg?raw
-var t = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill=\"currentColor\" d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/></svg>", n = ({ onClick: n, disabled: r, className: i, onMouseDown: a, onDblClick: o, locale: s = {
+var t = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill=\"currentColor\" d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/></svg>", n = ({ onClick: n, disabled: r, rounded: i, className: a, onMouseDown: o, onDblClick: s, locale: c = {
 	title: "Remove",
 	ariaLabel: "Remove"
 } }) => /* @__PURE__ */ e("button", {
-	onMouseDown: a,
-	onDblClick: o,
+	onMouseDown: o,
+	onDblClick: s,
 	onClick: n,
 	disabled: r,
 	type: "button",
-	title: s.title,
-	"aria-label": s.ariaLabel,
-	className: `rounded-lg flex focus:outline-none remove-btn rv-chip-remove${i ? ` ${i}` : ""}`,
+	title: c.title,
+	"aria-label": c.ariaLabel,
+	className: `rounded-lg flex focus:outline-none remove-btn rv-chip-remove${i ? " rv-btn-rounded" : ""}${a ? ` ${a}` : ""}`,
 	dangerouslySetInnerHTML: { __html: t }
 });
 //#endregion

package/_chunks/dialog.parts-CJ3FVxC9.js

@@ -0,0 +1,131 @@
+import { i as e } from "./preact.module-BBM36DnO.js";
+import { t } from "./jsxRuntime.module-F6UFnpT-.js";
+import { createPreactElement as n, releasePreactElement as r } from "../preact-mount.js";
+import { n as i, t as a } from "./native-control-B9MNibfa.js";
+import { r as o } from "./popup-C35Isk7p.js";
+import { t as s } from "./xmark-DD_PBvZI.js";
+//#region src/dialog/dialog-action-footer.tsx
+function c({ cancel: e = {}, save: n = {}, deleteAction: r = !1, reset: i = !1, start: o, end: s, children: c, actionsClass: l = "", class: u = "", ...d }) {
+	let f = (e, n, r, i = "", o = "button") => {
+		if (n === !1) return null;
+		let { label: s = r, class: c = "", ...l } = n;
+		return /* @__PURE__ */ t(a, {
+			type: o,
+			...l,
+			class: `rv-btn ${i} ${c}`,
+			"data-dialog-action": e,
+			children: s
+		});
+	};
+	return /* @__PURE__ */ t("footer", {
+		...d,
+		class: `rv-dialog__footer rv-dialog__action-footer ${u}`,
+		children: [c, /* @__PURE__ */ t("div", {
+			class: "rv-dialog__action-panel",
+			children: [/* @__PURE__ */ t("div", {
+				class: "rv-dialog__action-start",
+				children: [
+					o,
+					f("delete", r, "Delete", "rv-btn-danger-outline"),
+					f("reset", i, "Reset")
+				]
+			}), /* @__PURE__ */ t("div", {
+				class: `rv-dialog__actions ${l}`,
+				children: [
+					s,
+					f("cancel", e, "Cancel"),
+					f("save", n, "Save", "rv-btn-primary", "submit")
+				]
+			})]
+		})]
+	});
+}
+function l(e, i) {
+	let a = n(e.ownerDocument, /* @__PURE__ */ t(c, { ...i }));
+	return e.append(a), { destroy() {
+		r(a);
+	} };
+}
+//#endregion
+//#region src/dialog/dialog.parts.tsx
+var u = o(({ class: e = "", ...n }, r) => /* @__PURE__ */ t("header", {
+	...n,
+	ref: r,
+	class: `rv-dialog__header ${e}`
+}));
+function d({ class: e = "", ...n }) {
+	return /* @__PURE__ */ t("form", {
+		...n,
+		class: `rv-dialog__surface ${e}`
+	});
+}
+var f = o(({ class: e = "", ...n }, r) => /* @__PURE__ */ t("div", {
+	...n,
+	ref: r,
+	class: `rv-dialog__body ${e}`
+})), p = o(({ class: e = "", ...n }, r) => /* @__PURE__ */ t("footer", {
+	...n,
+	ref: r,
+	class: `rv-dialog__footer ${e}`
+})), m = o(({ class: e = "", ...n }, r) => /* @__PURE__ */ t("div", {
+	...n,
+	ref: r,
+	class: `rv-dialog__actions ${e}`
+}));
+function h({ class: e = "", iconClass: n = "", ...r }) {
+	return /* @__PURE__ */ t(a, {
+		...r,
+		unstyled: !0,
+		type: "button",
+		class: `rv-dialog__close ${e}`,
+		children: /* @__PURE__ */ t("span", {
+			class: `rv-dialog__close-icon ${n}`,
+			"aria-hidden": "true",
+			dangerouslySetInnerHTML: { __html: s }
+		})
+	});
+}
+var g = o(({ class: e = "", ...n }, r) => /* @__PURE__ */ t(i, {
+	...n,
+	ref: r,
+	class: `rv-dialog__title-input ${e}`
+})), _ = o(({ titleId: n, title: r, name: i, description: a, inputLabel: o, titleHidden: s, headingClass: c = "", kickerClass: l = "", titleClass: d = "", inputProps: f, closeLabel: p, closeProps: m, onClose: _, class: v = "", ...y }, b) => /* @__PURE__ */ t(u, {
+	...y,
+	ref: b,
+	class: `rv-dialog__header--editable ${v}`,
+	children: [/* @__PURE__ */ t("div", {
+		class: `rv-dialog__heading ${c}`,
+		children: [
+			!s && i && /* @__PURE__ */ t("span", {
+				class: `rv-dialog__kicker ${l}`,
+				children: i
+			}),
+			!s && (f === !1 ? /* @__PURE__ */ t("h3", {
+				id: n,
+				class: `rv-dialog__title ${d}`,
+				children: r
+			}) : /* @__PURE__ */ t(e, { children: [/* @__PURE__ */ t("h3", {
+				id: n,
+				class: `rv-dialog__sr-only ${d}`,
+				children: r
+			}), /* @__PURE__ */ t(g, {
+				"aria-label": o,
+				value: r,
+				...f
+			})] })),
+			a && /* @__PURE__ */ t("div", {
+				class: "rv-dialog__description",
+				children: a
+			})
+		]
+	}), _ && /* @__PURE__ */ t(h, {
+		...m,
+		"aria-label": p,
+		onClick: _
+	})]
+}));
+function v(e) {
+	return /* @__PURE__ */ t(c, { ...e });
+}
+//#endregion
+export { p as a, g as c, l as d, h as i, _ as l, m as n, d as o, f as r, u as s, v as t, c as u };

package/_chunks/duration-CBJWK82T.js

@@ -0,0 +1,272 @@
+import { i as e } from "./preact.module-BBM36DnO.js";
+import { c as t, i as n, t as r } from "./hooks.module-CG3gN83z.js";
+import { t as i } from "./jsxRuntime.module-F6UFnpT-.js";
+import { l as a, n as o } from "./native-control-B9MNibfa.js";
+import { SegmentedSwitch as s } from "../segmented-switch/index.js";
+import { SingleValueSlider as c } from "../filter/filters/slider/single.js";
+import { n as l } from "./editor-commit-Bq3wSgvr.js";
+import { EditorActions as u } from "../editor-actions.js";
+//#region ../dates/src/duration.ts
+var d = {
+	m: "minute",
+	min: "minute",
+	mins: "minute",
+	minute: "minute",
+	minutes: "minute",
+	h: "hour",
+	hr: "hour",
+	hrs: "hour",
+	hour: "hour",
+	hours: "hour",
+	d: "day",
+	day: "day",
+	days: "day",
+	w: "week",
+	wk: "week",
+	wks: "week",
+	week: "week",
+	weeks: "week",
+	mo: "month",
+	mon: "month",
+	mons: "month",
+	month: "month",
+	months: "month",
+	q: "quarter",
+	qr: "quarter",
+	qtr: "quarter",
+	qtrs: "quarter",
+	quarter: "quarter",
+	quarters: "quarter",
+	y: "year",
+	yr: "year",
+	yrs: "year",
+	year: "year",
+	years: "year"
+}, f = {
+	minute: ["minute", "minutes"],
+	hour: ["hour", "hours"],
+	day: ["day", "days"],
+	week: ["week", "weeks"],
+	month: ["month", "months"],
+	quarter: ["quarter", "quarters"],
+	year: ["year", "years"]
+};
+function p(e) {
+	return typeof e == "number" && Number.isFinite(e) ? Math.min(20, Math.max(0, Math.floor(e))) : 1;
+}
+function m(e, t) {
+	let n = t?.defaultUnit ?? "day";
+	if (typeof e == "number") return Number.isFinite(e) && e >= 0 ? {
+		value: e,
+		unit: n,
+		elapsed: !1
+	} : null;
+	if (typeof e != "string") return null;
+	let r = e.trim().toLowerCase();
+	if (!r) return null;
+	let i = r.match(/^([+]?(?:\d+(?:\.\d+)?|\.\d+))\s*(.*)$/);
+	if (!i) return null;
+	let a = Number(i[1]);
+	if (!Number.isFinite(a) || a < 0) return null;
+	let o = i[2].trim().replace(/\s+/g, " "), s = !1;
+	if (o.startsWith("elapsed ") ? (s = !0, o = o.slice(8).trim()) : o.startsWith("e") && o.length > 1 && d[o.slice(1)] && (s = !0, o = o.slice(1)), s && t?.allowElapsed === !1) return null;
+	let c = o ? d[o] : n;
+	return c ? {
+		value: a,
+		unit: c,
+		elapsed: s
+	} : null;
+}
+function h(e, t) {
+	return Number(e.toFixed(p(t)));
+}
+function g(e, t, n) {
+	let r = h(e, n?.maximumFractionDigits ?? 1), i = f[t], a = Math.abs(Math.abs(r) - 1) < 1e-9 ? i[0] : i[1];
+	return `${r} ${n?.elapsed ? "elapsed " : ""}${a}`;
+}
+//#endregion
+//#region ../dates/src/duration-control.ts
+function _(e, t) {
+	if (e == null || typeof e == "string" && !e.trim()) return {
+		valid: !t.required,
+		value: null
+	};
+	let n = m(typeof e == "object" && e && "unit" in e && "value" in e ? `${String(e.value)}${"elapsed" in e && e.elapsed ? " elapsed " : " "}${String(e.unit)}` : e, {
+		...t,
+		allowElapsed: t.allowElapsed ?? !1
+	}), r = !!n && (!t.allowedUnits || t.allowedUnits.includes(n.unit)) && (t.min === void 0 || n.value >= t.min) && (t.max === void 0 || n.value <= t.max);
+	return {
+		valid: r,
+		value: r ? n : null
+	};
+}
+//#endregion
+//#region src/duration/controls.tsx
+var v = {
+	minute: "min",
+	hour: "hour",
+	day: "day",
+	week: "week",
+	month: "month",
+	quarter: "qtr",
+	year: "year"
+};
+function y(t) {
+	let { unit: n, amount: r } = t, o = t.onCommit ?? t.onChange, l = [...new Set(t.allowedUnits ?? Object.keys(v))], u = typeof t.slider == "object" ? t.slider : {}, d = Number.isFinite(t.min) ? Math.max(0, t.min) : 0, f = Math.max(d + 100, r), p = Number.isFinite(t.max) ? t.max : Number.isFinite(u.max) ? u.max : f, m = Number.isFinite(u.step) && u.step > 0 ? u.step : 1;
+	return /* @__PURE__ */ i(e, { children: [t.slider && /* @__PURE__ */ i("span", {
+		class: "rv-duration-field__slider",
+		children: [/* @__PURE__ */ i(c, {
+			min: d,
+			max: p,
+			step: m,
+			value: t.amount,
+			disabled: t.disabled || p <= d,
+			ariaLabel: t.label ?? "Duration",
+			ariaValueText: t.draft,
+			onChange: (e) => t.onChange(e),
+			onCommit: t.onCommit ? (e) => t.onCommit?.(e) : void 0
+		}), /* @__PURE__ */ i("span", {
+			class: "rv-duration-field__bounds",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ i("span", { children: d }), /* @__PURE__ */ i("span", { children: [
+				p,
+				" ",
+				t.unitLabels?.[n] ?? v[n]
+			] })]
+		})]
+	}), t.unitButtons && /* @__PURE__ */ i("span", {
+		class: "rv-duration-field__modes",
+		children: [l.length === 0 ? null : l.length > 5 ? /* @__PURE__ */ i(a, {
+			className: "rv-select",
+			config: {
+				ariaLabel: t.unitLabel ?? "Duration unit",
+				topLayer: !0
+			},
+			source: l.map((e) => ({
+				value: e,
+				label: t.unitLabels?.[e] ?? v[e]
+			})),
+			value: n,
+			disabled: t.disabled,
+			onChange: (e) => o(r, e)
+		}) : /* @__PURE__ */ i(s, {
+			role: "radiogroup",
+			ariaLabel: t.unitLabel ?? "Duration unit",
+			value: n,
+			options: l.map((e) => ({
+				value: e,
+				label: t.unitLabels?.[e] ?? v[e],
+				ariaLabel: t.unitLabels?.[e] ?? e
+			})),
+			disabled: t.disabled,
+			onChange: (e) => o(r, e)
+		}), t.allowElapsed && /* @__PURE__ */ i(s, {
+			role: "radiogroup",
+			ariaLabel: t.modeLabel ?? "Duration mode",
+			value: t.elapsed ? "elapsed" : "working",
+			options: [{
+				value: "working",
+				label: t.workingLabel ?? "Working"
+			}, {
+				value: "elapsed",
+				label: t.elapsedLabel ?? "Elapsed"
+			}],
+			disabled: t.disabled,
+			onChange: (e) => o(r, n, e === "elapsed")
+		})]
+	})] });
+}
+//#endregion
+//#region src/duration/index.tsx
+function b(e) {
+	let a = (t) => t && typeof t == "object" ? g(t.value, t.unit, {
+		elapsed: t.elapsed,
+		maximumFractionDigits: e.maximumFractionDigits ?? 10
+	}) : t === null ? "" : String(t), [s, c] = n(() => _(e.value, e).value?.unit ?? e.defaultUnit), [l, u] = n(() => a(e.value)), d = r(e.value);
+	t(() => {
+		e.value !== d.current && (d.current = e.value, u(a(e.value)), c(_(e.value, e).value?.unit ?? e.defaultUnit));
+	}, [e.value]);
+	let f = {
+		...e,
+		defaultUnit: e.unitButtons ? s : e.defaultUnit
+	}, p = _(l, f);
+	t(() => e.onValidityChange?.(p.valid), [p.valid]);
+	let m = e.disabled || e.readOnly, h = p.value, v = h?.unit ?? s, b = h?.value ?? 0, x = (t) => {
+		u(t), e.onDraftChange?.(t);
+		let n = _(t, f);
+		n.valid && (n.value && c(n.value.unit), d.current = n.value, e.onChange(n.value));
+	}, S = (t, n = v, r = h?.elapsed ?? !1, i = !1) => {
+		if (m) return;
+		let a = g(t, n, {
+			elapsed: r,
+			maximumFractionDigits: e.maximumFractionDigits ?? 10
+		});
+		x(a);
+		let o = _(a, f);
+		i && o.valid && e.onCommit?.(o.value);
+	};
+	return /* @__PURE__ */ i("span", {
+		class: `rv-duration-field ${e.className ?? ""}`,
+		children: [
+			/* @__PURE__ */ i(o, {
+				type: "text",
+				"aria-label": e.label ?? "Duration",
+				"aria-invalid": !p.valid,
+				value: l,
+				disabled: e.disabled,
+				readOnly: e.readOnly,
+				placeholder: e.placeholder ?? `2 ${e.unitLabels?.[e.defaultUnit] ?? e.defaultUnit}`,
+				onInput: (e) => x(e.currentTarget.value)
+			}),
+			/* @__PURE__ */ i(y, {
+				...e,
+				unit: v,
+				amount: b,
+				draft: l,
+				elapsed: h?.elapsed ?? !1,
+				disabled: m || !p.valid && !!l.trim(),
+				onChange: S,
+				onCommit: (e, t, n) => S(e, t, n, !0)
+			}),
+			!p.valid && /* @__PURE__ */ i("span", {
+				role: "alert",
+				class: "rv-editor-error",
+				children: e.invalidText ?? "Enter a valid duration within the allowed units and bounds."
+			})
+		]
+	});
+}
+function x({ value: e, options: t, apply: a, cancel: o }) {
+	let [s, c] = n(!1), [d, f] = n(e), [p, m] = n(0), h = t.autoApply !== !1, g = r(!1), v = r(e), y = (e = !1) => {
+		let n = _(v.current, t);
+		return n.valid ? ((e || !h || g.current) && (g.current = !1, a(n.value)), !0) : !1;
+	};
+	return l(y, h), /* @__PURE__ */ i("div", {
+		onKeyDown: (e) => {
+			let t = e.target instanceof HTMLInputElement && e.target.type === "text";
+			!e.isComposing && e.key === "Enter" && (h && t || e.ctrlKey || e.metaKey) && (e.preventDefault(), y(!0));
+		},
+		children: [/* @__PURE__ */ i(b, {
+			...t,
+			value: d,
+			onChange: (e) => {
+				g.current = !0, f(e);
+			},
+			onDraftChange: (e) => {
+				g.current = !0, v.current = e;
+			},
+			onValidityChange: c
+		}, p), /* @__PURE__ */ i(u, {
+			showConfirm: t.showActions ?? !h,
+			text: t.actions,
+			disabled: !s,
+			apply: () => y(!0),
+			cancel: o,
+			clear: t.required ? void 0 : () => {
+				h ? a(null) : (v.current = null, f(null), m((e) => e + 1));
+			}
+		})]
+	});
+}
+//#endregion
+export { b as n, x as t };

package/_chunks/editor-commit-Bq3wSgvr.js

@@ -0,0 +1,12 @@
+import { s as e } from "./preact.module-BBM36DnO.js";
+import { r as t, s as n, t as r } from "./hooks.module-CG3gN83z.js";
+//#region src/core/editor-commit.tsx
+var i = e(void 0);
+function a(e, a = !0) {
+	let o = n(i), s = r(e);
+	s.current = e, t(() => {
+		if (a) return o?.(() => s.current());
+	}, [o, a]);
+}
+//#endregion
+export { a as n, i as t };

package/_chunks/editor-popup-ByU7qiub.js

@@ -0,0 +1,82 @@
+import { calculateAnchoredPopoverPosition as e } from "../core/anchored-popover.js";
+import { t } from "./jsxRuntime.module-F6UFnpT-.js";
+import { createPreactElement as n, releasePreactElement as r } from "../preact-mount.js";
+import { i, r as a, t as o } from "./top-layer-popup-CNSDdfJV.js";
+import { t as s } from "./editor-commit-Bq3wSgvr.js";
+//#region src/core/editor-popup-position.ts
+function c(t, n, r, { gap: i = 4, inset: a = 8, fitViewport: o = !1 } = {}) {
+	let s = Math.max(0, r.height - a - t.bottom - i), c = Math.max(0, t.top - a - i), l = n.height <= s || s >= c ? "below" : "above", u = l === "below" ? s : c, d = o && n.height > u ? Math.max(u, r.height - 2 * a) : u, f = Math.min(n.height, d), p = l === "below" ? t.bottom + i : t.top - f - i;
+	return {
+		...e(t, n, r, i, a),
+		placementY: l,
+		maxHeight: d,
+		top: d > u ? Math.max(a, Math.min(p, r.height - a - f)) : p
+	};
+}
+//#endregion
+//#region src/core/editor-popup.tsx
+var l = /* @__PURE__ */ new WeakMap();
+function u(e, u, d) {
+	let f = e.ownerDocument, p = f.defaultView;
+	l.get(f)?.close();
+	let m = !1, h, g = (e) => (h = e, () => {
+		h === e && (h = void 0);
+	}), _ = () => {
+		m || (m = !0, E.disconnect(), T?.disconnect(), f.removeEventListener("pointerdown", y, !0), f.removeEventListener("keydown", b, !0), f.removeEventListener("scroll", x, !0), p.removeEventListener("resize", _), o(S, C), r(S), S.remove(), l.get(f)?.element === S && l.delete(f), d.onClose?.(), e.isConnected && e.focus({ preventScroll: !0 }));
+	}, v = (e) => e ? i(S, e) : !1, y = (t) => {
+		let n = t.target;
+		v(n) || e.contains(n) || d.trigger?.contains(n) || (d.isAvailable && !d.isAvailable() ? _() : h?.() === !1 ? (t.preventDefault(), t.stopPropagation()) : _());
+	}, b = (e) => {
+		if (e.key === "Escape") {
+			if (S.querySelector("[aria-expanded=\"true\"]")) return;
+			e.preventDefault(), e.stopPropagation(), _();
+		}
+		if (e.key === "Tab" && S.contains(e.target)) {
+			let t = [...S.querySelectorAll("button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[contenteditable=\"true\"],[tabindex=\"0\"]")].filter((e) => e.tabIndex >= 0 && e.getClientRects().length), n = t[0], r = t.at(-1);
+			e.shiftKey && f.activeElement === n ? (e.preventDefault(), r?.focus()) : !e.shiftKey && f.activeElement === r && (e.preventDefault(), n?.focus());
+		}
+	}, x = (t) => {
+		let n = t.target;
+		v(n) || n && (n.contains(e) || D?.contains(n)) && w();
+	}, S = n(f, /* @__PURE__ */ t("div", {
+		class: `rv-editor-popup ${d.className ?? ""}`,
+		role: "dialog",
+		"aria-label": d.label,
+		onKeyDown: (e) => e.stopPropagation(),
+		onKeyUp: (e) => e.stopPropagation(),
+		onMouseDown: (e) => e.stopPropagation(),
+		onClick: (e) => e.stopPropagation(),
+		children: /* @__PURE__ */ t(s.Provider, {
+			value: g,
+			children: u(_)
+		})
+	}));
+	S.style.direction = p.getComputedStyle(e).direction, (e.closest("dialog, [role=\"dialog\"], [role=\"menu\"]") ?? e.closest("revo-grid") ?? f.body).append(S);
+	let C = a(S, "block"), w = () => {
+		S.style.maxHeight = "";
+		let t = c(e.getBoundingClientRect(), S.getBoundingClientRect(), {
+			width: p.innerWidth,
+			height: p.innerHeight
+		}, { fitViewport: d.fitViewport });
+		S.style.maxHeight = `${t.maxHeight}px`, S.style.left = `${t.left}px`, S.style.top = `${t.top}px`, S.dataset.placement = t.placementY;
+	};
+	w();
+	let T = typeof p.ResizeObserver == "function" ? new p.ResizeObserver(w) : void 0;
+	T?.observe(S), T?.observe(e);
+	let E = new MutationObserver(() => {
+		(!e.isConnected || !S.isConnected || d.isAvailable && !d.isAvailable()) && _();
+	});
+	E.observe(f.body, {
+		childList: !0,
+		subtree: !0
+	});
+	let D = e.closest("revo-grid");
+	D && d.isAvailable && E.observe(D, { attributes: !0 }), f.addEventListener("pointerdown", y, !0), f.addEventListener("keydown", b, !0), f.addEventListener("scroll", x, !0), p.addEventListener("resize", _);
+	let O = {
+		element: S,
+		close: _
+	};
+	return l.set(f, O), S.querySelector("[autofocus],input,textarea,button,[tabindex=\"0\"]")?.focus({ preventScroll: !0 }), O;
+}
+//#endregion
+export { u as t };