@luzmo/analytics-components-kit 1.0.9-beta.14 → 1.0.9-beta.15

package/components/grid-core-BFNgmaGk.js

@@ -1,4490 +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 "./tokens-Ov1pCR4Y.js";
-import { t as e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./color-B7SELPGq.js";
-import { t as n } from "./v4-DIjJgmR0.js";
-import { luzmoArrows as r } from "@luzmo/icons";
-import "@luzmo/lucero/icon";
-import { html as i, render as a, unsafeCSS as o } from "lit";
-import { property as s, query as c, queryAll as l, state as u } from "lit/decorators.js";
-import { msg as d, str as f } from "@lit/localize";
-import { repeat as p } from "lit/directives/repeat.js";
-import { guard as m } from "lit/directives/guard.js";
-import { LuzmoElement as h } from "@luzmo/lucero/utils";
-//#region node_modules/gridstack/dist/gridstack.min.css?inline
-var g = ".grid-stack{position:relative}.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:manipulation;touch-action:manipulation;-webkit-user-select:none;user-select:none;z-index:100;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{z-index:101;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}.grid-stack-item.ui-draggable-armed{cursor:move;animation:.25s ease-in-out infinite gs-armed-wiggle}.grid-stack-item>.ui-resizable-handle.ui-resizable-armed{animation:.5s ease-in-out infinite gs-armed-pulse}@keyframes gs-armed-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}@keyframes gs-armed-pulse{0%,to{opacity:1}50%{opacity:.3}}.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}.gs-print-show{display:none}@media print{@page gs-landscape{size:landscape}@page gs-portrait{size:portrait}.grid-stack{height:auto!important;display:block!important;position:static!important}.grid-stack>.grid-stack-item{float:left!important;height:auto!important;width:calc(100% * var(--gs-w)/ var(--gs-columns,12))!important;break-inside:avoid!important;page-break-inside:avoid!important;display:block!important;position:static!important;top:auto!important;left:auto!important}.grid-stack>.grid-stack-item>.grid-stack-item-content{white-space:normal!important;height:auto!important;margin-top:var(--gs-item-margin-top)!important;margin-right:var(--gs-item-margin-right)!important;margin-bottom:var(--gs-item-margin-bottom)!important;margin-left:var(--gs-item-margin-left)!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;overflow:visible!important}.gs-print-hide{display:none}.gs-print-show{display:block}.gs-print-avoid-break-after{break-after:avoid!important;page-break-after:avoid!important}.grid-stack>.grid-stack-item.gs-print-hide{display:none!important}.grid-stack>.grid-stack-item[gs-page-break=true],.grid-stack>.grid-stack-item[gs-print-orientation]{float:none!important;clear:both!important}.grid-stack>.grid-stack-item[gs-page-break=true]{page-break-before:always!important;break-before:page!important}.grid-stack>.grid-stack-item[gs-print-orientation=landscape]{page:gs-landscape;min-width:calc(100vmax * var(--gs-w)/ var(--gs-columns,12))!important}.grid-stack>.grid-stack-item[gs-print-orientation=portrait]{page:gs-portrait;min-width:calc(100vmin * var(--gs-w)/ var(--gs-columns,12))!important}.grid-stack>.grid-stack-item[gs-break-inside=true]{float:none!important;clear:both!important;break-inside:auto!important;page-break-inside:auto!important;width:100%!important}.grid-stack>.grid-stack-item>.ui-resizable-handle{display:none!important}}", _ = ({ 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 }
-}), v = ({ 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: _({
-			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
-	}));
-}, y = ({ 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
-	}));
-}, b = ({ target: e, eventName: t, detail: n }) => {
-	e.dispatchEvent(new CustomEvent(t, {
-		detail: n,
-		bubbles: !0,
-		composed: !0
-	}));
-}, x = (e) => e instanceof Element ? e : void 0, ee = (e) => x(e)?.closest(".grid-stack-item"), te = ({ event: e, gridItem: t }) => !x(e.relatedTarget)?.closest(".grid-item-actions-popover") && !t.hasAttribute("active"), S = ({ event: e, focusedItemElement: t, removeItemActionsMenuPopover: n }) => {
-	let r = ee(e.target);
-	return r ? (t && t !== r && (t.removeAttribute("focused"), n(t)), r.setAttribute("focused", "true"), r) : t;
-}, C = ({ event: e, focusedItemElement: t, removeItemActionsMenuPopover: n }) => t ? x(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
-}, ne = ({ item: e, activeItemElement: t, gridElement: n, removeItemActionsMenuPopover: r }) => {
-	if (e.removeAttribute("active"), r(e), t === e) {
-		n.removeAttribute("has-active-item");
-		return;
-	}
-	return t;
-}, re = ({ 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);
-}, ie = ({ 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 };
-}, ae = ({ 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
-	};
-}, oe = ({ 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
-	};
-}, se = {
-	sizeX: 1,
-	sizeY: 1,
-	col: 0,
-	row: 0
-}, ce = (e) => {
-	e.forEach((e) => {
-		if (!e.id) throw Error("Grid item id is required");
-	});
-}, le = (e) => {
-	if (!e.id) throw Error("Grid item id is required");
-	return e.id;
-}, ue = (e, t) => ({
-	id: t,
-	x: e?.position?.col ?? 0,
-	y: e?.position?.row ?? 0,
-	w: e?.position?.sizeX ?? 1,
-	h: e?.position?.sizeY ?? 1
-}), de = (e, t) => ({
-	...structuredClone(e),
-	id: t,
-	position: {
-		...se,
-		...structuredClone(e.position)
-	},
-	canFilter: e.canFilter ?? "all"
-}), fe = (e, t) => {
-	if (t) {
-		for (let n of e) if (n.getAttribute("luzmo-item-grid-item-id") === t) return n;
-	}
-}, pe = (e, t) => e.map((e) => ({
-	item: e,
-	element: t.querySelector(`[gs-id="${CSS.escape(e.id)}"]`)
-})), me = ({ 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,
-		mode: t.mode,
-		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]
-	};
-}, he = ({ 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 } = me({
-		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);
-}, ge = (e) => de(e, e.id), _e = Math.min, w = Math.max, ve = Math.round, ye = Math.floor, T = (e) => ({
-	x: e,
-	y: e
-}), be = {
-	left: "right",
-	right: "left",
-	bottom: "top",
-	top: "bottom"
-};
-function xe(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-function E(e) {
-	return e.split("-")[0];
-}
-function Se(e) {
-	return e.split("-")[1];
-}
-function Ce(e) {
-	return e === "x" ? "y" : "x";
-}
-function we(e) {
-	return e === "y" ? "height" : "width";
-}
-function D(e) {
-	let t = e[0];
-	return t === "t" || t === "b" ? "y" : "x";
-}
-function Te(e) {
-	return Ce(D(e));
-}
-function Ee(e, t, n) {
-	n === void 0 && (n = !1);
-	let r = Se(e), i = Te(e), a = we(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-	return t.reference[a] > t.floating[a] && (o = O(o)), [o, O(o)];
-}
-function De(e) {
-	let t = O(e);
-	return [
-		Oe(e),
-		t,
-		Oe(t)
-	];
-}
-function Oe(e) {
-	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
-}
-var ke = ["left", "right"], Ae = ["right", "left"], je = ["top", "bottom"], Me = ["bottom", "top"];
-function Ne(e, t, n) {
-	switch (e) {
-		case "top":
-		case "bottom": return n ? t ? Ae : ke : t ? ke : Ae;
-		case "left":
-		case "right": return t ? je : Me;
-		default: return [];
-	}
-}
-function Pe(e, t, n, r) {
-	let i = Se(e), a = Ne(E(e), n === "start", r);
-	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Oe)))), a;
-}
-function O(e) {
-	let t = E(e);
-	return be[t] + e.slice(t.length);
-}
-function Fe(e) {
-	return {
-		top: 0,
-		right: 0,
-		bottom: 0,
-		left: 0,
-		...e
-	};
-}
-function Ie(e) {
-	return typeof e == "number" ? {
-		top: e,
-		right: e,
-		bottom: e,
-		left: e
-	} : Fe(e);
-}
-function k(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 Le(e, t, n) {
-	let { reference: r, floating: i } = e, a = D(t), o = Te(t), s = we(o), c = E(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 (Se(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 Re(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 } = xe(t, e), p = Ie(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = k(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 = k(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 ze = 50, Be = async (e, t, n) => {
-	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
-		...o,
-		detectOverflow: Re
-	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
-		reference: e,
-		floating: t,
-		strategy: i
-	}), { x: u, y: d } = Le(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 < ze && (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} = Le(l, f, c)), n = -1);
-	}
-	return {
-		x: u,
-		y: d,
-		placement: f,
-		strategy: i,
-		middlewareData: m
-	};
-}, Ve = 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 } = xe(e, t);
-			if ((n = i.arrow) != null && n.alignmentOffset) return {};
-			let g = E(r), _ = D(o), v = E(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [O(o)] : De(o)), x = p !== "none";
-			!d && x && b.push(...Pe(o, m, p, y));
-			let ee = [o, ...b], te = await s.detectOverflow(t, h), S = [], C = i.flip?.overflows || [];
-			if (l && S.push(te[g]), u) {
-				let e = Ee(r, a, y);
-				S.push(te[e[0]], te[e[1]]);
-			}
-			if (C = [...C, {
-				placement: r,
-				overflows: S
-			}], !S.every((e) => e <= 0)) {
-				let e = (i.flip?.index || 0) + 1, t = ee[e];
-				if (t && (!(u === "alignment" && _ !== D(t)) || C.every((e) => D(e.placement) !== _ || e.overflows[0] > 0))) return {
-					data: {
-						index: e,
-						overflows: C
-					},
-					reset: { placement: t }
-				};
-				let n = C.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 = C.filter((e) => {
-							if (x) {
-								let t = D(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 {};
-		}
-	};
-}, He = /*#__PURE__*/ new Set(["left", "top"]);
-async function Ue(e, t) {
-	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = E(n), s = Se(n), c = D(n) === "y", l = He.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = xe(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 We = 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 Ue(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 Ge() {
-	return typeof window < "u";
-}
-function A(e) {
-	return Ke(e) ? (e.nodeName || "").toLowerCase() : "#document";
-}
-function j(e) {
-	var t;
-	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
-}
-function M(e) {
-	return ((Ke(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
-}
-function Ke(e) {
-	return Ge() ? e instanceof Node || e instanceof j(e).Node : !1;
-}
-function N(e) {
-	return Ge() ? e instanceof Element || e instanceof j(e).Element : !1;
-}
-function P(e) {
-	return Ge() ? e instanceof HTMLElement || e instanceof j(e).HTMLElement : !1;
-}
-function qe(e) {
-	return !Ge() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof j(e).ShadowRoot;
-}
-function F(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 Je(e) {
-	return /^(table|td|th)$/.test(A(e));
-}
-function Ye(e) {
-	try {
-		if (e.matches(":popover-open")) return !0;
-	} catch {}
-	try {
-		return e.matches(":modal");
-	} catch {
-		return !1;
-	}
-}
-var Xe = /transform|translate|scale|rotate|perspective|filter/, Ze = /paint|layout|strict|content/, I = (e) => !!e && e !== "none", Qe;
-function $e(e) {
-	let t = N(e) ? R(e) : e;
-	return I(t.transform) || I(t.translate) || I(t.scale) || I(t.rotate) || I(t.perspective) || !tt() && (I(t.backdropFilter) || I(t.filter)) || Xe.test(t.willChange || "") || Ze.test(t.contain || "");
-}
-function et(e) {
-	let t = z(e);
-	for (; P(t) && !L(t);) {
-		if ($e(t)) return t;
-		if (Ye(t)) return null;
-		t = z(t);
-	}
-	return null;
-}
-function tt() {
-	return Qe ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), Qe;
-}
-function L(e) {
-	return /^(html|body|#document)$/.test(A(e));
-}
-function R(e) {
-	return j(e).getComputedStyle(e);
-}
-function nt(e) {
-	return N(e) ? {
-		scrollLeft: e.scrollLeft,
-		scrollTop: e.scrollTop
-	} : {
-		scrollLeft: e.scrollX,
-		scrollTop: e.scrollY
-	};
-}
-function z(e) {
-	if (A(e) === "html") return e;
-	let t = e.assignedSlot || e.parentNode || qe(e) && e.host || M(e);
-	return qe(t) ? t.host : t;
-}
-function rt(e) {
-	let t = z(e);
-	return L(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : P(t) && F(t) ? t : rt(t);
-}
-function B(e, t, n) {
-	t === void 0 && (t = []), n === void 0 && (n = !0);
-	let r = rt(e), i = r === e.ownerDocument?.body, a = j(r);
-	if (i) {
-		let e = it(a);
-		return t.concat(a, a.visualViewport || [], F(r) ? r : [], e && n ? B(e) : []);
-	} else return t.concat(r, B(r, [], n));
-}
-function it(e) {
-	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
-}
-//#endregion
-//#region node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
-function at(e) {
-	let t = R(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = P(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = ve(n) !== a || ve(r) !== o;
-	return s && (n = a, r = o), {
-		width: n,
-		height: r,
-		$: s
-	};
-}
-function ot(e) {
-	return N(e) ? e : e.contextElement;
-}
-function V(e) {
-	let t = ot(e);
-	if (!P(t)) return T(1);
-	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = at(t), o = (a ? ve(n.width) : n.width) / r, s = (a ? ve(n.height) : n.height) / i;
-	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
-		x: o,
-		y: s
-	};
-}
-var st = /*#__PURE__*/ T(0);
-function ct(e) {
-	let t = j(e);
-	return !tt() || !t.visualViewport ? st : {
-		x: t.visualViewport.offsetLeft,
-		y: t.visualViewport.offsetTop
-	};
-}
-function lt(e, t, n) {
-	return t === void 0 && (t = !1), !n || t && n !== j(e) ? !1 : t;
-}
-function H(e, t, n, r) {
-	t === void 0 && (t = !1), n === void 0 && (n = !1);
-	let i = e.getBoundingClientRect(), a = ot(e), o = T(1);
-	t && (r ? N(r) && (o = V(r)) : o = V(e));
-	let s = lt(a, n, r) ? ct(a) : T(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 = j(a), t = r && N(r) ? j(r) : r, n = e, i = it(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 = j(i), i = it(n);
-		}
-	}
-	return k({
-		width: u,
-		height: d,
-		x: c,
-		y: l
-	});
-}
-function ut(e, t) {
-	let n = nt(e).scrollLeft;
-	return t ? t.left + n : H(M(e)).left + n;
-}
-function dt(e, t) {
-	let n = e.getBoundingClientRect();
-	return {
-		x: n.left + t.scrollLeft - ut(e, n),
-		y: n.top + t.scrollTop
-	};
-}
-function ft(e) {
-	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = M(r), s = t ? Ye(t.floating) : !1;
-	if (r === o || s && a) return n;
-	let c = {
-		scrollLeft: 0,
-		scrollTop: 0
-	}, l = T(1), u = T(0), d = P(r);
-	if ((d || !d && !a) && ((A(r) !== "body" || F(o)) && (c = nt(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 ? dt(o, c) : T(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 pt(e) {
-	return Array.from(e.getClientRects());
-}
-function mt(e) {
-	let t = M(e), n = nt(e), r = e.ownerDocument.body, i = w(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = w(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + ut(e), s = -n.scrollTop;
-	return R(r).direction === "rtl" && (o += w(t.clientWidth, r.clientWidth) - i), {
-		width: i,
-		height: a,
-		x: o,
-		y: s
-	};
-}
-var ht = 25;
-function gt(e, t) {
-	let n = j(e), r = M(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
-	if (i) {
-		a = i.width, o = i.height;
-		let e = tt();
-		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
-	}
-	let l = ut(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 <= ht && (a -= o);
-	} else l <= ht && (a += l);
-	return {
-		width: a,
-		height: o,
-		x: s,
-		y: c
-	};
-}
-function _t(e, t) {
-	let n = H(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = P(e) ? V(e) : T(1);
-	return {
-		width: e.clientWidth * a.x,
-		height: e.clientHeight * a.y,
-		x: i * a.x,
-		y: r * a.y
-	};
-}
-function vt(e, t, n) {
-	let r;
-	if (t === "viewport") r = gt(e, n);
-	else if (t === "document") r = mt(M(e));
-	else if (N(t)) r = _t(t, n);
-	else {
-		let n = ct(e);
-		r = {
-			x: t.x - n.x,
-			y: t.y - n.y,
-			width: t.width,
-			height: t.height
-		};
-	}
-	return k(r);
-}
-function yt(e, t) {
-	let n = z(e);
-	return n === t || !N(n) || L(n) ? !1 : R(n).position === "fixed" || yt(n, t);
-}
-function bt(e, t) {
-	let n = t.get(e);
-	if (n) return n;
-	let r = B(e, [], !1).filter((e) => N(e) && A(e) !== "body"), i = null, a = R(e).position === "fixed", o = a ? z(e) : e;
-	for (; N(o) && !L(o);) {
-		let t = R(o), n = $e(o);
-		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || F(o) && !n && yt(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = z(o);
-	}
-	return t.set(e, r), r;
-}
-function xt(e) {
-	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? Ye(t) ? [] : bt(t, this._c) : [].concat(n), r], o = vt(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 = vt(t, a[e], i);
-		s = w(n.top, s), c = _e(n.right, c), l = _e(n.bottom, l), u = w(n.left, u);
-	}
-	return {
-		width: c - u,
-		height: l - s,
-		x: u,
-		y: s
-	};
-}
-function St(e) {
-	let { width: t, height: n } = at(e);
-	return {
-		width: t,
-		height: n
-	};
-}
-function Ct(e, t, n) {
-	let r = P(t), i = M(t), a = n === "fixed", o = H(e, !0, a, t), s = {
-		scrollLeft: 0,
-		scrollTop: 0
-	}, c = T(0);
-	function l() {
-		c.x = ut(i);
-	}
-	if (r || !r && !a) if ((A(t) !== "body" || F(i)) && (s = nt(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 ? dt(i, s) : T(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 wt(e) {
-	return R(e).position === "static";
-}
-function Tt(e, t) {
-	if (!P(e) || R(e).position === "fixed") return null;
-	if (t) return t(e);
-	let n = e.offsetParent;
-	return M(e) === n && (n = n.ownerDocument.body), n;
-}
-function Et(e, t) {
-	let n = j(e);
-	if (Ye(e)) return n;
-	if (!P(e)) {
-		let t = z(e);
-		for (; t && !L(t);) {
-			if (N(t) && !wt(t)) return t;
-			t = z(t);
-		}
-		return n;
-	}
-	let r = Tt(e, t);
-	for (; r && Je(r) && wt(r);) r = Tt(r, t);
-	return r && L(r) && wt(r) && !$e(r) ? n : r || et(e) || n;
-}
-var Dt = async function(e) {
-	let t = this.getOffsetParent || Et, n = this.getDimensions, r = await n(e.floating);
-	return {
-		reference: Ct(e.reference, await t(e.floating), e.strategy),
-		floating: {
-			x: 0,
-			y: 0,
-			width: r.width,
-			height: r.height
-		}
-	};
-};
-function Ot(e) {
-	return R(e).direction === "rtl";
-}
-var kt = {
-	convertOffsetParentRelativeRectToViewportRelativeRect: ft,
-	getDocumentElement: M,
-	getClippingRect: xt,
-	getOffsetParent: Et,
-	getElementRects: Dt,
-	getClientRects: pt,
-	getDimensions: St,
-	getScale: V,
-	isElement: N,
-	isRTL: Ot
-};
-function At(e, t) {
-	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
-}
-function jt(e, t) {
-	let n = null, r, i = M(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 = ye(d), h = ye(i.clientWidth - (u + f)), g = ye(i.clientHeight - (d + p)), _ = ye(u), v = {
-			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
-			threshold: w(0, _e(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 && !At(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 Mt(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 = ot(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 ? jt(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 && !At(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 Nt = We, Pt = Ve, Ft = (e, t, n) => {
-	let r = /* @__PURE__ */ new Map(), i = {
-		platform: kt,
-		...n
-	}, a = {
-		...i.platform,
-		_c: r
-	};
-	return Be(e, t, {
-		...i,
-		platform: a
-	});
-}, It = /* @__PURE__ */ new WeakMap(), Lt = (e, t) => {
-	Rt(e), It.set(e, t);
-}, Rt = (e) => {
-	let t = It.get(e);
-	t && (t(), It.delete(e));
-}, zt = ({ element: e, activeActions: t, getGridItemById: n, placementItemActionsMenu: r, renderOverlayContent: i, removeItemActionsMenuPopover: o, itemActionsDocumentPopover: s = !0 }) => {
-	let c = e.querySelector(".grid-item-actions-popover"), l = e.querySelector(".grid-stack-item-content"), u = n(e.getAttribute("gs-id") ?? "");
-	if (t && t.length > 0 && c && (o(e), c = null), !c) {
-		let n = document.createDocumentFragment();
-		if (a(i(u?.item, t), n), c = n.querySelector(".grid-item-actions-popover"), !c) return;
-		e.append(c);
-	}
-	let d = s ? "absolute" : "fixed", f = Mt(l, c, async () => {
-		let { x: e, y: t } = await Ft(l, c, {
-			placement: u?.item?.placementActionsMenu ?? r ?? "right-start",
-			strategy: d,
-			middleware: [Nt(0), Pt({ crossAxis: !1 })]
-		});
-		c.style.left = `${e}px`, c.style.top = `${t}px`, s || (c.style.position = "fixed", c.style.right = "auto", c.style.bottom = "auto", c.style.margin = "0");
-	});
-	Lt(c, f), s && c.isConnected && !c.matches(":popover-open") && c.showPopover();
-}, Bt = (e) => {
-	let t = e.querySelector(".grid-item-actions-popover");
-	t && (Rt(t), t.hasAttribute("popover") && t.matches(":popover-open") && t.hidePopover(), t.remove());
-}, Vt = (e) => e === "ArrowLeft" || e === "ArrowRight" || e === "ArrowUp" || e === "ArrowDown", Ht = ({ 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;
-}, Ut = ({ 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 && Vt(e.key)) {
-		e.preventDefault(), e.stopPropagation();
-		let t = n.gridstackNode;
-		if (!t) return {
-			focusedItemElement: u,
-			activeItemElement: d
-		};
-		let r = Ht({
-			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
-	};
-}, Wt = 16, Gt = 10, U = (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})`, Kt = (e) => [(e?.margins?.[0] ?? Wt) / 2, (e?.margins?.[1] ?? Wt) / 2], qt = (e) => Gt - (e?.margins?.[0] ?? Gt), Jt = (e) => {
-	let n = e?.boxShadow;
-	if (!n) return "";
-	let r = new t(n.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] ?? Wt, o = Math.min(a / 10, 2);
-	return n.size === "none" ? "none" : n.size === "S" ? `0 ${o * 2}px ${o * 4}px ${U(i, .16)}, 0 ${o * 2}px ${o * 4}px ${U(i, .23)}` : n.size === "M" ? `0 ${o * 8}px ${o * 16}px ${U(i, .19)}, 0 ${o * 4}px ${o * 4}px ${U(i, .23)}` : n.size === "L" ? `0 ${o * 12}px ${o * 24}px ${U(i, .25)}, 0 ${o * 8}px ${o * 8}px ${U(i, .22)}` : "";
-}, Yt = (e) => {
-	let t = Jt(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"]]
-	]);
-}, Xt = (e) => {
-	let n = e?.itemsBackground ?? e?.background;
-	return n ? new t(n).luminance < .5 : !1;
-}, Zt = (e, t) => {
-	t && Yt(t).forEach((t, n) => {
-		t ? e.setProperty(n, t) : e.removeProperty(n);
-	});
-}, Qt = ({ item: e, index: t, initialized: n, viewMode: a, renderItemContent: o, handleMouseover: s, handleMouseout: c, handleFocus: l, handleBlur: u }) => {
-	let p = !a;
-	return i`
-    <div
-      class="luzmo-item-grid-item has-luzmo-viz-item"
-      luzmo-item-grid-item-id=${e.id ?? ""}
-      tabindex="0"
-      role="row"
-      @mouseover=${s}
-      @mouseout=${c}
-      @focus=${l}
-      @blur=${u}
-    >
-      <div
-        class="grid-stack-item-content"
-        role="gridcell"
-        aria-label=${d(f`Grid item ${t + 1}`, { desc: "Accessible label for a grid item with its position" })}
-      >
-        ${p ? i`
-              <div class="grid-item-drag-handle">
-                <luzmo-icon .icon=${r} size="s"></luzmo-icon>
-              </div>
-            ` : i`
-                
-              `}
-        ${n ? o(e, t) : i`
-                
-              `}
-      </div>
-    </div>
-  `;
-}, $t = ({ items: e, initialized: t, viewMode: n, fullTheme: r, renderItem: i, renderDependencies: a }) => p(e, (e) => e.id, (e, o) => m([
-	e,
-	t,
-	n,
-	r,
-	...a
-], () => i(e, o))), en = ({ items: e, initialized: t, viewMode: n, fullTheme: r, columns: a, renderItemContent: o, renderDependencies: s, ensureGridItemId: c, handleMouseover: l, handleMouseout: u, handleFocus: f, handleBlur: p }) => {
-	e.forEach((e) => {
-		c(e);
-	});
-	let m = $t({
-		items: e,
-		initialized: t,
-		viewMode: n,
-		fullTheme: r,
-		renderDependencies: s,
-		renderItem: (e, r) => Qt({
-			item: e,
-			index: r,
-			initialized: t,
-			viewMode: n,
-			renderItemContent: o,
-			handleMouseover: l,
-			handleMouseout: u,
-			handleFocus: f,
-			handleBlur: p
-		})
-	});
-	return i`
-    <div
-      ?dark-background=${t ? Xt(r) : !1}
-      class="grid-stack"
-      data-grid-columns=${a}
-      role="grid"
-      aria-label=${d("Dashboard grid", { desc: "Accessible label for the dashboard grid" })}
-    >
-      ${m}
-    </div>
-  `;
-}, W = 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 = 2 ** 53 - 1;
-		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 findInGrid(t, n, r) {
-		let i = t.engine.nodes.find((e) => String(e.id) === n);
-		if (i || !r) return i;
-		for (let r of t.engine.nodes) if (r.subGrid) {
-			let t = e.findInGrid(r.subGrid, n);
-			if (t) return t;
-		}
-	}
-	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 (!Object.prototype.hasOwnProperty.call(n, 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) return !1;
-		let n = e, r = t;
-		if (Object.keys(n).length !== Object.keys(r).length) return !1;
-		for (let e in n) if (n[e] !== r[e]) 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" || !t || !n || Array.isArray(t) || Array.isArray(n)) return;
-		let r = t, i = n;
-		for (let t in r) {
-			let n = r[t], a = i[t];
-			t[0] === "_" || n === a ? delete r[t] : n && typeof n == "object" && a !== void 0 && (e.removeInternalAndSame(n, a), Object.keys(n).length || delete r[t]);
-		}
-	}
-	static removeInternalForSave(e, t = !0) {
-		let n = e;
-		for (let e in n) (e[0] === "_" || n[e] === null || n[e] === void 0) && delete n[e];
-		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 ?? void 0);
-	}
-	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 pauseIframePointerEvents(e) {
-		document.querySelectorAll("iframe").forEach((t) => {
-			t.style.pointerEvents = e ? "none" : "";
-		});
-	}
-	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) Object.prototype.hasOwnProperty.call(r, 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) {
-			let n = e.style;
-			for (let e in t) Object.prototype.hasOwnProperty.call(t, e) && (Array.isArray(t[e]) ? t[e].forEach((t) => {
-				n[e] = t;
-			}) : n[e] = t[e]);
-		}
-	}
-	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
-		}, i = e;
-		return [
-			"altKey",
-			"ctrlKey",
-			"metaKey",
-			"shiftKey"
-		].forEach((e) => n[e] = i[e]), [
-			"pageX",
-			"pageY",
-			"clientX",
-			"clientY",
-			"screenX",
-			"screenY"
-		].forEach((e) => n[e] = i[e]), {
-			...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, i = r[t];
-		r[t] = r[n], r[n] = i;
-	}
-	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);
-	}
-}, tn = 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 ?? 0, this._mode = e.mode || "top", this.nodes = e.nodes || [], this.onChange = e.onChange ?? (() => {});
-	}
-	batchUpdate(e = !0, t = !0) {
-		return !!this.batchMode === e ? this : (this.batchMode = e, e ? (this._prevMode = this._mode, this._mode = "float", this.cleanNodes(), this.nodes.some((e) => e._updating) || this.saveInitial()) : (this._mode = this._prevMode || "top", delete this._prevMode, t && this._packNodes(), this._notify()), this);
-	}
-	get _realMode() {
-		return this.batchMode ? this._prevMode || "top" : this.mode;
-	}
-	_useEntireRowArea(e, t) {
-		return (this.mode !== "float" || this.batchMode && this._prevMode !== "float") && !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 && !e._isExternal && !r.nested && this.mode !== "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.mode !== "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 && W.samePos(e, s) ? !0 : this.moveNode(e, s), (n.locked || this._loading) && i ? W.copyPos(t, e) : !n.locked && i && r.pack && (this._packNodes(), t.y = n.y + n.h, W.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 && W.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 && W.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.h + i.y - r.y, i.y = r.y) : i.h = i.h + r.y - i.y, i.x > r.x ? (i.w = i.w + i.x - r.x, i.x = r.x) : i.w = i.w + r.x - i.x;
-		let a, o = .5;
-		for (let e of n) {
-			if (e.locked || !e._rect) continue;
-			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 = W.isTouching(e, t))) return n();
-		if (r !== !1) {
-			if (e.w === t.w && e.x === t.x && (r ||= W.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 ||= W.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;
-		let n = this.batchMode;
-		return n || this.batchUpdate(), this._relayout(e, t), n || this.batchUpdate(!1), this;
-	}
-	_relayout(e, t = !0) {
-		if (this.nodes.length === 0) return this;
-		t && this.sortNodes();
-		let n = this._inColumnResize;
-		n || (this._inColumnResize = !0);
-		let r = this.nodes;
-		this.nodes = r.filter((e) => e.locked);
-		let i = /* @__PURE__ */ new Set(), a = 0, o = (e) => {
-			for (let t = e.y; t < e.y + e.h; t++) for (let n = e.x; n < e.x + e.w; n++) i.add(t * this.column + n);
-			for (; i.has(a);) ++a;
-		};
-		return this.nodes.forEach(o), r.forEach((t, n, r) => {
-			if (t.locked) return;
-			t.autoPosition = !0;
-			let i = e === "list" ? n ? r[n - 1] : 0 : a;
-			this.addNode(t, !1, i), o(t);
-		}), n || delete this._inColumnResize, this;
-	}
-	set mode(e) {
-		this._mode !== e && (this._mode = e || "top", this._mode !== "float" && this._packNodes()._notify());
-	}
-	get mode() {
-		return this._mode || "top";
-	}
-	sortNodes(e = 1) {
-		return this.nodes = W.sort(this.nodes, e), this;
-	}
-	_packNodes() {
-		if (this.batchMode) return this;
-		if (this.sortNodes(), this.mode === "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);
-		});
-		else if (this.mode === "list" || this.mode === "compact") {
-			let e = this.mode === "compact" && this.nodes.some((e) => e._updating) ? "list" : this.mode, t = this.batchMode;
-			this.batchMode = !0, this._relayout(e, !1), this.batchMode = t;
-		} else 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;
-			}
-		});
-		return 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 W.defaults(t, i), t.autoPosition || delete t.autoPosition, t.noResize || delete t.noResize, t.noMove || delete t.noMove, W.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 || W.copyPos({}, e);
-		if (e.x !== void 0 && !Number.isFinite(e.x) && (e.x = 0), e.y !== void 0 && !Number.isFinite(e.y) && (e.y = 0), e.w !== void 0 && !Number.isFinite(e.w) && (e.w = 1), e.h !== void 0 && !Number.isFinite(e.h) && (e.h = 1), 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), W.samePos(e, n) || (e._dirty = !0), this;
-	}
-	getDirtyNodes(e) {
-		return e ? this.nodes.filter((e) => e._dirty && e._orig && !W.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 = W.copyPos({}, e), delete e._dirty;
-		}), this._hasLocked = this.nodes.some((e) => e.locked), this;
-	}
-	restoreInitial() {
-		return this.nodes.forEach((e) => {
-			!e._orig || W.samePos(e, e._orig) || (W.copyPos(e, e._orig), e._dirty = !0);
-		}), this._notify(), this;
-	}
-	findEmptyPosition(e, t = this.nodes, n = this.column, r) {
-		let i = typeof r == "number" ? r : 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) => W.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 = !1;
-		return e.autoPosition && (n === void 0 && this._realMode === "list" && (n = this.nodes[this.nodes.length - 1]), this.findEmptyPosition(e, this.nodes, this.column, n) && (delete e.autoPosition, i = !0)), !i && (this.mode === "list" || this.mode === "compact") ? (this.nodes.unshift(e), 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) && !n.forceCollide) return !1;
-		if (n.pack === void 0 && !this.batchMode && (n.pack = !0), !this.maxRow) return this.moveNode(t, n);
-		let r, i = new e({
-			column: this.column,
-			mode: this.mode,
-			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 && !t._isExternal) {
-			let e = n.collide.el?.gridstackNode;
-			if (e && 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 && (W.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,
-			mode: this.mode,
-			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 = W.copyPos({}, r), !0) : !1;
-	}
-	_makeDynamicSubGrid(e, t, n) {
-		if (!n || !e.grid?.opts?.subGridDynamic || e.grid._isTemp || !t.rect || !n._rect) return !1;
-		let r = W.areaIntercept(t.rect, n._rect), i = W.area(t.rect), a = W.area(n._rect);
-		return r / (i < a ? i : a) <= .8 ? !1 : (n.grid.makeSubGrid(n.el, void 0, e), !0);
-	}
-	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 = !1;
-		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 = W.copyPos({}, e, !0);
-		if (W.copyPos(i, t), this.nodeBoundFix(i, r), W.copyPos(t, i), !t.forceCollide && W.samePos(e, t)) return !1;
-		let a = W.copyPos({}, e);
-		if (this.mode === "list" || this.mode === "compact") {
-			let r = !1;
-			if (e._moving && !t.nested && e.grid?.opts?.subGridDynamic) {
-				let a = this.directionCollideCoverage(e, t, this.collideAll(e, i, t.skip));
-				this._makeDynamicSubGrid(e, t, a) && (r = !0, n && delete t.pack);
-			}
-			if (!r) {
-				e._dirty = !0;
-				let t = a.y * this.column + a.x;
-				W.copyPos(e, i);
-				let n = this.nodes.indexOf(e);
-				n !== -1 && (this.nodes.splice(n, 1), e.y * this.column + e.x < t ? this.nodes.unshift(e) : this.nodes.push(e));
-			}
-		} else {
-			let r = this.collideAll(e, i, t.skip), a = !0;
-			if (r.length) {
-				let o = e._moving && !t.nested, s = o ? this.directionCollideCoverage(e, t, r) : r[0];
-				o && this._makeDynamicSubGrid(e, t, s) && (s = void 0), s ? a = !this._fixCollisions(e, i, s, t) : (a = !1, n && delete t.pack);
-			}
-			a && !W.samePos(e, i) && (e._dirty = !0, W.copyPos(e, i));
-		}
-		return t.pack && this._packNodes()._notify(), !W.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.mode === "compact" && this._packNodes()._notify()), 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 || {}
-			};
-			W.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)) 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) {
-		if (!this.nodes.length || !t || e === t) return this;
-		n ??= this.mode === "list" || this.mode === "compact" ? this.mode : "moveScale";
-		let r = n === "compact" || n === "list" ? n : void 0;
-		r && this.sortNodes(1), t < e && this.cacheLayout(this.nodes, e), this.batchUpdate();
-		let i = [], a = r ? this.nodes : W.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(r, !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 = W.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) {
-		let t = e;
-		for (let e in t) e[0] === "_" && e !== "_id" && delete t[e];
-		return this;
-	}
-};
-tn._idSeq = 0;
-//#endregion
-//#region node_modules/gridstack/dist/types.js
-var G = {
-	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"
-}, K = class {}, q = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 && window.matchMedia("(any-pointer: coarse)").matches || navigator.msMaxTouchPoints > 0), nn = 300, rn = 10, J = class {};
-function Y(e) {
-	e.preventDefault();
-}
-function an() {
-	document.addEventListener("contextmenu", Y, !0), document.addEventListener("selectstart", Y, !0);
-}
-function on() {
-	document.removeEventListener("contextmenu", Y, !0), document.removeEventListener("selectstart", Y, !0);
-}
-function sn(e, t, n) {
-	e.removeEventListener("touchmove", t), e.removeEventListener("touchend", n), e.removeEventListener("touchcancel", n), cn();
-}
-function cn() {
-	J.touchDelayTimer && (window.clearTimeout(J.touchDelayTimer), delete J.touchDelayTimer), on();
-}
-function ln(e, t) {
-	e.touches.length > 1 || (e.cancelable && e.preventDefault(), W.simulateMouseEvent(e.changedTouches[0], t));
-}
-function un(e, t) {
-	e.cancelable && e.preventDefault(), W.simulateMouseEvent(e, t);
-}
-function dn(e) {
-	if (J.touchHandled) return;
-	let t = e.currentTarget, n = e.touches[0].clientX, r = e.touches[0].clientY, i = () => sn(t, a, i), a = (e) => {
-		let t = e.touches[0];
-		Math.abs(t.clientX - n) + Math.abs(t.clientY - r) > rn && i();
-	};
-	t.addEventListener("touchmove", a, { passive: !0 }), t.addEventListener("touchend", i, { passive: !0 }), t.addEventListener("touchcancel", i, { passive: !0 }), J.touchDelayTimer = window.setTimeout(() => {
-		sn(t, a, i), J.touchHandled = !0, J.wasDelayed = !0, an(), ln(e, "mousedown"), delete J.wasDelayed;
-	}, nn);
-}
-function fn(e) {
-	J.touchHandled && ln(e, "mousemove");
-}
-function X(e) {
-	if (!J.touchHandled) return;
-	on(), J.pointerLeaveTimeout && (window.clearTimeout(J.pointerLeaveTimeout), delete J.pointerLeaveTimeout);
-	let t = !!K.dragElement;
-	ln(e, "mouseup"), !t && e.type !== "touchcancel" && ln(e, "click"), J.touchHandled = !1;
-}
-function pn(e) {
-	e.pointerType !== "mouse" && e.target.releasePointerCapture(e.pointerId);
-}
-function mn(e) {
-	K.dragElement && e.pointerType !== "mouse" && un(e, "mouseenter");
-}
-function hn(e) {
-	K.dragElement && e.pointerType !== "mouse" && (J.pointerLeaveTimeout = window.setTimeout(() => {
-		delete J.pointerLeaveTimeout, un(e, "mouseleave");
-	}, 10));
-}
-//#endregion
-//#region node_modules/gridstack/dist/dd-resizable-handle.js
-var gn = class e {
-	constructor(e, t, n) {
-		this.host = e, this.dir = t, this.option = n, 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.addEventListener("mousedown", this._mouseDown), q && (this.el.addEventListener("touchstart", dn), this.el.addEventListener("pointerdown", pn)), this;
-	}
-	destroy() {
-		return this.mouseDownEvent && this._mouseUp(this.mouseDownEvent), cn(), this.el.removeEventListener("mousedown", this._mouseDown), q && (this.el.removeEventListener("touchstart", dn), this.el.removeEventListener("pointerdown", pn)), this.option.element || this.host.removeChild(this.el), this;
-	}
-	_mouseDown(e) {
-		this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, {
-			capture: !0,
-			passive: !0
-		}), document.addEventListener("mouseup", this._mouseUp, !0), q && (this.el.addEventListener("touchmove", fn), this.el.addEventListener("touchend", X), this.el.addEventListener("touchcancel", X)), J.wasDelayed && this.el.classList.add("ui-resizable-armed"), 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.el.classList.remove("ui-resizable-armed"), 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)), this.el.classList.remove("ui-resizable-armed"), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), q && (this.el.removeEventListener("touchmove", fn), this.el.removeEventListener("touchend", X), this.el.removeEventListener("touchcancel", X)), 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) {
-		let n = this.option;
-		return n[e] && n[e](t), this;
-	}
-};
-gn.prefix = "ui-resizable-";
-//#endregion
-//#region node_modules/gridstack/dist/dd-base-impl.js
-var _n = 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() {
-		this._eventRegister = {};
-	}
-	triggerEvent(e, t) {
-		if (!this.disabled && this._eventRegister[e]) return this._eventRegister[e](t);
-	}
-}, vn = class e extends _n {
-	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() {
-		K.resizeElement === this && delete K.resizeElement, 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.assign(this.option, e), 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), K.overResizeElement === this && delete K.overResizeElement), this;
-	}
-	_mouseOver(e) {
-		K.overResizeElement || K.dragElement || (K.overResizeElement = this, K.resizeElement || this.el.classList.remove("ui-resizable-autohide"));
-	}
-	_mouseOut(e) {
-		K.overResizeElement === this && (delete K.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
-	}
-	_setupHandlers() {
-		return this.handlers = (this.option.handles ?? "se").split(",").map((e) => e.trim()).map((e) => new gn(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 = W.shouldSizeToContent(this.el.gridstackNode, !0), this.originalRect = this.el.getBoundingClientRect(), this.scrollEl = W.getScrollElement(this.el), this.scrollY = this.scrollEl.scrollTop, this.scrolled = 0, this.startEvent = e, W.pauseIframePointerEvents(!0), this._setupHelper(), this._applyChange();
-		let t = W.initEvent(e, {
-			type: "resizestart",
-			target: this.el
-		});
-		return K.resizeElement = this, 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 = W.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 = W.initEvent(e, {
-			type: "resizestop",
-			target: this.el
-		});
-		return W.pauseIframePointerEvents(!1), this._cleanHelper(), this.option.stop && this.option.stop(t), this.el.classList.remove("ui-resizable-resizing"), K.resizeElement === this && delete K.resizeElement, !K.resizeElement && K.overResizeElement && K.overResizeElement.el.classList.remove("ui-resizable-autohide"), 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]);
-		let t = this.el.parentElement;
-		this.parentOriginStylePosition = t.style.position;
-		let n = W.getValuesFromTransformedElement(t);
-		return this.rectScale = {
-			x: n.xScale,
-			y: n.yScale
-		}, getComputedStyle(t).position.match(/static/) && (t.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 = !1, s = !1, 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 ?? 0) / this.rectScale.x || e, s = (r ? i.maxHeightMoveUp : i.maxHeight) || 2 ** 53 - 1, c = (i.minHeight ?? 0) / 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
-			};
-		}
-		if (!this.temporalRect) return this;
-		let t = e;
-		return Object.entries(this.temporalRect).forEach(([n, r]) => {
-			if (this.option.rtl ? n === "left" : n === "right") return;
-			let i = n === "width" || n === "left" || n === "right" ? this.rectScale.x : n === "height" || n === "top" ? this.rectScale.y : 1, a;
-			a = n === "right" ? (e.right - r) * this.rectScale.x + "px" : (r - t[n]) * i + "px", this.el.style[n] = a;
-		}), this;
-	}
-	_removeHandlers() {
-		return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
-	}
-};
-vn._originStyleProp = [
-	"width",
-	"height",
-	"position",
-	"left",
-	"right",
-	"top",
-	"opacity",
-	"zIndex"
-];
-//#endregion
-//#region node_modules/gridstack/dist/dd-draggable.js
-var yn = "input,textarea,button,select,option,[contenteditable=\"true\"],.ui-resizable-handle", bn = class e extends _n {
-	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() {
-		let e = this.option.handle;
-		if (!e) return [];
-		let t = [], n = (r) => {
-			t.push(...Array.from(r.querySelectorAll(e))), r.querySelectorAll("*").forEach((e) => {
-				let t = e.shadowRoot;
-				t && n(t);
-			});
-		};
-		return n(this.el), t.filter((e) => {
-			if (!(e instanceof HTMLElement)) return !1;
-			let t = e.closest(".grid-stack-item"), n = e.getRootNode();
-			for (; !t && n instanceof ShadowRoot;) t = n.host.closest(".grid-stack-item"), n = n.host.getRootNode();
-			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), q && (e.addEventListener("touchstart", dn), e.addEventListener("pointerdown", pn));
-		}), this.el.classList.remove("ui-draggable-disabled"));
-	}
-	disable(e = !1) {
-		this.disabled !== !0 && (super.disable(), cn(), this.dragEls.forEach((e) => {
-			e.removeEventListener("mousedown", this._mouseDown), q && (e.removeEventListener("touchstart", dn), e.removeEventListener("pointerdown", pn));
-		}), 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.option, super.destroy();
-	}
-	updateOption(e) {
-		return Object.assign(this.option, e), this;
-	}
-	refreshHandles() {
-		let e = this.disabled;
-		e || this.disable(!0);
-		let t = this.option?.handle?.substring(1), n = this.el.gridstackNode;
-		this.dragEls = !t || this.el.classList.contains(t) ? [this.el] : n?.subGrid ? [this.el.querySelector(this.option.handle) || this.el] : this.getAllHandles(), this.dragEls.length === 0 && (this.dragEls = [this.el]), e || this.enable();
-	}
-	_mouseDown(e) {
-		if (e.isTrusted && (J.touchHandled &&= !1, K.mouseHandled && e.timeStamp !== K.mouseHandledTimeStamp && delete K.mouseHandled), K.mouseHandled || e.button !== 0) return !0;
-		let t = e.target.closest(yn);
-		return t && !this.dragEls.some((n) => n === e.target || n === t) || this.option.cancel && e.target.closest(this.option.cancel) ? !0 : (this.mouseDownEvent = e, delete this.dragging, delete K.dragElement, delete K.dropElement, delete this._autoScrollMaxSpeed, delete this._autoScrollContainer, document.addEventListener("mousemove", this._mouseMove, {
-			capture: !0,
-			passive: !0
-		}), document.addEventListener("mouseup", this._mouseUp, !0), q && e.currentTarget && (e.currentTarget.addEventListener("touchmove", fn), e.currentTarget.addEventListener("touchend", X), e.currentTarget.addEventListener("touchcancel", X)), J.wasDelayed && this.el.classList.add("ui-draggable-armed"), e.preventDefault(), document.activeElement && document.activeElement.blur(), K.mouseHandled = !0, K.mouseHandledTimeStamp = e.timeStamp, !0);
-	}
-	_callDrag(e) {
-		if (!this.dragging) return;
-		let t = W.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), K.pauseDrag) {
-			let t = Number.isInteger(K.pauseDrag) ? K.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, W.pauseIframePointerEvents(!0), this.el.classList.remove("ui-draggable-armed"), K.dragElement = this;
-			let t = this.el.gridstackNode?.grid;
-			t ? K.dropElement = t.el.ddElement?.ddDroppable : delete K.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = W.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
-			let n = W.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(), this.el.classList.remove("ui-draggable-armed"), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), q && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", fn, !0), e.currentTarget.removeEventListener("touchend", X, !0), e.currentTarget.removeEventListener("touchcancel", X, !0)), this.dragging) {
-			delete this.dragging, W.pauseIframePointerEvents(!1), delete this.el.gridstackNode?._origRotate, document.removeEventListener("keydown", this._keyEvent), K.dropElement?.el === this.el.parentElement && delete K.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper && this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
-			let t = W.initEvent(e, {
-				target: this.el,
-				type: "dragstop"
-			});
-			this.option.stop && this.option.stop(t), this.triggerEvent("dragstop", t), K.dropElement && K.dropElement.drop(e);
-		}
-		delete this.helper, delete this.mouseDownEvent, delete K.dragElement, delete K.dropElement, delete K.mouseHandled, delete K.mouseHandledTimeStamp, J.touchHandled = !1, e.preventDefault();
-	}
-	_keyEvent(e) {
-		let t = this.el.gridstackNode, n = t?.grid || K.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 (!W.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", W.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 = W.cloneNode(this.el)), t.parentElement || W.appendTo(t, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo ?? "body"), 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._gridstackNodeOrig || this.el.gridstackNode)?.grid?.el.classList.remove("grid-stack-dragging"), !this.helper?.gridstackNode?._isAboutToRemove && this.dragElementOriginStyle) {
-			let t = this.helper, n = this.dragElementOriginStyle, r = e.originStyleProp.indexOf("transition"), i = n[r] || null;
-			t.style.transition = n[r] = "none";
-			let a = t.style;
-			e.originStyleProp.forEach((e, t) => a[e] = n[t] || null), setTimeout(() => t.style.transition = i || "", 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 = W.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
-		} };
-	}
-};
-bn.originStyleProp = [
-	"width",
-	"height",
-	"transform",
-	"transform-origin",
-	"transition",
-	"pointerEvents",
-	"position",
-	"left",
-	"right",
-	"top",
-	"minWidth",
-	"willChange"
-];
-//#endregion
-//#region node_modules/gridstack/dist/dd-droppable.js
-var xn = class extends _n {
-	constructor(e, t = {}) {
-		super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.eventEl = this.el.closest(".grid-stack-item") || this.el, 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.eventEl.addEventListener("mouseenter", this._mouseEnter), this.eventEl.addEventListener("mouseleave", this._mouseLeave), q && (this.eventEl.addEventListener("pointerenter", mn), this.eventEl.addEventListener("pointerleave", hn)));
-	}
-	disable(e = !1) {
-		this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.eventEl.removeEventListener("mouseenter", this._mouseEnter), this.eventEl.removeEventListener("mouseleave", this._mouseLeave), q && (this.eventEl.removeEventListener("pointerenter", mn), this.eventEl.removeEventListener("pointerleave", hn)));
-	}
-	destroy() {
-		this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
-	}
-	updateOption(e) {
-		return Object.assign(this.option, e), this._setupAccept(), this;
-	}
-	_mouseEnter(e) {
-		if (!K.dragElement || J.touchHandled && e.isTrusted || !this._canDrop(K.dragElement.el)) return;
-		e.preventDefault(), e.stopPropagation(), K.dragElement._stopScrolling(), K.dropElement && K.dropElement !== this && K.dropElement._mouseLeave(e, !0), K.dropElement = this;
-		let t = W.initEvent(e, {
-			target: this.el,
-			type: "dropover"
-		});
-		this.option.over && this.option.over(t, this._ui(K.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
-	}
-	_mouseLeave(e, t = !1) {
-		if (!K.dragElement || K.dropElement !== this) return;
-		e.preventDefault(), e.stopPropagation(), t && K.dragElement._stopScrolling();
-		let n = W.initEvent(e, {
-			target: this.el,
-			type: "dropout"
-		});
-		if (this.option.out && this.option.out(n, this._ui(K.dragElement)), this.triggerEvent("dropout", n), K.dropElement === this && (delete K.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 = W.initEvent(e, {
-			target: this.el,
-			type: "drop"
-		});
-		this.option.drop && this.option.drop(t, this._ui(K.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()
-		};
-	}
-}, Sn = 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 bn(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 vn(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 xn(this.el, e), this;
-	}
-	cleanDroppable() {
-		return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
-	}
-}, Z = new class {
-	resizable(e, t, n, r) {
-		return this._getDDElements(e, typeof t == "string" ? t : void 0).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, a = t;
-				e.setupResizable({
-					...n.opts.resizable,
-					handles: r,
-					autoHide: i,
-					start: a.start,
-					stop: a.stop,
-					resize: a.resize,
-					rtl: a.rtl
-				});
-			}
-		}), this;
-	}
-	draggable(e, t, n, r) {
-		return this._getDDElements(e, typeof t == "string" ? t : void 0).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, r = t;
-				e.setupDraggable({
-					...n.opts.draggable,
-					start: r.start,
-					stop: r.stop,
-					drag: r.drag,
-					rtl: r.rtl
-				});
-			}
-		}), this;
-	}
-	dragIn(e, t) {
-		return this._getDDElements(e).forEach((e) => e.setupDraggable(t)), this;
-	}
-	droppable(e, t, n, r) {
-		if (typeof t != "string") {
-			let e = t;
-			typeof e.accept == "function" && !e._accept && (e._accept = e.accept, e.accept = (t) => e._accept(t));
-		}
-		let i = typeof t == "string" ? t : void 0;
-		return this._getDDElements(e, i).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, K.dragElement ? K.dragElement.el : e.target, K.dragElement ? K.dragElement.helper : void 0);
-		})), 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 = W.getElements(e);
-		return r.length ? r.map((e) => e.ddElement || (n ? Sn.init(e) : null)).filter((e) => !!e) : [];
-	}
-}(), Q = 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, W.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, W.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) : W.createDiv(["grid-stack", n.class], t)), e.init(n, r);
-	}
-	static registerEngine(t) {
-		e.engineClass = t;
-	}
-	static _migrateFloat(e) {
-		let t = e.float;
-		t !== void 0 && (e.mode === void 0 && (e.mode = t ? "float" : "top"), delete e.float);
-	}
-	get placeholder() {
-		if (!this._placeholder) {
-			this._placeholder = W.createDiv([
-				this.opts.placeholderClass,
-				G.itemClass,
-				this.opts.itemClass
-			]);
-			let e = W.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 ||= {}, e._migrateFloat(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 = W.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 : (e && e.length > 1 && (e.sort((e, t) => (t.w || 0) - (e.w || 0)), delete i.columnWidth), i.columnMax ??= 12);
-		}
-		let a = {
-			...W.cloneDeep(G),
-			column: W.toNumber(t.getAttribute("gs-column")) || G.column,
-			minRow: r || W.toNumber(t.getAttribute("gs-min-row")) || G.minRow,
-			maxRow: r || W.toNumber(t.getAttribute("gs-max-row")) || G.maxRow,
-			staticGrid: W.toBool(t.getAttribute("gs-static")) || G.staticGrid,
-			sizeToContent: W.toBool(t.getAttribute("gs-size-to-content")) || void 0,
-			draggable: { handle: (n.handleClass ? "." + n.handleClass : n.handle ? n.handle : "") || G.draggable.handle },
-			removableOptions: {
-				accept: n.itemClass || G.removableOptions.accept,
-				decline: G.removableOptions.decline
-			}
-		};
-		t.getAttribute("gs-animate") && (a.animate = W.toBool(t.getAttribute("gs-animate"))), n = W.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("." + G.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._isFillCellHeight = n.cellHeight === "fill", this._isAutoCellHeight || this._isFillCellHeight || n.cellHeight === "initial") this.cellHeight(void 0);
-		else {
-			typeof n.cellHeight == "number" && n.cellHeightUnit && n.cellHeightUnit !== G.cellHeightUnit && (n.cellHeight += n.cellHeightUnit, delete n.cellHeightUnit);
-			let e = n.cellHeight;
-			delete n.cellHeight, this.cellHeight(e);
-		}
-		n.alwaysShowResizeHandle === "mobile" && (n.alwaysShowResizeHandle = q), this._setStaticClass();
-		let s = n.engineClass || e.engineClass || tn;
-		if (this.engine = new s({
-			column: this.getColumn(),
-			mode: n.mode,
-			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 && !K.pauseDrag && (K.pauseDrag = !0), n.draggable?.pause !== void 0 && (K.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}%`), this.el.style.setProperty("--gs-columns", String(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 W.defaults(t, i), this.engine.prepareNode(t), this.el.appendChild(n), this.makeWidget(n, t), n;
-	}
-	createWidgetDivs(t) {
-		let n = W.createDiv(["grid-stack-item", this.opts.itemClass]), r = W.createDiv(["grid-stack-item-content"], n);
-		return W.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 = W.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 = !1;
-		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
-		}, W.removeInternalForSave(d), delete d.subGridOpts, a.content && (d.content = a.content, delete a.content), e.addRemoveCB ? u = e.addRemoveCB(this.el, d, !0, !1) || void 0 : (u = W.createDiv(["grid-stack-item"]), u.appendChild(l), l = W.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 = "");
-		}
-		let f = a.subGrid = e.addGrid(l, n) || void 0;
-		return r?._moving && (f._isTemp = !0), c && (f._autoColumn = !0), i && f.makeWidget(u, d), r && (r._moving ? window.setTimeout(() => W.simulateMouseEvent(r._event, "mouseenter", f.el), 0) : f.makeWidget(a.el, a)), this.resizeToContentCheck(!1, a), f;
-	}
-	removeAsSubGrid(e) {
-		let t = this.parentGridNode?.grid;
-		if (t && (t.batchUpdate(), t.removeWidget(this.parentGridNode.el, !0, !0), this.engine.nodes.forEach((e) => {
-			e.x = (e.x ?? 0) + (this.parentGridNode.x ?? 0), e.y = (e.y ?? 0) + (this.parentGridNode.y ?? 0), this._removeDD(e.el), e.el.remove(), delete e.el.gridstackNode, t.makeWidget(e.el, e);
-		}), t.batchUpdate(!1), this.parentGridNode && delete this.parentGridNode.subGrid, delete this.parentGridNode, e)) {
-			let n = e.el?.gridstackNode;
-			n && n !== e && (n._temporaryRemoved = !0), window.setTimeout(() => {
-				let n = K.dragElement?.lastDrag || e._event;
-				n && W.simulateMouseEvent(n, "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 = W.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, W.removeInternalAndSame(e, G), 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 = W.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 && (W.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) => e.id && W.find(t, e.id) ? (l.push(e), !1) : !0), t.forEach((e) => {
-			let t = e.id ? W.find(l, e.id) : void 0;
-			if (t) {
-				if (W.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), W.samePos(t, e) && this.engine.nodes.length > 1 && (this.moveNode(t, {
-					...e,
-					forceCollide: !0
-				}), W.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 = W.toNumber(t.getAttribute("gs-h")) || 1;
-			return Math.round(t.offsetHeight / e);
-		}
-		let n = parseInt(this.el.getAttribute("gs-current-row") || "0");
-		return n ? Math.round(this.el.getBoundingClientRect().height / n) : this.opts.cellHeight;
-	}
-	cellHeight(e) {
-		if (e !== void 0 && (this._isAutoCellHeight !== (e === "auto") || this._isFillCellHeight !== (e === "fill")) && (this._isAutoCellHeight = e === "auto", this._isFillCellHeight = e === "fill", this._updateResizeEvent()), (e === "initial" || e === "auto" || e === "fill") && (e = void 0), e === void 0 && this._isFillCellHeight) {
-			let t = this.getRow() || this.opts.row || this.opts.maxRow || 1, n = this.el.clientHeight;
-			n > 0 && (e = Math.max(1, n / t));
-		}
-		if (e === void 0) {
-			let t = -this.opts.marginRight - this.opts.marginLeft + this.opts.marginTop + this.opts.marginBottom;
-			e = this.cellWidth() + t;
-		}
-		let t = W.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) {
-		if (!e || e < 1 || this.opts.column === e) return this;
-		t ??= this.opts.mode === "list" || this.opts.mode === "compact" ? this.opts.mode : "moveScale";
-		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._isFillCellHeight) && 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) {
-		return this.el ? (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) : this;
-	}
-	mode(e) {
-		return this.opts.mode !== e && (this.opts.mode = this.engine.mode = e, this._triggerChangeEvent()), this;
-	}
-	getMode() {
-		return this.engine.mode;
-	}
-	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") || "0");
-		return {
-			x: Math.floor(i / o),
-			y: Math.floor(a / s)
-		};
-	}
-	getRow() {
-		return Math.max(this.engine?.getRow() || 0, 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 = !1;
-		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(t) {
-		let n = this.opts;
-		if (t === n) return this;
-		if (e._migrateFloat(t), t.acceptWidgets !== void 0 && (n.acceptWidgets = t.acceptWidgets, this._setupAcceptWidget()), t.animate !== void 0 && this.setAnimation(t.animate), t.cellHeight && this.cellHeight(t.cellHeight), t.class !== void 0 && t.class !== n.class && (n.class && this.el.classList.remove(n.class), t.class && this.el.classList.add(t.class)), t.columnOpts) {
-			let e = !!this.opts.columnOpts;
-			this.opts.columnOpts = t.columnOpts, e !== !!this.opts.columnOpts && this._updateResizeEvent(), this.checkDynamicColumn();
-		} else t.columnOpts === null && this.opts.columnOpts ? (delete this.opts.columnOpts, this._updateResizeEvent()) : typeof t.column == "number" && this.column(t.column);
-		return t.margin !== void 0 && this.margin(t.margin), t.staticGrid !== void 0 && this.setStatic(t.staticGrid), t.disableDrag !== void 0 && !t.staticGrid && this.enableMove(!t.disableDrag), t.disableResize !== void 0 && !t.staticGrid && this.enableResize(!t.disableResize), t.mode !== void 0 && this.mode(t.mode), t.row === void 0 ? (t.minRow !== void 0 && (n.minRow = t.minRow, this._updateContainerHeight()), t.maxRow !== void 0 && (n.maxRow = this.engine.maxRow = t.maxRow, this.engine.getRow() > t.maxRow && this.compact())) : (n.minRow = n.maxRow = this.engine.maxRow = n.row = t.row, this._updateContainerHeight(), this.engine.getRow() > t.row && this.compact()), t.lazyLoad !== void 0 && (n.lazyLoad = t.lazyLoad), t.children?.length && this.load(t.children), this;
-	}
-	update(t, n) {
-		return e.getElements(t).forEach((t) => {
-			let r = t?.gridstackNode;
-			if (!r) return;
-			let i = {
-				...W.copyPos({}, r),
-				...W.cloneDeep(n)
-			};
-			this.engine.nodeBoundFix(i), delete i.autoPosition;
-			let a = [
-				"x",
-				"y",
-				"w",
-				"h"
-			], o, s = i, c = r;
-			if (a.some((e) => s[e] !== void 0 && s[e] !== c[e])) {
-				o = {};
-				let e = o;
-				a.forEach((t) => {
-					e[t] = s[t] === void 0 ? c[t] : s[t], delete s[t];
-				});
-			}
-			if (!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 l = !1, u = !1;
-			for (let e in s) e[0] !== "_" && c[e] !== s[e] && (c[e] = s[e], l = !0, u ||= !this.opts.staticGrid && (e === "noResize" || e === "noMove" || e === "locked"));
-			if (W.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), r._updating || delete r._orig;
-			}
-			(o || l) && this._writeAttr(t, r), u && 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.moveNodeCheck(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 = null;
-		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 (!t || !W.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;
-			}
-			let i = r;
-			Object.keys(i).forEach((e) => {
-				i[e] === void 0 && delete i[e];
-			});
-			let a = t._orig;
-			this.update(e, r), t._orig = a;
-		}), this;
-	}
-	margin(e) {
-		if (!(typeof e == "string" && e.split(" ").length > 1)) {
-			let t = W.parseHeight(e);
-			if (this.opts.marginUnit === t.unit && this.opts.margin === t.h) return this;
-		}
-		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._sortDom(), this._isFillCellHeight && this.cellHeight(), this;
-	}
-	_sortDom() {
-		let e = this.engine.nodes;
-		if (e.forEach((e) => {
-			e.subGrid && e.subGrid._sortDom();
-		}), e.length < 2) return this;
-		this.engine.sortNodes(), e = this.engine.nodes;
-		let t = this.el.children;
-		if (e.some((e, n) => e.el !== t[n])) {
-			let t = this.el.moveBefore?.bind(this.el);
-			e.forEach((e) => {
-				e.el && e.el.parentElement === this.el && (t ? t(e.el, null) : this.el.appendChild(e.el));
-			});
-		}
-		return 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 = W.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 && (e || !this._isFillCellHeight) && (this.el.style[e ? "minHeight" : "height"] = t * n + r), e && W.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(G.itemClass, this.opts.itemClass);
-		let r = W.shouldSizeToContent(n);
-		return r ? e.classList.add("size-to-content") : e.classList.remove("size-to-content"), r && this.resizeToContentCheck(!1, n), (!W.lazyLoad(n) || !n.visibleObservable) && this.prepareDragDrop(n.el), this;
-	}
-	_writePosAttr(e, t) {
-		if (!t._moving && !t._resizing || this._placeholder === e) {
-			let n = this.opts.rtl ? "right" : "left", r = e.style;
-			r.top = t.y ? t.y === 1 ? "var(--gs-cell-height)" : `calc(${t.y} * var(--gs-cell-height))` : null, r[n] = t.x ? t.x === 1 ? "var(--gs-column-width)" : `calc(${t.x} * var(--gs-column-width))` : null, r.width = t.w > 1 ? `calc(${t.w} * var(--gs-column-width))` : null, r.height = t.h > 1 ? `calc(${t.h} * var(--gs-cell-height))` : null;
-		}
-		return e.style.setProperty("--gs-x", String(t.x || 0)), e.style.setProperty("--gs-y", String(t.y || 0)), e.style.setProperty("--gs-w", String(t.w || 1)), e.style.setProperty("--gs-h", String(t.h || 1)), e.setAttribute("gs-x", String(t.x ?? 0)), e.setAttribute("gs-y", String(t.y ?? 0)), 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"
-		}, r = t, i = n;
-		for (let t in i) r[t] !== void 0 && r[t] !== null && r[t] !== !1 ? e.setAttribute(i[t], String(r[t])) : e.removeAttribute(i[t]);
-		let a = t.print;
-		return a ? (a.pageBreak ? e.setAttribute("gs-page-break", String(a.pageBreak)) : e.removeAttribute("gs-page-break"), a.hide ? e.classList.add("gs-print-hide") : e.classList.remove("gs-print-hide"), a.orientation ? e.setAttribute("gs-print-orientation", String(a.orientation)) : e.removeAttribute("gs-print-orientation"), a.breakInside ? e.setAttribute("gs-break-inside", String(a.breakInside)) : e.removeAttribute("gs-break-inside")) : (e.removeAttribute("gs-page-break"), e.classList.remove("gs-print-hide"), e.removeAttribute("gs-print-orientation"), e.removeAttribute("gs-break-inside")), this;
-	}
-	_readAttr(e, t = !0) {
-		let n = {};
-		n.x = W.toNumber(e.getAttribute("gs-x")), n.y = W.toNumber(e.getAttribute("gs-y")), n.w = W.toNumber(e.getAttribute("gs-w")), n.h = W.toNumber(e.getAttribute("gs-h")), n.autoPosition = W.toBool(e.getAttribute("gs-auto-position")), n.noResize = W.toBool(e.getAttribute("gs-no-resize")), n.noMove = W.toBool(e.getAttribute("gs-no-move")), n.locked = W.toBool(e.getAttribute("gs-locked"));
-		let r = e.getAttribute("gs-page-break"), i = e.classList.contains("gs-print-hide"), a = e.getAttribute("gs-print-orientation"), o = e.getAttribute("gs-break-inside");
-		(r || i || a || o) && (n.print = {}, r && (n.print.pageBreak = W.toBool(r)), i && (n.print.hide = !0), a && (n.print.orientation = a), o && (n.print.breakInside = W.toBool(o)));
-		let s = e.getAttribute("gs-size-to-content");
-		s && (s === "true" || s === "false" ? n.sizeToContent = W.toBool(s) : n.sizeToContent = parseInt(s, 10)), n.id = e.getAttribute("gs-id") ?? void 0, n.maxW = W.toNumber(e.getAttribute("gs-max-w")), n.minW = W.toNumber(e.getAttribute("gs-min-w")), n.maxH = W.toNumber(e.getAttribute("gs-max-h")), n.minH = W.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"));
-		let c = n;
-		for (let e in c) n.hasOwnProperty(e) && !c[e] && c[e] !== 0 && e !== "sizeToContent" && delete c[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, t = this.el?.clientHeight) {
-		if (!e || e === this.prevWidth && t === this.prevHeight || e === this.prevWidth && !this._isFillCellHeight) return this;
-		this.prevWidth = e, this.prevHeight = t, this.batchUpdate();
-		let n = !1;
-		return this._autoColumn && this.parentGridNode ? this.opts.column !== this.parentGridNode.w && (this.column(this.parentGridNode.w, this.opts.layout || "list"), n = !0) : n = this.checkDynamicColumn(), (this._isAutoCellHeight || this._isFillCellHeight) && this.cellHeight(), this.engine.nodes.forEach((e) => {
-			e.subGrid && e.subGrid.onResize();
-		}), this._skipInitialResize || this.resizeToContentCheck(n), delete this._skipInitialResize, this.batchUpdate(!1), this;
-	}
-	resizeToContentCheck(e = !1, t) {
-		if (!this.engine) return;
-		if (e && this.hasAnimationCSS()) {
-			setTimeout(() => this.resizeToContentCheck(!1, t), this.animationDelay);
-			return;
-		}
-		if (t) W.shouldSizeToContent(t) && this.resizeToContentCBCheck(t.el);
-		else if (this.engine.nodes.some((e) => W.shouldSizeToContent(e))) {
-			let e = [...this.engine.nodes];
-			this.batchUpdate(), e.forEach((e) => {
-				W.shouldSizeToContent(e) && this.resizeToContentCBCheck(e.el);
-			}), this._ignoreLayoutsNodeChange = !0, this.batchUpdate(!1), this._ignoreLayoutsNodeChange = !1;
-		}
-		let n = this._gsEventHandler.resizecontent;
-		n && n(new Event("resizecontent"), t ? [t] : this.engine.nodes);
-	}
-	_updateResizeEvent(e = !1) {
-		let t = !this.parentGridNode && (this._isAutoCellHeight || this._isFillCellHeight || this.opts.sizeToContent || this.opts.columnOpts || this.engine.nodes.find((e) => e.sizeToContent));
-		return !e && t && !this.resizeObserver ? (this._sizeThrottle = W.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 W.getElement(e);
-	}
-	static getElements(e = ".grid-stack-item") {
-		return W.getElements(e);
-	}
-	static getGridElement(t) {
-		return e.getElement(t);
-	}
-	static getGridElements(e) {
-		return W.getElements(e);
-	}
-	_initMargin() {
-		let e = {
-			h: 0,
-			unit: "px"
-		}, 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 = W.parseHeight(this.opts.margin), this.opts.marginUnit = e.unit, t = this.opts.margin = e.h);
-		let r = [
-			"marginTop",
-			"marginRight",
-			"marginBottom",
-			"marginLeft"
-		], i = this.opts;
-		r.forEach((n) => {
-			i[n] === void 0 ? i[n] = t : (e = W.parseHeight(i[n]), i[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 a = this.el.style;
-		return a.setProperty("--gs-item-margin-top", `${this.opts.marginTop}${this.opts.marginUnit}`), a.setProperty("--gs-item-margin-bottom", `${this.opts.marginBottom}${this.opts.marginUnit}`), a.setProperty("--gs-item-margin-right", `${this.opts.marginRight}${this.opts.marginUnit}`), a.setProperty("--gs-item-margin-left", `${this.opts.marginLeft}${this.opts.marginUnit}`), this;
-	}
-	static getDD() {
-		return Z;
-	}
-	static setupDragIn(e, t, n, r = document) {
-		t?.pause !== void 0 && (K.pauseDrag = t.pause), t = {
-			appendTo: "body",
-			helper: "clone",
-			...t || {}
-		};
-		let i = t.start, a = t.drag, o = t.stop, s = (e, t, n) => e.dispatchEvent(new CustomEvent(t, {
-			bubbles: !0,
-			detail: {
-				el: e,
-				ui: n
-			}
-		}));
-		(typeof e == "string" ? W.getElements(e, r) : e).forEach((e, r) => {
-			Z.isDraggable(e) || Z.dragIn(e, {
-				...t,
-				start: (t, n) => {
-					i?.(t, n), s(e, "dragstart", n);
-				},
-				drag: (t, n) => {
-					a?.(t, n), s(e, "drag", n);
-				},
-				stop: (t) => {
-					o?.(t), s(e, "dragstop");
-				}
-			}), 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) {
-		return this.opts.staticGrid ? this : (this.enableMove(!1, e), this.enableResize(!1, e), this._triggerEvent("disable"), this);
-	}
-	enable(e = !0) {
-		return this.opts.staticGrid ? this : (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 = K.dragElement?.el;
-		if (t?._gridstackNodeOrig) {
-			let e = t._gridstackNodeOrig, n = e.grid, r = this._placeholder?.gridstackNode;
-			r && (r._isAboutToRemove = !0, this.engine.removeNode(r)), this.engine.restoreInitial(), t.gridstackNode = e, delete t._gridstackNodeOrig, delete K.dropElement, n && (n.engine.addNode(e, !1), n.engine.restoreInitial());
-			return;
-		}
-		let n = this._placeholder?.gridstackNode;
-		n && (n._isExternal ? (n._isAboutToRemove = !0, this.engine.removeNode(n)) : n._isAboutToRemove && e._itemRemoving(n.el, !1), this.engine.restoreInitial());
-	}
-	_removeDD(e) {
-		return Z.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 Z.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)) {
-						Z.off(r, "drag");
-						return;
-					}
-					a._willFitPos && (W.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 Z.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), Z.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, Z.off(n, "drag"), r && r !== n ? (r.remove(), n = r) : n.remove(), this._removeDD(n), !a)) return !1;
-			let c = i.subGrid?.el?.gridstack;
-			return W.copyPos(i, this._readAttr(this.placeholder)), W.removePositioningStyles(n), o && (i.content || i.subGridOpts || e.addRemoveCB) ? (delete i.el, n = this.addWidget(i) || n) : (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 && !Z.isDroppable(t) && Z.droppable(t, this.opts.removableOptions).on(t, "dropover", (t, n) => e._itemRemoving(n, !0)).on(t, "dropout", (t, n) => e._itemRemoving(n, !1)), this;
-	}
-	refreshDragHandles(t) {
-		return e.getElements(t).forEach((e) => {
-			e.ddElement?.ddDraggable?.refreshHandles();
-		}), this;
-	}
-	prepareDragDrop(e, t = !1) {
-		let n = e?.gridstackNode;
-		if (!n) return this;
-		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._orig && 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 W.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));
-				}
-			};
-			Z.draggable(e, {
-				start: i,
-				stop: o,
-				drag: a,
-				rtl: this.opts.rtl === "auto" ? void 0 : this.opts.rtl
-			}).resizable(e, {
-				start: i,
-				stop: o,
-				resize: a,
-				rtl: this.opts.rtl === "auto" ? void 0 : this.opts.rtl
-			}), n._initDD = !0;
-		}
-		return Z.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 = W.getValuesFromTransformedElement(e);
-		else if (this.placeholder && this.placeholder.closest(".grid-stack")) {
-			let e = this.placeholder.closest(".grid-stack");
-			this.dragTransform = W.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;
-			Z.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 = !1, 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 && K.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) < 0 || (W.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 = r.x - (o.w - r.w);
-				o.x = e < 0 ? 0 : e;
-			}
-			if (t.hasMovedY) {
-				let e = r.y - (o.h - r.h);
-				o.y = e < 0 ? 0 : e;
-			}
-			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 = "", Z.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();
-	}
-};
-Q.renderCB = (e, t) => {
-	e && t?.content && (e.textContent = t.content);
-}, Q.resizeToContentParent = ".grid-stack-item-content", Q.Utils = W, Q.Engine = tn, Q.GDRev = "14.0.0";
-//#endregion
-//#region src/grid-core/helpers/grid-stack-lifecycle.ts
-var Cn = ({ gridElement: e, gridItemElements: t, items: n, columns: r, rowHeight: i, viewMode: a, fullTheme: o, onCreateOrUpdateDimensionsHint: s, onRemoveDimensionsHint: c, onChange: l }) => {
-	let [u, d] = Kt(o), f = {
-		column: r,
-		cellHeight: i,
-		marginTop: u,
-		marginLeft: d,
-		marginRight: d,
-		marginBottom: u,
-		animate: !0,
-		auto: !1,
-		mode: "top",
-		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 = Q.init(f, e);
-	if (!p) throw Error("GridStack.init() returned no grid");
-	return p._sortDom = () => p, p.batchUpdate(), t.forEach((e) => {
-		let t = e.getAttribute("luzmo-item-grid-item-id"), r = ue(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;
-}, wn = (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;
-	});
-}, Tn = ({ 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), Lt(a, Mt(e, a, async () => {
-		let { x: t, y: n } = await Ft(e, a, {
-			placement: "bottom",
-			middleware: [Nt(r), Pt()]
-		});
-		a.style.left = `${t}px`, a.style.top = `${n}px`;
-	})), a.matches(":popover-open") || a.showPopover();
-}, En = (e) => {
-	let t = e.querySelector(".dimensions-hint-popover");
-	t && (Rt(t), t.matches(":popover-open") && t.hidePopover(), t.remove());
-}, Dn = ({ 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 = fe(r, e.id);
-		n && t.makeWidget(n, ue(e, e.id));
-	}), t.batchUpdate(!1), t.setAnimation(!0));
-}, On = ({ 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;
-}, kn = ":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 h {
-	constructor(...e) {
-		super(...e), 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._themeLoadVersion = 0, this.defaultRenderer = (e) => i`
-      <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 = ee(e.target);
-			t && te({
-				event: e,
-				gridItem: t
-			}) && this._removeItemActionsMenuPopover(t);
-		}, this._handleKeyDown = (e) => {
-			let t = Ut({
-				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);
-					v({
-						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 = S({
-				event: e,
-				focusedItemElement: this._focusedItemElement,
-				removeItemActionsMenuPopover: this._removeItemActionsMenuPopover.bind(this)
-			});
-		}, this._handleBlur = (e) => {
-			let t = C({
-				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 = ie({
-				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.handleItemAction = (e) => {
-			let t = e.detail, r = e.target?.closest(".grid-stack-item"), i = r?.getAttribute("gs-id");
-			if (["delete", "clone"].includes(t.action)) {
-				if (e.stopPropagation(), !i) return;
-				let a = this._effectiveItems, o = a.find((e) => e.id === i);
-				if (!o) return;
-				let s = this._gridElement.querySelector(".grid-stack-item[active]") ?? this._activeItemElement;
-				if (!this._isControlled && s && s !== r) {
-					let e = s.getAttribute("gs-id"), t = a.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(r);
-					let e = a.filter((e) => e.id !== i);
-					v({
-						target: this,
-						action: "delete",
-						actionType: t.type,
-						active: t.active,
-						items: a,
-						element: r,
-						itemId: i,
-						item: o,
-						updatedItems: e
-					}), this._isItemsControlled || this._setInternalItems(e, { reconcileStates: !0 });
-				} else {
-					let e = {
-						...structuredClone(o),
-						id: n()
-					}, i = this._simulateCloneLayout(e, o), s = i.find((t) => t.id === e.id) ?? e;
-					v({
-						target: this,
-						action: "clone",
-						actionType: t.type,
-						active: t.active,
-						items: a,
-						element: r,
-						itemId: e.id,
-						item: s,
-						originalElement: r,
-						updatedItems: i
-					}), this._isItemsControlled || this._setInternalItems(i, { reconcileStates: !0 });
-				}
-				return;
-			}
-			if (this._isControlled) {
-				if (e.stopPropagation(), !i) return;
-				let n = this.items.find((e) => e.id === i);
-				if (t.type === "toggle") {
-					let e = this._effectiveItemStates, n = t.active, r = this._computeNextItemStates(i, t.action, n);
-					y({
-						target: this,
-						itemStates: e,
-						updatedItemStates: r,
-						changedItemStates: { [i]: [t.action] }
-					});
-				} else v({
-					target: this,
-					action: t.action,
-					actionType: t.type,
-					active: t.active,
-					items: this.items,
-					element: r,
-					itemId: i,
-					item: n
-				});
-				r && !r.hasAttribute("active") && this._removeItemActionsMenuPopover(r);
-				return;
-			}
-			this._suppressItemStatesEvent = !0;
-			let a = re({
-				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 = a.activeItemElement, this._activeItemActionToggle = a.activeItemActionToggle, t.type === "toggle" && i) {
-				let e = this._effectiveItemStates, n = a.activeItemElement === r && a.activeItemActionToggle === t.action, o = this._computeNextItemStates(i, t.action, n);
-				this._internalItemStates = o, y({
-					target: this,
-					itemStates: e,
-					updatedItemStates: o,
-					changedItemStates: this._diffItemStates(e, o)
-				});
-			}
-		};
-	}
-	static get styles() {
-		return [o(g), o(kn)];
-	}
-	set items(e) {
-		let t = this._items, n = structuredClone(e ?? []);
-		this._validateItemsHaveIds(n, "items");
-		let r = this._hasControlledItems;
-		this._items = n, this._hasControlledItems = e !== void 0, r && !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, n = ++this._themeLoadVersion, r = await this.resolveTheme(e, this._fullTheme);
-		if (!(!this.isConnected || n !== this._themeLoadVersion)) {
-			if (this._fullTheme = r, this._initialized && Zt(this.style, this._fullTheme), !this._initialized && this._gridElement && await new Promise((e) => {
-				requestAnimationFrame(() => {
-					this.isConnected && n === this._themeLoadVersion && this._initializeGrid(), e();
-				});
-			}), this._grid) {
-				let [e, t] = Kt(this._fullTheme);
-				this._grid.margin([e, t].join(" "));
-			}
-			t && this.requestUpdate();
-		}
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.requestUpdate(), document.addEventListener("click", this._handleGridClick), this.addEventListener("keydown", this._handleKeyDown);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback(), this._themeLoadVersion += 1, this._cleanup(), document.removeEventListener("click", this._handleGridClick), this.removeEventListener("keydown", this._handleKeyDown);
-	}
-	willUpdate(e) {
-		if (super.willUpdate(e), e.has("_initialized") && (Zt(this.style, this._fullTheme), this._initialized && this._grid && this._fullTheme?.margins)) {
-			let [e, t] = Kt(this._fullTheme);
-			this._grid.margin([e, t].join(" "));
-		}
-	}
-	updated(e) {
-		super.updated(e);
-		let t = e.has("viewMode"), n = e.has("items"), r = e.has("initialItems"), i = n || e.has("_internalItemsVersion"), a = e.has("theme"), o = 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) : r && !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), ce(this._effectiveItems), Dn({
-			initialized: this._initialized,
-			grid: this._grid,
-			hasItemsChanged: i,
-			gridItemElements: this._gridItemElements,
-			items: this._effectiveItems
-		}), n && this._reconcileStaleItemStates(), this._activeItemElement = On({
-			initialized: this._initialized,
-			grid: this._grid,
-			hasViewModeChanged: t,
-			viewMode: this.viewMode,
-			previousViewMode: e.get("viewMode"),
-			activeItemElement: this._activeItemElement,
-			gridElement: this._gridElement,
-			cleanupActiveItem: this._cleanupActiveItem.bind(this)
-		}), this.isConnected && (a || !this._initialized) && this._loadTheme(this.theme), (i || o) && this._initialized && this._applyItemStates();
-	}
-	_setInternalItems(e, t = {}) {
-		let n = structuredClone(e);
-		this._validateItemsHaveIds(n, "internalItems"), this._internalItems = n, ce(this._internalItems), this._internalItemsVersion += 1, t.reconcileStates && this._reconcileStaleItemStates();
-	}
-	_handleMouseover(e) {
-		if (this.viewMode) return;
-		let t = ee(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];
-		}
-		y({
-			target: this,
-			itemStates: t,
-			updatedItemStates: a,
-			changedItemStates: i
-		});
-	}
-	_cleanupActiveItem(e) {
-		this._activeItemElement = ne({
-			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 (v({
-			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), y({
-				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 && y({
-			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 } = me({
-			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(!1), 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="${CSS.escape(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 = Cn({
-			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 = wn(t, e);
-				this._isItemsControlled || this._setInternalItems(n, { reconcileStates: !0 }), b({
-					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, b({
-			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) {
-		Tn({
-			element: e,
-			numberOfColumns: t,
-			numberOfRows: n,
-			offsetHint: qt(this._fullTheme)
-		});
-	}
-	_removeDimensionsHint(e) {
-		En(e);
-	}
-	get grid() {
-		return this._grid;
-	}
-	get gridItems() {
-		return pe(this.items, this._gridElement);
-	}
-	registerRenderer(e, t) {
-		this.renderers = {
-			...this.renderers,
-			[e]: t
-		};
-	}
-	renderItemContent(e, t) {
-		return i`
-      
-    `;
-	}
-	getItemRenderDependencies() {
-		return [];
-	}
-	resolveTheme(e, t) {
-		return Promise.resolve(e ? structuredClone(e) : t);
-	}
-	get resolvedTheme() {
-		return this._fullTheme;
-	}
-	renderOverlayContent(e, t) {
-		return i`
-      
-    `;
-	}
-	_createItemActionsMenuPopover(e, t) {
-		zt({
-			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) {
-		Bt(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 = ge(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 } = me({
-			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) {
-		b({
-			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 v({
-			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, r = this._requireGridItem(e), i = {
-			...structuredClone(r),
-			id: n()
-		}, a = this._simulateCloneLayout(i, r), o = a.find((e) => e.id === i.id) ?? i;
-		return v({
-			target: this,
-			action: "clone",
-			actionType: "button",
-			active: !1,
-			items: t,
-			element: this.getGridItemById(e)?.element ?? this,
-			itemId: i.id,
-			item: o,
-			originalElement: this.getGridItemById(e)?.element,
-			updatedItems: a
-		}), this._isItemsControlled || this._setInternalItems(a, { reconcileStates: !0 }), a;
-	}
-	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 = he({
-			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 = ae({
-			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, y({
-				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 y({
-			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 y({
-				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 = oe({
-			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];
-			y({
-				target: this,
-				itemStates: e,
-				updatedItemStates: {},
-				changedItemStates: n
-			});
-		}
-		return n.deactivatedCount;
-	}
-	_renderGrid() {
-		return en({
-			items: this.items,
-			initialized: this._initialized,
-			viewMode: this.viewMode,
-			fullTheme: this._fullTheme,
-			columns: this.columns ?? 48,
-			renderItemContent: this.renderItemContent.bind(this),
-			renderDependencies: this.getItemRenderDependencies(),
-			ensureGridItemId: (e) => le(e),
-			handleMouseover: this._handleMouseover.bind(this),
-			handleMouseout: this._handleMouseout,
-			handleFocus: this._handleFocus,
-			handleBlur: this._handleBlur
-		});
-	}
-	render() {
-		return this._renderGrid();
-	}
-};
-e([s({
-	type: String,
-	reflect: !0
-})], $.prototype, "language", void 0), e([s({
-	type: String,
-	attribute: "content-language",
-	reflect: !0
-})], $.prototype, "contentLanguage", void 0), e([s({
-	type: Number,
-	reflect: !0
-})], $.prototype, "columns", void 0), e([s({
-	type: Number,
-	reflect: !0,
-	attribute: "row-height"
-})], $.prototype, "rowHeight", void 0), e([s({
-	type: Boolean,
-	reflect: !0,
-	attribute: "view-mode"
-})], $.prototype, "viewMode", void 0), e([s({
-	type: Boolean,
-	reflect: !0,
-	attribute: "item-actions-document-popover"
-})], $.prototype, "itemActionsDocumentPopover", void 0), e([s({
-	type: String,
-	reflect: !0,
-	attribute: "placement-item-actions-menu"
-})], $.prototype, "placementItemActionsMenu", void 0), e([s({
-	type: Array,
-	reflect: !0,
-	attribute: "default-item-actions-menu"
-})], $.prototype, "defaultItemActionsMenu", void 0), e([s({
-	type: String,
-	reflect: !0,
-	attribute: "cloned-item-positioning"
-})], $.prototype, "clonedItemPositioning", void 0), e([s({
-	type: Object,
-	reflect: !0
-})], $.prototype, "theme", void 0), e([s({
-	type: Array,
-	reflect: !1
-})], $.prototype, "items", null), e([s({
-	type: Array,
-	reflect: !1,
-	attribute: "initial-items"
-})], $.prototype, "initialItems", null), e([s({
-	type: Object,
-	reflect: !1
-})], $.prototype, "renderers", void 0), e([s({
-	type: Object,
-	reflect: !1,
-	attribute: "item-states"
-})], $.prototype, "itemStates", null), e([s({
-	type: Object,
-	reflect: !1,
-	attribute: "initial-item-states"
-})], $.prototype, "initialItemStates", void 0), e([u()], $.prototype, "_initialized", void 0), e([c(".grid-stack")], $.prototype, "_gridElement", void 0), e([l(".luzmo-item-grid-item")], $.prototype, "_gridItemElements", void 0), e([u()], $.prototype, "_internalItemsVersion", void 0);
-//#endregion
-export { pe as n, $ as t };