@luzmo/analytics-components-kit 1.0.4-beta.4 → 1.0.5-beta.1

package/components/item-grid-BEwohat_.js

@@ -1,4559 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. 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 "./decorate-DyMgX_Uh.js";
-import { t } from "./localized-mixin-BvQbkZEL.js";
-import { t as n } from "./color-BWnYpOu7.js";
-import { n as r, t as i } from "./themes-CQZd578_.js";
-import { t as a } from "./v4-DIjJgmR0.js";
-import { itemTypes as o } from "./item-list.js";
-import { luzmoArrows as s, luzmoCircle as c, luzmoClone as l, luzmoCog as u, luzmoFilterOutline as d, luzmoLockOutline as f, luzmoPencil as p, luzmoTable as m, luzmoTrashOutline as h } from "@luzmo/icons";
-import "@luzmo/lucero/icon";
-import { html as g, nothing as _, render as v, unsafeCSS as y } from "lit";
-import { property as b, query as x, queryAll as ee, state as S } from "lit/decorators.js";
-import { localized as C, msg as w } from "@lit/localize";
-import "@luzmo/lucero/tooltip";
-import { repeat as te } from "lit/directives/repeat.js";
-import "@luzmo/lucero/action-button";
-import "@luzmo/embed";
-import "@luzmo/lucero/action-group";
-import { LuzmoElement as ne } from "@luzmo/lucero/utils";
-import { guard as re } from "lit/directives/guard.js";
-//#region node_modules/gridstack/dist/gridstack.min.css?inline
-var ie = ".grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;width:auto;margin:0;position:absolute;z-index:0!important}.grid-stack>.grid-stack-item{width:var(--gs-column-width);height:var(--gs-cell-height);padding:0;position:absolute;top:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{width:auto;margin:0;position:absolute;overflow:hidden auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack:not(.grid-stack-rtl)>.grid-stack-item{left:0}.grid-stack.grid-stack-rtl>.grid-stack-item{right:0}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{-ms-touch-action:none;touch-action:none;font-size:.1px;display:block;position:absolute}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" stroke=\\\"%23666\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m10 3 2 2H8l2-2v14l-2-2h4l-2 2\\\"/></svg>\");background-position:50%;background-repeat:no-repeat}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,right,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{opacity:.8;box-shadow:1px 4px 6px #0003}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,right .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left,right,top,height,width}.grid-stack>.grid-stack-item[gs-y=\"0\"]{top:0}.grid-stack:not(.grid-stack-rtl)>.grid-stack-item[gs-x=\"0\"]{left:0}.grid-stack.grid-stack-rtl>.grid-stack-item[gs-x=\"0\"]{right:0}", ae = (e, t) => {
-	e.forEach((e) => {
-		let n = e.querySelector("luzmo-embed-viz-item");
-		n && (n.options = {
-			...n.options,
-			locale: t
-		});
-	});
-}, oe = ({ action: e, actionType: t, active: n, items: r, element: i, itemId: a, item: o, deletedId: s, originalElement: c, updatedItems: l }) => ({
-	action: e,
-	actionType: t,
-	active: n,
-	items: r,
-	element: i,
-	item: {
-		...o,
-		id: a,
-		filters: o?.filters ?? []
-	},
-	...s && { deletedId: s },
-	...c && { originalElement: c },
-	...l && { updatedItems: l }
-}), T = ({ target: e, action: t, actionType: n, active: r, items: i, element: a, itemId: o, item: s, deletedId: c, originalElement: l, updatedItems: u }) => {
-	e.dispatchEvent(new CustomEvent("luzmo-item-grid-item-action", {
-		detail: oe({
-			action: t,
-			actionType: n,
-			active: r,
-			items: i,
-			element: a,
-			itemId: o,
-			item: s,
-			deletedId: c,
-			originalElement: l,
-			updatedItems: u
-		}),
-		bubbles: !0,
-		composed: !0,
-		cancelable: !0
-	}));
-}, E = ({ target: e, itemStates: t, updatedItemStates: n, changedItemStates: r }) => {
-	e.dispatchEvent(new CustomEvent("luzmo-item-grid-item-states-changed", {
-		detail: {
-			itemStates: t,
-			updatedItemStates: n,
-			changedItemStates: r
-		},
-		bubbles: !0,
-		composed: !0
-	}));
-}, se = ({ target: e, eventName: t, detail: n }) => {
-	e.dispatchEvent(new CustomEvent(t, {
-		detail: n,
-		bubbles: !0,
-		composed: !0
-	}));
-}, ce = (e) => e instanceof Element ? e : void 0, le = (e) => ce(e)?.closest(".grid-stack-item"), ue = ({ event: e, gridItem: t }) => !ce(e.relatedTarget)?.closest(".grid-item-actions-popover") && !t.hasAttribute("active"), de = ({ event: e, focusedItemElement: t, removeItemActionsMenuPopover: n }) => {
-	let r = le(e.target);
-	return r ? (t && t !== r && (t.removeAttribute("focused"), n(t)), r.setAttribute("focused", "true"), r) : t;
-}, fe = ({ event: e, focusedItemElement: t, removeItemActionsMenuPopover: n }) => t ? ce(e.relatedTarget)?.closest("luzmo-item-grid-item-actions-menu") ? {
-	focusedItemElement: t,
-	shouldFocusGrid: !1
-} : (t.removeAttribute("focused"), n(t), {
-	focusedItemElement: void 0,
-	shouldFocusGrid: !0
-}) : {
-	focusedItemElement: void 0,
-	shouldFocusGrid: !1
-}, pe = ({ item: e, activeItemElement: t, gridElement: n, removeItemActionsMenuPopover: r }) => {
-	if (e.removeAttribute("active"), r(e), t === e) {
-		n.removeAttribute("has-active-item");
-		return;
-	}
-	return t;
-}, me = ({ event: e, gridElement: t, items: n, state: r, cleanupActiveItem: i, dispatchItemActionEvent: a, createItemActionsMenuPopover: o }) => {
-	e.stopPropagation();
-	let s = e.detail, c = e.target?.closest(".grid-stack-item");
-	if (!c) return r;
-	let l = c.getAttribute("gs-id"), u = n.find((e) => e.id === l);
-	return s.type === "toggle" && s.action === r.activeItemActionToggle && c === r.activeItemElement ? (r.activeItemElement = void 0, r.activeItemActionToggle = void 0, t.removeAttribute("has-active-item"), c.removeAttribute("active"), i(c), l && a(s.action, s.type, !1, c, l, u), r) : (t.querySelectorAll(".grid-stack-item").forEach((e) => {
-		e !== c && i(e);
-	}), s.type === "toggle" ? (r.activeItemElement = c, r.activeItemActionToggle = s.action, t.setAttribute("has-active-item", "true"), c.setAttribute("active", "true"), o(c, [s.action])) : r.activeItemElement && r.activeItemElement !== c && (r.activeItemElement = void 0, r.activeItemActionToggle = void 0), l && a(s.action, s.type, s.active, c, l, u), r);
-}, he = ({ event: e, gridElement: t, hostElement: n, items: r, activeItemActionToggle: i, cleanupActiveItem: a, dispatchItemActionEvent: o }) => {
-	let s = e.composedPath();
-	if (!s.includes(t) && !s.includes(n)) return { activeItemActionToggle: i };
-	let c = t.querySelector(".grid-stack-item[active]");
-	if (!c || s.includes(c)) return { activeItemActionToggle: i };
-	let l = c.querySelector(".grid-item-actions-popover");
-	if (l && s.includes(l)) return { activeItemActionToggle: i };
-	let u = c.getAttribute("gs-id"), d = r.find((e) => e.id === u);
-	return a(c), i && u && o(i, "toggle", !1, c, u, d), { activeItemActionToggle: void 0 };
-}, ge = ({ gridElement: e, items: t, gridItemData: n, itemId: r, action: i, options: a, state: o, cleanupActiveItem: s, dispatchItemActionEvent: c, createItemActionsMenuPopover: l }) => {
-	if (!n?.element) return {
-		result: void 0,
-		state: o
-	};
-	let u = n.element, d = n.item, f = i === o.activeItemActionToggle && u === o.activeItemElement, p = a?.active ?? !f;
-	if (a?.active !== void 0 && p === f) return {
-		result: f,
-		state: o
-	};
-	if (!p) return o.activeItemElement = void 0, o.activeItemActionToggle = void 0, e.removeAttribute("has-active-item"), u.removeAttribute("active"), s(u), c(i, "toggle", !1, u, r, d), {
-		result: !1,
-		state: o
-	};
-	if (o.activeItemElement && o.activeItemElement !== u) {
-		let e = o.activeItemElement.getAttribute("gs-id"), n = t.find((t) => t.id === e), r = o.activeItemActionToggle, i = o.activeItemElement;
-		s(o.activeItemElement), o.activeItemElement = void 0, o.activeItemActionToggle = void 0, r && e && n && c(r, "toggle", !1, i, e, n);
-	}
-	return o.activeItemElement = u, o.activeItemActionToggle = i, e.setAttribute("has-active-item", "true"), u.setAttribute("active", "true"), l(u, [i]), c(i, "toggle", !0, u, r, d), {
-		result: !0,
-		state: o
-	};
-}, _e = ({ gridElement: e, items: t, state: n, cleanupActiveItem: r, dispatchItemActionEvent: i }) => {
-	let a = 0;
-	if (n.activeItemElement && n.activeItemActionToggle) {
-		let o = n.activeItemElement.getAttribute("gs-id"), s = t.find((e) => e.id === o), c = n.activeItemActionToggle, l = n.activeItemElement;
-		r(n.activeItemElement), n.activeItemElement = void 0, n.activeItemActionToggle = void 0, e.removeAttribute("has-active-item"), c && o && s && (i(c, "toggle", !1, l, o, s), a++);
-	}
-	return {
-		deactivatedCount: a,
-		state: n
-	};
-}, ve = {
-	sizeX: 1,
-	sizeY: 1,
-	col: 0,
-	row: 0
-}, ye = (e) => {
-	e.forEach((e) => {
-		if (!e.id) throw Error("Grid item id is required");
-	});
-}, be = (e) => {
-	if (!e.id) throw Error("Grid item id is required");
-	return e.id;
-}, xe = (e, t) => ({
-	id: t,
-	x: e?.position?.col ?? 0,
-	y: e?.position?.row ?? 0,
-	w: e?.position?.sizeX ?? 1,
-	h: e?.position?.sizeY ?? 1
-}), Se = (e, t) => ({
-	...structuredClone(e),
-	id: t,
-	position: {
-		...ve,
-		...structuredClone(e.position)
-	},
-	canFilter: e.canFilter ?? "all"
-}), Ce = (e, t) => {
-	if (t) {
-		for (let n of e) if (n.getAttribute("luzmo-item-grid-item-id") === t) return n;
-	}
-}, we = (e, t) => e.map((e) => {
-	let n = {
-		item: e,
-		element: t.querySelector(`[gs-id="${e.id}"]`)
-	}, r = n.element?.querySelector("luzmo-embed-viz-item");
-	return r && (n.luzmoElement = r), n;
-}), Te = ({ item: e, engine: t, existingItems: n, autoPosition: r, excludeNodeId: i }) => {
-	let a = e.position, o = i ? t.nodes.filter((e) => e.id !== i) : t.nodes, s = new t.constructor({
-		column: t.column,
-		float: t.float,
-		nodes: o.map((e) => ({ ...e }))
-	}), c = {
-		x: a.col,
-		y: a.row,
-		w: a.sizeX,
-		h: a.sizeY,
-		id: e.id,
-		autoPosition: r
-	};
-	s.addNode(c);
-	let l = {
-		...e,
-		position: {
-			col: c.x ?? a.col,
-			row: c.y ?? a.row,
-			sizeX: c.w ?? a.sizeX,
-			sizeY: c.h ?? a.sizeY
-		}
-	};
-	return {
-		resolvedItem: l,
-		updatedItems: [...n.map((e) => {
-			let t = s.nodes.find((t) => t.id === e.id);
-			return t && t.x != null && t.y != null && t.w != null && t.h != null ? {
-				...e,
-				position: {
-					col: t.x,
-					row: t.y,
-					sizeX: t.w,
-					sizeY: t.h
-				}
-			} : e;
-		}), l]
-	};
-}, Ee = ({ itemId: e, patch: t, engine: n, existingItems: r }) => {
-	let i = r.find((t) => t.id === e);
-	if (!i?.position) return r;
-	let { resolvedItem: a, updatedItems: o } = Te({
-		item: {
-			...i,
-			position: {
-				...i.position,
-				...t
-			}
-		},
-		engine: n,
-		existingItems: r.filter((t) => t.id !== e),
-		autoPosition: !1,
-		excludeNodeId: e
-	});
-	return r.map((t) => t.id === e ? a : o.find((e) => e.id === t.id) ?? t);
-}, De = (e) => Se(e, e.id), Oe = Math.min, D = Math.max, ke = Math.round, Ae = Math.floor, O = (e) => ({
-	x: e,
-	y: e
-}), je = {
-	left: "right",
-	right: "left",
-	bottom: "top",
-	top: "bottom"
-};
-function Me(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-function k(e) {
-	return e.split("-")[0];
-}
-function Ne(e) {
-	return e.split("-")[1];
-}
-function Pe(e) {
-	return e === "x" ? "y" : "x";
-}
-function Fe(e) {
-	return e === "y" ? "height" : "width";
-}
-function A(e) {
-	let t = e[0];
-	return t === "t" || t === "b" ? "y" : "x";
-}
-function Ie(e) {
-	return Pe(A(e));
-}
-function Le(e, t, n) {
-	n === void 0 && (n = !1);
-	let r = Ne(e), i = Ie(e), a = Fe(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-	return t.reference[a] > t.floating[a] && (o = Ke(o)), [o, Ke(o)];
-}
-function Re(e) {
-	let t = Ke(e);
-	return [
-		ze(e),
-		t,
-		ze(t)
-	];
-}
-function ze(e) {
-	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
-}
-var Be = ["left", "right"], Ve = ["right", "left"], He = ["top", "bottom"], Ue = ["bottom", "top"];
-function We(e, t, n) {
-	switch (e) {
-		case "top":
-		case "bottom": return n ? t ? Ve : Be : t ? Be : Ve;
-		case "left":
-		case "right": return t ? He : Ue;
-		default: return [];
-	}
-}
-function Ge(e, t, n, r) {
-	let i = Ne(e), a = We(k(e), n === "start", r);
-	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(ze)))), a;
-}
-function Ke(e) {
-	let t = k(e);
-	return je[t] + e.slice(t.length);
-}
-function qe(e) {
-	return {
-		top: 0,
-		right: 0,
-		bottom: 0,
-		left: 0,
-		...e
-	};
-}
-function Je(e) {
-	return typeof e == "number" ? {
-		top: e,
-		right: e,
-		bottom: e,
-		left: e
-	} : qe(e);
-}
-function Ye(e) {
-	let { x: t, y: n, width: r, height: i } = e;
-	return {
-		width: r,
-		height: i,
-		top: n,
-		left: t,
-		right: t + r,
-		bottom: n + i,
-		x: t,
-		y: n
-	};
-}
-//#endregion
-//#region node_modules/@floating-ui/core/dist/floating-ui.core.mjs
-function Xe(e, t, n) {
-	let { reference: r, floating: i } = e, a = A(t), o = Ie(t), s = Fe(o), c = k(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
-	switch (c) {
-		case "top":
-			p = {
-				x: u,
-				y: r.y - i.height
-			};
-			break;
-		case "bottom":
-			p = {
-				x: u,
-				y: r.y + r.height
-			};
-			break;
-		case "right":
-			p = {
-				x: r.x + r.width,
-				y: d
-			};
-			break;
-		case "left":
-			p = {
-				x: r.x - i.width,
-				y: d
-			};
-			break;
-		default: p = {
-			x: r.x,
-			y: r.y
-		};
-	}
-	switch (Ne(t)) {
-		case "start":
-			p[o] -= f * (n && l ? -1 : 1);
-			break;
-		case "end":
-			p[o] += f * (n && l ? -1 : 1);
-			break;
-	}
-	return p;
-}
-async function Ze(e, t) {
-	t === void 0 && (t = {});
-	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = Me(t, e), p = Je(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = Ye(await i.getClippingRect({
-		element: await (i.isElement == null ? void 0 : i.isElement(m)) ?? !0 ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(o.floating)),
-		boundary: c,
-		rootBoundary: l,
-		strategy: s
-	})), g = u === "floating" ? {
-		x: n,
-		y: r,
-		width: a.floating.width,
-		height: a.floating.height
-	} : a.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(o.floating)), v = await (i.isElement == null ? void 0 : i.isElement(_)) && await (i.getScale == null ? void 0 : i.getScale(_)) || {
-		x: 1,
-		y: 1
-	}, y = Ye(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-		elements: o,
-		rect: g,
-		offsetParent: _,
-		strategy: s
-	}) : g);
-	return {
-		top: (h.top - y.top + p.top) / v.y,
-		bottom: (y.bottom - h.bottom + p.bottom) / v.y,
-		left: (h.left - y.left + p.left) / v.x,
-		right: (y.right - h.right + p.right) / v.x
-	};
-}
-var Qe = 50, $e = async (e, t, n) => {
-	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
-		...o,
-		detectOverflow: Ze
-	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
-		reference: e,
-		floating: t,
-		strategy: i
-	}), { x: u, y: d } = Xe(l, r, c), f = r, p = 0, m = {};
-	for (let n = 0; n < a.length; n++) {
-		let h = a[n];
-		if (!h) continue;
-		let { name: g, fn: _ } = h, { x: v, y, data: b, reset: x } = await _({
-			x: u,
-			y: d,
-			initialPlacement: r,
-			placement: f,
-			strategy: i,
-			middlewareData: m,
-			rects: l,
-			platform: s,
-			elements: {
-				reference: e,
-				floating: t
-			}
-		});
-		u = v ?? u, d = y ?? d, m[g] = {
-			...m[g],
-			...b
-		}, x && p < Qe && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
-			reference: e,
-			floating: t,
-			strategy: i
-		}) : x.rects), {x: u, y: d} = Xe(l, f, c)), n = -1);
-	}
-	return {
-		x: u,
-		y: d,
-		placement: f,
-		strategy: i,
-		middlewareData: m
-	};
-}, et = function(e) {
-	return e === void 0 && (e = {}), {
-		name: "flip",
-		options: e,
-		async fn(t) {
-			var n;
-			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = Me(e, t);
-			if ((n = i.arrow) != null && n.alignmentOffset) return {};
-			let g = k(r), _ = A(o), v = k(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Ke(o)] : Re(o)), x = p !== "none";
-			!d && x && b.push(...Ge(o, m, p, y));
-			let ee = [o, ...b], S = await s.detectOverflow(t, h), C = [], w = i.flip?.overflows || [];
-			if (l && C.push(S[g]), u) {
-				let e = Le(r, a, y);
-				C.push(S[e[0]], S[e[1]]);
-			}
-			if (w = [...w, {
-				placement: r,
-				overflows: C
-			}], !C.every((e) => e <= 0)) {
-				let e = (i.flip?.index || 0) + 1, t = ee[e];
-				if (t && (!(u === "alignment" && _ !== A(t)) || w.every((e) => A(e.placement) !== _ || e.overflows[0] > 0))) return {
-					data: {
-						index: e,
-						overflows: w
-					},
-					reset: { placement: t }
-				};
-				let n = w.filter((e) => e.overflows[0] <= 0).sort((e, t) => e.overflows[1] - t.overflows[1])[0]?.placement;
-				if (!n) switch (f) {
-					case "bestFit": {
-						let e = w.filter((e) => {
-							if (x) {
-								let t = A(e.placement);
-								return t === _ || t === "y";
-							}
-							return !0;
-						}).map((e) => [e.placement, e.overflows.filter((e) => e > 0).reduce((e, t) => e + t, 0)]).sort((e, t) => e[1] - t[1])[0]?.[0];
-						e && (n = e);
-						break;
-					}
-					case "initialPlacement":
-						n = o;
-						break;
-				}
-				if (r !== n) return { reset: { placement: n } };
-			}
-			return {};
-		}
-	};
-}, tt = /*#__PURE__*/ new Set(["left", "top"]);
-async function nt(e, t) {
-	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = k(n), s = Ne(n), c = A(n) === "y", l = tt.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = Me(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
-		mainAxis: d,
-		crossAxis: 0,
-		alignmentAxis: null
-	} : {
-		mainAxis: d.mainAxis || 0,
-		crossAxis: d.crossAxis || 0,
-		alignmentAxis: d.alignmentAxis
-	};
-	return s && typeof m == "number" && (p = s === "end" ? m * -1 : m), c ? {
-		x: p * u,
-		y: f * l
-	} : {
-		x: f * l,
-		y: p * u
-	};
-}
-var rt = function(e) {
-	return e === void 0 && (e = 0), {
-		name: "offset",
-		options: e,
-		async fn(t) {
-			var n;
-			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await nt(t, e);
-			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
-				x: r + s.x,
-				y: i + s.y,
-				data: {
-					...s,
-					placement: a
-				}
-			};
-		}
-	};
-};
-//#endregion
-//#region node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function it() {
-	return typeof window < "u";
-}
-function j(e) {
-	return at(e) ? (e.nodeName || "").toLowerCase() : "#document";
-}
-function M(e) {
-	var t;
-	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
-}
-function N(e) {
-	return ((at(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
-}
-function at(e) {
-	return it() ? e instanceof Node || e instanceof M(e).Node : !1;
-}
-function P(e) {
-	return it() ? e instanceof Element || e instanceof M(e).Element : !1;
-}
-function F(e) {
-	return it() ? e instanceof HTMLElement || e instanceof M(e).HTMLElement : !1;
-}
-function ot(e) {
-	return !it() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof M(e).ShadowRoot;
-}
-function st(e) {
-	let { overflow: t, overflowX: n, overflowY: r, display: i } = R(e);
-	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
-}
-function ct(e) {
-	return /^(table|td|th)$/.test(j(e));
-}
-function lt(e) {
-	try {
-		if (e.matches(":popover-open")) return !0;
-	} catch {}
-	try {
-		return e.matches(":modal");
-	} catch {
-		return !1;
-	}
-}
-var ut = /transform|translate|scale|rotate|perspective|filter/, dt = /paint|layout|strict|content/, I = (e) => !!e && e !== "none", ft;
-function pt(e) {
-	let t = P(e) ? R(e) : e;
-	return I(t.transform) || I(t.translate) || I(t.scale) || I(t.rotate) || I(t.perspective) || !ht() && (I(t.backdropFilter) || I(t.filter)) || ut.test(t.willChange || "") || dt.test(t.contain || "");
-}
-function mt(e) {
-	let t = z(e);
-	for (; F(t) && !L(t);) {
-		if (pt(t)) return t;
-		if (lt(t)) return null;
-		t = z(t);
-	}
-	return null;
-}
-function ht() {
-	return ft ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), ft;
-}
-function L(e) {
-	return /^(html|body|#document)$/.test(j(e));
-}
-function R(e) {
-	return M(e).getComputedStyle(e);
-}
-function gt(e) {
-	return P(e) ? {
-		scrollLeft: e.scrollLeft,
-		scrollTop: e.scrollTop
-	} : {
-		scrollLeft: e.scrollX,
-		scrollTop: e.scrollY
-	};
-}
-function z(e) {
-	if (j(e) === "html") return e;
-	let t = e.assignedSlot || e.parentNode || ot(e) && e.host || N(e);
-	return ot(t) ? t.host : t;
-}
-function _t(e) {
-	let t = z(e);
-	return L(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : F(t) && st(t) ? t : _t(t);
-}
-function B(e, t, n) {
-	t === void 0 && (t = []), n === void 0 && (n = !0);
-	let r = _t(e), i = r === e.ownerDocument?.body, a = M(r);
-	if (i) {
-		let e = vt(a);
-		return t.concat(a, a.visualViewport || [], st(r) ? r : [], e && n ? B(e) : []);
-	} else return t.concat(r, B(r, [], n));
-}
-function vt(e) {
-	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
-}
-//#endregion
-//#region node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
-function yt(e) {
-	let t = R(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = F(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = ke(n) !== a || ke(r) !== o;
-	return s && (n = a, r = o), {
-		width: n,
-		height: r,
-		$: s
-	};
-}
-function bt(e) {
-	return P(e) ? e : e.contextElement;
-}
-function V(e) {
-	let t = bt(e);
-	if (!F(t)) return O(1);
-	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = yt(t), o = (a ? ke(n.width) : n.width) / r, s = (a ? ke(n.height) : n.height) / i;
-	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
-		x: o,
-		y: s
-	};
-}
-var xt = /*#__PURE__*/ O(0);
-function St(e) {
-	let t = M(e);
-	return !ht() || !t.visualViewport ? xt : {
-		x: t.visualViewport.offsetLeft,
-		y: t.visualViewport.offsetTop
-	};
-}
-function Ct(e, t, n) {
-	return t === void 0 && (t = !1), !n || t && n !== M(e) ? !1 : t;
-}
-function H(e, t, n, r) {
-	t === void 0 && (t = !1), n === void 0 && (n = !1);
-	let i = e.getBoundingClientRect(), a = bt(e), o = O(1);
-	t && (r ? P(r) && (o = V(r)) : o = V(e));
-	let s = Ct(a, n, r) ? St(a) : O(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
-	if (a) {
-		let e = M(a), t = r && P(r) ? M(r) : r, n = e, i = vt(n);
-		for (; i && r && t !== n;) {
-			let e = V(i), t = i.getBoundingClientRect(), r = R(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
-			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = M(i), i = vt(n);
-		}
-	}
-	return Ye({
-		width: u,
-		height: d,
-		x: c,
-		y: l
-	});
-}
-function wt(e, t) {
-	let n = gt(e).scrollLeft;
-	return t ? t.left + n : H(N(e)).left + n;
-}
-function Tt(e, t) {
-	let n = e.getBoundingClientRect();
-	return {
-		x: n.left + t.scrollLeft - wt(e, n),
-		y: n.top + t.scrollTop
-	};
-}
-function Et(e) {
-	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = N(r), s = t ? lt(t.floating) : !1;
-	if (r === o || s && a) return n;
-	let c = {
-		scrollLeft: 0,
-		scrollTop: 0
-	}, l = O(1), u = O(0), d = F(r);
-	if ((d || !d && !a) && ((j(r) !== "body" || st(o)) && (c = gt(r)), d)) {
-		let e = H(r);
-		l = V(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
-	}
-	let f = o && !d && !a ? Tt(o, c) : O(0);
-	return {
-		width: n.width * l.x,
-		height: n.height * l.y,
-		x: n.x * l.x - c.scrollLeft * l.x + u.x + f.x,
-		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
-	};
-}
-function Dt(e) {
-	return Array.from(e.getClientRects());
-}
-function Ot(e) {
-	let t = N(e), n = gt(e), r = e.ownerDocument.body, i = D(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = D(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + wt(e), s = -n.scrollTop;
-	return R(r).direction === "rtl" && (o += D(t.clientWidth, r.clientWidth) - i), {
-		width: i,
-		height: a,
-		x: o,
-		y: s
-	};
-}
-var kt = 25;
-function At(e, t) {
-	let n = M(e), r = N(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
-	if (i) {
-		a = i.width, o = i.height;
-		let e = ht();
-		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
-	}
-	let l = wt(r);
-	if (l <= 0) {
-		let e = r.ownerDocument, t = e.body, n = getComputedStyle(t), i = e.compatMode === "CSS1Compat" && parseFloat(n.marginLeft) + parseFloat(n.marginRight) || 0, o = Math.abs(r.clientWidth - t.clientWidth - i);
-		o <= kt && (a -= o);
-	} else l <= kt && (a += l);
-	return {
-		width: a,
-		height: o,
-		x: s,
-		y: c
-	};
-}
-function jt(e, t) {
-	let n = H(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = F(e) ? V(e) : O(1);
-	return {
-		width: e.clientWidth * a.x,
-		height: e.clientHeight * a.y,
-		x: i * a.x,
-		y: r * a.y
-	};
-}
-function Mt(e, t, n) {
-	let r;
-	if (t === "viewport") r = At(e, n);
-	else if (t === "document") r = Ot(N(e));
-	else if (P(t)) r = jt(t, n);
-	else {
-		let n = St(e);
-		r = {
-			x: t.x - n.x,
-			y: t.y - n.y,
-			width: t.width,
-			height: t.height
-		};
-	}
-	return Ye(r);
-}
-function Nt(e, t) {
-	let n = z(e);
-	return n === t || !P(n) || L(n) ? !1 : R(n).position === "fixed" || Nt(n, t);
-}
-function Pt(e, t) {
-	let n = t.get(e);
-	if (n) return n;
-	let r = B(e, [], !1).filter((e) => P(e) && j(e) !== "body"), i = null, a = R(e).position === "fixed", o = a ? z(e) : e;
-	for (; P(o) && !L(o);) {
-		let t = R(o), n = pt(o);
-		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || st(o) && !n && Nt(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = z(o);
-	}
-	return t.set(e, r), r;
-}
-function Ft(e) {
-	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? lt(t) ? [] : Pt(t, this._c) : [].concat(n), r], o = Mt(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
-	for (let e = 1; e < a.length; e++) {
-		let n = Mt(t, a[e], i);
-		s = D(n.top, s), c = Oe(n.right, c), l = Oe(n.bottom, l), u = D(n.left, u);
-	}
-	return {
-		width: c - u,
-		height: l - s,
-		x: u,
-		y: s
-	};
-}
-function It(e) {
-	let { width: t, height: n } = yt(e);
-	return {
-		width: t,
-		height: n
-	};
-}
-function Lt(e, t, n) {
-	let r = F(t), i = N(t), a = n === "fixed", o = H(e, !0, a, t), s = {
-		scrollLeft: 0,
-		scrollTop: 0
-	}, c = O(0);
-	function l() {
-		c.x = wt(i);
-	}
-	if (r || !r && !a) if ((j(t) !== "body" || st(i)) && (s = gt(t)), r) {
-		let e = H(t, !0, a, t);
-		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
-	} else i && l();
-	a && !r && i && l();
-	let u = i && !r && !a ? Tt(i, s) : O(0);
-	return {
-		x: o.left + s.scrollLeft - c.x - u.x,
-		y: o.top + s.scrollTop - c.y - u.y,
-		width: o.width,
-		height: o.height
-	};
-}
-function Rt(e) {
-	return R(e).position === "static";
-}
-function zt(e, t) {
-	if (!F(e) || R(e).position === "fixed") return null;
-	if (t) return t(e);
-	let n = e.offsetParent;
-	return N(e) === n && (n = n.ownerDocument.body), n;
-}
-function Bt(e, t) {
-	let n = M(e);
-	if (lt(e)) return n;
-	if (!F(e)) {
-		let t = z(e);
-		for (; t && !L(t);) {
-			if (P(t) && !Rt(t)) return t;
-			t = z(t);
-		}
-		return n;
-	}
-	let r = zt(e, t);
-	for (; r && ct(r) && Rt(r);) r = zt(r, t);
-	return r && L(r) && Rt(r) && !pt(r) ? n : r || mt(e) || n;
-}
-var Vt = async function(e) {
-	let t = this.getOffsetParent || Bt, n = this.getDimensions, r = await n(e.floating);
-	return {
-		reference: Lt(e.reference, await t(e.floating), e.strategy),
-		floating: {
-			x: 0,
-			y: 0,
-			width: r.width,
-			height: r.height
-		}
-	};
-};
-function Ht(e) {
-	return R(e).direction === "rtl";
-}
-var Ut = {
-	convertOffsetParentRelativeRectToViewportRelativeRect: Et,
-	getDocumentElement: N,
-	getClippingRect: Ft,
-	getOffsetParent: Bt,
-	getElementRects: Vt,
-	getClientRects: Dt,
-	getDimensions: It,
-	getScale: V,
-	isElement: P,
-	isRTL: Ht
-};
-function Wt(e, t) {
-	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
-}
-function Gt(e, t) {
-	let n = null, r, i = N(e);
-	function a() {
-		var e;
-		clearTimeout(r), (e = n) == null || e.disconnect(), n = null;
-	}
-	function o(s, c) {
-		s === void 0 && (s = !1), c === void 0 && (c = 1), a();
-		let l = e.getBoundingClientRect(), { left: u, top: d, width: f, height: p } = l;
-		if (s || t(), !f || !p) return;
-		let m = Ae(d), h = Ae(i.clientWidth - (u + f)), g = Ae(i.clientHeight - (d + p)), _ = Ae(u), v = {
-			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
-			threshold: D(0, Oe(1, c)) || 1
-		}, y = !0;
-		function b(t) {
-			let n = t[0].intersectionRatio;
-			if (n !== c) {
-				if (!y) return o();
-				n ? o(!1, n) : r = setTimeout(() => {
-					o(!1, 1e-7);
-				}, 1e3);
-			}
-			n === 1 && !Wt(l, e.getBoundingClientRect()) && o(), y = !1;
-		}
-		try {
-			n = new IntersectionObserver(b, {
-				...v,
-				root: i.ownerDocument
-			});
-		} catch {
-			n = new IntersectionObserver(b, v);
-		}
-		n.observe(e);
-	}
-	return o(!0), a;
-}
-function Kt(e, t, n, r) {
-	r === void 0 && (r = {});
-	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = bt(e), u = i || a ? [...l ? B(l) : [], ...t ? B(t) : []] : [];
-	u.forEach((e) => {
-		i && e.addEventListener("scroll", n, { passive: !0 }), a && e.addEventListener("resize", n);
-	});
-	let d = l && s ? Gt(l, n) : null, f = -1, p = null;
-	o && (p = new ResizeObserver((e) => {
-		let [r] = e;
-		r && r.target === l && p && t && (p.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
-			var e;
-			(e = p) == null || e.observe(t);
-		})), n();
-	}), l && !c && p.observe(l), t && p.observe(t));
-	let m, h = c ? H(e) : null;
-	c && g();
-	function g() {
-		let t = H(e);
-		h && !Wt(h, t) && n(), h = t, m = requestAnimationFrame(g);
-	}
-	return n(), () => {
-		var e;
-		u.forEach((e) => {
-			i && e.removeEventListener("scroll", n), a && e.removeEventListener("resize", n);
-		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
-	};
-}
-var qt = rt, Jt = et, Yt = (e, t, n) => {
-	let r = /* @__PURE__ */ new Map(), i = {
-		platform: Ut,
-		...n
-	}, a = {
-		...i.platform,
-		_c: r
-	};
-	return $e(e, t, {
-		...i,
-		platform: a
-	});
-}, Xt = /* @__PURE__ */ new WeakMap(), Zt = (e, t) => {
-	Qt(e), Xt.set(e, t);
-}, Qt = (e) => {
-	let t = Xt.get(e);
-	t && (t(), Xt.delete(e));
-}, $t = ({ element: e, activeActions: t, getGridItemById: n, placementItemActionsMenu: r, renderOverlayContent: i, removeItemActionsMenuPopover: a, itemActionsDocumentPopover: o = !0 }) => {
-	let s = e.querySelector(".grid-item-actions-popover"), c = e.querySelector(".grid-stack-item-content"), l = n(e.getAttribute("gs-id") ?? "");
-	if (t && t.length > 0 && s && (a(e), s = null), !s) {
-		let n = document.createDocumentFragment();
-		v(i(l?.item, t), n), s = n.querySelector(".grid-item-actions-popover"), e.append(s);
-	}
-	let u = o ? "absolute" : "fixed", d = Kt(c, s, async () => {
-		let { x: e, y: t } = await Yt(c, s, {
-			placement: l?.item?.placementActionsMenu ?? r ?? "right-start",
-			strategy: u,
-			middleware: [qt(0), Jt({ crossAxis: !1 })]
-		});
-		s.style.left = `${e}px`, s.style.top = `${t}px`, o || (s.style.position = "fixed", s.style.right = "auto", s.style.bottom = "auto", s.style.margin = "0");
-	});
-	Zt(s, d), o && s.isConnected && !s.matches(":popover-open") && s.showPopover();
-}, en = (e) => {
-	let t = e.querySelector(".grid-item-actions-popover");
-	t && (Qt(t), t.hasAttribute("popover") && t.matches(":popover-open") && t.hidePopover(), t.remove());
-}, tn = (e) => e === "ArrowLeft" || e === "ArrowRight" || e === "ArrowUp" || e === "ArrowDown", nn = ({ key: e, node: t, maxColumns: n, shiftKey: r, ctrlKey: i, metaKey: a }) => {
-	let o = {
-		ArrowLeft: {
-			move: { x: t.x - 1 },
-			resize: {
-				x: t.x - 1,
-				w: t.w + 1
-			},
-			shrink: { w: t.w - 1 },
-			canMove: t.x > 0,
-			canResize: t.x > 0,
-			canShrink: t.w > 1
-		},
-		ArrowRight: {
-			move: { x: t.x + 1 },
-			resize: { w: t.w + 1 },
-			shrink: {
-				x: t.x + 1,
-				w: t.w - 1
-			},
-			canMove: t.x < n - t.w,
-			canResize: t.x + t.w < n,
-			canShrink: t.w > 1
-		},
-		ArrowUp: {
-			move: { y: t.y - 1 },
-			resize: {
-				y: t.y - 1,
-				h: t.h + 1
-			},
-			shrink: { h: t.h - 1 },
-			canMove: t.y > 0,
-			canResize: t.y > 0,
-			canShrink: t.h > 1
-		},
-		ArrowDown: {
-			move: { y: t.y + 1 },
-			resize: { h: t.h + 1 },
-			shrink: {
-				y: t.y + 1,
-				h: t.h - 1
-			},
-			canMove: !0,
-			canResize: !0,
-			canShrink: t.h > 1
-		}
-	}[e];
-	if (r && o.canResize) return o.resize;
-	if ((i || a) && o.canShrink) return o.shrink;
-	if (o.canMove) return o.move;
-}, rn = ({ event: e, viewMode: t, focusedItemElement: n, activeItemElement: r, gridElement: i, grid: a, columns: o, onDeleteRequest: s, removeItemActionsMenuPopover: c, createItemActionsMenuPopover: l }) => {
-	if (t) return {
-		focusedItemElement: n,
-		activeItemElement: r
-	};
-	let u = n, d = r;
-	if (e.key === "Delete" && n) {
-		let e = n.nextElementSibling ?? n.previousElementSibling;
-		s(n), u = e ?? void 0, u ? requestAnimationFrame(() => u?.focus()) : i.focus(), r === n && (d = void 0);
-	} else if (e.key === "Escape" && n) n.removeAttribute("focused"), c(n), u = void 0, i.focus();
-	else if (e.key === "Enter" && n) e.preventDefault(), e.stopPropagation(), r && (r.removeAttribute("active"), i.removeAttribute("has-active-item"), c(r), d = void 0), i.querySelectorAll(".grid-stack-item").forEach((e) => {
-		e !== n && c(e);
-	}), l(n), requestAnimationFrame(() => {
-		let e = n.querySelector("luzmo-item-grid-item-actions-menu");
-		e && e.focus();
-	});
-	else if (n && a && tn(e.key)) {
-		e.preventDefault(), e.stopPropagation();
-		let t = n.gridstackNode;
-		if (!t) return {
-			focusedItemElement: u,
-			activeItemElement: d
-		};
-		let r = nn({
-			key: e.key,
-			node: t,
-			maxColumns: o,
-			shiftKey: e.shiftKey,
-			ctrlKey: e.ctrlKey,
-			metaKey: e.metaKey
-		});
-		r && a.update(n, r);
-	}
-	return {
-		focusedItemElement: u,
-		activeItemElement: d
-	};
-}, U = {
-	lock: {
-		icon: f,
-		label: "Lock",
-		tooltip: "Lock",
-		action: "lock",
-		type: "toggle"
-	},
-	edit: {
-		icon: p,
-		label: "Edit",
-		tooltip: "Edit",
-		action: "edit",
-		type: "toggle"
-	},
-	"edit-data": {
-		icon: m,
-		label: "Edit data",
-		tooltip: "Data",
-		action: "edit-data",
-		type: "toggle"
-	},
-	"item-options": {
-		icon: u,
-		label: "Item options",
-		tooltip: "Options",
-		action: "item-options",
-		type: "toggle"
-	},
-	filters: {
-		icon: d,
-		label: "Filters",
-		tooltip: "Filters",
-		action: "filters",
-		type: "toggle"
-	},
-	clone: {
-		icon: l,
-		label: "Clone",
-		tooltip: "Clone",
-		action: "clone",
-		type: "button"
-	},
-	delete: {
-		icon: h,
-		label: "Delete",
-		tooltip: "Delete",
-		action: "delete",
-		type: "button"
-	}
-}, an = (e) => {
-	if (e) return structuredClone(e).map((e) => {
-		if (e.type === "group") return e.actions = e.actions ?? [], e.actions = e.actions.map((e) => {
-			if (typeof e == "string" && Object.hasOwn(U, e)) return { ...U[e] };
-			if (typeof e == "object") return e.icon = e.icon ?? c, e.label = e.label ?? e.action, e.tooltip = e.tooltip ?? e.label ?? e.action, e.type = ["toggle", "button"].includes(e.type ?? "") ? e.type : "button", e;
-		}).filter(Boolean), e;
-	}).filter(Boolean);
-}, on = () => [{
-	type: "group",
-	actions: [
-		{ ...U["edit-data"] },
-		{ ...U["item-options"] },
-		{ ...U.clone }
-	]
-}, {
-	type: "group",
-	actions: [{ ...U.delete }]
-}], sn = 16, cn = 10, W = (e, t) => t >= 1 ? `rgba(${e.r},${e.g},${e.b},1)` : t <= 0 ? `rgba(${e.r},${e.g},${e.b},0)` : `rgba(${e.r},${e.g},${e.b},${t})`, ln = async ({ theme: e, currentTheme: t }) => e?.type === "custom" ? structuredClone(e) : e?.id && r.includes(e.id) && t?.id !== e.id ? {
-	...await i(e.id),
-	id: e.id
-} : e?.id && t?.id !== e.id || !e && t ? t : await i("default"), un = (e) => [(e?.margins?.[0] ?? sn) / 2, (e?.margins?.[1] ?? sn) / 2], dn = (e) => cn - (e?.margins?.[0] ?? cn), fn = (e) => {
-	let t = e?.boxShadow;
-	if (!t) return "";
-	let r = new n(t.color), i = {
-		r: Math.round(r.srgb.r * 255),
-		g: Math.round(r.srgb.g * 255),
-		b: Math.round(r.srgb.b * 255)
-	}, a = e?.margins?.[0] ?? sn, o = Math.min(a / 10, 2);
-	return t.size === "none" ? "none" : t.size === "S" ? `0 ${o * 2}px ${o * 4}px ${W(i, .16)}, 0 ${o * 2}px ${o * 4}px ${W(i, .23)}` : t.size === "M" ? `0 ${o * 8}px ${o * 16}px ${W(i, .19)}, 0 ${o * 4}px ${o * 4}px ${W(i, .23)}` : t.size === "L" ? `0 ${o * 12}px ${o * 24}px ${W(i, .25)}, 0 ${o * 8}px ${o * 8}px ${W(i, .22)}` : "";
-}, pn = (e) => {
-	let t = fn(e);
-	return /* @__PURE__ */ new Map([
-		["--grid-font-family", e?.font?.fontFamily],
-		["--grid-background", e?.background],
-		["--grid-item-box-shadow", t],
-		["--grid-item-background", e?.itemsBackground],
-		["--grid-item-border-color", e?.borders?.["border-color"]],
-		["--grid-item-border-style", e?.borders?.["border-style"]],
-		["--grid-item-border-radius", e?.borders?.["border-radius"]],
-		["--grid-item-border-width", `${e?.borders?.["border-top-width"]}`],
-		["--grid-item-border-top-width", e?.borders?.["border-top-width"]],
-		["--grid-item-border-right-width", e?.borders?.["border-right-width"]],
-		["--grid-item-border-bottom-width", e?.borders?.["border-bottom-width"]],
-		["--grid-item-border-left-width", e?.borders?.["border-left-width"]]
-	]);
-}, mn = (e) => {
-	let t = e?.itemsBackground ?? e?.background;
-	return t ? new n(t).luminance < .5 : !1;
-}, hn = (e, t) => {
-	t && pn(t).forEach((t, n) => {
-		t ? e.setProperty(n, t) : e.removeProperty(n);
-	});
-}, gn = ({ item: e, defaultItemActionsMenu: t, activeActions: n }) => {
-	let r = an(e?.actionsMenu) ?? an(t) ?? on();
-	if (!o.find((t) => t.type === e?.type)?.containsData && !e?.actionsMenu && !t && (r = r.map((e) => ({
-		...e,
-		actions: e.actions?.filter((e) => e.action !== "edit-data")
-	}))), n && n.length > 0) {
-		let e = new Set(n);
-		r = r.map((t) => ({
-			...t,
-			actions: t.actions?.map((t) => ({
-				...t,
-				active: t.action && e.has(t.action) ? !0 : t.active
-			}))
-		}));
-	}
-	return r;
-}, _n = ({ item: e, activeActions: t, defaultItemActionsMenu: n, placementItemActionsMenu: r, language: i, handleAction: a, itemActionsDocumentPopover: o = !0 }) => {
-	let s = gn({
-		item: e,
-		defaultItemActionsMenu: n,
-		activeActions: t
-	});
-	return g`
-    <div class="grid-item-actions-popover" popover=${o ? "manual" : _}>
-      <luzmo-item-grid-item-actions-menu
-        .actions=${s}
-        placement=${e?.placementActionsMenu ?? r ?? "right-start"}
-        .language=${i}
-        @luzmo-item-grid-item-action=${a}
-      >
-      </luzmo-item-grid-item-actions-menu>
-    </div>
-  `;
-}, vn = ({ item: e, index: t, initialized: n, viewMode: r, contentLanguage: i, fullTheme: a, appServer: o, apiHost: c, authKey: l, authToken: u, handleMouseover: d, handleMouseout: f, handleFocus: p, handleBlur: m }) => {
-	let h = {
-		...e.options,
-		locale: i
-	};
-	h.theme ||= a?.id ? { id: a.id } : structuredClone(a);
-	let _ = !r;
-	return g`
-    <div
-      class="luzmo-item-grid-item has-luzmo-viz-item"
-      luzmo-item-grid-item-id=${e.id ?? ""}
-      tabindex="0"
-      role="row"
-      @mouseover=${d}
-      @mouseout=${f}
-      @focus=${p}
-      @blur=${m}
-    >
-      <div
-        class="grid-stack-item-content"
-        role="gridcell"
-        aria-label=${w("Grid item", { desc: "Accessible label prefix for grid items" }) + ` ${t + 1}`}
-      >
-        ${_ ? g`
-              <div class="grid-item-drag-handle">
-                <luzmo-icon .icon=${s} size="s"></luzmo-icon>
-              </div>
-            ` : g`
-                
-              `}
-        ${n ? g`
-              <luzmo-embed-viz-item
-                .appServer=${o}
-                .apiHost=${c}
-                .authKey=${l}
-                .authToken=${u}
-                .type=${e.type}
-                .slots=${e.slots}
-                .options=${h}
-                .filters=${e.filters}
-                .language=${i}
-                .canFilter=${e.canFilter ?? "all"}
-              ></luzmo-embed-viz-item>` : g`
-                
-              `}
-      </div>
-    </div>
-  `;
-}, yn = ({ items: e, initialized: t, viewMode: n, contentLanguage: r, fullTheme: i, appServer: a, apiHost: o, authKey: s, authToken: c, renderItem: l }) => te(e, (e) => e.id, (e, u) => re([
-	e,
-	t,
-	n,
-	r,
-	i,
-	a,
-	o,
-	s,
-	c
-], () => l(e, u))), bn = ({ items: e, initialized: t, viewMode: n, contentLanguage: r, fullTheme: i, appServer: a, apiHost: o, authKey: s, authToken: c, columns: l, ensureGridItemId: u, handleMouseover: d, handleMouseout: f, handleFocus: p, handleBlur: m }) => {
-	e.forEach((e) => {
-		u(e);
-	});
-	let h = yn({
-		items: e,
-		initialized: t,
-		viewMode: n,
-		contentLanguage: r,
-		fullTheme: i,
-		appServer: a,
-		apiHost: o,
-		authKey: s,
-		authToken: c,
-		renderItem: (e, l) => vn({
-			item: e,
-			index: l,
-			initialized: t,
-			viewMode: n,
-			contentLanguage: r,
-			fullTheme: i,
-			appServer: a,
-			apiHost: o,
-			authKey: s,
-			authToken: c,
-			handleMouseover: d,
-			handleMouseout: f,
-			handleFocus: p,
-			handleBlur: m
-		})
-	});
-	return g`
-    <div
-      ?dark-background=${t ? mn(i) : !1}
-      class="grid-stack"
-      data-grid-columns=${l}
-      role="grid"
-      aria-label=${w("Dashboard grid", { desc: "Accessible label for the dashboard grid" })}
-    >
-      ${h}
-    </div>
-  `;
-}, G = class e {
-	static getElements(e, t = document) {
-		if (typeof e == "string") {
-			let n = "getElementById" in t ? t : void 0;
-			if (n && !isNaN(+e[0])) {
-				let t = n.getElementById(e);
-				return t ? [t] : [];
-			}
-			let r = t.querySelectorAll(e);
-			if (!r.length && e[0] !== "." && e[0] !== "#" && (r = t.querySelectorAll("." + e), r.length || (r = t.querySelectorAll("#" + e)), !r.length)) {
-				let n = t.querySelector(`[gs-id="${e}"]`);
-				return n ? [n] : [];
-			}
-			return Array.from(r);
-		}
-		return [e];
-	}
-	static getElement(e, t = document) {
-		if (typeof e == "string") {
-			let n = "getElementById" in t ? t : void 0;
-			if (!e.length) return null;
-			if (n && e[0] === "#") return n.getElementById(e.substring(1));
-			if (e[0] === "#" || e[0] === "." || e[0] === "[") return t.querySelector(e);
-			if (n && !isNaN(+e[0])) return n.getElementById(e);
-			let r = t.querySelector(e);
-			return n && !r && (r = n.getElementById(e)), r ||= t.querySelector("." + e), r;
-		}
-		return e;
-	}
-	static lazyLoad(e) {
-		return e.lazyLoad || e.grid?.opts?.lazyLoad && e.lazyLoad !== !1;
-	}
-	static createDiv(e, t) {
-		let n = document.createElement("div");
-		return e.forEach((e) => {
-			e && n.classList.add(e);
-		}), t?.appendChild(n), n;
-	}
-	static shouldSizeToContent(e, t = !1) {
-		return e?.grid && (t ? e.sizeToContent === !0 || e.grid.opts.sizeToContent === !0 && e.sizeToContent === void 0 : !!e.sizeToContent || e.grid.opts.sizeToContent && e.sizeToContent !== !1);
-	}
-	static isIntercepted(e, t) {
-		return !(e.y >= t.y + t.h || e.y + e.h <= t.y || e.x + e.w <= t.x || e.x >= t.x + t.w);
-	}
-	static isTouching(t, n) {
-		return e.isIntercepted(t, {
-			x: n.x - .5,
-			y: n.y - .5,
-			w: n.w + 1,
-			h: n.h + 1
-		});
-	}
-	static areaIntercept(e, t) {
-		let n = e.x > t.x ? e.x : t.x, r = e.x + e.w < t.x + t.w ? e.x + e.w : t.x + t.w;
-		if (r <= n) return 0;
-		let i = e.y > t.y ? e.y : t.y, a = e.y + e.h < t.y + t.h ? e.y + e.h : t.y + t.h;
-		return a <= i ? 0 : (r - n) * (a - i);
-	}
-	static area(e) {
-		return e.w * e.h;
-	}
-	static sort(e, t = 1) {
-		let n = 1e4;
-		return e.sort((e, r) => {
-			let i = t * ((e.y ?? n) - (r.y ?? n));
-			return i === 0 ? t * ((e.x ?? n) - (r.x ?? n)) : i;
-		});
-	}
-	static find(e, t) {
-		return t ? e.find((e) => e.id === t) : void 0;
-	}
-	static toBool(e) {
-		return typeof e == "boolean" ? e : typeof e == "string" ? (e = e.toLowerCase(), !(e === "" || e === "no" || e === "false" || e === "0")) : !!e;
-	}
-	static toNumber(e) {
-		return e === null || e.length === 0 ? void 0 : Number(e);
-	}
-	static parseHeight(e) {
-		let t, n = "px";
-		if (typeof e == "string") if (e === "auto" || e === "") t = 0;
-		else {
-			let r = e.match(/^(-[0-9]+\.[0-9]+|[0-9]*\.[0-9]+|-[0-9]+|[0-9]+)(px|em|rem|vh|vw|%|cm|mm)?$/);
-			if (!r) throw Error(`Invalid height val = ${e}`);
-			n = r[2] || "px", t = parseFloat(r[1]);
-		}
-		else t = e;
-		return {
-			h: t,
-			unit: n
-		};
-	}
-	static defaults(t, ...n) {
-		return n.forEach((n) => {
-			for (let r in n) {
-				if (!n.hasOwnProperty(r)) return;
-				t[r] === null || t[r] === void 0 ? t[r] = n[r] : typeof n[r] == "object" && typeof t[r] == "object" && e.defaults(t[r], n[r]);
-			}
-		}), t;
-	}
-	static same(e, t) {
-		if (typeof e != "object") return e == t;
-		if (typeof e != typeof t || Object.keys(e).length !== Object.keys(t).length) return !1;
-		for (let n in e) if (e[n] !== t[n]) return !1;
-		return !0;
-	}
-	static copyPos(e, t, n = !1) {
-		return t.x !== void 0 && (e.x = t.x), t.y !== void 0 && (e.y = t.y), t.w !== void 0 && (e.w = t.w), t.h !== void 0 && (e.h = t.h), n && (t.minW && (e.minW = t.minW), t.minH && (e.minH = t.minH), t.maxW && (e.maxW = t.maxW), t.maxH && (e.maxH = t.maxH)), e;
-	}
-	static samePos(e, t) {
-		return e && t && e.x === t.x && e.y === t.y && (e.w || 1) === (t.w || 1) && (e.h || 1) === (t.h || 1);
-	}
-	static sanitizeMinMax(e) {
-		e.minW || delete e.minW, e.minH || delete e.minH, e.maxW || delete e.maxW, e.maxH || delete e.maxH;
-	}
-	static removeInternalAndSame(t, n) {
-		if (!(typeof t != "object" || typeof n != "object") && !(Array.isArray(t) || Array.isArray(n))) for (let r in t) {
-			let i = t[r], a = n[r];
-			r[0] === "_" || i === a ? delete t[r] : i && typeof i == "object" && a !== void 0 && (e.removeInternalAndSame(i, a), Object.keys(i).length || delete t[r]);
-		}
-	}
-	static removeInternalForSave(e, t = !0) {
-		for (let t in e) (t[0] === "_" || e[t] === null || e[t] === void 0) && delete e[t];
-		delete e.grid, t && delete e.el, e.autoPosition || delete e.autoPosition, e.noResize || delete e.noResize, e.noMove || delete e.noMove, e.locked || delete e.locked, (e.w === 1 || e.w === e.minW) && delete e.w, (e.h === 1 || e.h === e.minH) && delete e.h;
-	}
-	static throttle(e, t) {
-		let n = !1;
-		return (...r) => {
-			n || (n = !0, setTimeout(() => {
-				e(...r), n = !1;
-			}, t));
-		};
-	}
-	static removePositioningStyles(e) {
-		let t = e.style;
-		t.position && t.removeProperty("position"), t.left && t.removeProperty("left"), t.top && t.removeProperty("top"), t.width && t.removeProperty("width"), t.height && t.removeProperty("height");
-	}
-	static getScrollElement(t) {
-		if (!t) return document.scrollingElement || document.documentElement;
-		let n = getComputedStyle(t).overflowY;
-		return (n === "auto" || n === "scroll") && t.scrollHeight > t.clientHeight ? t : e.getScrollElement(t.parentElement);
-	}
-	static updateScrollResize(t, n, r) {
-		let i = e.getScrollElement(n), a = i.clientHeight, o = i === e.getScrollElement() ? 0 : i.getBoundingClientRect().top, s = t.clientY - o, c = s < r, l = s > a - r;
-		c ? i.scrollBy({
-			behavior: "smooth",
-			top: s - r
-		}) : l && i.scrollBy({
-			behavior: "smooth",
-			top: r - (a - s)
-		});
-	}
-	static clone(e) {
-		return typeof e != "object" || !e ? e : e instanceof Array ? [...e] : { ...e };
-	}
-	static cloneDeep(t) {
-		let n = [
-			"parentGrid",
-			"el",
-			"grid",
-			"subGrid",
-			"engine"
-		], r = e.clone(t);
-		for (let i in r) r.hasOwnProperty(i) && typeof r[i] == "object" && i.substring(0, 2) !== "__" && !n.find((e) => e === i) && (r[i] = e.cloneDeep(t[i]));
-		return r;
-	}
-	static cloneNode(e) {
-		let t = e.cloneNode(!0);
-		return t.removeAttribute("id"), t;
-	}
-	static appendTo(t, n) {
-		let r;
-		r = typeof n == "string" ? e.getElement(n) : n, r && r.appendChild(t);
-	}
-	static addElStyles(e, t) {
-		if (t instanceof Object) for (let n in t) t.hasOwnProperty(n) && (Array.isArray(t[n]) ? t[n].forEach((t) => {
-			e.style[n] = t;
-		}) : e.style[n] = t[n]);
-	}
-	static initEvent(e, t) {
-		let n = { type: t.type }, r = {
-			button: 0,
-			which: 0,
-			buttons: 1,
-			bubbles: !0,
-			cancelable: !0,
-			target: t.target ? t.target : e.target
-		};
-		return [
-			"altKey",
-			"ctrlKey",
-			"metaKey",
-			"shiftKey"
-		].forEach((t) => n[t] = e[t]), [
-			"pageX",
-			"pageY",
-			"clientX",
-			"clientY",
-			"screenX",
-			"screenY"
-		].forEach((t) => n[t] = e[t]), {
-			...n,
-			...r
-		};
-	}
-	static simulateMouseEvent(e, t, n) {
-		let r = e, i = new MouseEvent(t, {
-			bubbles: !0,
-			composed: !0,
-			cancelable: !0,
-			view: window,
-			detail: 1,
-			screenX: e.screenX,
-			screenY: e.screenY,
-			clientX: e.clientX,
-			clientY: e.clientY,
-			ctrlKey: r.ctrlKey ?? !1,
-			altKey: r.altKey ?? !1,
-			shiftKey: r.shiftKey ?? !1,
-			metaKey: r.metaKey ?? !1,
-			button: 0,
-			relatedTarget: e.target
-		});
-		(n || e.target).dispatchEvent(i);
-	}
-	static getValuesFromTransformedElement(t) {
-		let n = document.createElement("div");
-		e.addElStyles(n, {
-			opacity: "0",
-			position: "fixed",
-			top: "0px",
-			left: "0px",
-			width: "1px",
-			height: "1px",
-			zIndex: "-999999"
-		}), t.appendChild(n);
-		let r = n.getBoundingClientRect();
-		return t.removeChild(n), n.remove(), {
-			xScale: 1 / r.width,
-			yScale: 1 / r.height,
-			xOffset: r.left,
-			yOffset: r.top
-		};
-	}
-	static swap(e, t, n) {
-		if (!e) return;
-		let r = e[t];
-		e[t] = e[n], e[n] = r;
-	}
-	static canBeRotated(e) {
-		return !(!e || e.w === e.h || e.locked || e.noResize || e.grid?.opts.disableResize || e.minW && e.minW === e.maxW || e.minH && e.minH === e.maxH);
-	}
-}, xn = class e {
-	constructor(e = {}) {
-		this.addedNodes = [], this.removedNodes = [], this.defaultColumn = 12, this.column = e.column || this.defaultColumn, this.column > this.defaultColumn && (this.defaultColumn = this.column), this.maxRow = e.maxRow, this._float = e.float, this.nodes = e.nodes || [], this.onChange = e.onChange;
-	}
-	batchUpdate(e = !0, t = !0) {
-		return !!this.batchMode === e ? this : (this.batchMode = e, e ? (this._prevFloat = this._float, this._float = !0, this.cleanNodes(), this.saveInitial()) : (this._float = this._prevFloat, delete this._prevFloat, t && this._packNodes(), this._notify()), this);
-	}
-	_useEntireRowArea(e, t) {
-		return (!this.float || this.batchMode && !this._prevFloat) && !this._hasLocked && (!e._moving || e._skipDown || t.y <= e.y);
-	}
-	_fixCollisions(e, t = e, n, r = {}) {
-		if (this.sortNodes(-1), n ||= this.collide(e, t), !n) return !1;
-		if (e._moving && !r.nested && !this.float && this.swap(e, n)) return !0;
-		let i = t;
-		!this._loading && this._useEntireRowArea(e, t) && (i = {
-			x: 0,
-			w: this.column,
-			y: t.y,
-			h: t.h
-		}, n = this.collide(e, i, r.skip));
-		let a = !1, o = {
-			nested: !0,
-			pack: !1
-		}, s = 0;
-		for (; n ||= this.collide(e, i, r.skip);) {
-			if (s++ > this.nodes.length * 2) throw Error("Infinite collide check");
-			let i;
-			if (n.locked || this._loading || e._moving && !e._skipDown && t.y > e.y && !this.float && (!this.collide(n, {
-				...n,
-				y: e.y
-			}, e) || !this.collide(n, {
-				...n,
-				y: t.y - n.h
-			}, e))) {
-				e._skipDown = e._skipDown || t.y > e.y;
-				let s = {
-					...t,
-					y: n.y + n.h,
-					...o
-				};
-				i = this._loading && G.samePos(e, s) ? !0 : this.moveNode(e, s), (n.locked || this._loading) && i ? G.copyPos(t, e) : !n.locked && i && r.pack && (this._packNodes(), t.y = n.y + n.h, G.copyPos(e, t)), a ||= i;
-			} else i = this.moveNode(n, {
-				...n,
-				y: t.y + t.h,
-				skip: e,
-				...o
-			});
-			if (!i) return a;
-			n = void 0;
-		}
-		return a;
-	}
-	collide(e, t = e, n) {
-		let r = e._id, i = n?._id;
-		return this.nodes.find((e) => e._id !== r && e._id !== i && G.isIntercepted(e, t));
-	}
-	collideAll(e, t = e, n) {
-		let r = e._id, i = n?._id;
-		return this.nodes.filter((e) => e._id !== r && e._id !== i && G.isIntercepted(e, t));
-	}
-	directionCollideCoverage(e, t, n) {
-		if (!t.rect || !e._rect) return;
-		let r = e._rect, i = { ...t.rect };
-		i.y > r.y ? (i.h += i.y - r.y, i.y = r.y) : i.h += r.y - i.y, i.x > r.x ? (i.w += i.x - r.x, i.x = r.x) : i.w += r.x - i.x;
-		let a, o = .5;
-		for (let e of n) {
-			if (e.locked || !e._rect) break;
-			let t = e._rect, n = Number.MAX_VALUE, s = Number.MAX_VALUE;
-			r.y < t.y ? n = (i.y + i.h - t.y) / t.h : r.y + r.h > t.y + t.h && (n = (t.y + t.h - i.y) / t.h), r.x < t.x ? s = (i.x + i.w - t.x) / t.w : r.x + r.w > t.x + t.w && (s = (t.x + t.w - i.x) / t.w);
-			let c = Math.min(s, n);
-			c > o && (o = c, a = e);
-		}
-		return t.collide = a, a;
-	}
-	cacheRects(e, t, n, r, i, a) {
-		return this.nodes.forEach((o) => o._rect = {
-			y: o.y * t + n,
-			x: o.x * e + a,
-			w: o.w * e - a - r,
-			h: o.h * t - n - i
-		}), this;
-	}
-	swap(e, t) {
-		if (!t || t.locked || !e || e.locked) return !1;
-		function n() {
-			let n = t.x, r = t.y;
-			return t.x = e.x, t.y = e.y, e.h == t.h ? e.w == t.w ? (e.x = n, e.y = r) : (e.x = t.x + t.w, e.y = r) : (e.x = n, e.y = t.y + t.h), e._dirty = t._dirty = !0, !0;
-		}
-		let r;
-		if (e.w === t.w && e.h === t.h && (e.x === t.x || e.y === t.y) && (r = G.isTouching(e, t))) return n();
-		if (r !== !1) {
-			if (e.w === t.w && e.x === t.x && (r ||= G.isTouching(e, t))) {
-				if (t.y < e.y) {
-					let n = e;
-					e = t, t = n;
-				}
-				return n();
-			}
-			if (r !== !1) {
-				if (e.h === t.h && e.y === t.y && (r ||= G.isTouching(e, t))) {
-					if (t.x < e.x) {
-						let n = e;
-						e = t, t = n;
-					}
-					return n();
-				}
-				return !1;
-			}
-		}
-	}
-	isAreaEmpty(e, t, n, r) {
-		let i = {
-			x: e || 0,
-			y: t || 0,
-			w: n || 1,
-			h: r || 1
-		};
-		return !this.collide(i);
-	}
-	compact(e = "compact", t = !0) {
-		if (this.nodes.length === 0) return this;
-		t && this.sortNodes();
-		let n = this.batchMode;
-		n || this.batchUpdate();
-		let r = this._inColumnResize;
-		r || (this._inColumnResize = !0);
-		let i = this.nodes;
-		return this.nodes = [], i.forEach((t, n, r) => {
-			let i;
-			t.locked || (t.autoPosition = !0, e === "list" && n && (i = r[n - 1])), this.addNode(t, !1, i);
-		}), r || delete this._inColumnResize, n || this.batchUpdate(!1), this;
-	}
-	set float(e) {
-		this._float !== e && (this._float = e || !1, e || this._packNodes()._notify());
-	}
-	get float() {
-		return this._float || !1;
-	}
-	sortNodes(e = 1) {
-		return this.nodes = G.sort(this.nodes, e), this;
-	}
-	_packNodes() {
-		return this.batchMode ? this : (this.sortNodes(), this.float ? this.nodes.forEach((e) => {
-			if (e._updating || e._orig === void 0 || e.y === e._orig.y) return;
-			let t = e.y;
-			for (; t > e._orig.y;) --t, this.collide(e, {
-				x: e.x,
-				y: t,
-				w: e.w,
-				h: e.h
-			}) || (e._dirty = !0, e.y = t);
-		}) : this.nodes.forEach((e, t) => {
-			if (!e.locked) for (; e.y > 0;) {
-				let n = t === 0 ? 0 : e.y - 1;
-				if (!(t === 0 || !this.collide(e, {
-					x: e.x,
-					y: n,
-					w: e.w,
-					h: e.h
-				}))) break;
-				e._dirty = e.y !== n, e.y = n;
-			}
-		}), this);
-	}
-	prepareNode(t, n) {
-		t._id = t._id ?? e._idSeq++;
-		let r = t.id;
-		if (r) {
-			let e = 1;
-			for (; this.nodes.find((e) => e.id === t.id && e !== t);) t.id = r + "_" + e++;
-		}
-		(t.x === void 0 || t.y === void 0 || t.x === null || t.y === null) && (t.autoPosition = !0);
-		let i = {
-			x: 0,
-			y: 0,
-			w: 1,
-			h: 1
-		};
-		return G.defaults(t, i), t.autoPosition || delete t.autoPosition, t.noResize || delete t.noResize, t.noMove || delete t.noMove, G.sanitizeMinMax(t), typeof t.x == "string" && (t.x = Number(t.x)), typeof t.y == "string" && (t.y = Number(t.y)), typeof t.w == "string" && (t.w = Number(t.w)), typeof t.h == "string" && (t.h = Number(t.h)), isNaN(t.x) && (t.x = i.x, t.autoPosition = !0), isNaN(t.y) && (t.y = i.y, t.autoPosition = !0), isNaN(t.w) && (t.w = i.w), isNaN(t.h) && (t.h = i.h), this.nodeBoundFix(t, n), t;
-	}
-	nodeBoundFix(e, t) {
-		let n = e._orig || G.copyPos({}, e);
-		if (e.maxW && (e.w = Math.min(e.w || 1, e.maxW)), e.maxH && (e.h = Math.min(e.h || 1, e.maxH)), e.minW && (e.w = Math.max(e.w || 1, e.minW)), e.minH && (e.h = Math.max(e.h || 1, e.minH)), (e.x || 0) + (e.w || 1) > this.column && this.column < this.defaultColumn && !this._inColumnResize && !this.skipCacheUpdate && e._id != null && this.findCacheLayout(e, this.defaultColumn) === -1) {
-			let t = { ...e };
-			t.autoPosition || t.x === void 0 ? (delete t.x, delete t.y) : t.x = Math.min(this.defaultColumn - 1, t.x), t.w = Math.min(this.defaultColumn, t.w || 1), this.cacheOneLayout(t, this.defaultColumn);
-		}
-		return e.w > this.column ? e.w = this.column : e.w < 1 && (e.w = 1), this.maxRow && e.h > this.maxRow ? e.h = this.maxRow : e.h < 1 && (e.h = 1), e.x < 0 && (e.x = 0), e.y < 0 && (e.y = 0), e.x + e.w > this.column && (t ? e.w = this.column - e.x : e.x = this.column - e.w), this.maxRow && e.y + e.h > this.maxRow && (t ? e.h = this.maxRow - e.y : e.y = this.maxRow - e.h), G.samePos(e, n) || (e._dirty = !0), this;
-	}
-	getDirtyNodes(e) {
-		return e ? this.nodes.filter((e) => e._dirty && !G.samePos(e, e._orig)) : this.nodes.filter((e) => e._dirty);
-	}
-	_notify(e) {
-		if (this.batchMode || !this.onChange) return this;
-		let t = (e || []).concat(this.getDirtyNodes());
-		return this.onChange(t), this;
-	}
-	cleanNodes() {
-		return this.batchMode || this.nodes.forEach((e) => {
-			delete e._dirty, delete e._lastTried;
-		}), this;
-	}
-	saveInitial() {
-		return this.nodes.forEach((e) => {
-			e._orig = G.copyPos({}, e), delete e._dirty;
-		}), this._hasLocked = this.nodes.some((e) => e.locked), this;
-	}
-	restoreInitial() {
-		return this.nodes.forEach((e) => {
-			!e._orig || G.samePos(e, e._orig) || (G.copyPos(e, e._orig), e._dirty = !0);
-		}), this._notify(), this;
-	}
-	findEmptyPosition(e, t = this.nodes, n = this.column, r) {
-		let i = r ? r.y * n + (r.x + r.w) : 0, a = !1;
-		for (let r = i; !a; ++r) {
-			let i = r % n, o = Math.floor(r / n);
-			if (i + e.w > n) continue;
-			let s = {
-				x: i,
-				y: o,
-				w: e.w,
-				h: e.h
-			};
-			t.find((e) => G.isIntercepted(s, e)) || ((e.x !== i || e.y !== o) && (e._dirty = !0), e.x = i, e.y = o, delete e.autoPosition, a = !0);
-		}
-		return a;
-	}
-	addNode(e, t = !1, n) {
-		let r = this.nodes.find((t) => t._id === e._id);
-		if (r) return r;
-		this._inColumnResize ? this.nodeBoundFix(e) : this.prepareNode(e), delete e._temporaryRemoved, delete e._removeDOM;
-		let i;
-		return e.autoPosition && this.findEmptyPosition(e, this.nodes, this.column, n) && (delete e.autoPosition, i = !0), this.nodes.push(e), t && this.addedNodes.push(e), i || this._fixCollisions(e), this.batchMode || this._packNodes()._notify(), e;
-	}
-	removeNode(e, t = !0, n = !1) {
-		return this.nodes.find((t) => t._id === e._id) ? (n && this.removedNodes.push(e), t && (e._removeDOM = !0), this.nodes = this.nodes.filter((t) => t._id !== e._id), e._isAboutToRemove || this._packNodes(), this._notify([e]), this) : this;
-	}
-	removeAll(e = !0, t = !0) {
-		if (delete this._layouts, !this.nodes.length) return this;
-		e && this.nodes.forEach((e) => e._removeDOM = !0);
-		let n = this.nodes;
-		return this.removedNodes = t ? n : [], this.nodes = [], this._notify(n);
-	}
-	moveNodeCheck(t, n) {
-		if (!this.changedPosConstrain(t, n)) return !1;
-		if (n.pack = !0, !this.maxRow) return this.moveNode(t, n);
-		let r, i = new e({
-			column: this.column,
-			float: this.float,
-			nodes: this.nodes.map((e) => e._id === t._id ? (r = { ...e }, r) : { ...e })
-		});
-		if (!r) return !1;
-		let a = i.moveNode(r, n) && i.getRow() <= Math.max(this.getRow(), this.maxRow);
-		if (!a && !n.resizing && n.collide) {
-			let e = n.collide.el.gridstackNode;
-			if (this.swap(t, e)) return this._notify(), !0;
-		}
-		return a ? (i.nodes.filter((e) => e._dirty).forEach((e) => {
-			let t = this.nodes.find((t) => t._id === e._id);
-			t && (G.copyPos(t, e), t._dirty = !0);
-		}), this._notify(), !0) : !1;
-	}
-	willItFit(t) {
-		if (delete t._willFitPos, !this.maxRow) return !0;
-		let n = new e({
-			column: this.column,
-			float: this.float,
-			nodes: this.nodes.map((e) => ({ ...e }))
-		}), r = { ...t };
-		return this.cleanupNode(r), delete r.el, delete r._id, delete r.content, delete r.grid, n.addNode(r), n.getRow() <= this.maxRow ? (t._willFitPos = G.copyPos({}, r), !0) : !1;
-	}
-	changedPosConstrain(e, t) {
-		return t.w = t.w || e.w, t.h = t.h || e.h, e.x !== t.x || e.y !== t.y ? !0 : (e.maxW && (t.w = Math.min(t.w, e.maxW)), e.maxH && (t.h = Math.min(t.h, e.maxH)), e.minW && (t.w = Math.max(t.w, e.minW)), e.minH && (t.h = Math.max(t.h, e.minH)), e.w !== t.w || e.h !== t.h);
-	}
-	moveNode(e, t) {
-		if (!e || !t) return !1;
-		let n;
-		t.pack === void 0 && !this.batchMode && (n = t.pack = !0), typeof t.x != "number" && (t.x = e.x), typeof t.y != "number" && (t.y = e.y), typeof t.w != "number" && (t.w = e.w), typeof t.h != "number" && (t.h = e.h);
-		let r = e.w !== t.w || e.h !== t.h, i = G.copyPos({}, e, !0);
-		if (G.copyPos(i, t), this.nodeBoundFix(i, r), G.copyPos(t, i), !t.forceCollide && G.samePos(e, t)) return !1;
-		let a = G.copyPos({}, e), o = this.collideAll(e, i, t.skip), s = !0;
-		if (o.length) {
-			let r = e._moving && !t.nested, a = r ? this.directionCollideCoverage(e, t, o) : o[0];
-			if (r && a && e.grid?.opts?.subGridDynamic && !e.grid._isTemp) {
-				let n = G.areaIntercept(t.rect, a._rect), r = G.area(t.rect), i = G.area(a._rect);
-				n / (r < i ? r : i) > .8 && (a.grid.makeSubGrid(a.el, void 0, e), a = void 0);
-			}
-			a ? s = !this._fixCollisions(e, i, a, t) : (s = !1, n && delete t.pack);
-		}
-		return s && !G.samePos(e, i) && (e._dirty = !0, G.copyPos(e, i)), t.pack && this._packNodes()._notify(), !G.samePos(e, a);
-	}
-	getRow() {
-		return this.nodes.reduce((e, t) => Math.max(e, t.y + t.h), 0);
-	}
-	beginUpdate(e) {
-		return e._updating || (e._updating = !0, delete e._skipDown, this.batchMode || this.saveInitial()), this;
-	}
-	endUpdate() {
-		let e = this.nodes.find((e) => e._updating);
-		return e && (delete e._updating, delete e._skipDown), this;
-	}
-	save(e = !0, t, n) {
-		let r = this._layouts?.length || 0, i;
-		r && (n ? n !== this.column && (i = this._layouts[n]) : this.column !== r - 1 && (i = this._layouts[r - 1]));
-		let a = [];
-		return this.sortNodes(), this.nodes.forEach((n) => {
-			let r = i?.find((e) => e._id === n._id), o = {
-				...n,
-				...r || {}
-			};
-			G.removeInternalForSave(o, !e), t && t(n, o), a.push(o);
-		}), a;
-	}
-	layoutsNodesChange(e) {
-		return !this._layouts || this._inColumnResize || this._layouts.forEach((t, n) => {
-			if (!t || n === this.column) return this;
-			if (n < this.column) this._layouts[n] = void 0;
-			else {
-				let r = n / this.column;
-				e.forEach((e) => {
-					if (!e._orig) return;
-					let n = t.find((t) => t._id === e._id);
-					n && (n.y >= 0 && e.y !== e._orig.y && (n.y += e.y - e._orig.y, n.y < 0 && (n.y = 0)), e.x !== e._orig.x && (n.x = Math.round(e.x * r), n.x < 0 && (n.x = 0)), e.w !== e._orig.w && (n.w = Math.round(e.w * r), n.w < 1 && (n.w = 1)));
-				});
-			}
-		}), this;
-	}
-	columnChanged(e, t, n = "moveScale") {
-		if (!this.nodes.length || !t || e === t) return this;
-		let r = n === "compact" || n === "list";
-		r && this.sortNodes(1), t < e && this.cacheLayout(this.nodes, e), this.batchUpdate();
-		let i = [], a = r ? this.nodes : G.sort(this.nodes, -1);
-		if (t > e && this._layouts) {
-			let n = this._layouts[t] || [], o = this._layouts.length - 1;
-			!n.length && e !== o && this._layouts[o]?.length && (e = o, this._layouts[o].forEach((e) => {
-				let t = a.find((t) => t._id === e._id);
-				t && (!r && !e.autoPosition && (t.x = e.x ?? t.x, t.y = e.y ?? t.y), t.w = e.w ?? t.w, (e.x == null || e.y === void 0) && (t.autoPosition = !0));
-			})), n.forEach((e) => {
-				let t = a.findIndex((t) => t._id === e._id);
-				if (t !== -1) {
-					let n = a[t];
-					if (r) {
-						n.w = e.w;
-						return;
-					}
-					(e.autoPosition || isNaN(e.x) || isNaN(e.y)) && this.findEmptyPosition(e, i), e.autoPosition || (n.x = e.x ?? n.x, n.y = e.y ?? n.y, n.w = e.w ?? n.w, i.push(n)), a.splice(t, 1);
-				}
-			});
-		}
-		if (r) this.compact(n, !1);
-		else {
-			if (a.length) if (typeof n == "function") n(t, e, i, a);
-			else {
-				let o = r || n === "none" ? 1 : t / e, s = n === "move" || n === "moveScale", c = n === "scale" || n === "moveScale";
-				a.forEach((n) => {
-					n.x = t === 1 ? 0 : s ? Math.round(n.x * o) : Math.min(n.x, t - 1), n.w = t === 1 || e === 1 ? 1 : c ? Math.round(n.w * o) || 1 : Math.min(n.w, t), i.push(n);
-				}), a = [];
-			}
-			i = G.sort(i, -1), this._inColumnResize = !0, this.nodes = [], i.forEach((e) => {
-				this.addNode(e, !1), delete e._orig;
-			});
-		}
-		return this.nodes.forEach((e) => delete e._orig), this.batchUpdate(!1, !r), delete this._inColumnResize, this;
-	}
-	cacheLayout(t, n, r = !1) {
-		let i = [];
-		return t.forEach((t, n) => {
-			t._id === void 0 && (t._id = (t.id ? this.nodes.find((e) => e.id === t.id) : void 0)?._id ?? e._idSeq++), i[n] = {
-				x: t.x,
-				y: t.y,
-				w: t.w,
-				_id: t._id
-			};
-		}), this._layouts = r ? [] : this._layouts || [], this._layouts[n] = i, this;
-	}
-	cacheOneLayout(t, n) {
-		t._id = t._id ?? e._idSeq++;
-		let r = {
-			x: t.x,
-			y: t.y,
-			w: t.w,
-			_id: t._id
-		};
-		(t.autoPosition || t.x === void 0) && (delete r.x, delete r.y, t.autoPosition && (r.autoPosition = !0)), this._layouts = this._layouts || [], this._layouts[n] = this._layouts[n] || [];
-		let i = this.findCacheLayout(t, n);
-		return i === -1 ? this._layouts[n].push(r) : this._layouts[n][i] = r, this;
-	}
-	findCacheLayout(e, t) {
-		return this._layouts?.[t]?.findIndex((t) => t._id === e._id) ?? -1;
-	}
-	removeNodeFromLayoutCache(e) {
-		if (this._layouts) for (let t = 0; t < this._layouts.length; t++) {
-			let n = this.findCacheLayout(e, t);
-			n !== -1 && this._layouts[t].splice(n, 1);
-		}
-	}
-	cleanupNode(e) {
-		for (let t in e) t[0] === "_" && t !== "_id" && delete e[t];
-		return this;
-	}
-};
-xn._idSeq = 0;
-//#endregion
-//#region node_modules/gridstack/dist/types.js
-var K = {
-	alwaysShowResizeHandle: "mobile",
-	animate: !0,
-	auto: !0,
-	cellHeight: "auto",
-	cellHeightThrottle: 100,
-	cellHeightUnit: "px",
-	column: 12,
-	draggable: {
-		handle: ".grid-stack-item-content",
-		appendTo: "body",
-		scroll: !0
-	},
-	handle: ".grid-stack-item-content",
-	itemClass: "grid-stack-item",
-	margin: 10,
-	marginUnit: "px",
-	maxRow: 0,
-	minRow: 0,
-	placeholderClass: "grid-stack-placeholder",
-	placeholderText: "",
-	removableOptions: {
-		accept: "grid-stack-item",
-		decline: "grid-stack-non-removable"
-	},
-	resizable: { handles: "se" },
-	rtl: "auto"
-}, q = class {}, J = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0), Y = class {};
-function Sn(e, t) {
-	e.touches.length > 1 || (e.cancelable && e.preventDefault(), G.simulateMouseEvent(e.changedTouches[0], t));
-}
-function Cn(e, t) {
-	e.cancelable && e.preventDefault(), G.simulateMouseEvent(e, t);
-}
-function wn(e) {
-	Y.touchHandled || (Y.touchHandled = !0, Sn(e, "mousedown"));
-}
-function Tn(e) {
-	Y.touchHandled && Sn(e, "mousemove");
-}
-function En(e) {
-	if (!Y.touchHandled) return;
-	Y.pointerLeaveTimeout && (window.clearTimeout(Y.pointerLeaveTimeout), delete Y.pointerLeaveTimeout);
-	let t = !!q.dragElement;
-	Sn(e, "mouseup"), t || Sn(e, "click"), Y.touchHandled = !1;
-}
-function Dn(e) {
-	e.pointerType !== "mouse" && e.target.releasePointerCapture(e.pointerId);
-}
-function On(e) {
-	q.dragElement && e.pointerType !== "mouse" && Cn(e, "mouseenter");
-}
-function kn(e) {
-	q.dragElement && e.pointerType !== "mouse" && (Y.pointerLeaveTimeout = window.setTimeout(() => {
-		delete Y.pointerLeaveTimeout, Cn(e, "mouseleave");
-	}, 10));
-}
-//#endregion
-//#region node_modules/gridstack/dist/dd-resizable-handle.js
-var An = class e {
-	constructor(e, t, n) {
-		this.host = e, this.dir = t, this.option = n, this.moving = !1, this._mouseDown = this._mouseDown.bind(this), this._mouseMove = this._mouseMove.bind(this), this._mouseUp = this._mouseUp.bind(this), this._keyEvent = this._keyEvent.bind(this), this._init();
-	}
-	_init() {
-		if (this.option.element) try {
-			this.el = this.option.element instanceof HTMLElement ? this.option.element : this.host.querySelector(this.option.element);
-		} catch (e) {
-			this.option.element = void 0, console.error("Query for resizeable handle failed, falling back", e);
-		}
-		return this.el || (this.el = document.createElement("div"), this.host.appendChild(this.el)), this.el.classList.add("ui-resizable-handle"), this.el.classList.add(`${e.prefix}${this.dir}`), this.el.style.zIndex = "100", this.el.style.userSelect = "none", this.el.addEventListener("mousedown", this._mouseDown), J && (this.el.addEventListener("touchstart", wn), this.el.addEventListener("pointerdown", Dn)), this;
-	}
-	destroy() {
-		return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), J && (this.el.removeEventListener("touchstart", wn), this.el.removeEventListener("pointerdown", Dn)), this.option.element || this.host.removeChild(this.el), delete this.el, delete this.host, this;
-	}
-	_mouseDown(e) {
-		this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, {
-			capture: !0,
-			passive: !0
-		}), document.addEventListener("mouseup", this._mouseUp, !0), J && (this.el.addEventListener("touchmove", Tn), this.el.addEventListener("touchend", En)), e.stopPropagation(), e.preventDefault();
-	}
-	_mouseMove(e) {
-		let t = this.mouseDownEvent;
-		this.moving ? this._triggerEvent("move", e) : Math.abs(e.x - t.x) + Math.abs(e.y - t.y) > 2 && (this.moving = !0, this._triggerEvent("start", this.mouseDownEvent), this._triggerEvent("move", e), document.addEventListener("keydown", this._keyEvent)), e.stopPropagation();
-	}
-	_mouseUp(e) {
-		this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), J && (this.el.removeEventListener("touchmove", Tn), this.el.removeEventListener("touchend", En)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
-	}
-	_keyEvent(e) {
-		e.key === "Escape" && (this.host.gridstackNode?.grid?.engine.restoreInitial(), this._mouseUp(this.mouseDownEvent));
-	}
-	_triggerEvent(e, t) {
-		return this.option[e] && this.option[e](t), this;
-	}
-};
-An.prefix = "ui-resizable-";
-//#endregion
-//#region node_modules/gridstack/dist/dd-base-impl.js
-var jn = class {
-	constructor() {
-		this._eventRegister = {};
-	}
-	get disabled() {
-		return this._disabled;
-	}
-	on(e, t) {
-		this._eventRegister[e] = t;
-	}
-	off(e) {
-		delete this._eventRegister[e];
-	}
-	enable() {
-		this._disabled = !1;
-	}
-	disable() {
-		this._disabled = !0;
-	}
-	destroy() {
-		delete this._eventRegister;
-	}
-	triggerEvent(e, t) {
-		if (!this.disabled && this._eventRegister && this._eventRegister[e]) return this._eventRegister[e](t);
-	}
-}, Mn = class e extends jn {
-	constructor(e, t = {}) {
-		super(), this.el = e, this.option = t, this.rectScale = {
-			x: 1,
-			y: 1
-		}, this._ui = () => {
-			let e = this.el.parentElement.getBoundingClientRect(), t = {
-				width: this.originalRect.width,
-				height: this.originalRect.height + this.scrolled,
-				left: this.originalRect.left,
-				right: this.originalRect.right,
-				top: this.originalRect.top - this.scrolled
-			}, n = this.temporalRect || t;
-			return {
-				position: {
-					left: this.option.rtl ? (e.right - n.right) * this.rectScale.x : (n.left - e.left) * this.rectScale.x,
-					top: (n.top - e.top) * this.rectScale.y
-				},
-				size: {
-					width: n.width * this.rectScale.x,
-					height: n.height * this.rectScale.y
-				}
-			};
-		}, this._mouseOver = this._mouseOver.bind(this), this._mouseOut = this._mouseOut.bind(this), this.enable(), this._setupAutoHide(this.option.autoHide), this._setupHandlers();
-	}
-	on(e, t) {
-		super.on(e, t);
-	}
-	off(e) {
-		super.off(e);
-	}
-	enable() {
-		super.enable(), this.el.classList.remove("ui-resizable-disabled"), this._setupAutoHide(this.option.autoHide);
-	}
-	disable() {
-		super.disable(), this.el.classList.add("ui-resizable-disabled"), this._setupAutoHide(!1);
-	}
-	destroy() {
-		this._removeHandlers(), this._setupAutoHide(!1), delete this.el, super.destroy();
-	}
-	updateOption(e) {
-		let t = e.handles && e.handles !== this.option.handles, n = e.autoHide && e.autoHide !== this.option.autoHide;
-		return Object.keys(e).forEach((t) => this.option[t] = e[t]), t && (this._removeHandlers(), this._setupHandlers()), n && this._setupAutoHide(this.option.autoHide), this;
-	}
-	_setupAutoHide(e) {
-		return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), q.overResizeElement === this && delete q.overResizeElement), this;
-	}
-	_mouseOver(e) {
-		q.overResizeElement || q.dragElement || (q.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
-	}
-	_mouseOut(e) {
-		q.overResizeElement === this && (delete q.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
-	}
-	_setupHandlers() {
-		return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new An(this.el, e, {
-			element: this.option.element,
-			start: (e) => this._resizeStart(e),
-			stop: (e) => this._resizeStop(e),
-			move: (t) => this._resizing(t, e)
-		})), this;
-	}
-	_resizeStart(e) {
-		this.sizeToContent = G.shouldSizeToContent(this.el.gridstackNode, !0), this.originalRect = this.el.getBoundingClientRect(), this.scrollEl = G.getScrollElement(this.el), this.scrollY = this.scrollEl.scrollTop, this.scrolled = 0, this.startEvent = e, this._setupHelper(), this._applyChange();
-		let t = G.initEvent(e, {
-			type: "resizestart",
-			target: this.el
-		});
-		return this.option.start && this.option.start(t, this._ui()), this.el.classList.add("ui-resizable-resizing"), this.triggerEvent("resizestart", t), this;
-	}
-	_resizing(e, t) {
-		this.scrolled = this.scrollEl.scrollTop - this.scrollY, this.temporalRect = this._getChange(e, t), this._applyChange();
-		let n = G.initEvent(e, {
-			type: "resize",
-			target: this.el
-		});
-		return n.resizeDir = t, n.hasMovedX = this.option.rtl ? t.includes("e") : t.includes("w"), n.hasMovedY = t.includes("n"), this.option.resize && this.option.resize(n, this._ui()), this.triggerEvent("resize", n), this;
-	}
-	_resizeStop(e) {
-		let t = G.initEvent(e, {
-			type: "resizestop",
-			target: this.el
-		});
-		return this._cleanHelper(), this.option.stop && this.option.stop(t), this.el.classList.remove("ui-resizable-resizing"), this.triggerEvent("resizestop", t), delete this.startEvent, delete this.originalRect, delete this.temporalRect, delete this.scrollY, delete this.scrolled, this;
-	}
-	_setupHelper() {
-		this.elOriginStyleVal = e._originStyleProp.map((e) => this.el.style[e]), this.parentOriginStylePosition = this.el.parentElement.style.position;
-		let t = this.el.parentElement, n = G.getValuesFromTransformedElement(t);
-		return this.rectScale = {
-			x: n.xScale,
-			y: n.yScale
-		}, getComputedStyle(this.el.parentElement).position.match(/static/) && (this.el.parentElement.style.position = "relative"), this.el.style.position = "absolute", this.el.style.opacity = "0.8", this;
-	}
-	_cleanHelper() {
-		return e._originStyleProp.forEach((e, t) => {
-			this.el.style[e] = this.elOriginStyleVal[t] || null;
-		}), this.el.parentElement.style.position = this.parentOriginStylePosition || null, this;
-	}
-	_getChange(e, t) {
-		let n = this.startEvent, r = {
-			width: this.originalRect.width,
-			height: this.originalRect.height + this.scrolled,
-			left: this.originalRect.left,
-			right: this.originalRect.right,
-			top: this.originalRect.top - this.scrolled
-		}, i = e.clientX - n.clientX, a = this.sizeToContent ? 0 : e.clientY - n.clientY, o, s, c = this.option.rtl;
-		!c && t.indexOf("e") > -1 ? r.width += i : c && t.indexOf("w") > -1 ? r.width -= i : !c && t.indexOf("w") > -1 ? (r.width -= i, r.left += i, o = !0) : c && t.indexOf("e") > -1 && (r.width += i, r.right += i, o = !0), t.indexOf("s") > -1 ? r.height += a : t.indexOf("n") > -1 && (r.height -= a, r.top += a, s = !0);
-		let l = this._constrainSize(r.width, r.height, o, s);
-		return Math.round(r.width) !== Math.round(l.width) && (!c && t.indexOf("w") > -1 ? r.left += r.width - l.width : c && t.indexOf("e") > -1 && (r.right -= r.width - l.width), r.width = l.width), Math.round(r.height) !== Math.round(l.height) && (t.indexOf("n") > -1 && (r.top += r.height - l.height), r.height = l.height), r;
-	}
-	_constrainSize(e, t, n, r) {
-		let i = this.option, a = (n ? i.maxWidthMoveLeft : i.maxWidth) || 2 ** 53 - 1, o = i.minWidth / this.rectScale.x || e, s = (r ? i.maxHeightMoveUp : i.maxHeight) || 2 ** 53 - 1, c = i.minHeight / this.rectScale.y || t;
-		return {
-			width: Math.min(a, Math.max(o, e)),
-			height: Math.min(s, Math.max(c, t))
-		};
-	}
-	_applyChange() {
-		let e = {
-			left: 0,
-			right: 0,
-			top: 0,
-			width: 0,
-			height: 0
-		};
-		if (this.el.style.position === "absolute") {
-			let { left: t, right: n, top: r } = this.el.parentElement.getBoundingClientRect();
-			e = {
-				left: t,
-				right: n,
-				top: r,
-				width: 0,
-				height: 0
-			};
-		}
-		return this.temporalRect && Object.entries(this.temporalRect).forEach(([t, n]) => {
-			if (this.option.rtl ? t === "left" : t === "right") return;
-			let r = t === "width" || t === "left" || t === "right" ? this.rectScale.x : t === "height" || t === "top" ? this.rectScale.y : 1, i;
-			i = t === "right" ? (e.right - n) * this.rectScale.x + "px" : (n - e[t]) * r + "px", this.el.style[t] = i;
-		}), this;
-	}
-	_removeHandlers() {
-		return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
-	}
-};
-Mn._originStyleProp = [
-	"width",
-	"height",
-	"position",
-	"left",
-	"right",
-	"top",
-	"opacity",
-	"zIndex"
-];
-//#endregion
-//#region node_modules/gridstack/dist/dd-draggable.js
-var Nn = "input,textarea,button,select,option,[contenteditable=\"true\"],.ui-resizable-handle", Pn = class e extends jn {
-	constructor(e, t = {}) {
-		super(), this.el = e, this.option = t, this.dragTransform = {
-			xScale: 1,
-			yScale: 1,
-			xOffset: 0,
-			yOffset: 0
-		}, this._autoScrollTick = () => {
-			let e = this.helper, t = this._autoScrollContainer;
-			if (!e || !t) {
-				this._stopScrolling();
-				return;
-			}
-			let n = this._getClipping(e, t);
-			if (n === 0) {
-				this._stopScrolling();
-				return;
-			}
-			if (!this._autoScrollMaxSpeed) {
-				let e = window.innerHeight || document.documentElement.clientHeight;
-				this._autoScrollMaxSpeed = Math.max(e / 150, 4);
-			}
-			let r = Math.min(Math.abs(n) * .5, this._autoScrollMaxSpeed), i = n > 0 ? r : -r, a = t.scrollTop;
-			if (t.scrollTop += i, t.scrollTop === a) {
-				this._stopScrolling();
-				return;
-			}
-			this.dragging && this.lastDrag && (this._dragFollow(this.lastDrag), this._callDrag(this.lastDrag)), this._autoScrollAnimId = requestAnimationFrame(this._autoScrollTick);
-		};
-		let n = t?.handle?.substring(1), r = e.gridstackNode;
-		this.dragEls = !n || e.classList.contains(n) ? [e] : r?.subGrid ? [e.querySelector(t.handle) || e] : this.getAllHandles(), this.dragEls.length === 0 && (this.dragEls = [e]), this._mouseDown = this._mouseDown.bind(this), this._mouseMove = this._mouseMove.bind(this), this._mouseUp = this._mouseUp.bind(this), this._keyEvent = this._keyEvent.bind(this), this.enable();
-	}
-	getAllHandles() {
-		return Array.from(this.el.querySelectorAll(this.option.handle)).filter((e) => {
-			if (!(e instanceof HTMLElement)) return !1;
-			let t = e.closest(".grid-stack-item");
-			return t === this.el || !t;
-		});
-	}
-	on(e, t) {
-		super.on(e, t);
-	}
-	off(e) {
-		super.off(e);
-	}
-	enable() {
-		this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-			e.addEventListener("mousedown", this._mouseDown), J && (e.addEventListener("touchstart", wn), e.addEventListener("pointerdown", Dn));
-		}), this.el.classList.remove("ui-draggable-disabled"));
-	}
-	disable(e = !1) {
-		this.disabled !== !0 && (super.disable(), this.dragEls.forEach((e) => {
-			e.removeEventListener("mousedown", this._mouseDown), J && (e.removeEventListener("touchstart", wn), e.removeEventListener("pointerdown", Dn));
-		}), e || this.el.classList.add("ui-draggable-disabled"));
-	}
-	destroy() {
-		this.dragTimeout && window.clearTimeout(this.dragTimeout), delete this.dragTimeout, this.mouseDownEvent && this._mouseUp(this.mouseDownEvent), this.disable(!0), delete this.el, delete this.helper, delete this.option, super.destroy();
-	}
-	updateOption(e) {
-		return Object.keys(e).forEach((t) => this.option[t] = e[t]), this;
-	}
-	_mouseDown(e) {
-		if (Y.touchHandled && e.isTrusted && (Y.touchHandled = !1), !q.mouseHandled) return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Nn) || this.option.cancel && e.target.closest(this.option.cancel) ? !0 : (this.mouseDownEvent = e, delete this.dragging, delete q.dragElement, delete q.dropElement, delete this._autoScrollMaxSpeed, delete this._autoScrollContainer, document.addEventListener("mousemove", this._mouseMove, {
-			capture: !0,
-			passive: !0
-		}), document.addEventListener("mouseup", this._mouseUp, !0), J && (e.currentTarget.addEventListener("touchmove", Tn), e.currentTarget.addEventListener("touchend", En)), e.preventDefault(), document.activeElement && document.activeElement.blur(), q.mouseHandled = !0, !0);
-	}
-	_callDrag(e) {
-		if (!this.dragging) return;
-		let t = G.initEvent(e, {
-			target: this.el,
-			type: "drag"
-		});
-		this.option.drag && this.option.drag(t, this.ui()), this.triggerEvent("drag", t);
-	}
-	_mouseMove(e) {
-		let t = this.mouseDownEvent;
-		if (this.lastDrag = e, this.dragging) if (this._dragFollow(e), q.pauseDrag) {
-			let t = Number.isInteger(q.pauseDrag) ? q.pauseDrag : 100;
-			this.dragTimeout && window.clearTimeout(this.dragTimeout), this.dragTimeout = window.setTimeout(() => this._callDrag(e), t);
-		} else this._callDrag(e);
-		else if (Math.abs(e.x - t.x) + Math.abs(e.y - t.y) > 3) {
-			this.dragging = !0, q.dragElement = this;
-			let t = this.el.gridstackNode?.grid;
-			t ? q.dropElement = t.el.ddElement.ddDroppable : delete q.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = G.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
-			let n = G.initEvent(e, {
-				target: this.el,
-				type: "dragstart"
-			});
-			this.option.start && this.option.start(n, this.ui()), this.triggerEvent("dragstart", n), document.addEventListener("keydown", this._keyEvent);
-		}
-		return !0;
-	}
-	_mouseUp(e) {
-		if (this._stopScrolling(), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), J && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Tn, !0), e.currentTarget.removeEventListener("touchend", En, !0)), this.dragging) {
-			delete this.dragging, delete this.el.gridstackNode?._origRotate, document.removeEventListener("keydown", this._keyEvent), q.dropElement?.el === this.el.parentElement && delete q.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
-			let t = G.initEvent(e, {
-				target: this.el,
-				type: "dragstop"
-			});
-			this.option.stop && this.option.stop(t), this.triggerEvent("dragstop", t), q.dropElement && q.dropElement.drop(e);
-		}
-		delete this.helper, delete this.mouseDownEvent, delete q.dragElement, delete q.dropElement, delete q.mouseHandled, e.preventDefault();
-	}
-	_keyEvent(e) {
-		let t = this.el.gridstackNode, n = t?.grid || q.dropElement?.el?.gridstack;
-		if (e.key === "Escape") t && t._origRotate && (t._orig = t._origRotate, delete t._origRotate), n?.cancelDrag(), this._mouseUp(this.mouseDownEvent);
-		else if (t && n && (e.key === "r" || e.key === "R")) {
-			if (!G.canBeRotated(t)) return;
-			t._origRotate = t._origRotate || { ...t._orig }, delete t._moving, n.setAnimation(!1).rotate(t.el, {
-				top: -this.dragOffset.offsetTop,
-				left: -this.dragOffset.offsetX
-			}).setAnimation(), t._moving = !0, this.dragOffset = this._getDragOffset(this.lastDrag, t.el, this.helperContainment), this.helper.style.width = this.dragOffset.width + "px", this.helper.style.height = this.dragOffset.height + "px", G.swap(t._orig, "w", "h"), delete t._rect, this._mouseMove(this.lastDrag);
-		}
-	}
-	_createHelper() {
-		let t = this.el;
-		return typeof this.option.helper == "function" ? t = this.option.helper(this.el) : this.option.helper === "clone" && (t = G.cloneNode(this.el)), t.parentElement || G.appendTo(t, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = e.originStyleProp.map((e) => this.el.style[e]), t;
-	}
-	_setupHelperStyle(e) {
-		this.helper.classList.add("ui-draggable-dragging"), this.el.gridstackNode?.grid?.el.classList.add("grid-stack-dragging");
-		let t = this.helper.style;
-		return t.pointerEvents = "none", t.width = this.dragOffset.width + "px", t.height = this.dragOffset.height + "px", t.willChange = "left, right, top", t.position = "fixed", this._dragFollow(e), t.transition = "none", setTimeout(() => {
-			this.helper && (t.transition = null);
-		}, 0), this;
-	}
-	_removeHelperStyle() {
-		if (this.helper.classList.remove("ui-draggable-dragging"), this.el.gridstackNode?.grid?.el.classList.remove("grid-stack-dragging"), !this.helper?.gridstackNode?._isAboutToRemove && this.dragElementOriginStyle) {
-			let t = this.helper, n = this.dragElementOriginStyle.transition || null;
-			t.style.transition = this.dragElementOriginStyle.transition = "none", e.originStyleProp.forEach((e) => t.style[e] = this.dragElementOriginStyle[e] || null), setTimeout(() => t.style.transition = n, 50);
-		}
-		return delete this.dragElementOriginStyle, this;
-	}
-	_dragFollow(e) {
-		let t = this.helper.style, n = this.dragOffset;
-		this.option.rtl ? (t.right = (window.innerWidth - e.clientX + n.offsetX) * this.dragTransform.xScale + "px", t.left &&= "") : (t.left = (e.clientX + n.offsetX) * this.dragTransform.xScale + "px", t.right &&= ""), t.top = (e.clientY + n.offsetTop) * this.dragTransform.yScale + "px";
-	}
-	_setupHelperContainmentStyle() {
-		return this.helperContainment = this.helper.parentElement, this.helper.style.position !== "fixed" && (this.parentOriginStylePosition = this.helperContainment.style.position, getComputedStyle(this.helperContainment).position.match(/static/) && (this.helperContainment.style.position = "relative")), this;
-	}
-	_getDragOffset(e, t, n) {
-		let r = 0, i = 0;
-		n && (r = this.dragTransform.xOffset, i = this.dragTransform.yOffset);
-		let a = t.getBoundingClientRect(), o = this.option.rtl ? a.right : a.left, s = this.option.rtl ? e.clientX - a.right + r : -e.clientX + a.left - r;
-		return {
-			x: o,
-			top: a.top,
-			offsetX: s,
-			offsetTop: -e.clientY + a.top - i,
-			width: a.width * this.dragTransform.xScale,
-			height: a.height * this.dragTransform.yScale
-		};
-	}
-	updateScrollPosition(e) {
-		this._autoScrollContainer = G.getScrollElement(e), this._getClipping(this.helper, this._autoScrollContainer) === 0 ? this._stopScrolling() : this._autoScrollAnimId ||= requestAnimationFrame(this._autoScrollTick);
-	}
-	_getClipping(e, t) {
-		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerHeight || document.documentElement.clientHeight;
-		if (n.bottom < r.top || n.top > r.bottom) return 0;
-		let a = n.bottom - Math.min(r.bottom, i), o = n.top - Math.max(r.top, 0);
-		return o < 0 ? o : a > 0 ? a : 0;
-	}
-	_stopScrolling() {
-		this._autoScrollAnimId && (cancelAnimationFrame(this._autoScrollAnimId), delete this._autoScrollAnimId);
-	}
-	ui() {
-		let e = this.el.parentElement.getBoundingClientRect(), t = this.helper.getBoundingClientRect(), n = this.option.rtl ? (e.right - t.right) * this.dragTransform.xScale : (t.left - e.left) * this.dragTransform.xScale;
-		return { position: {
-			top: (t.top - e.top) * this.dragTransform.yScale,
-			left: n
-		} };
-	}
-};
-Pn.originStyleProp = [
-	"width",
-	"height",
-	"transform",
-	"transform-origin",
-	"transition",
-	"pointerEvents",
-	"position",
-	"left",
-	"right",
-	"top",
-	"minWidth",
-	"willChange"
-];
-//#endregion
-//#region node_modules/gridstack/dist/dd-droppable.js
-var Fn = class extends jn {
-	constructor(e, t = {}) {
-		super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.enable(), this._setupAccept();
-	}
-	on(e, t) {
-		super.on(e, t);
-	}
-	off(e) {
-		super.off(e);
-	}
-	enable() {
-		this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), J && (this.el.addEventListener("pointerenter", On), this.el.addEventListener("pointerleave", kn)));
-	}
-	disable(e = !1) {
-		this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), J && (this.el.removeEventListener("pointerenter", On), this.el.removeEventListener("pointerleave", kn)));
-	}
-	destroy() {
-		this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
-	}
-	updateOption(e) {
-		return Object.keys(e).forEach((t) => this.option[t] = e[t]), this._setupAccept(), this;
-	}
-	_mouseEnter(e) {
-		if (!q.dragElement || Y.touchHandled && e.isTrusted || !this._canDrop(q.dragElement.el)) return;
-		e.preventDefault(), e.stopPropagation(), q.dragElement._stopScrolling(), q.dropElement && q.dropElement !== this && q.dropElement._mouseLeave(e, !0), q.dropElement = this;
-		let t = G.initEvent(e, {
-			target: this.el,
-			type: "dropover"
-		});
-		this.option.over && this.option.over(t, this._ui(q.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
-	}
-	_mouseLeave(e, t = !1) {
-		if (!q.dragElement || q.dropElement !== this) return;
-		e.preventDefault(), e.stopPropagation(), t && q.dragElement._stopScrolling();
-		let n = G.initEvent(e, {
-			target: this.el,
-			type: "dropout"
-		});
-		if (this.option.out && this.option.out(n, this._ui(q.dragElement)), this.triggerEvent("dropout", n), q.dropElement === this && (delete q.dropElement, !t)) {
-			let t, n = this.el.parentElement;
-			for (; !t && n;) t = n.ddElement?.ddDroppable, n = n.parentElement;
-			t && t._mouseEnter(e);
-		}
-	}
-	drop(e) {
-		e.preventDefault();
-		let t = G.initEvent(e, {
-			target: this.el,
-			type: "drop"
-		});
-		this.option.drop && this.option.drop(t, this._ui(q.dragElement)), this.triggerEvent("drop", t);
-	}
-	_canDrop(e) {
-		return e && (!this.accept || this.accept(e));
-	}
-	_setupAccept() {
-		return this.option.accept && (typeof this.option.accept == "string" ? this.accept = (e) => e.classList.contains(this.option.accept) || e.matches(this.option.accept) : this.accept = this.option.accept), this;
-	}
-	_ui(e) {
-		return {
-			draggable: e.el,
-			...e.ui()
-		};
-	}
-}, In = class e {
-	static init(t) {
-		return t.ddElement ||= new e(t), t.ddElement;
-	}
-	constructor(e) {
-		this.el = e;
-	}
-	on(e, t) {
-		return this.ddDraggable && [
-			"drag",
-			"dragstart",
-			"dragstop"
-		].indexOf(e) > -1 ? this.ddDraggable.on(e, t) : this.ddDroppable && [
-			"drop",
-			"dropover",
-			"dropout"
-		].indexOf(e) > -1 ? this.ddDroppable.on(e, t) : this.ddResizable && [
-			"resizestart",
-			"resize",
-			"resizestop"
-		].indexOf(e) > -1 && this.ddResizable.on(e, t), this;
-	}
-	off(e) {
-		return this.ddDraggable && [
-			"drag",
-			"dragstart",
-			"dragstop"
-		].indexOf(e) > -1 ? this.ddDraggable.off(e) : this.ddDroppable && [
-			"drop",
-			"dropover",
-			"dropout"
-		].indexOf(e) > -1 ? this.ddDroppable.off(e) : this.ddResizable && [
-			"resizestart",
-			"resize",
-			"resizestop"
-		].indexOf(e) > -1 && this.ddResizable.off(e), this;
-	}
-	setupDraggable(e) {
-		return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new Pn(this.el, e), this;
-	}
-	cleanDraggable() {
-		return this.ddDraggable && (this.ddDraggable.destroy(), delete this.ddDraggable), this;
-	}
-	setupResizable(e) {
-		return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new Mn(this.el, e), this;
-	}
-	cleanResizable() {
-		return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
-	}
-	setupDroppable(e) {
-		return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Fn(this.el, e), this;
-	}
-	cleanDroppable() {
-		return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
-	}
-}, X = new class {
-	resizable(e, t, n, r) {
-		return this._getDDElements(e, t).forEach((e) => {
-			if (t === "disable" || t === "enable") e.ddResizable && e.ddResizable[t]();
-			else if (t === "destroy") e.ddResizable && e.cleanResizable();
-			else if (t === "option") e.setupResizable({ [n]: r });
-			else {
-				let n = e.el.gridstackNode.grid, r = e.el.getAttribute("gs-resize-handles") || n.opts.resizable.handles || "e,s,se";
-				r === "all" && (r = "n,e,s,w,se,sw,ne,nw");
-				let i = !n.opts.alwaysShowResizeHandle;
-				e.setupResizable({
-					...n.opts.resizable,
-					handles: r,
-					autoHide: i,
-					start: t.start,
-					stop: t.stop,
-					resize: t.resize,
-					rtl: t.rtl
-				});
-			}
-		}), this;
-	}
-	draggable(e, t, n, r) {
-		return this._getDDElements(e, t).forEach((e) => {
-			if (t === "disable" || t === "enable") e.ddDraggable && e.ddDraggable[t]();
-			else if (t === "destroy") e.ddDraggable && e.cleanDraggable();
-			else if (t === "option") e.setupDraggable({ [n]: r });
-			else {
-				let n = e.el.gridstackNode.grid;
-				e.setupDraggable({
-					...n.opts.draggable,
-					start: t.start,
-					stop: t.stop,
-					drag: t.drag,
-					rtl: t.rtl
-				});
-			}
-		}), this;
-	}
-	dragIn(e, t) {
-		return this._getDDElements(e).forEach((e) => e.setupDraggable(t)), this;
-	}
-	droppable(e, t, n, r) {
-		return typeof t.accept == "function" && !t._accept && (t._accept = t.accept, t.accept = (e) => t._accept(e)), this._getDDElements(e, t).forEach((e) => {
-			t === "disable" || t === "enable" ? e.ddDroppable && e.ddDroppable[t]() : t === "destroy" ? e.ddDroppable && e.cleanDroppable() : t === "option" ? e.setupDroppable({ [n]: r }) : e.setupDroppable(t);
-		}), this;
-	}
-	isDroppable(e) {
-		return !!(e?.ddElement?.ddDroppable && !e.ddElement.ddDroppable.disabled);
-	}
-	isDraggable(e) {
-		return !!(e?.ddElement?.ddDraggable && !e.ddElement.ddDraggable.disabled);
-	}
-	isResizable(e) {
-		return !!(e?.ddElement?.ddResizable && !e.ddElement.ddResizable.disabled);
-	}
-	on(e, t, n) {
-		return this._getDDElements(e).forEach((e) => e.on(t, (e) => {
-			n(e, q.dragElement ? q.dragElement.el : e.target, q.dragElement ? q.dragElement.helper : null);
-		})), this;
-	}
-	off(e, t) {
-		return this._getDDElements(e).forEach((e) => e.off(t)), this;
-	}
-	_getDDElements(e, t) {
-		let n = e.gridstack || t !== "destroy" && t !== "disable", r = G.getElements(e);
-		return r.length ? r.map((e) => e.ddElement || (n ? In.init(e) : null)).filter((e) => e) : [];
-	}
-}(), Z = class e {
-	static init(t = {}, n = ".grid-stack") {
-		if (typeof document > "u") return null;
-		let r = e.getGridElement(n);
-		return r ? (r.gridstack ||= new e(r, G.cloneDeep(t)), r.gridstack) : (console.error(typeof n == "string" ? "GridStack.initAll() no grid was found with selector \"" + n + "\" - element missing or wrong selector ?\nNote: \".grid-stack\" is required for proper CSS styling and drag/drop, and is the default selector." : "GridStack.init() no grid element was passed."), null);
-	}
-	static initAll(t = {}, n = ".grid-stack") {
-		let r = [];
-		return typeof document > "u" ? r : (e.getGridElements(n).forEach((n) => {
-			n.gridstack ||= new e(n, G.cloneDeep(t)), r.push(n.gridstack);
-		}), r.length === 0 && console.error("GridStack.initAll() no grid was found with selector \"" + n + "\" - element missing or wrong selector ?\nNote: \".grid-stack\" is required for proper CSS styling and drag/drop, and is the default selector."), r);
-	}
-	static addGrid(t, n = {}) {
-		if (!t) return null;
-		let r = t;
-		if (r.gridstack) {
-			let e = r.gridstack;
-			return n && (e.opts = {
-				...e.opts,
-				...n
-			}), n.children !== void 0 && e.load(n.children), e;
-		}
-		return (!t.classList.contains("grid-stack") || e.addRemoveCB) && (r = e.addRemoveCB ? e.addRemoveCB(t, n, !0, !0) : G.createDiv(["grid-stack", n.class], t)), e.init(n, r);
-	}
-	static registerEngine(t) {
-		e.engineClass = t;
-	}
-	get placeholder() {
-		if (!this._placeholder) {
-			this._placeholder = G.createDiv([
-				this.opts.placeholderClass,
-				K.itemClass,
-				this.opts.itemClass
-			]);
-			let e = G.createDiv(["placeholder-content"], this._placeholder);
-			this.opts.placeholderText && (e.textContent = this.opts.placeholderText);
-		}
-		return this._placeholder;
-	}
-	constructor(t, n = {}) {
-		this.el = t, this.opts = n, this.animationDelay = 310, this._gsEventHandler = {}, this._extraDragRow = 0, this.dragTransform = {
-			xScale: 1,
-			yScale: 1,
-			xOffset: 0,
-			yOffset: 0
-		}, t.gridstack = this, this.opts = n ||= {}, t.classList.contains("grid-stack") || this.el.classList.add("grid-stack"), n.row && (n.minRow = n.maxRow = n.row, delete n.row);
-		let r = G.toNumber(t.getAttribute("gs-row"));
-		n.column === "auto" && delete n.column, n.alwaysShowResizeHandle !== void 0 && (n._alwaysShowResizeHandle = n.alwaysShowResizeHandle);
-		let i = n.columnOpts;
-		if (i) {
-			let e = i.breakpoints;
-			!i.columnWidth && !e?.length ? delete n.columnOpts : (i.columnMax = i.columnMax || 12, e?.length > 1 && e.sort((e, t) => (t.w || 0) - (e.w || 0)));
-		}
-		let a = {
-			...G.cloneDeep(K),
-			column: G.toNumber(t.getAttribute("gs-column")) || K.column,
-			minRow: r || G.toNumber(t.getAttribute("gs-min-row")) || K.minRow,
-			maxRow: r || G.toNumber(t.getAttribute("gs-max-row")) || K.maxRow,
-			staticGrid: G.toBool(t.getAttribute("gs-static")) || K.staticGrid,
-			sizeToContent: G.toBool(t.getAttribute("gs-size-to-content")) || void 0,
-			draggable: { handle: (n.handleClass ? "." + n.handleClass : n.handle ? n.handle : "") || K.draggable.handle },
-			removableOptions: {
-				accept: n.itemClass || K.removableOptions.accept,
-				decline: K.removableOptions.decline
-			}
-		};
-		t.getAttribute("gs-animate") && (a.animate = G.toBool(t.getAttribute("gs-animate"))), n = G.defaults(n, a), this._initMargin(), this.checkDynamicColumn(), this._updateColumnVar(n), n.rtl === "auto" && (n.rtl = t.style.direction === "rtl"), n.rtl && this.el.classList.add("grid-stack-rtl");
-		let o = this.el.closest("." + K.itemClass)?.gridstackNode;
-		if (o && (o.subGrid = this, this.parentGridNode = o, this.el.classList.add("grid-stack-nested"), o.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = n.cellHeight === "auto", this._isAutoCellHeight || n.cellHeight === "initial") this.cellHeight(void 0);
-		else {
-			typeof n.cellHeight == "number" && n.cellHeightUnit && n.cellHeightUnit !== K.cellHeightUnit && (n.cellHeight += n.cellHeightUnit, delete n.cellHeightUnit);
-			let e = n.cellHeight;
-			delete n.cellHeight, this.cellHeight(e);
-		}
-		n.alwaysShowResizeHandle === "mobile" && (n.alwaysShowResizeHandle = J), this._setStaticClass();
-		let s = n.engineClass || e.engineClass || xn;
-		if (this.engine = new s({
-			column: this.getColumn(),
-			float: n.float,
-			maxRow: n.maxRow,
-			onChange: (e) => {
-				e.forEach((e) => {
-					let t = e.el;
-					t && (e._removeDOM ? (t && t.remove(), delete e._removeDOM) : this._writePosAttr(t, e));
-				}), this._updateContainerHeight();
-			}
-		}), n.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((e) => this._prepareElement(e)), delete this.engine._loading, this.batchUpdate(!1)), n.children) {
-			let e = n.children;
-			delete n.children, e.length && this.load(e);
-		}
-		this.setAnimation(), n.subGridDynamic && !q.pauseDrag && (q.pauseDrag = !0), n.draggable?.pause !== void 0 && (q.pauseDrag = n.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
-	}
-	_updateColumnVar(e = this.opts) {
-		this.el.classList.add("gs-" + e.column), typeof e.column == "number" && this.el.style.setProperty("--gs-column-width", `${100 / e.column}%`);
-	}
-	addWidget(t) {
-		if (!t) return;
-		if (typeof t == "string") {
-			console.error("V11: GridStack.addWidget() does not support string anymore. see #2736");
-			return;
-		}
-		if (t.ELEMENT_NODE) return console.error("V11: GridStack.addWidget() does not support HTMLElement anymore. use makeWidget()"), this.makeWidget(t);
-		let n, r = t;
-		if (r.grid = this, n = r.el ? r.el : e.addRemoveCB ? e.addRemoveCB(this.el, t, !0, !1) : this.createWidgetDivs(r), !n) return;
-		if (r = n.gridstackNode, r && n.parentElement === this.el && this.engine.nodes.find((e) => e._id === r._id)) return n;
-		let i = this._readAttr(n);
-		return G.defaults(t, i), this.engine.prepareNode(t), this.el.appendChild(n), this.makeWidget(n, t), n;
-	}
-	createWidgetDivs(t) {
-		let n = G.createDiv(["grid-stack-item", this.opts.itemClass]), r = G.createDiv(["grid-stack-item-content"], n);
-		return G.lazyLoad(t) ? t.visibleObservable || (t.visibleObservable = new IntersectionObserver(([n]) => {
-			n.isIntersecting && (t.visibleObservable?.disconnect(), delete t.visibleObservable, e.renderCB(r, t), t.grid?.prepareDragDrop(t.el));
-		}), window.setTimeout(() => t.visibleObservable?.observe(n))) : e.renderCB(r, t), n;
-	}
-	makeSubGrid(t, n, r, i = !0) {
-		let a = t.gridstackNode;
-		if (a ||= this.makeWidget(t).gridstackNode, a.subGrid?.el) return a.subGrid;
-		let o, s = this;
-		for (; s && !o;) o = s.opts?.subGridOpts, s = s.parentGridNode?.grid;
-		n = G.cloneDeep({
-			...this.opts,
-			id: void 0,
-			children: void 0,
-			column: "auto",
-			columnOpts: void 0,
-			layout: "list",
-			subGridOpts: void 0,
-			...o || {},
-			...n || a.subGridOpts || {}
-		}), a.subGridOpts = n;
-		let c;
-		n.column === "auto" && (c = !0, n.column = Math.max(a.w || 1, r?.w || 1), delete n.columnOpts);
-		let l = a.el.querySelector(".grid-stack-item-content"), u, d;
-		if (i && (this._removeDD(a.el), d = {
-			...a,
-			x: 0,
-			y: 0
-		}, G.removeInternalForSave(d), delete d.subGridOpts, a.content && (d.content = a.content, delete a.content), e.addRemoveCB ? u = e.addRemoveCB(this.el, d, !0, !1) : (u = G.createDiv(["grid-stack-item"]), u.appendChild(l), l = G.createDiv(["grid-stack-item-content"], a.el)), this.prepareDragDrop(a.el)), r) {
-			let e = c ? n.column : a.w, t = a.h + r.h, i = a.el.style;
-			i.transition = "none", this.update(a.el, {
-				w: e,
-				h: t
-			}), setTimeout(() => i.transition = null);
-		}
-		let f = a.subGrid = e.addGrid(l, n);
-		return r?._moving && (f._isTemp = !0), c && (f._autoColumn = !0), i && f.makeWidget(u, d), r && (r._moving ? window.setTimeout(() => G.simulateMouseEvent(r._event, "mouseenter", f.el), 0) : f.makeWidget(a.el, a)), this.resizeToContentCheck(!1, a), f;
-	}
-	removeAsSubGrid(e) {
-		let t = this.parentGridNode?.grid;
-		t && (t.batchUpdate(), t.removeWidget(this.parentGridNode.el, !0, !0), this.engine.nodes.forEach((e) => {
-			e.x += this.parentGridNode.x, e.y += this.parentGridNode.y, t.makeWidget(e.el, e);
-		}), t.batchUpdate(!1), this.parentGridNode && delete this.parentGridNode.subGrid, delete this.parentGridNode, e && window.setTimeout(() => G.simulateMouseEvent(e._event, "mouseenter", t.el), 0));
-	}
-	save(t = !0, n = !1, r = e.saveCB, i) {
-		let a = this.engine.save(t, r, i);
-		if (a.forEach((e) => {
-			if (t && e.el && !e.subGrid && !r) e.content = e.el.querySelector(".grid-stack-item-content")?.innerHTML, e.content || delete e.content;
-			else if (!t && !r && delete e.content, e.subGrid?.el) {
-				let i = e.w || e.subGrid.getColumn(), a = e.subGrid.save(t, n, r, i);
-				e.subGridOpts = n ? a : { children: a }, delete e.subGrid;
-			}
-			delete e.el;
-		}), n) {
-			let e = G.cloneDeep(this.opts);
-			e.marginBottom === e.marginTop && e.marginRight === e.marginLeft && e.marginTop === e.marginRight && (e.margin = e.marginTop, delete e.marginTop, delete e.marginRight, delete e.marginBottom, delete e.marginLeft), e.rtl === (this.el.style.direction === "rtl") && (e.rtl = "auto"), this._isAutoCellHeight && (e.cellHeight = "auto"), this._autoColumn && (e.column = "auto");
-			let t = e._alwaysShowResizeHandle;
-			return delete e._alwaysShowResizeHandle, t === void 0 ? delete e.alwaysShowResizeHandle : e.alwaysShowResizeHandle = t, G.removeInternalAndSame(e, K), e.children = a, e;
-		}
-		return a;
-	}
-	load(t, n = e.addRemoveCB || !0) {
-		t.forEach((e) => {
-			e.w = e.w || e.minW || 1, e.h = e.h || e.minH || 1;
-		}), t = G.sort(t), this.engine.skipCacheUpdate = this._ignoreLayoutsNodeChange = !0;
-		let r = 0;
-		t.forEach((e) => {
-			r = Math.max(r, (e.x || 0) + e.w);
-		}), r > this.engine.defaultColumn && (this.engine.defaultColumn = r);
-		let i = this.getColumn();
-		r > i && (this.engine.nodes.length === 0 && this.responseLayout ? (this.engine.nodes = t, this.engine.columnChanged(r, i, this.responseLayout), t = this.engine.nodes, this.engine.nodes = [], delete this.responseLayout) : this.engine.cacheLayout(t, r, !0));
-		let a = e.addRemoveCB;
-		typeof n == "function" && (e.addRemoveCB = n);
-		let o = [];
-		this.batchUpdate();
-		let s = !this.engine.nodes.length, c = s && this.opts.animate;
-		c && this.setAnimation(!1), !s && n && [...this.engine.nodes].forEach((n) => {
-			n.id && (G.find(t, n.id) || (e.addRemoveCB && e.addRemoveCB(this.el, n, !1, !1), o.push(n), this.removeWidget(n.el, !0, !1)));
-		}), this.engine._loading = !0;
-		let l = [];
-		return this.engine.nodes = this.engine.nodes.filter((e) => G.find(t, e.id) ? (l.push(e), !1) : !0), t.forEach((e) => {
-			let t = G.find(l, e.id);
-			if (t) {
-				if (G.shouldSizeToContent(t) && (e.h = t.h), this.engine.nodeBoundFix(e), (e.autoPosition || e.x === void 0 || e.y === void 0) && (e.w = e.w || t.w, e.h = e.h || t.h, this.engine.findEmptyPosition(e)), this.engine.nodes.push(t), G.samePos(t, e) && this.engine.nodes.length > 1 && (this.moveNode(t, {
-					...e,
-					forceCollide: !0
-				}), G.copyPos(e, t)), this.update(t.el, e), e.subGridOpts?.children) {
-					let n = t.el.querySelector(".grid-stack");
-					n && n.gridstack && n.gridstack.load(e.subGridOpts.children);
-				}
-			} else n && this.addWidget(e);
-		}), delete this.engine._loading, this.engine.removedNodes = o, this.batchUpdate(!1), delete this._ignoreLayoutsNodeChange, delete this.engine.skipCacheUpdate, a ? e.addRemoveCB = a : delete e.addRemoveCB, c && this.setAnimation(!0, !0), this;
-	}
-	batchUpdate(e = !0) {
-		return this.engine.batchUpdate(e), e || (this._updateContainerHeight(), this._triggerRemoveEvent(), this._triggerAddEvent(), this._triggerChangeEvent()), this;
-	}
-	getCellHeight(e = !1) {
-		if (this.opts.cellHeight && this.opts.cellHeight !== "auto" && (!e || !this.opts.cellHeightUnit || this.opts.cellHeightUnit === "px")) return this.opts.cellHeight;
-		if (this.opts.cellHeightUnit === "rem") return this.opts.cellHeight * parseFloat(getComputedStyle(document.documentElement).fontSize);
-		if (this.opts.cellHeightUnit === "em") return this.opts.cellHeight * parseFloat(getComputedStyle(this.el).fontSize);
-		if (this.opts.cellHeightUnit === "cm") return this.opts.cellHeight * (96 / 2.54);
-		if (this.opts.cellHeightUnit === "mm") return this.opts.cellHeight * (96 / 2.54) / 10;
-		let t = this.el.querySelector("." + this.opts.itemClass);
-		if (t) {
-			let e = G.toNumber(t.getAttribute("gs-h")) || 1;
-			return Math.round(t.offsetHeight / e);
-		}
-		let n = parseInt(this.el.getAttribute("gs-current-row"));
-		return n ? Math.round(this.el.getBoundingClientRect().height / n) : this.opts.cellHeight;
-	}
-	cellHeight(e) {
-		if (e !== void 0 && this._isAutoCellHeight !== (e === "auto") && (this._isAutoCellHeight = e === "auto", this._updateResizeEvent()), (e === "initial" || e === "auto") && (e = void 0), e === void 0) {
-			let t = -this.opts.marginRight - this.opts.marginLeft + this.opts.marginTop + this.opts.marginBottom;
-			e = this.cellWidth() + t;
-		}
-		let t = G.parseHeight(e);
-		return this.opts.cellHeightUnit === t.unit && this.opts.cellHeight === t.h ? this : (this.opts.cellHeightUnit = t.unit, this.opts.cellHeight = t.h, this.el.style.setProperty("--gs-cell-height", `${this.opts.cellHeight}${this.opts.cellHeightUnit}`), this._updateContainerHeight(), this.resizeToContentCheck(), this);
-	}
-	cellWidth() {
-		return this._widthOrContainer() / this.getColumn();
-	}
-	_widthOrContainer(e = !1) {
-		return e && this.opts.columnOpts?.breakpointForWindow ? window.innerWidth : this.el.clientWidth || this.el.parentElement.clientWidth || window.innerWidth;
-	}
-	checkDynamicColumn() {
-		let e = this.opts.columnOpts;
-		if (!e || !e.columnWidth && !e.breakpoints?.length) return !1;
-		let t = this.getColumn(), n = t, r = this._widthOrContainer(!0);
-		if (e.columnWidth) n = Math.min(Math.round(r / e.columnWidth) || 1, e.columnMax);
-		else {
-			n = e.columnMax;
-			let i = 0;
-			for (; i < e.breakpoints.length && r <= e.breakpoints[i].w;) n = e.breakpoints[i++].c || t;
-		}
-		if (n !== t) {
-			let t = e.breakpoints?.find((e) => e.c === n);
-			return this.column(n, t?.layout || e.layout), !0;
-		}
-		return !1;
-	}
-	compact(e = "compact", t = !0) {
-		return this.engine.compact(e, t), this._triggerChangeEvent(), this;
-	}
-	column(e, t = "moveScale") {
-		if (!e || e < 1 || this.opts.column === e) return this;
-		let n = this.getColumn();
-		return this.opts.column = e, this.engine ? (this.engine.column = e, this.el.classList.remove("gs-" + n), this._updateColumnVar(), this.engine.columnChanged(n, e, t), this._isAutoCellHeight && this.cellHeight(), this.resizeToContentCheck(!0), this._ignoreLayoutsNodeChange = !0, this._triggerChangeEvent(), delete this._ignoreLayoutsNodeChange, this) : (this.responseLayout = t, this);
-	}
-	getColumn() {
-		return this.opts.column;
-	}
-	getGridItems() {
-		return Array.from(this.el.children).filter((e) => e.matches("." + this.opts.itemClass) && !e.matches("." + this.opts.placeholderClass));
-	}
-	isIgnoreChangeCB() {
-		return this._ignoreLayoutsNodeChange;
-	}
-	destroy(e = !0) {
-		if (this.el) return this.offAll(), this._updateResizeEvent(!0), this.setStatic(!0, !1), this.setAnimation(!1), e ? this.el.parentNode.removeChild(this.el) : (this.removeAll(e), this.el.removeAttribute("gs-current-row")), this.parentGridNode && delete this.parentGridNode.subGrid, delete this.parentGridNode, delete this.opts, delete this._placeholder?.gridstackNode, delete this._placeholder, delete this.engine, delete this.el.gridstack, delete this.el, this;
-	}
-	float(e) {
-		return this.opts.float !== e && (this.opts.float = this.engine.float = e, this._triggerChangeEvent()), this;
-	}
-	getFloat() {
-		return this.engine.float;
-	}
-	getCellFromPixel(e, t = !1) {
-		let n = this.el.getBoundingClientRect(), r;
-		r = t ? {
-			top: n.top + document.documentElement.scrollTop,
-			left: n.left
-		} : {
-			top: this.el.offsetTop,
-			left: this.el.offsetLeft
-		};
-		let i = e.left - r.left, a = e.top - r.top, o = n.width / this.getColumn(), s = n.height / parseInt(this.el.getAttribute("gs-current-row"));
-		return {
-			x: Math.floor(i / o),
-			y: Math.floor(a / s)
-		};
-	}
-	getRow() {
-		return Math.max(this.engine.getRow(), this.opts.minRow || 0);
-	}
-	isAreaEmpty(e, t, n, r) {
-		return this.engine.isAreaEmpty(e, t, n, r);
-	}
-	makeWidget(t, n) {
-		let r = e.getElement(t);
-		if (!r || r.gridstackNode) return r;
-		r.parentElement || this.el.appendChild(r), this._prepareElement(r, !0, n);
-		let i = r.gridstackNode;
-		this._updateContainerHeight(), i.subGridOpts && this.makeSubGrid(r, i.subGridOpts, void 0, !1);
-		let a;
-		return this.opts.column === 1 && !this._ignoreLayoutsNodeChange && (a = this._ignoreLayoutsNodeChange = !0), this._triggerAddEvent(), this._triggerChangeEvent(), a && delete this._ignoreLayoutsNodeChange, r;
-	}
-	on(e, t) {
-		return e.indexOf(" ") === -1 ? (e === "change" || e === "added" || e === "removed" || e === "enable" || e === "disable" ? (e === "enable" || e === "disable" ? this._gsEventHandler[e] = (e) => t(e) : this._gsEventHandler[e] = (e) => {
-			e.detail && t(e, e.detail);
-		}, this.el.addEventListener(e, this._gsEventHandler[e])) : e === "drag" || e === "dragstart" || e === "dragstop" || e === "resizestart" || e === "resize" || e === "resizestop" || e === "dropped" || e === "resizecontent" ? this._gsEventHandler[e] = t : console.error("GridStack.on(" + e + ") event not supported"), this) : (e.split(" ").forEach((e) => this.on(e, t)), this);
-	}
-	off(e) {
-		return e.indexOf(" ") === -1 ? ((e === "change" || e === "added" || e === "removed" || e === "enable" || e === "disable") && this._gsEventHandler[e] && this.el.removeEventListener(e, this._gsEventHandler[e]), delete this._gsEventHandler[e], this) : (e.split(" ").forEach((e) => this.off(e)), this);
-	}
-	offAll() {
-		return Object.keys(this._gsEventHandler).forEach((e) => this.off(e)), this;
-	}
-	removeWidget(t, n = !0, r = !0) {
-		return t ? (e.getElements(t).forEach((t) => {
-			if (t.parentElement && t.parentElement !== this.el) return;
-			let i = t.gridstackNode;
-			i ||= this.engine.nodes.find((e) => t === e.el), i && (n && e.addRemoveCB && e.addRemoveCB(this.el, i, !1, !1), delete t.gridstackNode, this._removeDD(t), this.engine.removeNode(i, n, r), n && t.parentElement && t.remove());
-		}), r && (this._triggerRemoveEvent(), this._triggerChangeEvent()), this) : (console.error("Error: GridStack.removeWidget(undefined) called"), this);
-	}
-	removeAll(t = !0, n = !0) {
-		return this.engine.nodes.forEach((n) => {
-			t && e.addRemoveCB && e.addRemoveCB(this.el, n, !1, !1), delete n.el.gridstackNode, this.opts.staticGrid || this._removeDD(n.el);
-		}), this.engine.removeAll(t, n), n && this._triggerRemoveEvent(), this;
-	}
-	setAnimation(e = this.opts.animate, t) {
-		return t ? setTimeout(() => {
-			this.opts && this.setAnimation(e);
-		}) : e ? this.el.classList.add("grid-stack-animate") : this.el.classList.remove("grid-stack-animate"), this.opts.animate = e, this;
-	}
-	hasAnimationCSS() {
-		return this.el.classList.contains("grid-stack-animate");
-	}
-	setStatic(e, t = !0, n = !0) {
-		return !!this.opts.staticGrid === e ? this : (e ? this.opts.staticGrid = !0 : delete this.opts.staticGrid, this._setupRemoveDrop(), this._setupAcceptWidget(), this.engine.nodes.forEach((r) => {
-			this.prepareDragDrop(r.el), r.subGrid && n && r.subGrid.setStatic(e, t, n);
-		}), t && this._setStaticClass(), this);
-	}
-	updateOptions(e) {
-		let t = this.opts;
-		if (e === t) return this;
-		if (e.acceptWidgets !== void 0 && (t.acceptWidgets = e.acceptWidgets, this._setupAcceptWidget()), e.animate !== void 0 && this.setAnimation(e.animate), e.cellHeight && this.cellHeight(e.cellHeight), e.class !== void 0 && e.class !== t.class && (t.class && this.el.classList.remove(t.class), e.class && this.el.classList.add(e.class)), e.columnOpts) {
-			let t = !!this.opts.columnOpts;
-			this.opts.columnOpts = e.columnOpts, t !== !!this.opts.columnOpts && this._updateResizeEvent(), this.checkDynamicColumn();
-		} else e.columnOpts === null && this.opts.columnOpts ? (delete this.opts.columnOpts, this._updateResizeEvent()) : typeof e.column == "number" && this.column(e.column);
-		return e.margin !== void 0 && this.margin(e.margin), e.staticGrid !== void 0 && this.setStatic(e.staticGrid), e.disableDrag !== void 0 && !e.staticGrid && this.enableMove(!e.disableDrag), e.disableResize !== void 0 && !e.staticGrid && this.enableResize(!e.disableResize), e.float !== void 0 && this.float(e.float), e.row === void 0 ? (e.minRow !== void 0 && (t.minRow = e.minRow, this._updateContainerHeight()), e.maxRow !== void 0 && (t.maxRow = this.engine.maxRow = e.maxRow)) : (t.minRow = t.maxRow = t.row = e.row, this._updateContainerHeight()), e.lazyLoad !== void 0 && (t.lazyLoad = e.lazyLoad), e.children?.length && this.load(e.children), this;
-	}
-	update(t, n) {
-		return e.getElements(t).forEach((t) => {
-			let r = t?.gridstackNode;
-			if (!r) return;
-			let i = {
-				...G.copyPos({}, r),
-				...G.cloneDeep(n)
-			};
-			this.engine.nodeBoundFix(i), delete i.autoPosition;
-			let a = [
-				"x",
-				"y",
-				"w",
-				"h"
-			], o;
-			if (a.some((e) => i[e] !== void 0 && i[e] !== r[e]) && (o = {}, a.forEach((e) => {
-				o[e] = i[e] === void 0 ? r[e] : i[e], delete i[e];
-			})), !o && (i.minW || i.minH || i.maxW || i.maxH) && (o = {}), i.content !== void 0) {
-				let n = t.querySelector(".grid-stack-item-content");
-				n && n.textContent !== i.content && (r.content = i.content, e.renderCB(n, i), r.subGrid?.el && (n.appendChild(r.subGrid.el), r.subGrid._updateContainerHeight())), delete i.content;
-			}
-			let s = !1, c = !1;
-			for (let e in i) e[0] !== "_" && r[e] !== i[e] && (r[e] = i[e], s = !0, c ||= !this.opts.staticGrid && (e === "noResize" || e === "noMove" || e === "locked"));
-			if (G.sanitizeMinMax(r), o) {
-				let e = o.w !== void 0 && o.w !== r.w;
-				this.moveNode(r, o), e && r.subGrid ? r.subGrid.onResize(this.hasAnimationCSS() ? r.w : void 0) : this.resizeToContentCheck(e, r), delete r._orig;
-			}
-			(o || s) && this._writeAttr(t, r), c && this.prepareDragDrop(r.el), e.updateCB && e.updateCB(r);
-		}), this;
-	}
-	moveNode(e, t) {
-		let n = e._updating;
-		n || this.engine.cleanNodes().beginUpdate(e), this.engine.moveNode(e, t), this._updateContainerHeight(), n || (this._triggerChangeEvent(), this.engine.endUpdate());
-	}
-	resizeToContent(t) {
-		if (!t || (t.classList.remove("size-to-content-max"), !t.clientHeight)) return;
-		let n = t.gridstackNode;
-		if (!n) return;
-		let r = n.grid;
-		if (!r || t.parentElement !== r.el) return;
-		let i = r.getCellHeight(!0);
-		if (!i) return;
-		let a = n.h ? n.h * i : t.clientHeight, o;
-		if (n.resizeToContentParent && (o = t.querySelector(n.resizeToContentParent)), o ||= t.querySelector(e.resizeToContentParent), !o) return;
-		let s = t.clientHeight - o.clientHeight, c = n.h ? n.h * i - s : o.clientHeight, l;
-		if (n.subGrid) {
-			l = n.subGrid.getRow() * n.subGrid.getCellHeight(!0);
-			let e = n.subGrid.el.getBoundingClientRect(), r = t.getBoundingClientRect();
-			l += e.top - r.top;
-		} else if (n.subGridOpts?.children?.length) return;
-		else {
-			let t = o.firstElementChild;
-			if (!t) {
-				console.error(`Error: GridStack.resizeToContent() widget id:${n.id} '${e.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
-				return;
-			}
-			l = t.getBoundingClientRect().height || c;
-		}
-		if (c === l) return;
-		a += l - c;
-		let u = Math.ceil(a / i), d = Number.isInteger(n.sizeToContent) ? n.sizeToContent : 0;
-		d && u > d && (u = d, t.classList.add("size-to-content-max")), n.minH && u < n.minH ? u = n.minH : n.maxH && u > n.maxH && (u = n.maxH), u !== n.h && (r._ignoreLayoutsNodeChange = !0, r.moveNode(n, { h: u }), delete r._ignoreLayoutsNodeChange);
-	}
-	resizeToContentCBCheck(t) {
-		e.resizeToContentCB ? e.resizeToContentCB(t) : this.resizeToContent(t);
-	}
-	rotate(t, n) {
-		return e.getElements(t).forEach((e) => {
-			let t = e.gridstackNode;
-			if (!G.canBeRotated(t)) return;
-			let r = {
-				w: t.h,
-				h: t.w,
-				minH: t.minW,
-				minW: t.minH,
-				maxH: t.maxW,
-				maxW: t.maxH
-			};
-			if (n) {
-				let e = n.left > 0 ? Math.floor(n.left / this.cellWidth()) : 0, i = n.top > 0 ? Math.floor(n.top / this.opts.cellHeight) : 0;
-				r.x = t.x + e - (t.h - (i + 1)), r.y = t.y + i - e;
-			}
-			Object.keys(r).forEach((e) => {
-				r[e] === void 0 && delete r[e];
-			});
-			let i = t._orig;
-			this.update(e, r), t._orig = i;
-		}), this;
-	}
-	margin(e) {
-		if (!(typeof e == "string" && e.split(" ").length > 1)) {
-			let t = G.parseHeight(e);
-			if (this.opts.marginUnit === t.unit && this.opts.margin === t.h) return;
-		}
-		return this.opts.margin = e, this.opts.marginTop = this.opts.marginBottom = this.opts.marginLeft = this.opts.marginRight = void 0, this._initMargin(), this;
-	}
-	getMargin() {
-		return this.opts.margin;
-	}
-	willItFit(e) {
-		return this.engine.willItFit(e);
-	}
-	_triggerChangeEvent() {
-		if (this.engine.batchMode) return this;
-		let e = this.engine.getDirtyNodes(!0);
-		return e && e.length && (this._ignoreLayoutsNodeChange || this.engine.layoutsNodesChange(e), this._triggerEvent("change", e)), this.engine.saveInitial(), this;
-	}
-	_triggerAddEvent() {
-		if (this.engine.batchMode) return this;
-		if (this.engine.addedNodes?.length) {
-			this._ignoreLayoutsNodeChange || this.engine.layoutsNodesChange(this.engine.addedNodes), this.engine.addedNodes.forEach((e) => {
-				delete e._dirty;
-			});
-			let e = [...this.engine.addedNodes];
-			this.engine.addedNodes = [], this._triggerEvent("added", e);
-		}
-		return this;
-	}
-	_triggerRemoveEvent() {
-		if (this.engine.batchMode) return this;
-		if (this.engine.removedNodes?.length) {
-			let e = [...this.engine.removedNodes];
-			this.engine.removedNodes = [], this._triggerEvent("removed", e);
-		}
-		return this;
-	}
-	_triggerEvent(e, t) {
-		let n = t ? new CustomEvent(e, {
-			bubbles: !1,
-			detail: t
-		}) : new Event(e), r = this;
-		for (; r.parentGridNode;) r = r.parentGridNode.grid;
-		return r.el.dispatchEvent(n), this;
-	}
-	_updateContainerHeight() {
-		if (!this.engine || this.engine.batchMode) return this;
-		let e = this.parentGridNode, t = this.getRow() + this._extraDragRow, n = this.opts.cellHeight, r = this.opts.cellHeightUnit;
-		if (!n) return this;
-		if (!e && !this.opts.minRow) {
-			let e = G.parseHeight(getComputedStyle(this.el).minHeight);
-			if (e.h > 0 && e.unit === r) {
-				let r = Math.floor(e.h / n);
-				t < r && (t = r);
-			}
-		}
-		return this.el.setAttribute("gs-current-row", String(t)), this.el.style.removeProperty("min-height"), this.el.style.removeProperty("height"), t && (this.el.style[e ? "minHeight" : "height"] = t * n + r), e && G.shouldSizeToContent(e) && e.grid.resizeToContentCBCheck(e.el), this;
-	}
-	_prepareElement(e, t = !1, n) {
-		n ||= this._readAttr(e), e.gridstackNode = n, n.el = e, n.grid = this, n = this.engine.addNode(n, t), this._writeAttr(e, n), e.classList.add(K.itemClass, this.opts.itemClass);
-		let r = G.shouldSizeToContent(n);
-		return r ? e.classList.add("size-to-content") : e.classList.remove("size-to-content"), r && this.resizeToContentCheck(!1, n), G.lazyLoad(n) || this.prepareDragDrop(n.el), this;
-	}
-	_writePosAttr(e, t) {
-		if (!t._moving && !t._resizing || this._placeholder === e) {
-			let n = this.opts.rtl ? "right" : "left";
-			e.style.top = t.y ? t.y === 1 ? "var(--gs-cell-height)" : `calc(${t.y} * var(--gs-cell-height))` : null, e.style[n] = t.x ? t.x === 1 ? "var(--gs-column-width)" : `calc(${t.x} * var(--gs-column-width))` : null, e.style.width = t.w > 1 ? `calc(${t.w} * var(--gs-column-width))` : null, e.style.height = t.h > 1 ? `calc(${t.h} * var(--gs-cell-height))` : null;
-		}
-		return e.setAttribute("gs-x", String(t.x)), e.setAttribute("gs-y", String(t.y)), t.w > 1 ? e.setAttribute("gs-w", String(t.w)) : e.removeAttribute("gs-w"), t.h > 1 ? e.setAttribute("gs-h", String(t.h)) : e.removeAttribute("gs-h"), this;
-	}
-	_writeAttr(e, t) {
-		if (!t) return this;
-		this._writePosAttr(e, t);
-		let n = {
-			noResize: "gs-no-resize",
-			noMove: "gs-no-move",
-			locked: "gs-locked",
-			id: "gs-id",
-			sizeToContent: "gs-size-to-content"
-		};
-		for (let r in n) t[r] ? e.setAttribute(n[r], String(t[r])) : e.removeAttribute(n[r]);
-		return this;
-	}
-	_readAttr(e, t = !0) {
-		let n = {};
-		n.x = G.toNumber(e.getAttribute("gs-x")), n.y = G.toNumber(e.getAttribute("gs-y")), n.w = G.toNumber(e.getAttribute("gs-w")), n.h = G.toNumber(e.getAttribute("gs-h")), n.autoPosition = G.toBool(e.getAttribute("gs-auto-position")), n.noResize = G.toBool(e.getAttribute("gs-no-resize")), n.noMove = G.toBool(e.getAttribute("gs-no-move")), n.locked = G.toBool(e.getAttribute("gs-locked"));
-		let r = e.getAttribute("gs-size-to-content");
-		r && (r === "true" || r === "false" ? n.sizeToContent = G.toBool(r) : n.sizeToContent = parseInt(r, 10)), n.id = e.getAttribute("gs-id"), n.maxW = G.toNumber(e.getAttribute("gs-max-w")), n.minW = G.toNumber(e.getAttribute("gs-min-w")), n.maxH = G.toNumber(e.getAttribute("gs-max-h")), n.minH = G.toNumber(e.getAttribute("gs-min-h")), t && (n.w === 1 && e.removeAttribute("gs-w"), n.h === 1 && e.removeAttribute("gs-h"), n.maxW && e.removeAttribute("gs-max-w"), n.minW && e.removeAttribute("gs-min-w"), n.maxH && e.removeAttribute("gs-max-h"), n.minH && e.removeAttribute("gs-min-h"));
-		for (let e in n) {
-			if (!n.hasOwnProperty(e)) return;
-			!n[e] && n[e] !== 0 && e !== "sizeToContent" && delete n[e];
-		}
-		return n;
-	}
-	_setStaticClass() {
-		let e = ["grid-stack-static"];
-		return this.opts.staticGrid ? (this.el.classList.add(...e), this.el.setAttribute("gs-static", "true")) : (this.el.classList.remove(...e), this.el.removeAttribute("gs-static")), this;
-	}
-	onResize(e = this.el?.clientWidth) {
-		if (!e || this.prevWidth === e) return;
-		this.prevWidth = e, this.batchUpdate();
-		let t = !1;
-		return this._autoColumn && this.parentGridNode ? this.opts.column !== this.parentGridNode.w && (this.column(this.parentGridNode.w, this.opts.layout || "list"), t = !0) : t = this.checkDynamicColumn(), this._isAutoCellHeight && this.cellHeight(), this.engine.nodes.forEach((e) => {
-			e.subGrid && e.subGrid.onResize();
-		}), this._skipInitialResize || this.resizeToContentCheck(t), delete this._skipInitialResize, this.batchUpdate(!1), this;
-	}
-	resizeToContentCheck(e = !1, t = void 0) {
-		if (this.engine) {
-			if (e && this.hasAnimationCSS()) return setTimeout(() => this.resizeToContentCheck(!1, t), this.animationDelay);
-			if (t) G.shouldSizeToContent(t) && this.resizeToContentCBCheck(t.el);
-			else if (this.engine.nodes.some((e) => G.shouldSizeToContent(e))) {
-				let e = [...this.engine.nodes];
-				this.batchUpdate(), e.forEach((e) => {
-					G.shouldSizeToContent(e) && this.resizeToContentCBCheck(e.el);
-				}), this._ignoreLayoutsNodeChange = !0, this.batchUpdate(!1), this._ignoreLayoutsNodeChange = !1;
-			}
-			this._gsEventHandler.resizecontent && this._gsEventHandler.resizecontent(null, t ? [t] : this.engine.nodes);
-		}
-	}
-	_updateResizeEvent(e = !1) {
-		let t = !this.parentGridNode && (this._isAutoCellHeight || this.opts.sizeToContent || this.opts.columnOpts || this.engine.nodes.find((e) => e.sizeToContent));
-		return !e && t && !this.resizeObserver ? (this._sizeThrottle = G.throttle(() => this.onResize(), this.opts.cellHeightThrottle), this.resizeObserver = new ResizeObserver(() => this._sizeThrottle()), this.resizeObserver.observe(this.el), this._skipInitialResize = !0) : (e || !t) && this.resizeObserver && (this.resizeObserver.disconnect(), delete this.resizeObserver, delete this._sizeThrottle), this;
-	}
-	static getElement(e = ".grid-stack-item") {
-		return G.getElement(e);
-	}
-	static getElements(e = ".grid-stack-item") {
-		return G.getElements(e);
-	}
-	static getGridElement(t) {
-		return e.getElement(t);
-	}
-	static getGridElements(e) {
-		return G.getElements(e);
-	}
-	_initMargin() {
-		let e, t = 0, n = [];
-		typeof this.opts.margin == "string" && (n = this.opts.margin.split(" ")), n.length === 2 ? (this.opts.marginTop = this.opts.marginBottom = n[0], this.opts.marginLeft = this.opts.marginRight = n[1]) : n.length === 4 ? (this.opts.marginTop = n[0], this.opts.marginRight = n[1], this.opts.marginBottom = n[2], this.opts.marginLeft = n[3]) : (e = G.parseHeight(this.opts.margin), this.opts.marginUnit = e.unit, t = this.opts.margin = e.h), [
-			"marginTop",
-			"marginRight",
-			"marginBottom",
-			"marginLeft"
-		].forEach((n) => {
-			this.opts[n] === void 0 ? this.opts[n] = t : (e = G.parseHeight(this.opts[n]), this.opts[n] = e.h, delete this.opts.margin);
-		}), this.opts.marginUnit = e.unit, this.opts.marginTop === this.opts.marginBottom && this.opts.marginLeft === this.opts.marginRight && this.opts.marginTop === this.opts.marginRight && (this.opts.margin = this.opts.marginTop);
-		let r = this.el.style;
-		return r.setProperty("--gs-item-margin-top", `${this.opts.marginTop}${this.opts.marginUnit}`), r.setProperty("--gs-item-margin-bottom", `${this.opts.marginBottom}${this.opts.marginUnit}`), r.setProperty("--gs-item-margin-right", `${this.opts.marginRight}${this.opts.marginUnit}`), r.setProperty("--gs-item-margin-left", `${this.opts.marginLeft}${this.opts.marginUnit}`), this;
-	}
-	static getDD() {
-		return X;
-	}
-	static setupDragIn(e, t, n, r = document) {
-		t?.pause !== void 0 && (q.pauseDrag = t.pause), t = {
-			appendTo: "body",
-			helper: "clone",
-			...t || {}
-		}, (typeof e == "string" ? G.getElements(e, r) : e).forEach((e, r) => {
-			X.isDraggable(e) || X.dragIn(e, t), n?.[r] && (e.gridstackNode = n[r]);
-		});
-	}
-	movable(t, n) {
-		return this.opts.staticGrid || e.getElements(t).forEach((e) => {
-			let t = e.gridstackNode;
-			t && (n ? delete t.noMove : t.noMove = !0, this.prepareDragDrop(t.el));
-		}), this;
-	}
-	resizable(t, n) {
-		return this.opts.staticGrid || e.getElements(t).forEach((e) => {
-			let t = e.gridstackNode;
-			t && (n ? delete t.noResize : t.noResize = !0, this.prepareDragDrop(t.el));
-		}), this;
-	}
-	disable(e = !0) {
-		if (!this.opts.staticGrid) return this.enableMove(!1, e), this.enableResize(!1, e), this._triggerEvent("disable"), this;
-	}
-	enable(e = !0) {
-		if (!this.opts.staticGrid) return this.enableMove(!0, e), this.enableResize(!0, e), this._triggerEvent("enable"), this;
-	}
-	enableMove(e, t = !0) {
-		return this.opts.staticGrid ? this : (e ? delete this.opts.disableDrag : this.opts.disableDrag = !0, this.engine.nodes.forEach((n) => {
-			this.prepareDragDrop(n.el), n.subGrid && t && n.subGrid.enableMove(e, t);
-		}), this);
-	}
-	enableResize(e, t = !0) {
-		return this.opts.staticGrid ? this : (e ? delete this.opts.disableResize : this.opts.disableResize = !0, this.engine.nodes.forEach((n) => {
-			this.prepareDragDrop(n.el), n.subGrid && t && n.subGrid.enableResize(e, t);
-		}), this);
-	}
-	cancelDrag() {
-		let t = this._placeholder?.gridstackNode;
-		t && (t._isExternal ? (t._isAboutToRemove = !0, this.engine.removeNode(t)) : t._isAboutToRemove && e._itemRemoving(t.el, !1), this.engine.restoreInitial());
-	}
-	_removeDD(e) {
-		return X.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
-	}
-	_setupAcceptWidget() {
-		if (this.opts.staticGrid || !this.opts.acceptWidgets && !this.opts.removable) return X.droppable(this.el, "destroy"), this;
-		let t, n, r = (e, r, i) => {
-			i ||= r;
-			let a = i.gridstackNode;
-			if (!a) return;
-			if (!a.grid?.el) {
-				i.style.transform = `scale(${1 / this.dragTransform.xScale},${1 / this.dragTransform.yScale})`;
-				let t = i.getBoundingClientRect();
-				i.style.left = t.x + (this.dragTransform.xScale - 1) * (e.clientX - t.x) / this.dragTransform.xScale + "px", i.style.top = t.y + (this.dragTransform.yScale - 1) * (e.clientY - t.y) / this.dragTransform.yScale + "px", i.style.transformOrigin = "0px 0px";
-			}
-			let { top: o, left: s } = i.getBoundingClientRect(), c = this.el.getBoundingClientRect();
-			s -= c.left, o -= c.top;
-			let l = { position: {
-				top: o * this.dragTransform.xScale,
-				left: s * this.dragTransform.yScale
-			} };
-			if (a._temporaryRemoved) {
-				if (a.x = Math.max(0, Math.round(s / n)), a.y = Math.max(0, Math.round(o / t)), delete a.autoPosition, this.engine.nodeBoundFix(a), !this.engine.willItFit(a)) {
-					if (a.autoPosition = !0, !this.engine.willItFit(a)) {
-						X.off(r, "drag");
-						return;
-					}
-					a._willFitPos && (G.copyPos(a, a._willFitPos), delete a._willFitPos);
-				}
-				this._onStartMoving(i, e, l, a, n, t);
-			} else this._dragOrResize(i, e, l, a, n, t);
-		};
-		return X.droppable(this.el, { accept: (e) => {
-			let t = e.gridstackNode || this._readAttr(e, !1);
-			if (t?.grid === this) return !0;
-			if (!this.opts.acceptWidgets) return !1;
-			let n = !0;
-			if (typeof this.opts.acceptWidgets == "function") n = this.opts.acceptWidgets(e);
-			else {
-				let t = this.opts.acceptWidgets === !0 ? ".grid-stack-item" : this.opts.acceptWidgets;
-				n = e.matches(t);
-			}
-			if (n && t && this.opts.maxRow) {
-				let e = {
-					w: t.w,
-					h: t.h,
-					minW: t.minW,
-					minH: t.minH
-				};
-				n = this.engine.willItFit(e);
-			}
-			return n;
-		} }).on(this.el, "dropover", (i, a, o) => {
-			let s = o?.gridstackNode || a.gridstackNode;
-			if (s?.grid === this && !s._temporaryRemoved) return !1;
-			if (s?._sidebarOrig && (s.w = s._sidebarOrig.w, s.h = s._sidebarOrig.h), s?.grid && s.grid !== this && !s._temporaryRemoved && s.grid._leave(a, o), o ||= a, n = this.cellWidth(), t = this.getCellHeight(!0), !s) {
-				let e = o.getAttribute("data-gs-widget") || o.getAttribute("gridstacknode");
-				if (e) {
-					try {
-						s = JSON.parse(e);
-					} catch {
-						console.error("Gridstack dropover: Bad JSON format: ", e);
-					}
-					o.removeAttribute("data-gs-widget"), o.removeAttribute("gridstacknode");
-				}
-				s ||= this._readAttr(o), s._sidebarOrig = {
-					w: s.w,
-					h: s.h
-				};
-			}
-			s.grid || (s.el || (s = { ...s }), s._isExternal = !0, o.gridstackNode = s);
-			let c = s.w || Math.round(o.offsetWidth / n) || 1, l = s.h || Math.round(o.offsetHeight / t) || 1;
-			return s.grid && s.grid !== this ? (a._gridstackNodeOrig ||= s, a.gridstackNode = s = {
-				...s,
-				w: c,
-				h: l,
-				grid: this
-			}, delete s.x, delete s.y, this.engine.cleanupNode(s).nodeBoundFix(s), s._initDD = s._isExternal = s._temporaryRemoved = !0) : (s.w = c, s.h = l, s._temporaryRemoved = !0), e._itemRemoving(s.el, !1), X.on(a, "drag", r), r(i, a, o), !1;
-		}).on(this.el, "dropout", (e, t, n) => {
-			let r = n?.gridstackNode || t.gridstackNode;
-			return r && (!r.grid || r.grid === this) && (this._leave(t, n), this._isTemp && this.removeAsSubGrid(r)), !1;
-		}).on(this.el, "drop", (t, n, r) => {
-			let i = r?.gridstackNode || n.gridstackNode;
-			if (i?.grid === this && !i._isExternal) return !1;
-			let a = !!this.placeholder.parentElement, o = n !== r;
-			this.placeholder.remove(), delete this.placeholder.gridstackNode, a && this.opts.animate && (this.setAnimation(!1), this.setAnimation(!0, !0));
-			let s = n._gridstackNodeOrig;
-			if (delete n._gridstackNodeOrig, a && s?.grid && s.grid !== this) {
-				let e = s.grid;
-				e.engine.removeNodeFromLayoutCache(s), e.engine.removedNodes.push(s), e._triggerRemoveEvent()._triggerChangeEvent(), e.parentGridNode && !e.engine.nodes.length && e.opts.subGridDynamic && e.removeAsSubGrid();
-			}
-			if (!i || (a && (this.engine.cleanupNode(i), i.grid = this), delete i.grid?._isTemp, X.off(n, "drag"), r === n ? n.remove() : (r.remove(), n = r), this._removeDD(n), !a)) return !1;
-			let c = i.subGrid?.el?.gridstack;
-			return G.copyPos(i, this._readAttr(this.placeholder)), G.removePositioningStyles(n), o && (i.content || i.subGridOpts || e.addRemoveCB) ? (delete i.el, n = this.addWidget(i)) : (this._prepareElement(n, !0, i), this.el.appendChild(n), this.resizeToContentCheck(!1, i), c && (c.parentGridNode = i), this._updateContainerHeight()), this.engine.addedNodes.push(i), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({
-				...t,
-				type: "dropped"
-			}, s && s.grid ? s : void 0, i), !1;
-		}), this;
-	}
-	static _itemRemoving(e, t) {
-		if (!e) return;
-		let n = e ? e.gridstackNode : void 0;
-		!n?.grid || e.classList.contains(n.grid.opts.removableOptions.decline) || (t ? n._isAboutToRemove = !0 : delete n._isAboutToRemove, t ? e.classList.add("grid-stack-item-removing") : e.classList.remove("grid-stack-item-removing"));
-	}
-	_setupRemoveDrop() {
-		if (typeof this.opts.removable != "string") return this;
-		let t = document.querySelector(this.opts.removable);
-		return t && !this.opts.staticGrid && !X.isDroppable(t) && X.droppable(t, this.opts.removableOptions).on(t, "dropover", (t, n) => e._itemRemoving(n, !0)).on(t, "dropout", (t, n) => e._itemRemoving(n, !1)), this;
-	}
-	prepareDragDrop(e, t = !1) {
-		let n = e?.gridstackNode;
-		if (!n) return;
-		let r = n.noMove || this.opts.disableDrag, i = n.noResize || this.opts.disableResize, a = this.opts.staticGrid || r && i;
-		if ((t || a) && (n._initDD && (this._removeDD(e), delete n._initDD), a)) return e.classList.add("ui-draggable-disabled", "ui-resizable-disabled"), this;
-		if (!n._initDD) {
-			let t, r, i = (i, a) => {
-				this.triggerEvent(i, i.target), t = this.cellWidth(), r = this.getCellHeight(!0), this._onStartMoving(e, i, a, n, t, r);
-			}, a = (i, a) => {
-				this._dragOrResize(e, i, a, n, t, r);
-			}, o = (t) => {
-				this.placeholder.remove(), delete this.placeholder.gridstackNode, delete n._moving, delete n._resizing, delete n._event, delete n._lastTried;
-				let r = n.w !== n._orig.w, i = t.target;
-				if (!(!i.gridstackNode || i.gridstackNode.grid !== this)) {
-					if (n.el = i, n._isAboutToRemove) {
-						let r = e.gridstackNode.grid;
-						r._gsEventHandler[t.type] && r._gsEventHandler[t.type](t, i), r.engine.nodes.push(n), r.removeWidget(e, !0, !0);
-					} else G.removePositioningStyles(i), n._temporaryRemoved ? (this._writePosAttr(i, n), this.engine.addNode(n)) : this._writePosAttr(i, n), this.triggerEvent(t, i);
-					this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), t.type === "resizestop" && (Number.isInteger(n.sizeToContent) && (n.sizeToContent = n.h), this.resizeToContentCheck(r, n));
-				}
-			};
-			X.draggable(e, {
-				start: i,
-				stop: o,
-				drag: a,
-				rtl: this.opts.rtl
-			}).resizable(e, {
-				start: i,
-				stop: o,
-				resize: a,
-				rtl: this.opts.rtl
-			}), n._initDD = !0;
-		}
-		return X.draggable(e, r ? "disable" : "enable").resizable(e, i ? "disable" : "enable"), this;
-	}
-	_onStartMoving(e, t, n, r, i, a) {
-		if (this.engine.cleanNodes().beginUpdate(r), this._writePosAttr(this.placeholder, r), this.el.appendChild(this.placeholder), this.placeholder.gridstackNode = r, r.grid?.el) this.dragTransform = G.getValuesFromTransformedElement(e);
-		else if (this.placeholder && this.placeholder.closest(".grid-stack")) {
-			let e = this.placeholder.closest(".grid-stack");
-			this.dragTransform = G.getValuesFromTransformedElement(e);
-		} else this.dragTransform = {
-			xScale: 1,
-			xOffset: 0,
-			yScale: 1,
-			yOffset: 0
-		};
-		if (r.el = this.placeholder, r._lastUiPosition = n.position, r._prevYPix = n.position.top, r._moving = t.type === "dragstart", r._resizing = t.type === "resizestart", delete r._lastTried, t.type === "dropover" && r._temporaryRemoved && (this.engine.addNode(r), r._moving = !0), this.engine.cacheRects(i, a, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
-			let t = this.getColumn() - r.x, n = (this.opts.maxRow || 2 ** 53 - 1) - r.y;
-			X.resizable(e, "option", "minWidth", i * Math.min(r.minW || 1, t)).resizable(e, "option", "minHeight", a * Math.min(r.minH || 1, n)).resizable(e, "option", "maxWidth", i * Math.min(r.maxW || 2 ** 53 - 1, t)).resizable(e, "option", "maxWidthMoveLeft", i * Math.min(r.maxW || 2 ** 53 - 1, r.x + r.w)).resizable(e, "option", "maxHeight", a * Math.min(r.maxH || 2 ** 53 - 1, n)).resizable(e, "option", "maxHeightMoveUp", a * Math.min(r.maxH || 2 ** 53 - 1, r.y + r.h));
-		}
-	}
-	_dragOrResize(e, t, n, r, i, a) {
-		let o = { ...r._orig }, s, c = this.opts.marginLeft, l = this.opts.marginRight, u = this.opts.marginTop, d = this.opts.marginBottom, f = Math.round(a * .1), p = Math.round(i * .1);
-		if (c = Math.min(c, p), l = Math.min(l, p), u = Math.min(u, f), d = Math.min(d, f), t.type === "drag") {
-			if (r._temporaryRemoved) return;
-			r._prevYPix = n.position.top, this.opts.draggable.scroll !== !1 && q.dragElement?.updateScrollPosition(this.el);
-			let e = n.position.left + (n.position.left > r._lastUiPosition.left ? -l : c), t = n.position.top + (n.position.top > r._lastUiPosition.top ? -d : u);
-			o.x = Math.round(e / i), o.y = Math.round(t / a);
-			let s = this._extraDragRow;
-			if (this.engine.collide(r, o)) {
-				let e = this.getRow(), t = Math.max(0, o.y + r.h - e);
-				this.opts.maxRow && e + t > this.opts.maxRow && (t = Math.max(0, this.opts.maxRow - e)), this._extraDragRow = t;
-			} else this._extraDragRow = 0;
-			if (this._extraDragRow !== s && this._updateContainerHeight(), r.x === o.x && r.y === o.y) return;
-		} else if (t.type === "resize") {
-			if (o.x < 0 || (G.updateScrollResize(t, e, a), o.w = Math.round((n.size.width - c) / i), o.h = Math.round((n.size.height - u) / a), r.w === o.w && r.h === o.h) || r._lastTried && r._lastTried.w === o.w && r._lastTried.h === o.h) return;
-			if (t.hasMovedX) {
-				let e = n.position.left + c;
-				o.x = Math.round(e / i);
-			}
-			if (t.hasMovedY) {
-				let e = n.position.top + u;
-				o.y = Math.round(e / a);
-			}
-			s = !0;
-		}
-		r._event = t, r._lastTried = o;
-		let m = {
-			x: n.position.left + c,
-			y: n.position.top + u,
-			w: (n.size ? n.size.width : r.w * i) - c - l,
-			h: (n.size ? n.size.height : r.h * a) - u - d
-		};
-		if (this.engine.moveNodeCheck(r, {
-			...o,
-			cellWidth: i,
-			cellHeight: a,
-			rect: m,
-			resizing: s
-		})) {
-			r._lastUiPosition = n.position, this.engine.cacheRects(i, a, u, l, d, c), delete r._skipDown, s && r.subGrid && r.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
-			let e = t.target;
-			r._sidebarOrig || this._writePosAttr(e, r), this.triggerEvent(t, e);
-		}
-	}
-	triggerEvent(e, t) {
-		let n = this;
-		for (; n.parentGridNode;) n = n.parentGridNode.grid;
-		n._gsEventHandler[e.type] && n._gsEventHandler[e.type](e, t);
-	}
-	_leave(t, n) {
-		n ||= t;
-		let r = n.gridstackNode;
-		if (!r || (n.style.transform = n.style.transformOrigin = null, X.off(t, "drag"), r._temporaryRemoved)) return;
-		r._temporaryRemoved = !0, this.engine.removeNode(r), r.el = r._isExternal && n ? n : t;
-		let i = r._sidebarOrig;
-		r._isExternal && this.engine.cleanupNode(r), r._sidebarOrig = i, this.opts.removable === !0 && e._itemRemoving(t, !0), t._gridstackNodeOrig ? (t.gridstackNode = t._gridstackNodeOrig, delete t._gridstackNodeOrig) : r._isExternal && this.engine.restoreInitial();
-	}
-};
-Z.renderCB = (e, t) => {
-	e && t?.content && (e.textContent = t.content);
-}, Z.resizeToContentParent = ".grid-stack-item-content", Z.Utils = G, Z.Engine = xn, Z.GDRev = "12.6.0";
-//#endregion
-//#region src/components/item-grid/helpers/grid-stack-lifecycle.ts
-var Ln = ({ gridElement: e, gridItemElements: t, items: n, columns: r, rowHeight: i, viewMode: a, fullTheme: o, onCreateOrUpdateDimensionsHint: s, onRemoveDimensionsHint: c, onChange: l }) => {
-	let [u, d] = un(o), f = {
-		column: r,
-		cellHeight: i,
-		marginTop: u,
-		marginLeft: d,
-		marginRight: d,
-		marginBottom: u,
-		animate: !0,
-		auto: !1,
-		float: !1,
-		removable: !1,
-		acceptWidgets: !0,
-		disableDrag: a,
-		disableResize: a,
-		minRow: 1,
-		resizable: { handles: [
-			"n",
-			"ne",
-			"e",
-			"se",
-			"s",
-			"sw",
-			"w",
-			"nw"
-		].join(", ") },
-		handle: ".grid-item-drag-handle"
-	}, p = Z.init(f, e);
-	return p.batchUpdate(), t.forEach((e) => {
-		let t = e.getAttribute("luzmo-item-grid-item-id"), r = xe(n.find((e) => e.id === t), t ?? void 0);
-		p.makeWidget(e, r);
-	}), p.batchUpdate(!1), p.on("resizestart", (e, t) => {
-		s(t, t.getAttribute("gs-w") ?? "", t.getAttribute("gs-h") ?? "");
-	}), p.on("resize", (e, t) => {
-		s(t, t.getAttribute("gs-w") ?? "", t.getAttribute("gs-h") ?? "");
-	}), p.on("resizestop", (e, t) => {
-		c(t);
-	}), p.on("change", (e, t) => {
-		l(t);
-	}), p;
-}, Rn = (e, t) => {
-	let n = new Map(t.filter((e) => e.id).map((e) => [e.id, e]));
-	return e.map((e) => {
-		let t = e.id ? n.get(e.id) : void 0;
-		return t ? {
-			...e,
-			position: {
-				sizeX: t.w ?? 1,
-				sizeY: t.h ?? 1,
-				row: t.y ?? 0,
-				col: t.x ?? 0
-			}
-		} : e;
-	});
-}, zn = ({ element: e, numberOfColumns: t, numberOfRows: n, offsetHint: r }) => {
-	let i = e.querySelector(".dimensions-hint-popover");
-	if (i) {
-		i.style.display = t.length > 0 && n.length > 0 ? "block" : "none", i.textContent = `${t} × ${n}`;
-		return;
-	}
-	let a = document.createElement("div");
-	a.className = "dimensions-hint-popover", a.setAttribute("popover", "hint"), a.style.display = t.length > 0 && n.length > 0 ? "block" : "none", a.textContent = `${t} × ${n}`, e.append(a), Zt(a, Kt(e, a, async () => {
-		let { x: t, y: n } = await Yt(e, a, {
-			placement: "bottom",
-			middleware: [qt(r), Jt()]
-		});
-		a.style.left = `${t}px`, a.style.top = `${n}px`;
-	})), a.matches(":popover-open") || a.showPopover();
-}, Bn = (e) => {
-	let t = e.querySelector(".dimensions-hint-popover");
-	t && (Qt(t), t.matches(":popover-open") && t.hidePopover(), t.remove());
-}, Vn = ({ initialized: e, grid: t, hasItemsChanged: n, gridItemElements: r, items: i }) => {
-	!e || !t || !n || (t.setAnimation(!1), t.batchUpdate(), t.removeAll(!1), i.forEach((e) => {
-		let n = Ce(r, e.id);
-		n && t.makeWidget(n, xe(e, e.id));
-	}), t.batchUpdate(!1), t.setAnimation(!0));
-}, Hn = ({ initialized: e, grid: t, hasViewModeChanged: n, viewMode: r, previousViewMode: i, activeItemElement: a, gridElement: o, cleanupActiveItem: s }) => {
-	if (!e || !t || !n || r === i) return a;
-	if (r) {
-		if (t.disable(), a) {
-			s(a), o.removeAttribute("has-active-item");
-			return;
-		}
-		return a;
-	}
-	return t.enable(), a;
-}, Un = ":host{--luzmo-action-button-content-color-default:var(--luzmo-item-grid-item-action-button-content-color-default,#fff);--luzmo-action-button-content-color-hover:var(--luzmo-item-grid-item-action-button-content-color-hover,#fff);--luzmo-action-button-content-color-down:var(--luzmo-item-grid-item-action-button-content-color-down,#fff);--luzmo-action-button-content-color-focus:var(--luzmo-item-grid-item-action-button-content-color-focus,#fff);--luzmo-action-button-background-color-default:var(--luzmo-item-grid-item-action-button-background-color-default,#333);--luzmo-action-button-background-color-hover:var(--luzmo-item-grid-item-action-button-background-color-hover,#444);--luzmo-action-button-background-color-down:var(--luzmo-item-grid-item-action-button-background-color-down,#555);--luzmo-action-button-background-color-focus:var(--luzmo-item-grid-item-action-button-background-color-focus,#666);--grid-item-actions-flex-direction:column;display:block}.action-buttons{gap:var(--luzmo-item-grid-item-action-group-gap,.5rem);flex-direction:var(--luzmo-item-grid-item-actions-flex-direction,var(--grid-item-actions-flex-direction));outline:none;display:flex}.action-button[selected]{--luzmo-action-button-background-color-default:var(--luzmo-primary);--luzmo-action-button-background-color-hover:var(--luzmo-primary-hover);--luzmo-action-button-background-color-down:var(--luzmo-primary-down);--luzmo-action-button-background-color-focus:var(--luzmo-primary-focus);--luzmo-action-button-content-color-default:var(--luzmo-primary-inverse-color);--luzmo-action-button-content-color-hover:var(--luzmo-primary-inverse-color);--luzmo-action-button-content-color-down:var(--luzmo-primary-inverse-color);--luzmo-action-button-content-color-focus:var(--luzmo-primary-inverse-color)}:host .action-buttons{--luzmo-action-button-content-color-default:var(--luzmo-item-grid-item-action-button-content-color-default,#fff);--luzmo-action-button-content-color-hover:var(--luzmo-item-grid-item-action-button-content-color-hover,#fff);--luzmo-action-button-content-color-down:var(--luzmo-item-grid-item-action-button-content-color-down,#fff);--luzmo-action-button-content-color-focus:var(--luzmo-item-grid-item-action-button-content-color-focus,#fff);--luzmo-action-button-background-color-default:var(--luzmo-item-grid-item-action-button-background-color-default,#333);--luzmo-action-button-background-color-hover:var(--luzmo-item-grid-item-action-button-background-color-hover,#444);--luzmo-action-button-background-color-down:var(--luzmo-item-grid-item-action-button-background-color-down,#555);--luzmo-action-button-background-color-focus:var(--luzmo-item-grid-item-action-button-background-color-focus,#666)}.delete-button{--luzmo-action-button-background-color-hover:var(--luzmo-item-grid-item-delete-button-background-color-hover,var(--luzmo-negative-color));--luzmo-action-button-content-color-hover:var(--luzmo-item-grid-item-delete-button-content-color-hover,#fff);--luzmo-action-button-background-color-focus:var(--luzmo-item-grid-item-delete-button-background-color-focus,var(--luzmo-negative-color-focus));--luzmo-action-button-content-color-focus:var(--luzmo-item-grid-item-delete-button-content-color-focus,#fff);--luzmo-action-button-background-color-down:var(--luzmo-item-grid-item-delete-button-background-color-down,var(--luzmo-negative-color-down));--luzmo-action-button-content-color-down:var(--luzmo-item-grid-item-delete-button-content-color-down,#fff)}:host([placement=top-start]),:host([placement=top]),:host([placement=top-end]),:host([placement=bottom-start]),:host([placement=bottom]),:host([placement=bottom-end]){--grid-item-actions-flex-direction:row}", Q = class extends t(ne) {
-	constructor(...e) {
-		super(...e), this.placement = "right-start", this.actions = on();
-	}
-	static get styles() {
-		return [y(Un)];
-	}
-	get isVertical() {
-		return this.placement.includes("left") || this.placement.includes("right");
-	}
-	_dispatchAction(e) {
-		this.dispatchEvent(new CustomEvent("luzmo-item-grid-item-action", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				action: e.action,
-				type: e.type,
-				active: e.active
-			}
-		}));
-	}
-	_handleActionClick(e, t) {
-		e.stopPropagation(), t.type === "toggle" && (t.active = !t.active, this.actions.forEach((e) => {
-			e.actions?.forEach((e) => {
-				t !== e && e.active && (e.active = !1);
-			});
-		})), this._dispatchAction(t), this.requestUpdate();
-	}
-	clearActiveToggles() {
-		this.actions = this.actions.map((e) => ({
-			...e,
-			actions: e.actions?.map((e) => (e.type === "toggle" && (e.active = !1), e)) ?? []
-		}));
-	}
-	focus() {
-		let e = this.shadowRoot?.querySelectorAll("luzmo-action-button[toggles]");
-		e && e[0]?.focus();
-	}
-	_generateActionButton(e) {
-		let t = {
-			Data: w("Data", { desc: "Grid item action tooltip" }),
-			Options: w("Options", { desc: "Grid item action tooltip" }),
-			Clone: w("Clone", { desc: "Grid item action tooltip" }),
-			Delete: w("Delete", { desc: "Delete action label" }),
-			Edit: w("Edit", { desc: "Edit action label" }),
-			Lock: w("Lock", { desc: "Grid item action tooltip" }),
-			Filters: w("Filters", { desc: "Grid item action tooltip" })
-		};
-		return g`
-      <luzmo-action-button
-        class="${e.action}-button action-button"
-        .label=${e.label}
-        ?toggles=${e.type === "toggle"}
-        ?selected=${e.type === "toggle" && e.active}
-        @click=${(t) => this._handleActionClick(t, e)}
-      >
-        <luzmo-icon slot="icon" .icon=${e.icon} size="s"></luzmo-icon>
-        ${e.tooltip ? g`
-              <luzmo-tooltip
-                self-managed
-                delayed
-                placement=${this.placement?.includes("right") ? "right" : this.placement?.includes("left") ? "left" : this.placement?.includes("bottom") ? "bottom" : this.placement?.includes("top") ? "top" : "right"}
-              >
-                ${t[e.tooltip] ?? e.tooltip}
-              </luzmo-tooltip>
-            ` : ""}
-      </luzmo-action-button>
-    `;
-	}
-	_generateActionGroup(e) {
-		let t = e?.actions?.map((e) => this._generateActionButton(e)) ?? [];
-		return t.length > 0 ? g`
-          <luzmo-action-group ?vertical=${this.isVertical} compact
-            >${t}</luzmo-action-group
-          >
-        ` : g`
-          
-        `;
-	}
-	render() {
-		let e = this.actions.map((e) => this._generateActionGroup(e));
-		return g`
-      <div class="action-buttons" tabindex="0" role="toolbar" aria-label=${w("Item actions", { desc: "Item actions toolbar label" })}>${e}</div>
-    `;
-	}
-};
-e([b({
-	type: String,
-	reflect: !0
-})], Q.prototype, "placement", void 0), e([b({ type: Array })], Q.prototype, "actions", void 0), Q = e([C()], Q);
-//#endregion
-//#region src/components/item-grid/item-grid.module.scss?inline
-var Wn = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(--luzmo-item-grid-min-height);background:var(--luzmo-item-grid-background,var(--grid-background,var(--luzmo-background-color)));position:relative}.grid-stack[has-active-item] .grid-stack-item:not([active])>.grid-stack-item-content,.grid-stack[has-active-item] .grid-stack-item:not([active])>.grid-item-actions-popover{opacity:.5}.grid-stack .grid-stack-item[active]>.ui-resizable-handle,.grid-stack .grid-stack-item[active].ui-resizable-autohide>.ui-resizable-handle{display:block}.grid-stack .grid-stack-item.ui-resizable-resizing,.grid-stack .grid-stack-item.ui-resizable-resizing>.grid-stack-item-content{opacity:var(--luzmo-item-grid-item-resizing-opacity,.8)!important}.grid-item-drag-handle{color:var(--luzmo-item-grid-item-drag-handle-color,#000);top:var(--luzmo-item-grid-item-drag-handle-position-top,0);left:var(--luzmo-item-grid-item-drag-handle-position-left,0);right:var(--luzmo-item-grid-item-drag-handle-position-right,auto);bottom:var(--luzmo-item-grid-item-drag-handle-position-bottom,auto);padding:var(--luzmo-item-grid-item-drag-handle-padding,.5rem);z-index:var(--luzmo-item-grid-item-drag-handle-z-index,3);cursor:var(--luzmo-item-grid-item-drag-handle-cursor,move);position:absolute}.grid-stack[dark-background] .grid-item-drag-handle{color:var(--luzmo-item-grid-item-drag-handle-color,#fff)}.grid-stack .grid-stack-item .grid-stack-item-content{border-radius:var(--luzmo-item-grid-item-border-radius,var(--grid-item-border-radius,4px));background:var(--luzmo-item-grid-item-background,var(--grid-item-background,transparent));box-shadow:var(--luzmo-item-grid-item-box-shadow,var(--grid-item-box-shadow,none));border-style:var(--luzmo-item-grid-item-border-style,none);border-color:var(--luzmo-item-grid-item-border-color,transparent);-webkit-backdrop-filter:var(--luzmo-item-grid-item-backdrop-filter,none);backdrop-filter:var(--luzmo-item-grid-item-backdrop-filter,none);overflow:hidden}.grid-stack .grid-stack-item:not(.has-luzmo-viz-item) .grid-stack-item-content{border-style:var(--luzmo-item-grid-item-border-style,var(--grid-item-border-style,none));border-color:var(--luzmo-item-grid-item-border-color,var(--grid-item-border-color,transparent));border-width:var(--luzmo-item-grid-item-border-width,var(--grid-item-border-width,0));border-top-width:var(--luzmo-item-grid-item-border-top-width,var(--grid-item-border-top-width,0));border-right-width:var(--luzmo-item-grid-item-border-right-width,var(--grid-item-border-right-width,0));border-bottom-width:var(--luzmo-item-grid-item-border-bottom-width,var(--grid-item-border-bottom-width,0));border-left-width:var(--luzmo-item-grid-item-border-left-width,var(--grid-item-border-left-width,0))}.grid-stack .grid-stack-placeholder>.placeholder-content{border-radius:var(--grid-item-border-radius,4px)}:host .grid-stack-item[active]>.ui-resizable-handle,:host .grid-stack-item:hover>.ui-resizable-handle{z-index:var(--luzmo-item-grid-resize-handle-z-index,100);background:var(--luzmo-item-grid-resize-handle-background,#fff);border-radius:var(--luzmo-item-grid-resize-handle-border-radius,3px);opacity:var(--luzmo-item-grid-resize-handle-opacity,0);transition:var(--luzmo-item-grid-resize-handle-transition,opacity .2s ease);box-shadow:0 0 6px #0000001a,0 0 2px #000000bf;display:block!important;position:absolute!important}:host .grid-stack[dark-background]>.grid-stack-item[active]>.ui-resizable-handle,:host .grid-stack[dark-background]>.grid-stack-item:hover>.ui-resizable-handle{background:var(--luzmo-item-grid-resize-handle-background,#333);box-shadow:0 0 6px #ffffff1a,0 0 2px #ffffffbf}:host .grid-stack-item[active]>.ui-resizable-handle,:host .grid-stack-item:hover>.ui-resizable-handle{opacity:var(--luzmo-item-grid-resize-handle-opacity-hover,1)}:host .grid-stack-item>.ui-resizable-handle:hover{opacity:var(--luzmo-item-grid-resize-handle-opacity-active,1);background:var(--luzmo-item-grid-resize-handle-background-hover,var(--luzmo-background-color-highlight))}:host .grid-stack-item>.ui-resizable-n,:host .grid-stack-item>.ui-resizable-s{height:var(--luzmo-item-grid-resize-handle-edge-size,8px);width:var(--luzmo-item-grid-resize-handle-side-size,18px);left:calc(50% - var(--luzmo-item-grid-resize-handle-side-size,18px) / 2)}:host .grid-stack-item>.ui-resizable-n{cursor:n-resize;top:calc(var(--luzmo-item-grid-resize-handle-edge-offset,-4px) + var(--gs-item-margin-top,0px))}:host .grid-stack-item>.ui-resizable-s{cursor:s-resize;bottom:calc(var(--luzmo-item-grid-resize-handle-edge-offset,-4px) + var(--gs-item-margin-bottom,0px))}:host .grid-stack-item>.ui-resizable-e,:host .grid-stack-item>.ui-resizable-w{width:var(--luzmo-item-grid-resize-handle-edge-size,8px);height:var(--luzmo-item-grid-resize-handle-side-size,18px);top:calc(50% - var(--luzmo-item-grid-resize-handle-side-size,18px) / 2)}:host .grid-stack-item>.ui-resizable-e{cursor:e-resize;right:calc(var(--luzmo-item-grid-resize-handle-edge-offset,-4px) + var(--gs-item-margin-right,0px))}:host .grid-stack-item>.ui-resizable-w{cursor:w-resize;left:calc(var(--luzmo-item-grid-resize-handle-edge-offset,-4px) + var(--gs-item-margin-left,0px))}:host .grid-stack-item>.ui-resizable-ne,:host .grid-stack-item>.ui-resizable-nw,:host .grid-stack-item>.ui-resizable-se,:host .grid-stack-item>.ui-resizable-sw{width:var(--luzmo-item-grid-resize-handle-corner-size,12px);height:var(--luzmo-item-grid-resize-handle-corner-size,12px);background-image:none;transform:none}:host .grid-stack-item>.ui-resizable-ne{cursor:ne-resize;top:calc(var(--luzmo-item-grid-resize-handle-edge-offset,-6px) + var(--gs-item-margin-top,0px));right:calc(var(--luzmo-item-grid-resize-handle-edge-offset,-6px) + var(--gs-item-margin-right,0px))}:host .grid-stack-item>.ui-resizable-nw{cursor:nw-resize;top:calc(var(--luzmo-item-grid-resize-handle-edge-offset,-6px) + var(--gs-item-margin-top,0px));left:calc(var(--luzmo-item-grid-resize-handle-edge-offset,-6px) + var(--gs-item-margin-left,0px))}:host .grid-stack-item>.ui-resizable-se{cursor:se-resize;right:calc(var(--luzmo-item-grid-resize-handle-corner-offset,-4px) + var(--gs-item-margin-right,0px));bottom:calc(var(--luzmo-item-grid-resize-handle-corner-offset,-4px) + var(--gs-item-margin-bottom,0px))}:host .grid-stack-item>.ui-resizable-sw{cursor:sw-resize;left:calc(var(--luzmo-item-grid-resize-handle-corner-offset,-4px) + var(--gs-item-margin-left,0px));bottom:calc(var(--luzmo-item-grid-resize-handle-corner-offset,-4px) + var(--gs-item-margin-bottom,0px))}:host .grid-stack-item>.ui-resizable-resizing .ui-resizable-handle{background:var(--luzmo-item-grid-resize-handle-background-active,var(--luzmo-background-color-highlight));opacity:1!important}.grid-item-actions-popover{z-index:2;background:0 0;border:none;outline:none;margin:0;padding:0;position:absolute;overflow:visible}.grid-item-actions-popover:not([popover]){z-index:var(--luzmo-item-grid-item-actions-in-tree-z-index,50);position:fixed}luzmo-item-grid-item-actions-menu{padding:var(--luzmo-item-grid-item-actions-padding,var(--grid-item-actions-padding))}.dimensions-hint-popover{font-size:var(--luzmo-item-grid-item-dimensions-hint-font-size,var(--luzmo-font-size-xs,10px));font-family:var(--luzmo-item-grid-item-dimensions-hint-font-family,var(--luzmo-font-family,inherit));border-width:var(--luzmo-item-grid-item-dimensions-hint-border-width,var(--luzmo-border-width));border-style:solid;border-color:var(--luzmo-item-grid-item-dimensions-hint-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-item-grid-item-dimensions-hint-border-radius,var(--luzmo-border-radius));padding:var(--luzmo-item-grid-item-dimensions-hint-padding,var(--luzmo-spacing-1) var(--luzmo-spacing-2));z-index:3;background:var(--luzmo-item-grid-item-dimensions-hint-background,var(--luzmo-background-color));color:var(--luzmo-item-grid-item-dimensions-hint-color,var(--luzmo-font-color));pointer-events:none;outline:none;margin:0;position:absolute;overflow:visible}luzmo-item-grid-item-actions-menu{--grid-item-actions-padding:0 .75rem}luzmo-item-grid-item-actions-menu[placement=top-start],luzmo-item-grid-item-actions-menu[placement=top],luzmo-item-grid-item-actions-menu[placement=top-end],luzmo-item-grid-item-actions-menu[placement=bottom-start],luzmo-item-grid-item-actions-menu[placement=bottom],luzmo-item-grid-item-actions-menu[placement=bottom-end]{--grid-item-actions-padding:.75rem 0}.grid-stack-item:focus-visible{outline:none}.grid-stack-item:focus-visible .grid-stack-item-content:after{content:\"\";border:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color,var(--luzmo-primary));box-sizing:border-box;border-radius:var(--luzmo-item-grid-item-border-radius,var(--grid-item-border-radius,4px));z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}", $ = class extends ne {
-	constructor(...e) {
-		super(...e), this.appServer = "https://app.luzmo.com/", this.apiHost = "https://api.luzmo.com", this.language = "en", this.contentLanguage = "en", this.columns = 48, this.rowHeight = 16, this.viewMode = !1, this.itemActionsDocumentPopover = !0, this.placementItemActionsMenu = "right-start", this.clonedItemPositioning = "below-item", this._items = [], this._hasControlledItems = !1, this._initialItems = [], this.renderers = {}, this._initialized = !1, this.defaultRenderer = (e) => g`
-      <div class="grid-item-content">
-        <div class="grid-item-type">${e.type}</div>
-      </div>
-    `, this._internalItemStates = {}, this._initialItemStatesApplied = !1, this._internalItems = [], this._initialItemsApplied = !1, this._hasWarnedControlledAndInitialItems = !1, this._hasWarnedIgnoredInitialItems = !1, this._suppressItemStatesEvent = !1, this._suppressNextLayoutChangedEvent = !1, this._hasWarnedControlledAndInitialStates = !1, this._internalItemsVersion = 0, this._handleMouseout = (e) => {
-			if (this.viewMode) return;
-			let t = le(e.target);
-			t && ue({
-				event: e,
-				gridItem: t
-			}) && this._removeItemActionsMenuPopover(t);
-		}, this._handleKeyDown = (e) => {
-			let t = rn({
-				event: e,
-				viewMode: this.viewMode,
-				focusedItemElement: this._focusedItemElement,
-				activeItemElement: this._activeItemElement,
-				gridElement: this._gridElement,
-				grid: this._grid,
-				columns: this.columns ?? 48,
-				onDeleteRequest: (e) => {
-					let t = e.getAttribute("gs-id");
-					if (!t) return;
-					let n = this._effectiveItems, r = n.find((e) => e.id === t);
-					if (!r) return;
-					this._isControlled || this._clearGridItemUiStateForDelete(e);
-					let i = n.filter((e) => e.id !== t);
-					T({
-						target: this,
-						action: "delete",
-						actionType: "button",
-						active: !1,
-						items: n,
-						element: e,
-						itemId: t,
-						item: r,
-						updatedItems: i
-					}), this._isItemsControlled || this._setInternalItems(i, { reconcileStates: !0 });
-				},
-				removeItemActionsMenuPopover: this._removeItemActionsMenuPopover.bind(this),
-				createItemActionsMenuPopover: this._createItemActionsMenuPopover.bind(this)
-			});
-			this._focusedItemElement = t.focusedItemElement, this._activeItemElement = t.activeItemElement;
-		}, this._handleFocus = (e) => {
-			this._focusedItemElement = de({
-				event: e,
-				focusedItemElement: this._focusedItemElement,
-				removeItemActionsMenuPopover: this._removeItemActionsMenuPopover.bind(this)
-			});
-		}, this._handleBlur = (e) => {
-			let t = fe({
-				event: e,
-				focusedItemElement: this._focusedItemElement,
-				removeItemActionsMenuPopover: this._removeItemActionsMenuPopover.bind(this)
-			});
-			this._focusedItemElement = t.focusedItemElement, t.shouldFocusGrid && this._gridElement.focus();
-		}, this._handleGridClick = (e) => {
-			if (this._isControlled) {
-				this._emitControlledClickAwayDeactivation(e);
-				return;
-			}
-			let t = he({
-				event: e,
-				gridElement: this._gridElement,
-				hostElement: this,
-				items: this.items,
-				activeItemActionToggle: this._activeItemActionToggle,
-				cleanupActiveItem: this._cleanupActiveItem.bind(this),
-				dispatchItemActionEvent: this._dispatchItemActionEvent.bind(this)
-			});
-			this._activeItemActionToggle = t.activeItemActionToggle;
-		}, this._handleAction = (e) => {
-			let t = e.detail, n = e.target?.closest(".grid-stack-item"), r = n?.getAttribute("gs-id");
-			if (["delete", "clone"].includes(t.action)) {
-				if (e.stopPropagation(), !r) return;
-				let i = this._effectiveItems, o = i.find((e) => e.id === r);
-				if (!o) return;
-				let s = this._gridElement.querySelector(".grid-stack-item[active]") ?? this._activeItemElement;
-				if (!this._isControlled && s && s !== n) {
-					let e = s.getAttribute("gs-id"), t = i.find((t) => t.id === e), n = this._activeItemActionToggle, r = s;
-					this._cleanupActiveItem(s), n && e && t && this._dispatchItemActionEvent(n, "toggle", !1, r, e, t), this._activeItemElement = void 0, this._activeItemActionToggle = void 0, this._internalItemStates = {};
-				}
-				if (t.action === "delete") {
-					this._isControlled || this._clearGridItemUiStateForDelete(n);
-					let e = i.filter((e) => e.id !== r);
-					T({
-						target: this,
-						action: "delete",
-						actionType: t.type,
-						active: t.active,
-						items: i,
-						element: n,
-						itemId: r,
-						item: o,
-						updatedItems: e
-					}), this._isItemsControlled || this._setInternalItems(e, { reconcileStates: !0 });
-				} else {
-					let e = {
-						...structuredClone(o),
-						id: a()
-					}, r = this._simulateCloneLayout(e, o), s = r.find((t) => t.id === e.id) ?? e;
-					T({
-						target: this,
-						action: "clone",
-						actionType: t.type,
-						active: t.active,
-						items: i,
-						element: n,
-						itemId: e.id,
-						item: s,
-						originalElement: n,
-						updatedItems: r
-					}), this._isItemsControlled || this._setInternalItems(r, { reconcileStates: !0 });
-				}
-				return;
-			}
-			if (this._isControlled) {
-				if (e.stopPropagation(), !r) return;
-				let i = this.items.find((e) => e.id === r);
-				if (t.type === "toggle") {
-					let e = this._effectiveItemStates, n = t.active, i = this._computeNextItemStates(r, t.action, n);
-					E({
-						target: this,
-						itemStates: e,
-						updatedItemStates: i,
-						changedItemStates: { [r]: [t.action] }
-					});
-				} else T({
-					target: this,
-					action: t.action,
-					actionType: t.type,
-					active: t.active,
-					items: this.items,
-					element: n,
-					itemId: r,
-					item: i
-				});
-				n && !n.hasAttribute("active") && this._removeItemActionsMenuPopover(n);
-				return;
-			}
-			this._suppressItemStatesEvent = !0;
-			let i = me({
-				event: e,
-				gridElement: this._gridElement,
-				items: this.items,
-				state: {
-					activeItemElement: this._activeItemElement,
-					activeItemActionToggle: this._activeItemActionToggle
-				},
-				cleanupActiveItem: this._cleanupActiveItem.bind(this),
-				dispatchItemActionEvent: this._dispatchItemActionEvent.bind(this),
-				createItemActionsMenuPopover: this._createItemActionsMenuPopover.bind(this)
-			});
-			if (this._suppressItemStatesEvent = !1, this._activeItemElement = i.activeItemElement, this._activeItemActionToggle = i.activeItemActionToggle, t.type === "toggle" && r) {
-				let e = this._effectiveItemStates, a = i.activeItemElement === n && i.activeItemActionToggle === t.action, o = this._computeNextItemStates(r, t.action, a);
-				this._internalItemStates = o, E({
-					target: this,
-					itemStates: e,
-					updatedItemStates: o,
-					changedItemStates: this._diffItemStates(e, o)
-				});
-			}
-		};
-	}
-	static get styles() {
-		return [y(ie), y(Wn)];
-	}
-	set items(e) {
-		let t = this._items, n = structuredClone(e ?? []);
-		this._validateItemsHaveIds(n, "items"), this._items = n, this._hasControlledItems = e !== void 0, this._isItemsControlled && !this._hasControlledItems && (this._setInternalItems(t, { reconcileStates: !0 }), this._initialItemsApplied = !0), this.requestUpdate("items", t);
-	}
-	get items() {
-		return this._effectiveItems;
-	}
-	set initialItems(e) {
-		let t = this._initialItems, n = structuredClone(e ?? []);
-		this._validateItemsHaveIds(n, "initialItems"), !(!this._isItemsControlled && this._initialItemsApplied) && (this._initialItems = n, this._isItemsControlled || (this._initialItemsApplied = !1), this.requestUpdate("initialItems", t));
-	}
-	get initialItems() {
-		return this._initialItems;
-	}
-	set itemStates(e) {
-		let t = this._itemStates;
-		this._itemStates = e ?? void 0, this.requestUpdate("itemStates", t);
-	}
-	get itemStates() {
-		return this._itemStates;
-	}
-	get _isControlled() {
-		return this.itemStates !== void 0;
-	}
-	get _isItemsControlled() {
-		return this._hasControlledItems;
-	}
-	get _effectiveItems() {
-		return this._isItemsControlled ? this._items : this._internalItems;
-	}
-	get _effectiveItemStates() {
-		return this._isControlled ? this.itemStates : this._internalItemStates;
-	}
-	_validateItemsHaveIds(e, t) {
-		for (let n = 0; n < e.length; n += 1) if (!e[n]?.id) throw Error(`luzmo-item-grid: ${t}[${n}] is missing required id`);
-	}
-	async _loadTheme(e) {
-		let t = this._initialized;
-		if (this._fullTheme = await ln({
-			theme: e,
-			currentTheme: this._fullTheme
-		}), this._initialized && hn(this.style, this._fullTheme), !this._initialized && this._gridElement && await new Promise((e) => {
-			requestAnimationFrame(() => {
-				this._initializeGrid(), e();
-			});
-		}), this._grid) {
-			let [e, t] = un(this.theme);
-			this._grid.margin([e, t].join(" "));
-		}
-		t && this.requestUpdate();
-	}
-	firstUpdated() {
-		document.addEventListener("click", this._handleGridClick), this.addEventListener("keydown", this._handleKeyDown);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback(), this._cleanup(), document.removeEventListener("click", this._handleGridClick), this.removeEventListener("keydown", this._handleKeyDown);
-	}
-	willUpdate(e) {
-		if (super.willUpdate(e), e.has("_initialized") && (hn(this.style, this._fullTheme), this._initialized && this._grid && this._fullTheme?.margins)) {
-			let [e, t] = un(this._fullTheme);
-			this._grid.margin([e, t].join(" "));
-		}
-	}
-	updated(e) {
-		super.updated(e);
-		let t = e.has("contentLanguage"), n = e.has("viewMode"), r = e.has("items"), i = e.has("initialItems"), a = r || e.has("_internalItemsVersion"), o = e.has("theme"), s = e.has("itemStates");
-		this._isItemsControlled && this.initialItems && this.initialItems.length > 0 ? this._hasWarnedControlledAndInitialItems ||= (console.warn("luzmo-item-grid: Both items and initialItems are set. The component will be treated as controlled (initialItems is ignored)."), !0) : this._hasWarnedControlledAndInitialItems = !1, !this._initialItemsApplied && !this._isItemsControlled && this._initialItems.length > 0 ? (this._setInternalItems(this._initialItems, { reconcileStates: !0 }), this._initialItemsApplied = !0) : i && !this._isItemsControlled && this._initialItems.length === 0 && !this._initialItemsApplied && (this._setInternalItems([], { reconcileStates: !0 }), this._initialItemsApplied = !0), this.itemStates !== void 0 && this.initialItemStates !== void 0 ? this._hasWarnedControlledAndInitialStates ||= (console.warn("luzmo-item-grid: Both itemStates and initialItemStates are set. The component will be treated as controlled (initialItemStates is ignored)."), !0) : this._hasWarnedControlledAndInitialStates = !1, !this._initialItemStatesApplied && this.initialItemStates && !this._isControlled && (this._internalItemStates = this._sanitizeInitialItemStates(this.initialItemStates), this._initialItemStatesApplied = !0), ye(this._effectiveItems), Vn({
-			initialized: this._initialized,
-			grid: this._grid,
-			hasItemsChanged: a,
-			gridItemElements: this._gridItemElements,
-			items: this._effectiveItems
-		}), r && this._reconcileStaleItemStates(), t && ae(this._gridItemElements, this.contentLanguage), this._activeItemElement = Hn({
-			initialized: this._initialized,
-			grid: this._grid,
-			hasViewModeChanged: n,
-			viewMode: this.viewMode,
-			previousViewMode: e.get("viewMode"),
-			activeItemElement: this._activeItemElement,
-			gridElement: this._gridElement,
-			cleanupActiveItem: this._cleanupActiveItem.bind(this)
-		}), (o || !this._fullTheme && !this._initialized) && this._loadTheme(this.theme), (a || s) && this._initialized && this._applyItemStates();
-	}
-	_setInternalItems(e, t = {}) {
-		let n = structuredClone(e);
-		this._validateItemsHaveIds(n, "internalItems"), this._internalItems = n, ye(this._internalItems), this._internalItemsVersion += 1, t.reconcileStates && this._reconcileStaleItemStates();
-	}
-	_handleMouseover(e) {
-		if (this.viewMode) return;
-		let t = le(e.target);
-		t && this._createItemActionsMenuPopover(t);
-	}
-	_emitControlledClickAwayDeactivation(e) {
-		let t = this._effectiveItemStates, n = Object.entries(t).filter(([, e]) => e.length > 0);
-		if (!this._gridElement || n.length === 0) return;
-		let r = e.composedPath();
-		if (n.some(([e]) => {
-			let t = Array.from(this._gridElement.querySelectorAll(".grid-stack-item")).find((t) => t.getAttribute("gs-id") === e);
-			if (!t) return !1;
-			if (r.includes(t)) return !0;
-			let n = t.querySelector(".grid-item-actions-popover");
-			return n ? r.includes(n) : !1;
-		})) return;
-		let i = {}, a = { ...t };
-		for (let [e, t] of n) {
-			for (let n of t) a = this._computeNextItemStates(e, n, !1, a);
-			i[e] = [...t];
-		}
-		E({
-			target: this,
-			itemStates: t,
-			updatedItemStates: a,
-			changedItemStates: i
-		});
-	}
-	_cleanupActiveItem(e) {
-		this._activeItemElement = pe({
-			item: e,
-			activeItemElement: this._activeItemElement,
-			gridElement: this._gridElement,
-			removeItemActionsMenuPopover: this._removeItemActionsMenuPopover.bind(this)
-		});
-	}
-	_clearGridItemUiStateForDelete(e) {
-		e.hasAttribute("focused") && e.removeAttribute("focused"), e.hasAttribute("active") && e.removeAttribute("active"), this._removeItemActionsMenuPopover(e), this._focusedItemElement === e && (this._focusedItemElement = void 0), this._activeItemElement === e && (this._activeItemElement = void 0, this._activeItemActionToggle = void 0), this._gridElement.querySelector(".grid-stack-item[active]") || this._gridElement.removeAttribute("has-active-item");
-	}
-	_dispatchItemActionEvent(e, t, n, r, i, a, o, s) {
-		if (T({
-			target: this,
-			action: e,
-			actionType: t,
-			active: n,
-			items: this.items,
-			element: r,
-			itemId: i,
-			item: a,
-			deletedId: o,
-			originalElement: s
-		}), t === "toggle" && !this._suppressItemStatesEvent) {
-			let t = this._effectiveItemStates, r = this._computeNextItemStates(i, e, n);
-			this._isControlled || (this._internalItemStates = r), E({
-				target: this,
-				itemStates: t,
-				updatedItemStates: r,
-				changedItemStates: { [i]: [e] }
-			});
-		}
-	}
-	_sanitizeInitialItemStates(e) {
-		let t = Object.entries(e).filter(([, e]) => e.length > 0), n = t.length, r = t.reduce((e, [, t]) => e + t.length, 0);
-		if (n > 1 || r > 1) {
-			console.warn("luzmo-item-grid: initialItemStates contains multiple items or actions. In uncontrolled mode, only one item with one active action is supported at a time. Only the first item and its first action will be applied. Use controlled mode (itemStates) for multiple simultaneous active items.");
-			let [e, n] = t[0];
-			return { [e]: [n[0]] };
-		}
-		return { ...e };
-	}
-	_diffItemStates(e, t) {
-		let n = {}, r = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
-		for (let i of r) {
-			let r = e[i] ?? [], a = t[i] ?? [], o = a.filter((e) => !r.includes(e)), s = r.filter((e) => !a.includes(e)), c = [...o, ...s];
-			c.length > 0 && (n[i] = c);
-		}
-		return n;
-	}
-	_computeNextItemStates(e, t, n, r) {
-		if (!this._isControlled) return n ? { [e]: [t] } : {};
-		let i = { ...r ?? this._effectiveItemStates };
-		if (n) {
-			let n = i[e] ?? [];
-			n.includes(t) || (i[e] = [...n, t]);
-		} else {
-			let n = i[e];
-			if (n) {
-				let r = n.filter((e) => e !== t);
-				r.length === 0 ? delete i[e] : i[e] = r;
-			}
-		}
-		return i;
-	}
-	_filterItemStatesToExistingItems(e) {
-		let t = new Set(this.items.map((e) => e.id).filter((e) => !!e)), n = {};
-		for (let [r, i] of Object.entries(e)) !t.has(r) || i.length === 0 || (n[r] = [...i]);
-		return n;
-	}
-	_reconcileStaleItemStates() {
-		let e = this._isControlled ? this._effectiveItemStates : this._internalItemStates, t = this._filterItemStatesToExistingItems(e), n = {};
-		for (let [r, i] of Object.entries(e)) !t[r] && i.length > 0 && (n[r] = [...i]);
-		Object.keys(n).length > 0 && E({
-			target: this,
-			itemStates: e,
-			updatedItemStates: t,
-			changedItemStates: n
-		}), this._isControlled || (this._internalItemStates = t);
-	}
-	_simulateCloneLayout(e, t) {
-		let n = this._effectiveItems;
-		if (!this._grid) return [...n, e];
-		let r = e.position ?? this._resolvePositionFromEngine(t.id);
-		if (!r) return [...n, e];
-		e = {
-			...e,
-			position: { ...r }
-		};
-		let i = t.position ?? this._resolvePositionFromEngine(t.id);
-		this.clonedItemPositioning === "below-item" && i && (e.position = {
-			...e.position,
-			col: i.col,
-			row: i.row + i.sizeY
-		});
-		let a = this.clonedItemPositioning !== "below-item" || !i, { updatedItems: o } = Te({
-			item: e,
-			engine: this._grid.engine,
-			existingItems: this._enrichItemsWithEnginePositions(n),
-			autoPosition: a
-		});
-		return o;
-	}
-	_cleanup() {
-		for (let e of this._gridItemElements) this._cleanupActiveItem(e);
-		this._grid &&= (this._grid.destroy(), void 0), this._initialized = !1;
-	}
-	_restoreItemsLayout(e) {
-		if (!this._grid || !this._gridElement || e.length === 0 || !this._isItemsControlled) return;
-		let t = [];
-		for (let n of e) {
-			if (!n.id) continue;
-			let e = this._effectiveItems.find((e) => e.id === n.id);
-			if (!e) continue;
-			let r = e.position ?? this._resolvePositionFromEngine(e.id);
-			if (!r) continue;
-			let i = this._gridElement.querySelector(`.grid-stack-item[gs-id="${e.id}"]`);
-			i && (n.x !== r.col || n.y !== r.row || n.w !== r.sizeX || n.h !== r.sizeY) && t.push({
-				element: i,
-				position: r
-			});
-		}
-		if (t.length !== 0) {
-			this._suppressNextLayoutChangedEvent = !0, this._grid.batchUpdate();
-			for (let e of t) this._grid.update(e.element, {
-				x: e.position.col,
-				y: e.position.row,
-				w: e.position.sizeX,
-				h: e.position.sizeY
-			});
-			this._grid.batchUpdate(!1), setTimeout(() => {
-				this._suppressNextLayoutChangedEvent &&= !1;
-			}, 0);
-		}
-	}
-	_initializeGrid() {
-		this._initialized || !this._gridElement || (this._grid = Ln({
-			gridElement: this._gridElement,
-			gridItemElements: this._gridItemElements,
-			items: this._effectiveItems,
-			columns: this.columns ?? 48,
-			rowHeight: this.rowHeight ?? 16,
-			viewMode: this.viewMode,
-			fullTheme: this._fullTheme,
-			onCreateOrUpdateDimensionsHint: this._createOrUpdateDimensionsHint.bind(this),
-			onRemoveDimensionsHint: this._removeDimensionsHint.bind(this),
-			onChange: (e) => {
-				if (this._suppressNextLayoutChangedEvent) {
-					this._suppressNextLayoutChangedEvent = !1;
-					return;
-				}
-				let t = this._effectiveItems, n = Rn(t, e);
-				this._isItemsControlled || this._setInternalItems(n, { reconcileStates: !0 }), se({
-					target: this,
-					eventName: "luzmo-item-grid-layout-changed",
-					detail: {
-						element: this._gridElement,
-						grid: this._grid,
-						items: t,
-						updatedItems: n
-					}
-				}), this._restoreItemsLayout(e);
-			}
-		}), this._initialized = !0, se({
-			target: this,
-			eventName: "luzmo-item-grid-ready",
-			detail: {
-				element: this._gridElement,
-				grid: this._grid,
-				items: this._effectiveItems
-			}
-		}), this._applyItemStates());
-	}
-	_applyItemStates() {
-		let e = this._filterItemStatesToExistingItems(this._effectiveItemStates), t = new Set(Object.entries(e).filter(([, e]) => e.length > 0).map(([e]) => e)), n = [], r = this._gridElement?.querySelectorAll(".grid-stack-item[active]");
-		if (r) for (let e of r) {
-			let n = e.getAttribute("gs-id");
-			(!n || !t.has(n)) && (e.removeAttribute("active"), this._removeItemActionsMenuPopover(e));
-		}
-		if (this._activeItemElement = void 0, this._activeItemActionToggle = void 0, t.size === 0) {
-			this._gridElement?.removeAttribute("has-active-item");
-			return;
-		}
-		for (let [t, r] of Object.entries(e)) {
-			if (r.length === 0) continue;
-			let e = this.getGridItemById(t);
-			if (!e?.element) continue;
-			let i = e.element;
-			i.setAttribute("active", "true"), this._gridElement?.setAttribute("has-active-item", "true"), this._createItemActionsMenuPopover(i, r);
-			for (let e of r) n.push({
-				element: i,
-				action: e
-			});
-		}
-		if (n.length === 0) {
-			this._gridElement?.removeAttribute("has-active-item"), this._activeItemElement = void 0, this._activeItemActionToggle = void 0;
-			return;
-		}
-		n.length === 1 ? (this._activeItemElement = n[0].element, this._activeItemActionToggle = n[0].action) : (this._activeItemElement = void 0, this._activeItemActionToggle = void 0);
-	}
-	_createOrUpdateDimensionsHint(e, t, n) {
-		zn({
-			element: e,
-			numberOfColumns: t,
-			numberOfRows: n,
-			offsetHint: dn(this.theme)
-		});
-	}
-	_removeDimensionsHint(e) {
-		Bn(e);
-	}
-	get grid() {
-		return this._grid;
-	}
-	get gridItems() {
-		return we(this.items, this._gridElement);
-	}
-	registerRenderer(e, t) {
-		this.renderers = {
-			...this.renderers,
-			[e]: t
-		};
-	}
-	_renderOverlayContent(e, t) {
-		return _n({
-			item: e,
-			activeActions: t,
-			defaultItemActionsMenu: this.defaultItemActionsMenu,
-			placementItemActionsMenu: this.placementItemActionsMenu,
-			language: this.language,
-			handleAction: this._handleAction,
-			itemActionsDocumentPopover: this.itemActionsDocumentPopover
-		});
-	}
-	_createItemActionsMenuPopover(e, t) {
-		$t({
-			element: e,
-			activeActions: t,
-			getGridItemById: this.getGridItemById.bind(this),
-			placementItemActionsMenu: this.placementItemActionsMenu,
-			renderOverlayContent: this._renderOverlayContent.bind(this),
-			removeItemActionsMenuPopover: this._removeItemActionsMenuPopover.bind(this),
-			itemActionsDocumentPopover: this.itemActionsDocumentPopover
-		});
-	}
-	_removeItemActionsMenuPopover(e) {
-		en(e);
-	}
-	getGridItemById(e) {
-		return this.gridItems.find((t) => t.item.id === e);
-	}
-	scrollToItem(e) {
-		let t = this.getGridItemById(e);
-		if (!t?.element) return;
-		let n = t.element.getBoundingClientRect();
-		(n.bottom > window.innerHeight || n.top < 0) && t.element.scrollIntoView({
-			behavior: "smooth",
-			block: "center"
-		});
-	}
-	_createMissingItemError(e) {
-		return /* @__PURE__ */ Error(`Grid item with id "${e}" not found`);
-	}
-	_requireGridItem(e) {
-		let t = this._effectiveItems.find((t) => t.id === e);
-		if (!t) throw this._createMissingItemError(e);
-		return t;
-	}
-	_resolvePositionFromEngine(e) {
-		let t = this._grid?.engine.nodes.find((t) => t.id === e);
-		if (!(!t || t.x == null || t.y == null || t.w == null || t.h == null)) return {
-			col: t.x,
-			row: t.y,
-			sizeX: t.w,
-			sizeY: t.h
-		};
-	}
-	_requireGridItemWithPosition(e) {
-		let t = this._requireGridItem(e);
-		if (!t.position) {
-			let n = this._resolvePositionFromEngine(e);
-			if (!n) throw Error(`Grid item with id "${e}" does not have a position`);
-			return {
-				...t,
-				position: n
-			};
-		}
-		return t;
-	}
-	_assertAddItemHasId(e) {
-		if (!e.id) throw Error("addGridItem requires newItem.id");
-	}
-	addGridItem(e) {
-		if (this._assertAddItemHasId(e), this._effectiveItems.some((t) => t.id === e.id)) throw Error(`addGridItem rejected: an item with id "${e.id}" already exists`);
-		let t = De(e), n = this._effectiveItems;
-		if (!this._grid) {
-			let r = e.position?.col == null || e.position?.row == null ? {
-				...t,
-				position: void 0
-			} : t, i = [...n, r];
-			return this._isItemsControlled || this._setInternalItems(i, { reconcileStates: !0 }), i;
-		}
-		if (!t.position) {
-			let e = [...n, t];
-			return this._isItemsControlled || this._setInternalItems(e, { reconcileStates: !0 }), e;
-		}
-		let r = e.position?.col == null || e.position?.row == null, { updatedItems: i } = Te({
-			item: t,
-			engine: this._grid.engine,
-			existingItems: n,
-			autoPosition: r
-		});
-		return this._isItemsControlled || this._setInternalItems(i, { reconcileStates: !0 }), i;
-	}
-	_enrichItemsWithEnginePositions(e) {
-		return this._grid ? e.map((e) => {
-			if (e.position) return e;
-			let t = this._resolvePositionFromEngine(e.id);
-			return t ? {
-				...e,
-				position: t
-			} : e;
-		}) : e;
-	}
-	_updateGridItemPosition(e, t) {
-		let n = this._effectiveItems, r = this._requireGridItemWithPosition(e);
-		return n.map((n) => {
-			if (n.id !== e) return n;
-			let i = n.position ?? r.position;
-			return {
-				...n,
-				position: {
-					...i,
-					...t
-				}
-			};
-		});
-	}
-	_dispatchLayoutChangedEvent(e, t) {
-		se({
-			target: this,
-			eventName: "luzmo-item-grid-layout-changed",
-			detail: {
-				element: this._gridElement,
-				grid: this._grid,
-				items: e,
-				updatedItems: t
-			}
-		});
-	}
-	_updateItemField(e, t) {
-		let n = this._effectiveItems;
-		this._requireGridItem(e);
-		let r = n.map((n) => n.id === e ? {
-			...n,
-			...t
-		} : n);
-		return this._isItemsControlled || this._setInternalItems(r, { reconcileStates: !0 }), r;
-	}
-	removeGridItem(e) {
-		let t = this._effectiveItems, n = this._requireGridItem(e), r = t.filter((t) => t.id !== e);
-		return T({
-			target: this,
-			action: "delete",
-			actionType: "button",
-			active: !1,
-			items: t,
-			element: this.getGridItemById(e)?.element ?? this,
-			itemId: e,
-			item: n,
-			updatedItems: r
-		}), this._isItemsControlled || this._setInternalItems(r, { reconcileStates: !0 }), r;
-	}
-	cloneGridItem(e) {
-		let t = this._effectiveItems, n = this._requireGridItem(e), r = {
-			...structuredClone(n),
-			id: a()
-		}, i = this._simulateCloneLayout(r, n), o = i.find((e) => e.id === r.id) ?? r;
-		return T({
-			target: this,
-			action: "clone",
-			actionType: "button",
-			active: !1,
-			items: t,
-			element: this.getGridItemById(e)?.element ?? this,
-			itemId: r.id,
-			item: o,
-			originalElement: this.getGridItemById(e)?.element,
-			updatedItems: i
-		}), this._isItemsControlled || this._setInternalItems(i, { reconcileStates: !0 }), i;
-	}
-	updateGridItemPosition(e, t) {
-		let n = this._updateGridItemPosition(e, t);
-		return this._dispatchLayoutChangedEvent(this._effectiveItems, n), this._isItemsControlled || this._setInternalItems(n, { reconcileStates: !0 }), n;
-	}
-	updateGridItemSize(e, t) {
-		let n = this._updateGridItemPosition(e, t);
-		return this._dispatchLayoutChangedEvent(this._effectiveItems, n), this._isItemsControlled || this._setInternalItems(n, { reconcileStates: !0 }), n;
-	}
-	updateGridItemSlots(e, t) {
-		return this._updateItemField(e, { slots: t });
-	}
-	updateGridItemOptions(e, t) {
-		return this._updateItemField(e, { options: t });
-	}
-	updateGridItemFilters(e, t) {
-		return this._updateItemField(e, { filters: t });
-	}
-	updateGridItemType(e, t) {
-		return this._updateItemField(e, { type: t });
-	}
-	updateGridItem(e, t) {
-		let n = this._effectiveItems;
-		this._requireGridItem(e);
-		let { position: r, ...i } = t, a;
-		return r && this._grid ? (a = Ee({
-			itemId: e,
-			patch: r,
-			engine: this._grid.engine,
-			existingItems: this._enrichItemsWithEnginePositions(n)
-		}), a = a.map((t) => t.id === e ? {
-			...t,
-			...i
-		} : t)) : a = n.map((t) => t.id === e ? {
-			...t,
-			...i,
-			...r && t.position ? { position: {
-				...t.position,
-				...r
-			} } : r ? { position: r } : {}
-		} : t), t.position && this._dispatchLayoutChangedEvent(n, a), this._isItemsControlled || this._setInternalItems(a, { reconcileStates: !0 }), a;
-	}
-	async triggerItemAction(e, t, n) {
-		await this.updateComplete;
-		let r = this.getGridItemById(e);
-		if (!r?.element) {
-			console.warn(`Grid item with id "${e}" not found`);
-			return;
-		}
-		if (this._isControlled) return this._triggerControlledItemAction(e, t, n);
-		this._suppressItemStatesEvent = !0;
-		let i = ge({
-			gridElement: this._gridElement,
-			items: this.items,
-			gridItemData: r,
-			itemId: e,
-			action: t,
-			options: n,
-			state: {
-				activeItemElement: this._activeItemElement,
-				activeItemActionToggle: this._activeItemActionToggle
-			},
-			cleanupActiveItem: this._cleanupActiveItem.bind(this),
-			dispatchItemActionEvent: this._dispatchItemActionEvent.bind(this),
-			createItemActionsMenuPopover: this._createItemActionsMenuPopover.bind(this)
-		});
-		if (this._suppressItemStatesEvent = !1, this._activeItemElement = i.state.activeItemElement, this._activeItemActionToggle = i.state.activeItemActionToggle, i.result !== void 0) {
-			let n = this._effectiveItemStates, r = this._computeNextItemStates(e, t, i.result);
-			this._internalItemStates = r, E({
-				target: this,
-				itemStates: n,
-				updatedItemStates: r,
-				changedItemStates: this._diffItemStates(n, r)
-			});
-		}
-		return i.result;
-	}
-	activateItemAction(e, t, n) {
-		return this.triggerItemAction(e, t, n);
-	}
-	_triggerControlledItemAction(e, t, n) {
-		let r = (this._effectiveItemStates[e] ?? []).includes(t), i = n?.active ?? !r;
-		if (n?.active !== void 0 && i === r) return r;
-		let a = this._effectiveItemStates, o = this._computeNextItemStates(e, t, i);
-		return E({
-			target: this,
-			itemStates: a,
-			updatedItemStates: o,
-			changedItemStates: { [e]: [t] }
-		}), i;
-	}
-	deactivateItems() {
-		if (this._isControlled) {
-			let e = this._effectiveItemStates, t = Object.entries(e).flatMap(([e, t]) => t.map((t) => ({
-				itemId: e,
-				action: t
-			})));
-			if (t.length === 0) return 0;
-			let n = {}, r = { ...e };
-			for (let e of t) r = this._computeNextItemStates(e.itemId, e.action, !1, r), n[e.itemId] = [...n[e.itemId] ?? [], e.action];
-			return E({
-				target: this,
-				itemStates: e,
-				updatedItemStates: r,
-				changedItemStates: n
-			}), new Set(t.map((e) => e.itemId)).size;
-		}
-		let e = this._effectiveItemStates, t = Object.entries(e).flatMap(([e, t]) => t.map((t) => ({
-			itemId: e,
-			action: t
-		})));
-		this._suppressItemStatesEvent = !0;
-		let n = _e({
-			gridElement: this._gridElement,
-			items: this.items,
-			state: {
-				activeItemElement: this._activeItemElement,
-				activeItemActionToggle: this._activeItemActionToggle
-			},
-			cleanupActiveItem: this._cleanupActiveItem.bind(this),
-			dispatchItemActionEvent: this._dispatchItemActionEvent.bind(this)
-		});
-		if (this._suppressItemStatesEvent = !1, this._activeItemElement = n.state.activeItemElement, this._activeItemActionToggle = n.state.activeItemActionToggle, this._isControlled || (this._internalItemStates = {}), t.length > 0) {
-			let n = {};
-			for (let e of t) n[e.itemId] = [...n[e.itemId] ?? [], e.action];
-			E({
-				target: this,
-				itemStates: e,
-				updatedItemStates: {},
-				changedItemStates: n
-			});
-		}
-		return n.deactivatedCount;
-	}
-	_renderGrid() {
-		return bn({
-			items: this.items,
-			initialized: this._initialized,
-			viewMode: this.viewMode,
-			contentLanguage: this.contentLanguage,
-			fullTheme: this._fullTheme,
-			appServer: this.appServer,
-			apiHost: this.apiHost,
-			authKey: this.authKey,
-			authToken: this.authToken,
-			columns: this.columns ?? 48,
-			ensureGridItemId: (e) => be(e),
-			handleMouseover: this._handleMouseover.bind(this),
-			handleMouseout: this._handleMouseout,
-			handleFocus: this._handleFocus,
-			handleBlur: this._handleBlur
-		});
-	}
-	render() {
-		return this._renderGrid();
-	}
-};
-e([b({
-	type: String,
-	attribute: "app-server",
-	reflect: !0
-})], $.prototype, "appServer", void 0), e([b({
-	type: String,
-	attribute: "api-host",
-	reflect: !0
-})], $.prototype, "apiHost", void 0), e([b({
-	type: String,
-	attribute: "auth-key",
-	reflect: !0
-})], $.prototype, "authKey", void 0), e([b({
-	type: String,
-	attribute: "auth-token",
-	reflect: !0
-})], $.prototype, "authToken", void 0), e([b({
-	type: Number,
-	attribute: "cache-time",
-	reflect: !0
-})], $.prototype, "cacheTime", void 0), e([b({
-	type: String,
-	reflect: !0
-})], $.prototype, "language", void 0), e([b({
-	type: String,
-	attribute: "content-language",
-	reflect: !0
-})], $.prototype, "contentLanguage", void 0), e([b({
-	type: Number,
-	reflect: !0
-})], $.prototype, "columns", void 0), e([b({
-	type: Number,
-	reflect: !0,
-	attribute: "row-height"
-})], $.prototype, "rowHeight", void 0), e([b({
-	type: Boolean,
-	reflect: !0,
-	attribute: "view-mode"
-})], $.prototype, "viewMode", void 0), e([b({
-	type: Boolean,
-	reflect: !0,
-	attribute: "item-actions-document-popover"
-})], $.prototype, "itemActionsDocumentPopover", void 0), e([b({
-	type: String,
-	reflect: !0,
-	attribute: "placement-item-actions-menu"
-})], $.prototype, "placementItemActionsMenu", void 0), e([b({
-	type: Array,
-	reflect: !0,
-	attribute: "default-item-actions-menu"
-})], $.prototype, "defaultItemActionsMenu", void 0), e([b({
-	type: String,
-	reflect: !0,
-	attribute: "cloned-item-positioning"
-})], $.prototype, "clonedItemPositioning", void 0), e([b({
-	type: Object,
-	reflect: !0
-})], $.prototype, "theme", void 0), e([b({
-	type: Array,
-	reflect: !1
-})], $.prototype, "items", null), e([b({
-	type: Array,
-	reflect: !1,
-	attribute: "initial-items"
-})], $.prototype, "initialItems", null), e([b({
-	type: Object,
-	reflect: !1
-})], $.prototype, "renderers", void 0), e([b({
-	type: Object,
-	reflect: !1,
-	attribute: "item-states"
-})], $.prototype, "itemStates", null), e([b({
-	type: Object,
-	reflect: !1,
-	attribute: "initial-item-states"
-})], $.prototype, "initialItemStates", void 0), e([S()], $.prototype, "_initialized", void 0), e([x(".grid-stack")], $.prototype, "_gridElement", void 0), e([ee(".luzmo-item-grid-item")], $.prototype, "_gridItemElements", void 0), e([S()], $.prototype, "_internalItemsVersion", void 0), customElements.get("luzmo-item-grid") || customElements.define("luzmo-item-grid", $), customElements.get("luzmo-item-grid-item-actions-menu") || customElements.define("luzmo-item-grid-item-actions-menu", Q);
-//#endregion
-export { Q as n, $ as t };