@luzmo/analytics-components-kit 1.0.3-beta.4 → 1.0.3-beta.6

package/components/{item-grid-B-IFwriA.js → item-grid-DgxtJ0eX.js}

@@ -18,56 +18,56 @@
  * SOFTWARE.
  * */
 import { t as e } from "./decorate-DKLaHs_w.js";
-import { t } from "./localized-mixin-DZuGq2Fm.js";
+import { t } from "./localized-mixin-CpYxJczB.js";
 import { t as n } from "./color-DAdZX4rn.js";
 import { n as r, t as i } from "./themes-CzAQg_23.js";
 import { itemTypes as a } from "./item-list.js";
 import { luzmoArrows as o, luzmoCircle as s, luzmoClone as c, luzmoCog as l, luzmoFilterOutline as u, luzmoLockOutline as d, luzmoPencil as f, luzmoTable as p, luzmoTrashOutline as m } from "@luzmo/icons";
-import { LitElement as h, css as g, html as _, render as v, unsafeCSS as y } from "lit";
-import { property as b, query as x, queryAll as ee, state as S } from "lit/decorators.js";
-import { localized as te, msg as C } from "@lit/localize";
+import { LitElement as h, css as g, html as _, nothing as v, render as y, unsafeCSS as b } from "lit";
+import { property as x, query as ee, queryAll as te, state as S } from "lit/decorators.js";
+import { localized as ne, msg as C } from "@lit/localize";
 import "@luzmo/lucero/icon";
 import "@luzmo/lucero/tooltip";
-import { repeat as ne } from "lit/directives/repeat.js";
+import { repeat as re } from "lit/directives/repeat.js";
 import "@luzmo/lucero/action-button";
 import "@luzmo/lucero/action-group";
-import { guard as re } from "lit/directives/guard.js";
-import { LuzmoElement as ie } from "@luzmo/lucero/utils";
-import { styleMap as ae } from "lit/directives/style-map.js";
+import { guard as ie } from "lit/directives/guard.js";
+import { LuzmoElement as ae } from "@luzmo/lucero/utils";
+import { styleMap as oe } from "lit/directives/style-map.js";
 //#region node_modules/uuid/dist/stringify.js
 var w = [];
 for (let e = 0; e < 256; ++e) w.push((e + 256).toString(16).slice(1));
-function oe(e, t = 0) {
+function se(e, t = 0) {
 	return (w[e[t + 0]] + w[e[t + 1]] + w[e[t + 2]] + w[e[t + 3]] + "-" + w[e[t + 4]] + w[e[t + 5]] + "-" + w[e[t + 6]] + w[e[t + 7]] + "-" + w[e[t + 8]] + w[e[t + 9]] + "-" + w[e[t + 10]] + w[e[t + 11]] + w[e[t + 12]] + w[e[t + 13]] + w[e[t + 14]] + w[e[t + 15]]).toLowerCase();
 }
 //#endregion
 //#region node_modules/uuid/dist/rng.js
-var se = new Uint8Array(16);
-function ce() {
-	return crypto.getRandomValues(se);
+var ce = new Uint8Array(16);
+function le() {
+	return crypto.getRandomValues(ce);
 }
 //#endregion
 //#region node_modules/uuid/dist/v4.js
-function le(e, t, n) {
-	return !t && !e && crypto.randomUUID ? crypto.randomUUID() : ue(e, t, n);
-}
 function ue(e, t, n) {
+	return !t && !e && crypto.randomUUID ? crypto.randomUUID() : de(e, t, n);
+}
+function de(e, t, n) {
 	e ||= {};
-	let r = e.random ?? e.rng?.() ?? ce();
+	let r = e.random ?? e.rng?.() ?? le();
 	if (r.length < 16) throw Error("Random bytes length must be >= 16");
 	if (r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, t) {
 		if (n ||= 0, n < 0 || n + 16 > t.length) throw RangeError(`UUID byte range ${n}:${n + 15} is out of buffer bounds`);
 		for (let e = 0; e < 16; ++e) t[n + e] = r[e];
 		return t;
 	}
-	return oe(r);
+	return se(r);
 }
 //#endregion
 //#region node_modules/@luzmo/shared-embed/src/lib/helpers/error.js
-var de = (e, t) => {
+var fe = (e, t) => {
 	let n = "The dashboard component encountered an error";
 	typeof t?.dashboardId == "string" && (n += ` for dashboard with id ${t.dashboardId}`), typeof t?.dashboardSlug == "string" && (n += ` for dashboard with slug ${t.dashboardSlug}`), typeof t?.container == "string" && (n += ` in container ${t.container}`), e && (n += `:\n${e}`, console.warn(n));
-}, fe = (e) => {
+}, pe = (e) => {
 	let t = !1, n = "", r = (document.body || document.documentElement).style, i = {
 		svg: !!("createElementNS" in document && document.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGRect),
 		flexbox: r.webkitFlexWrap === "" || r.flexWrap === "",
@@ -79,7 +79,7 @@ var de = (e, t) => {
 		"postMessage"
 	]) i[r] || (t = !0, e.browserNotSupported = e.browserNotSupported || [], e.browserNotSupported.push(r), n += `Your browser does not support: ${r}\n`);
 	let a = window.navigator.userAgent, o = a.includes("MSIE"), s = a.includes("Trident/");
-	(o || s) && (t = !0, n = "IE is not supported."), t && de(n);
+	(o || s) && (t = !0, n = "IE is not supported."), t && fe(n);
 }, T = {
 	appServer: "https://app.luzmo.com/",
 	apiHost: "https://api.luzmo.com/",
@@ -108,7 +108,7 @@ var de = (e, t) => {
 	loaderSpinnerBackground: "rgba(169, 169, 169, 0.14)",
 	timezoneId: null,
 	contextId: null
-}, pe = [
+}, me = [
 	{
 		mode: "mobile",
 		width: [150, 767]
@@ -129,7 +129,7 @@ var de = (e, t) => {
 		mode: "fixed",
 		width: []
 	}
-], me = {
+], he = {
 	initializing: {
 		en: "Initializing...",
 		nl: "Laden...",
@@ -151,7 +151,7 @@ var de = (e, t) => {
 		de: "Hoppla, wir konnten dieses Diagramm nicht laden!",
 		es: "¡Ups! No pudimos cargar este elemento."
 	}
-}, he = (e) => e ? e.endsWith("/") ? e : `${e}/` : "", ge = (e) => e ? e.endsWith("/") ? e.slice(0, -1) : e : "", _e = (e, t, n, r) => {
+}, ge = (e) => e ? e.endsWith("/") ? e : `${e}/` : "", _e = (e) => e ? e.endsWith("/") ? e.slice(0, -1) : e : "", ve = (e, t, n, r) => {
 	let i = (e, t) => {
 		let n = e.users.find((e) => e.id === t.id), r = n && n.userAccessRight ? {
 			flagRead: n.userAccessRight.flagRead,
@@ -209,7 +209,7 @@ var de = (e, t) => {
 		], o.push(e);
 	}
 	return o;
-}, ve = (e) => {
+}, ye = (e) => {
 	let t = /^(%20|\s)*(javascript|data)/im, n = /[^\u0020-\u007E]/gim, r = /^([^:]+):/gm, i = new Set([".", "/"]), a = (e) => i.has(e[0]);
 	if (!e) return "about:blank";
 	let o = e.replaceAll(n, "").trim();
@@ -218,20 +218,20 @@ var de = (e, t) => {
 	if (!s) return o;
 	let c = s[0];
 	return t.test(c) ? "about:blank" : o;
-}, ye = (e) => JSON.parse(JSON.stringify(e)), be = (e) => e && typeof e == "object", xe = (e, t) => (Object.entries(t).forEach(([t, n]) => {
-	t in e ? e[t] === void 0 ? e[t] = n : e[t] = be(n) ? xe(e[t], n) : e[t] : e[t] = n;
-}), e), Se = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replaceAll(/[xy]/g, function(e) {
+}, be = (e) => JSON.parse(JSON.stringify(e)), xe = (e) => e && typeof e == "object", Se = (e, t) => (Object.entries(t).forEach(([t, n]) => {
+	t in e ? e[t] === void 0 ? e[t] = n : e[t] = xe(n) ? Se(e[t], n) : e[t] : e[t] = n;
+}), e), Ce = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replaceAll(/[xy]/g, function(e) {
 	let t = Math.random() * 16 | 0;
 	return (e == "x" ? t : t & 3 | 8).toString(16);
-}), Ce = (e) => {
+}), we = (e) => {
 	let t = [], { appServer: n, language: r, editorLanguage: i, qeVersion: a, loaderBackground: o, loaderSpinnerColor: s, loaderSpinnerBackground: c, loaderFontColor: l, screenMode: u, key: d, token: f, timezoneId: p, itemEmbedding: m, itemDimensions: h, dashboardId: g, dashboardSlug: _, itemId: v, theme: y, mainColor: b, accentColor: x, editMode: ee } = e.params;
 	r && r !== "auto" && t.push(`language=${r}`), i && i !== "auto" && t.push(`editorLanguage=${i}`), a && t.push(`qe_version=${a}`), o && t.push(`ldrbg=${o}`), l && t.push(`ldrftclr=${l}`), s && t.push(`ldrspclr=${s}`), c && t.push(`ldrspbg=${c}`), y && t.push(`theme=${y}`), b && t.push(`mainColor=${b}`), x && t.push(`accentColor=${x}`), u && u !== "auto" && t.push("screenMode=&{screenMode}"), p && t.push("timezoneId=" + p), m && h && h.width && t.push("width=" + h.width), m && h && h.height && t.push("height=" + h.height), ee && t.push("editMode=" + ee);
-	let S = d && f ? "#" + d + ":" + f : "";
-	return t.push("version=" + (e.libVersion || "0.0.0-unknown-luzmo")), ve(m ? `${n}i/${g || _}/${v}?${encodeURIComponent(t.join("&"))}${S}` : `${n}i/${g || _}?${encodeURIComponent(t.join("&"))}${S}`);
-}, we = (e) => {
+	let te = d && f ? "#" + d + ":" + f : "";
+	return t.push("version=" + (e.libVersion || "0.0.0-unknown-luzmo")), ye(m ? `${n}i/${g || _}/${v}?${encodeURIComponent(t.join("&"))}${te}` : `${n}i/${g || _}?${encodeURIComponent(t.join("&"))}${te}`);
+}, Te = (e) => {
 	let t;
 	(e.params.error || e.browserNotSupported.length > 0) && (e.params.error = !0, e.browserNotSupported && (t = "Browser is not supported."));
-	let n = me.initializing[e.params.language] || me.initializing.en;
+	let n = he.initializing[e.params.language] || he.initializing.en;
 	return e.browserNotSupported || e.params.error ? {
 		loadingMsg: n,
 		errorMsg: t
@@ -242,26 +242,26 @@ var de = (e, t) => {
 };
 //#endregion
 //#region node_modules/@luzmo/shared-embed/src/lib/helpers/promise-dispatch.js
-function Te(e, t, n) {
+function Ee(e, t, n) {
 	e.promises[t] && (e.promises[t].resolve(n), delete e.promises[t]);
 }
-function Ee(e, t, n) {
+function De(e, t, n) {
 	e.promises[t] && (e.promises[t].reject(n), delete e.promises[t]);
 }
 //#endregion
 //#region node_modules/@luzmo/shared-embed/src/lib/helpers/styles.js
-function De(e) {
+function Oe(e) {
 	let t = {};
 	return e.params.loaderBackground && !e.iframeLoaded && (t.background = e.params.loaderBackground), t;
 }
-function Oe(e) {
+function ke(e) {
 	let t = e.params.itemDimensions?.height || T.itemDimensions.height, n = e.params.itemEmbedding && t !== "auto";
 	return {
 		display: e.iframeLoaded ? "none" : "",
 		height: `${n ? t : e.minHeight}px`
 	};
 }
-function ke(e) {
+function Ae(e) {
 	let t = e.params.loaderBackground || T.loaderBackground;
 	if (e.params.itemEmbedding) {
 		e.loaderSize = 24, e.borderWidth = 4, e.minHeight = 200;
@@ -275,8 +275,8 @@ function ke(e) {
 	}
 	return { background: t };
 }
-function Ae(e) {
-	let { loaderSpinnerColor: t, loaderSpinnerBackground: n } = T, r = Ne(e.borderWidth, e.params.loaderSpinnerColor || t), i = Ne(e.borderWidth, e.params.loaderSpinnerBackground || n), a = `${e.loaderSize}px`;
+function je(e) {
+	let { loaderSpinnerColor: t, loaderSpinnerBackground: n } = T, r = Pe(e.borderWidth, e.params.loaderSpinnerColor || t), i = Pe(e.borderWidth, e.params.loaderSpinnerBackground || n), a = `${e.loaderSize}px`;
 	return {
 		"border-top": r,
 		"border-right": r,
@@ -286,11 +286,11 @@ function Ae(e) {
 		height: a
 	};
 }
-function je(e) {
+function Me(e) {
 	let t = e.params.itemDimensions?.height || T.itemDimensions.height, n = e.params.itemEmbedding && t !== "auto";
 	return { padding: `${e.params.itemId ? ((t) => `${(t - e.loaderSize - 32) / 2}px`)(n ? Number.parseInt(`${t}`, 10) : e.minHeight) : "128px"} 16px` };
 }
-function Me(e) {
+function Ne(e) {
 	let t = e.params.itemDimensions?.height || T.itemDimensions.height, n = e.params.itemDimensions?.width || T.itemDimensions.width;
 	e.params.itemEmbedding && t !== "auto" ? e.iframeHeight = `${t}px` : e.params.itemEmbedding ? e.iframeHeight = "200px" : ["editFull", "editLimited"].includes(e.params.editMode) ? e.iframeHeight = "100%" : e.iframeHeight = "400px", e.iframeWidth = e.params.itemEmbedding && n !== "auto" ? `${n}px` : "100%";
 	let r = {
@@ -299,15 +299,15 @@ function Me(e) {
 	};
 	return e.iframeLoaded ? r.opacity = 1 : e.error ? (r.opacity = 1, r.width = "100%", r.height = "400px") : r.opacity = 0, r;
 }
-function Ne(e, t) {
+function Pe(e, t) {
 	return `${e}px solid ${t}`;
 }
 //#endregion
 //#region node_modules/@luzmo/shared-embed/src/lib/helpers/update-iframe-url.js
-var Pe = (e, t) => {
+var Fe = (e, t) => {
 	e?.contentWindow && e.contentWindow.location.replace(t);
-}, Fe = (e, t, n) => {
-	let r = Se();
+}, Ie = (e, t, n) => {
+	let r = Ce();
 	return t?.contentWindow ? (t.contentWindow.postMessage({
 		action: "exportDashboard",
 		format: n || "png",
@@ -321,12 +321,12 @@ var Pe = (e, t) => {
 			e.promises[r] && (e.promises[r].reject(/* @__PURE__ */ Error("exportDashboard request timed out.")), delete e.promises[r]);
 		}, 12e5);
 	})) : Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow."));
-}, Ie = async (e) => {
+}, Le = async (e) => {
 	if (await e.updateComplete, (e.currentAuthKey ?? e.authKey) && (e.currentAuthToken ?? e.authToken)) {
 		let t = new Promise((t, n) => {
 			(() => {
 				try {
-					window.fetch(`${he(e.params.apiHost)}0.1.0/authorization`, {
+					window.fetch(`${ge(e.params.apiHost)}0.1.0/authorization`, {
 						method: "POST",
 						mode: "cors",
 						cache: "no-cache",
@@ -365,7 +365,7 @@ var Pe = (e, t) => {
 		return new Promise((n, r) => void (() => {
 			try {
 				t.then((t) => {
-					window.fetch(`${he(e.params.apiHost)}0.1.0/securable`, {
+					window.fetch(`${ge(e.params.apiHost)}0.1.0/securable`, {
 						method: "POST",
 						mode: "cors",
 						cache: "no-cache",
@@ -412,7 +412,7 @@ var Pe = (e, t) => {
 							}
 						})
 					}).then((e) => e.json()).then((r) => {
-						n(r.rows.length > 0 ? _e(r.rows, t.integrationId, t.user, e) : []);
+						n(r.rows.length > 0 ? ve(r.rows, t.integrationId, t.user, e) : []);
 					});
 				}).catch((e) => {
 					r(e);
@@ -423,9 +423,9 @@ var Pe = (e, t) => {
 		})());
 	}
 	throw Error("No authKey or authToken found in the luzmo-dashboard component.");
-}, Le = (e, t, n) => {
+}, Re = (e, t, n) => {
 	if (t?.contentWindow) {
-		let r = Se();
+		let r = Ce();
 		return t.contentWindow.postMessage({
 			action: "getData",
 			id: n,
@@ -441,9 +441,9 @@ var Pe = (e, t) => {
 		});
 	}
 	return Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow."));
-}, Re = (e, t) => {
+}, ze = (e, t) => {
 	if (t?.contentWindow) {
-		let n = Se();
+		let n = Ce();
 		return t.contentWindow.postMessage({
 			action: "getFilters",
 			_version: e.libVersion,
@@ -458,27 +458,27 @@ var Pe = (e, t) => {
 		});
 	}
 	return Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow."));
-}, ze = (e, t, n) => t ? (t.contentWindow.postMessage({
+}, Be = (e, t, n) => t ? (t.contentWindow.postMessage({
 	action: "refreshData",
 	id: n ?? null,
 	_version: e.libVersion
-}, "*"), Promise.resolve()) : Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow.")), Be = (e, t) => t ? (t.contentWindow.postMessage({
+}, "*"), Promise.resolve()) : Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow.")), Ve = (e, t) => t ? (t.contentWindow.postMessage({
 	action: "reloadDashboard",
 	_version: e.libVersion
-}, "*"), Promise.resolve()) : Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow.")), Ve = (e, t, n, r, i) => t ? (t.contentWindow.postMessage({
+}, "*"), Promise.resolve()) : Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow.")), He = (e, t, n, r, i) => t ? (t.contentWindow.postMessage({
 	action: "sendExportEmail",
 	type: n || "once",
 	subject: r,
 	message: i,
 	_version: e.libVersion
-}, "*"), Promise.resolve()) : Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow.")), He = (e, t, n, r) => t ? (t.contentWindow.postMessage({
+}, "*"), Promise.resolve()) : Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow.")), Ue = (e, t, n, r) => t ? (t.contentWindow.postMessage({
 	action: "setAuthorization",
 	key: n,
 	token: r,
 	_version: e.libVersion
-}, "*"), Promise.resolve()) : Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow.")), Ue = (e, t, n) => {
+}, "*"), Promise.resolve()) : Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow.")), We = (e, t, n) => {
 	if (t && t.contentWindow) {
-		let r = Se();
+		let r = Ce();
 		return e.params.editMode === n ? Promise.reject(/* @__PURE__ */ Error("editMode parameter is currently already set to " + n)) : n !== "editFull" && n !== "editLimited" && n !== "view" ? Promise.reject(/* @__PURE__ */ Error("The editMode parameter must be one of the following values: 'editFull', 'editLimited' or 'view'.")) : (t.contentWindow.postMessage({
 			action: "setEditMode",
 			editMode: n,
@@ -492,9 +492,9 @@ var Pe = (e, t) => {
 		}));
 	}
 	return Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow."));
-}, We = (e, t, n) => {
+}, Ge = (e, t, n) => {
 	if (t) {
-		let r = Se();
+		let r = Ce();
 		return t.contentWindow.postMessage({
 			action: "setPreview",
 			preview: n,
@@ -510,9 +510,9 @@ var Pe = (e, t) => {
 		});
 	}
 	return Promise.reject(/* @__PURE__ */ Error("Cannot retrieve contentWindow."));
-}, Ge = (e, t, n, r) => {
+}, Ke = (e, t, n, r) => {
 	if (t) {
-		let i = Se();
+		let i = Ce();
 		return t.contentWindow.postMessage({
 			action: "setSelectedData",
 			itemId: n,
@@ -529,9 +529,9 @@ var Pe = (e, t) => {
 		});
 	}
 	return Promise.reject();
-}, Ke = (e) => {
+}, qe = (e) => {
 	if (!e.dimensions) {
-		e.params.error = !0, de("Got no valid dimensions.", e.params);
+		e.params.error = !0, fe("Got no valid dimensions.", e.params);
 		return;
 	}
 	let t = Object.keys(e.dimensions), n = [], r, i = 0, a = 0;
@@ -544,14 +544,14 @@ var Pe = (e, t) => {
 			"largeScreen"
 		];
 		if (e.params.itemEmbedding) {
-			let [n] = t, r = ye(n);
+			let [n] = t, r = be(n);
 			for (let n of o) {
 				let i = t.find((e) => e === n);
-				i ? r = ye(i) : e.dimensions[n] = e.dimensions[r];
+				i ? r = be(i) : e.dimensions[n] = e.dimensions[r];
 			}
 		}
 		for (let r of t) if (o.includes(r)) {
-			let t = pe.find((e) => e.mode === r);
+			let t = me.find((e) => e.mode === r);
 			n.push({
 				...t,
 				height: e.dimensions[r][1] || 50
@@ -579,7 +579,7 @@ var Pe = (e, t) => {
 		opacity: 1
 	};
 	["editFull", "editLimited"].includes(e.params.editMode) ? (o.height = "100%", o.width = "100%") : e.params.itemEmbedding && e.params.itemDimensions ? (o.height = e.params.itemDimensions.height === "auto" ? o.height : `${String(e.params.itemDimensions.height).replace("px", "")}px`, o.width = e.params.itemDimensions.width === "auto" ? o.width : `${String(e.params.itemDimensions.width).replace("px", "")}px`) : (o.height = a === 0 ? "100%" : `${String(a)}px`, o.width = i === 0 ? "100%" : `${String(i)}px`), e.currentScreenMode = r, e.iframeStyle = o;
-}, qe = (e) => {
+}, Je = (e) => {
 	let t = Object.keys(T), n = [], r = [
 		"appServer",
 		"language",
@@ -604,7 +604,7 @@ var Pe = (e, t) => {
 		"auto"
 	];
 	for (let n of t) e.params[n] === null && delete e.params[n];
-	e.params = xe(e.params, T), (!e.params.dashboardId || typeof e.params.dashboardId != "string") && (!e.params.dashboardSlug || typeof e.params.dashboardSlug != "string") && (delete e.params.dashboardId, delete e.params.dashboardSlug);
+	e.params = Se(e.params, T), (!e.params.dashboardId || typeof e.params.dashboardId != "string") && (!e.params.dashboardSlug || typeof e.params.dashboardSlug != "string") && (delete e.params.dashboardId, delete e.params.dashboardSlug);
 	for (let t of r) typeof e.params[t] != "string" && (delete e.params[t], n.push(`${t} needs to be of type string.`));
 	for (let t of i) typeof e.params[t] != "string" && e.params[t] !== null && e.params[t] !== void 0 && (delete e.params[t], n.push(`${t} needs to be of type string or empty.`));
 	if (e.params.screenMode && !o.includes(e.params.screenMode)) {
@@ -614,8 +614,8 @@ var Pe = (e, t) => {
 	e.params.itemId && (e.params.itemEmbedding = !0);
 	for (let t of a) typeof e.params[t] != "object" && e.params[t] !== null && (delete e.params[t], n.push(`${t} needs to be of type object or empty.`));
 	if (typeof e.params.switchScreenModeOnResize != "boolean" && (n.push("switchScreenModeOnResize needs to be of type boolean."), e.params.switchScreenModeOnResize = !0), e.params.itemDimensions) for (let t of ["width", "height"]) !["string", "number"].includes(typeof e.params.itemDimensions[t]) && e.params.itemDimensions[t] !== null && n.push(`itemDimensions ${t} needs to be of type string, number or empty.`);
-	e.params = xe(e.params, T), e.params.screenMode && e.params.screenMode !== "auto" && (e.params.switchScreenModeOnResize = !1), e.params.itemDimensions.width !== "auto" && (e.params.itemDimensions.width = Number.parseInt(`${e.params.itemDimensions.width}`.replace("px", ""), 10) || "auto"), e.params.itemDimensions.height !== "auto" && (e.params.itemDimensions.height = Number.parseInt(`${e.params.itemDimensions.height}`.replace("px", ""), 10) || "auto"), e.params.itemEmbedding = !!e.params.itemId, (e.params.error || n.length > 0) && de(n.join("\n"), e.params);
-}, Je = {
+	e.params = Se(e.params, T), e.params.screenMode && e.params.screenMode !== "auto" && (e.params.switchScreenModeOnResize = !1), e.params.itemDimensions.width !== "auto" && (e.params.itemDimensions.width = Number.parseInt(`${e.params.itemDimensions.width}`.replace("px", ""), 10) || "auto"), e.params.itemDimensions.height !== "auto" && (e.params.itemDimensions.height = Number.parseInt(`${e.params.itemDimensions.height}`.replace("px", ""), 10) || "auto"), e.params.itemEmbedding = !!e.params.itemId, (e.params.error || n.length > 0) && fe(n.join("\n"), e.params);
+}, Ye = {
 	type: "type",
 	slots: "slots",
 	options: "options",
@@ -630,16 +630,16 @@ var Pe = (e, t) => {
 	itemId: "item-id",
 	dashboardContentsVersion: "dashboard-contents-version",
 	libVersion: "lib-version"
-}, Ye = "luzmo-embed-container", Xe = "FEDERATION_DEBUG", Ze = {
+}, Xe = "luzmo-embed-container", Ze = "FEDERATION_DEBUG", E = {
 	AT: "@",
 	HYPHEN: "-",
 	SLASH: "/"
 }, Qe = {
-	[Ze.AT]: "scope_",
-	[Ze.HYPHEN]: "_",
-	[Ze.SLASH]: "__"
+	[E.AT]: "scope_",
+	[E.HYPHEN]: "_",
+	[E.SLASH]: "__"
 };
-Qe[Ze.AT], Ze.AT, Qe[Ze.HYPHEN], Ze.HYPHEN, Qe[Ze.SLASH], Ze.SLASH;
+Qe[E.AT], E.AT, Qe[E.HYPHEN], E.HYPHEN, Qe[E.SLASH], E.SLASH;
 var $e = /* @__PURE__ */ function(e) {
 	return e[e.UNKNOWN = 1] = "UNKNOWN", e[e.CALCULATED = 2] = "CALCULATED", e[e.NO_USE = 0] = "NO_USE", e;
 }({}), et = typeof ENV_TARGET < "u" ? ENV_TARGET === "web" : typeof window < "u" && window.document !== void 0;
@@ -651,7 +651,7 @@ function nt() {
 }
 function rt() {
 	try {
-		if (tt() && window.localStorage) return !!localStorage.getItem(Xe);
+		if (tt() && window.localStorage) return !!localStorage.getItem(Ze);
 	} catch {
 		return !1;
 	}
@@ -1081,10 +1081,10 @@ function It(e, t, n, r, i, a) {
 //#endregion
 //#region node_modules/@module-federation/runtime-core/dist/utils/logger.js
 var Lt = "[ Federation Runtime ]", Rt = yt(Lt);
-function E(e, t, n, r, i) {
-	e || (n === void 0 ? D(t) : D(t, n, r, void 0, i));
-}
 function D(e, t, n, r, i) {
+	e || (n === void 0 ? O(t) : O(t, n, r, void 0, i));
+}
+function O(e, t, n, r, i) {
 	if (t !== void 0) return It(e, t, n ?? {}, (e) => {
 		throw Error(`${Lt}: ${e}`);
 	}, r, i);
@@ -1137,13 +1137,13 @@ function Jt(e) {
 var Yt = (e, t) => {
 	let n;
 	return n = e.endsWith("/") ? e.slice(0, -1) : e, t.startsWith(".") && (t = t.slice(1)), n += t, n;
-}, O = typeof globalThis == "object" ? globalThis : window, k = (() => {
+}, k = typeof globalThis == "object" ? globalThis : window, A = (() => {
 	try {
 		return document.defaultView;
 	} catch {
-		return O;
+		return k;
 	}
-})(), Xt = k;
+})(), Xt = A;
 function Zt(e, t, n) {
 	Object.defineProperty(e, t, {
 		value: n,
@@ -1154,8 +1154,8 @@ function Zt(e, t, n) {
 function Qt(e, t) {
 	return Object.hasOwnProperty.call(e, t);
 }
-Qt(O, "__GLOBAL_LOADING_REMOTE_ENTRY__") || Zt(O, "__GLOBAL_LOADING_REMOTE_ENTRY__", {});
-var $t = O.__GLOBAL_LOADING_REMOTE_ENTRY__;
+Qt(k, "__GLOBAL_LOADING_REMOTE_ENTRY__") || Zt(k, "__GLOBAL_LOADING_REMOTE_ENTRY__", {});
+var $t = k.__GLOBAL_LOADING_REMOTE_ENTRY__;
 function en(e) {
 	Qt(e, "__VMOK__") && !Qt(e, "__FEDERATION__") && Zt(e, "__FEDERATION__", e.__VMOK__), Qt(e, "__FEDERATION__") || (Zt(e, "__FEDERATION__", {
 		__GLOBAL_PLUGIN__: [],
@@ -1166,15 +1166,15 @@ function en(e) {
 		__PRELOADED_MAP__: /* @__PURE__ */ new Map()
 	}), Zt(e, "__VMOK__", e.__FEDERATION__)), e.__FEDERATION__.__GLOBAL_PLUGIN__ ??= [], e.__FEDERATION__.__INSTANCES__ ??= [], e.__FEDERATION__.moduleInfo ??= {}, e.__FEDERATION__.__SHARE__ ??= {}, e.__FEDERATION__.__MANIFEST_LOADING__ ??= {}, e.__FEDERATION__.__PRELOADED_MAP__ ??= /* @__PURE__ */ new Map();
 }
-en(O), en(k);
+en(k), en(A);
 function tn(e) {
-	O.__FEDERATION__.__INSTANCES__.push(e);
+	k.__FEDERATION__.__INSTANCES__.push(e);
 }
 function nn() {
-	return O.__FEDERATION__.__DEBUG_CONSTRUCTOR__;
+	return k.__FEDERATION__.__DEBUG_CONSTRUCTOR__;
 }
 function rn(e, t = it()) {
-	t && (O.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = e, O.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "2.3.3");
+	t && (k.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = e, k.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "2.3.3");
 }
 function an(e, t) {
 	if (typeof t == "string") {
@@ -1196,44 +1196,44 @@ function an(e, t) {
 				key: t
 			};
 		}
-	} else D(`getInfoWithoutType: "key" must be a string, got ${typeof t} (${JSON.stringify(t)}).`);
+	} else O(`getInfoWithoutType: "key" must be a string, got ${typeof t} (${JSON.stringify(t)}).`);
 }
-var on = () => k.__FEDERATION__.moduleInfo, sn = (e, t) => {
+var on = () => A.__FEDERATION__.moduleInfo, sn = (e, t) => {
 	let n = an(t, Vt(e)).value;
 	if (n && !n.version && "version" in e && e.version && (n.version = e.version), n) return n;
 	if ("version" in e && e.version) {
-		let { version: t, ...n } = e, r = Vt(n), i = an(k.__FEDERATION__.moduleInfo, r).value;
+		let { version: t, ...n } = e, r = Vt(n), i = an(A.__FEDERATION__.moduleInfo, r).value;
 		if (i?.version === t) return i;
 	}
-}, cn = (e) => sn(e, k.__FEDERATION__.moduleInfo), ln = (e, t) => {
+}, cn = (e) => sn(e, A.__FEDERATION__.moduleInfo), ln = (e, t) => {
 	let n = Vt(e);
-	return k.__FEDERATION__.moduleInfo[n] = t, k.__FEDERATION__.moduleInfo;
-}, un = (e) => (k.__FEDERATION__.moduleInfo = {
-	...k.__FEDERATION__.moduleInfo,
+	return A.__FEDERATION__.moduleInfo[n] = t, A.__FEDERATION__.moduleInfo;
+}, un = (e) => (A.__FEDERATION__.moduleInfo = {
+	...A.__FEDERATION__.moduleInfo,
 	...e
 }, () => {
 	let t = Object.keys(e);
-	for (let e of t) delete k.__FEDERATION__.moduleInfo[e];
+	for (let e of t) delete A.__FEDERATION__.moduleInfo[e];
 }), dn = (e, t) => {
 	let n = t || `__FEDERATION_${e}:custom__`;
 	return {
 		remoteEntryKey: n,
-		entryExports: O[n]
+		entryExports: k[n]
 	};
-}, fn = () => k.__FEDERATION__.__GLOBAL_PLUGIN__, pn = (e) => O.__FEDERATION__.__PRELOADED_MAP__.get(e), mn = (e) => O.__FEDERATION__.__PRELOADED_MAP__.set(e, !0), hn = "[0-9A-Za-z-]+", gn = `(?:\\+(${hn}(?:\\.${hn})*))`, _n = "0|[1-9]\\d*", vn = "[0-9]+", yn = "\\d*[a-zA-Z-][a-zA-Z0-9-]*", bn = `(?:${vn}|${yn})`, xn = `(?:-?(${bn}(?:\\.${bn})*))`, Sn = `(?:${_n}|${yn})`, Cn = `(?:-(${Sn}(?:\\.${Sn})*))`, wn = `${_n}|x|X|\\*`, Tn = `[v=\\s]*(${wn})(?:\\.(${wn})(?:\\.(${wn})(?:${Cn})?${gn}?)?)?`, En = `^\\s*(${Tn})\\s+-\\s+(${Tn})\\s*$`, Dn = `[v=\\s]*${`(${vn})\\.(${vn})\\.(${vn})`}${xn}?${gn}?`, On = "((?:<|>)?=?)", kn = `(\\s*)${On}\\s*(${Dn}|${Tn})`, An = "(?:~>?)", jn = `(\\s*)${An}\\s+`, Mn = "(?:\\^)", Nn = `(\\s*)${Mn}\\s+`, Pn = "(<|>)?=?\\s*\\*", Fn = `^${Mn}${Tn}$`, In = `v?${`(${_n})\\.(${_n})\\.(${_n})`}${Cn}?${gn}?`, Ln = `^${An}${Tn}$`, Rn = `^${On}\\s*${Tn}$`, zn = `^${On}\\s*(${In})$|^$`, Bn = "^\\s*>=\\s*0.0.0\\s*$";
+}, fn = () => A.__FEDERATION__.__GLOBAL_PLUGIN__, pn = (e) => k.__FEDERATION__.__PRELOADED_MAP__.get(e), mn = (e) => k.__FEDERATION__.__PRELOADED_MAP__.set(e, !0), hn = "[0-9A-Za-z-]+", gn = `(?:\\+(${hn}(?:\\.${hn})*))`, _n = "0|[1-9]\\d*", vn = "[0-9]+", yn = "\\d*[a-zA-Z-][a-zA-Z0-9-]*", bn = `(?:${vn}|${yn})`, xn = `(?:-?(${bn}(?:\\.${bn})*))`, Sn = `(?:${_n}|${yn})`, Cn = `(?:-(${Sn}(?:\\.${Sn})*))`, wn = `${_n}|x|X|\\*`, Tn = `[v=\\s]*(${wn})(?:\\.(${wn})(?:\\.(${wn})(?:${Cn})?${gn}?)?)?`, En = `^\\s*(${Tn})\\s+-\\s+(${Tn})\\s*$`, Dn = `[v=\\s]*${`(${vn})\\.(${vn})\\.(${vn})`}${xn}?${gn}?`, On = "((?:<|>)?=?)", kn = `(\\s*)${On}\\s*(${Dn}|${Tn})`, An = "(?:~>?)", jn = `(\\s*)${An}\\s+`, Mn = "(?:\\^)", Nn = `(\\s*)${Mn}\\s+`, Pn = "(<|>)?=?\\s*\\*", Fn = `^${Mn}${Tn}$`, In = `v?${`(${_n})\\.(${_n})\\.(${_n})`}${Cn}?${gn}?`, Ln = `^${An}${Tn}$`, Rn = `^${On}\\s*${Tn}$`, zn = `^${On}\\s*(${In})$|^$`, Bn = "^\\s*>=\\s*0.0.0\\s*$";
 //#endregion
 //#region node_modules/@module-federation/runtime-core/dist/utils/semver/utils.js
-function A(e) {
+function j(e) {
 	return new RegExp(e);
 }
-function j(e) {
+function M(e) {
 	return !e || e.toLowerCase() === "x" || e === "*";
 }
 function Vn(...e) {
 	return (t) => e.reduce((e, t) => t(e), t);
 }
 function Hn(e) {
-	return e.match(A(zn));
+	return e.match(j(zn));
 }
 function Un(e, t, n, r) {
 	let i = `${e}.${t}.${n}`;
@@ -1242,34 +1242,34 @@ function Un(e, t, n, r) {
 //#endregion
 //#region node_modules/@module-federation/runtime-core/dist/utils/semver/parser.js
 function Wn(e) {
-	return e.replace(A(En), (e, t, n, r, i, a, o, s, c, l, u, d) => (t = j(n) ? "" : j(r) ? `>=${n}.0.0` : j(i) ? `>=${n}.${r}.0` : `>=${t}`, s = j(c) ? "" : j(l) ? `<${Number(c) + 1}.0.0-0` : j(u) ? `<${c}.${Number(l) + 1}.0-0` : d ? `<=${c}.${l}.${u}-${d}` : `<=${s}`, `${t} ${s}`.trim()));
+	return e.replace(j(En), (e, t, n, r, i, a, o, s, c, l, u, d) => (t = M(n) ? "" : M(r) ? `>=${n}.0.0` : M(i) ? `>=${n}.${r}.0` : `>=${t}`, s = M(c) ? "" : M(l) ? `<${Number(c) + 1}.0.0-0` : M(u) ? `<${c}.${Number(l) + 1}.0-0` : d ? `<=${c}.${l}.${u}-${d}` : `<=${s}`, `${t} ${s}`.trim()));
 }
 function Gn(e) {
-	return e.replace(A(kn), "$1$2$3");
+	return e.replace(j(kn), "$1$2$3");
 }
 function Kn(e) {
-	return e.replace(A(jn), "$1~");
+	return e.replace(j(jn), "$1~");
 }
 function qn(e) {
-	return e.replace(A(Nn), "$1^");
+	return e.replace(j(Nn), "$1^");
 }
 function Jn(e) {
-	return e.trim().split(/\s+/).map((e) => e.replace(A(Fn), (e, t, n, r, i) => j(t) ? "" : j(n) ? `>=${t}.0.0 <${Number(t) + 1}.0.0-0` : j(r) ? t === "0" ? `>=${t}.${n}.0 <${t}.${Number(n) + 1}.0-0` : `>=${t}.${n}.0 <${Number(t) + 1}.0.0-0` : i ? t === "0" ? n === "0" ? `>=${t}.${n}.${r}-${i} <${t}.${n}.${Number(r) + 1}-0` : `>=${t}.${n}.${r}-${i} <${t}.${Number(n) + 1}.0-0` : `>=${t}.${n}.${r}-${i} <${Number(t) + 1}.0.0-0` : t === "0" ? n === "0" ? `>=${t}.${n}.${r} <${t}.${n}.${Number(r) + 1}-0` : `>=${t}.${n}.${r} <${t}.${Number(n) + 1}.0-0` : `>=${t}.${n}.${r} <${Number(t) + 1}.0.0-0`)).join(" ");
+	return e.trim().split(/\s+/).map((e) => e.replace(j(Fn), (e, t, n, r, i) => M(t) ? "" : M(n) ? `>=${t}.0.0 <${Number(t) + 1}.0.0-0` : M(r) ? t === "0" ? `>=${t}.${n}.0 <${t}.${Number(n) + 1}.0-0` : `>=${t}.${n}.0 <${Number(t) + 1}.0.0-0` : i ? t === "0" ? n === "0" ? `>=${t}.${n}.${r}-${i} <${t}.${n}.${Number(r) + 1}-0` : `>=${t}.${n}.${r}-${i} <${t}.${Number(n) + 1}.0-0` : `>=${t}.${n}.${r}-${i} <${Number(t) + 1}.0.0-0` : t === "0" ? n === "0" ? `>=${t}.${n}.${r} <${t}.${n}.${Number(r) + 1}-0` : `>=${t}.${n}.${r} <${t}.${Number(n) + 1}.0-0` : `>=${t}.${n}.${r} <${Number(t) + 1}.0.0-0`)).join(" ");
 }
 function Yn(e) {
-	return e.trim().split(/\s+/).map((e) => e.replace(A(Ln), (e, t, n, r, i) => j(t) ? "" : j(n) ? `>=${t}.0.0 <${Number(t) + 1}.0.0-0` : j(r) ? `>=${t}.${n}.0 <${t}.${Number(n) + 1}.0-0` : i ? `>=${t}.${n}.${r}-${i} <${t}.${Number(n) + 1}.0-0` : `>=${t}.${n}.${r} <${t}.${Number(n) + 1}.0-0`)).join(" ");
+	return e.trim().split(/\s+/).map((e) => e.replace(j(Ln), (e, t, n, r, i) => M(t) ? "" : M(n) ? `>=${t}.0.0 <${Number(t) + 1}.0.0-0` : M(r) ? `>=${t}.${n}.0 <${t}.${Number(n) + 1}.0-0` : i ? `>=${t}.${n}.${r}-${i} <${t}.${Number(n) + 1}.0-0` : `>=${t}.${n}.${r} <${t}.${Number(n) + 1}.0-0`)).join(" ");
 }
 function Xn(e) {
-	return e.split(/\s+/).map((e) => e.trim().replace(A(Rn), (e, t, n, r, i, a) => {
-		let o = j(n), s = o || j(r), c = s || j(i);
+	return e.split(/\s+/).map((e) => e.trim().replace(j(Rn), (e, t, n, r, i, a) => {
+		let o = M(n), s = o || M(r), c = s || M(i);
 		return t === "=" && c && (t = ""), a = "", o ? t === ">" || t === "<" ? "<0.0.0-0" : "*" : t && c ? (s && (r = 0), i = 0, t === ">" ? (t = ">=", s ? (n = Number(n) + 1, r = 0, i = 0) : (r = Number(r) + 1, i = 0)) : t === "<=" && (t = "<", s ? n = Number(n) + 1 : r = Number(r) + 1), t === "<" && (a = "-0"), `${t + n}.${r}.${i}${a}`) : s ? `>=${n}.0.0${a} <${Number(n) + 1}.0.0-0` : c ? `>=${n}.${r}.0${a} <${n}.${Number(r) + 1}.0-0` : e;
 	})).join(" ");
 }
 function Zn(e) {
-	return e.trim().replace(A(Pn), "");
+	return e.trim().replace(j(Pn), "");
 }
 function Qn(e) {
-	return e.trim().replace(A(Bn), "");
+	return e.trim().replace(j(Bn), "");
 }
 //#endregion
 //#region node_modules/@module-federation/runtime-core/dist/utils/semver/compare.js
@@ -1371,8 +1371,8 @@ var sr = "default", cr = "global";
 function lr(e, t, n, r) {
 	let i;
 	return i = "get" in e ? e.get : "lib" in e ? () => Promise.resolve(e.lib) : () => Promise.resolve(() => {
-		D(`Cannot get shared "${n}" from "${t}": neither "get" nor "lib" is provided in the share config.`);
-	}), e.shareConfig?.eager && e.treeShaking?.mode && D(`Invalid shared config for "${n}" from "${t}": cannot use both "eager: true" and "treeShaking.mode" simultaneously. Choose one strategy.`), {
+		O(`Cannot get shared "${n}" from "${t}": neither "get" nor "lib" is provided in the share config.`);
+	}), e.shareConfig?.eager && e.treeShaking?.mode && O(`Invalid shared config for "${n}" from "${t}": cannot use both "eager: true" and "treeShaking.mode" simultaneously. Choose one strategy.`), {
 		deps: [],
 		useIn: [],
 		from: t,
@@ -1498,7 +1498,7 @@ function xr(e, t, n, r) {
 				if (i.singleton) {
 					if (typeof c == "string" && !or(l, c)) {
 						let e = `Version ${l} from ${l && r.from} of shared singleton module ${t} does not satisfy the requirement of ${n.from} which needs ${c})`;
-						i.strictVersion ? D(e) : zt(e);
+						i.strictVersion ? O(e) : zt(e);
 					}
 					return {
 						shared: r,
@@ -1595,7 +1595,7 @@ function Dr(e, t) {
 }
 //#endregion
 //#region node_modules/@module-federation/error-codes/dist/error-codes.mjs
-var Or = "RUNTIME-001", kr = "RUNTIME-002", Ar = "RUNTIME-003", jr = "RUNTIME-004", Mr = "RUNTIME-005", Nr = "RUNTIME-006", Pr = "RUNTIME-007", Fr = "RUNTIME-008", Ir = "RUNTIME-009", Lr = "RUNTIME-010", Rr = "RUNTIME-011", zr = "RUNTIME-012", Br = "TYPE-001", Vr = "BUILD-001", Hr = "BUILD-002", M = {
+var Or = "RUNTIME-001", kr = "RUNTIME-002", Ar = "RUNTIME-003", jr = "RUNTIME-004", Mr = "RUNTIME-005", Nr = "RUNTIME-006", Pr = "RUNTIME-007", Fr = "RUNTIME-008", Ir = "RUNTIME-009", Lr = "RUNTIME-010", Rr = "RUNTIME-011", zr = "RUNTIME-012", Br = "TYPE-001", Vr = "BUILD-001", Hr = "BUILD-002", N = {
 	[Or]: "Failed to get remoteEntry exports.",
 	[kr]: "The remote entry interface does not contain \"init\"",
 	[Ar]: "Failed to get manifest.",
@@ -1613,7 +1613,7 @@ var Or = "RUNTIME-001", kr = "RUNTIME-002", Ar = "RUNTIME-003", jr = "RUNTIME-00
 	[Hr]: "PublicPath is required in prod mode."
 };
 ({
-	...M,
+	...N,
 	...Ur,
 	...Wr
 });
@@ -1629,7 +1629,7 @@ async function Kr({ entry: e, remoteEntryExports: t }) {
 				e
 ).then(n).catch(r);
 		} catch (t) {
-			D(`Failed to load ESM entry from "${e}". ${t instanceof Error ? t.message : String(t)}`);
+			O(`Failed to load ESM entry from "${e}". ${t instanceof Error ? t.message : String(t)}`);
 		}
 	});
 }
@@ -1638,13 +1638,13 @@ async function qr({ entry: e, remoteEntryExports: t }) {
 		try {
 			t ? n(t) : typeof __system_context__ > "u" ? System.import(e).then(n).catch(r) : Function("callbacks", `System.import("${e}")${Gr}`)([n, r]);
 		} catch (t) {
-			D(`Failed to load SystemJS entry from "${e}". ${t instanceof Error ? t.message : String(t)}`);
+			O(`Failed to load SystemJS entry from "${e}". ${t instanceof Error ? t.message : String(t)}`);
 		}
 	});
 }
 function Jr(e, t, n) {
 	let { remoteEntryKey: r, entryExports: i } = dn(e, t);
-	return i || D(Or, M, {
+	return i || O(Or, N, {
 		remoteName: e,
 		remoteEntryUrl: n,
 		remoteEntryKey: r
@@ -1666,7 +1666,7 @@ async function Yr({ name: e, globalName: t, entry: n, remoteInfo: r, loaderHook:
 		}
 	}).then(() => Jr(e, t, n), (t) => {
 		let n = t instanceof Error ? t.message : String(t);
-		D(Fr, M, {
+		O(Fr, N, {
 			remoteName: e,
 			resourceUrl: s
 		}, n);
@@ -1711,7 +1711,7 @@ async function Zr({ remoteInfo: e, loaderHook: t }) {
 			if (i && "url" in i) return i;
 		} }
 	}).then(() => Jr(i, r, n)).catch((e) => {
-		D(`Failed to load Node.js entry for remote "${i}" from "${n}". ${e instanceof Error ? e.message : String(e)}`);
+		O(`Failed to load Node.js entry for remote "${i}" from "${n}". ${e instanceof Error ? e.message : String(e)}`);
 	});
 }
 function Qr(e) {
@@ -1840,7 +1840,7 @@ function ai(e) {
 function oi(e, t) {
 	return t.map((t) => {
 		let n = Dr(e, t.nameOrAlias);
-		return E(n, `Unable to preload ${t.nameOrAlias} as it is not included in ${!n && lt({
+		return D(n, `Unable to preload ${t.nameOrAlias} as it is not included in ${!n && lt({
 			remoteInfo: n,
 			remotes: e
 		})}`), {
@@ -1987,7 +1987,7 @@ var ui = class {
 			remoteInfo: this.remoteInfo,
 			remoteEntryExports: this.remoteEntryExports
 		});
-		return E(e, `remoteEntryExports is undefined \n ${lt(this.remoteInfo)}`), this.remoteEntryExports = e, this.remoteEntryExports;
+		return D(e, `remoteEntryExports is undefined \n ${lt(this.remoteInfo)}`), this.remoteEntryExports = e, this.remoteEntryExports;
 	}
 	async init(e, t, n) {
 		let r = await this.getEntry();
@@ -2001,7 +2001,7 @@ var ui = class {
 				remoteInfo: this.remoteInfo,
 				origin: this.host
 			});
-			r?.init === void 0 && D(kr, M, {
+			r?.init === void 0 && O(kr, N, {
 				hostName: this.host.name,
 				remoteName: this.remoteInfo.name,
 				remoteEntryUrl: this.remoteInfo.entry,
@@ -2028,7 +2028,7 @@ var ui = class {
 			remoteEntryExports: a,
 			expose: t,
 			moduleInfo: this.remoteInfo
-		}), o ||= await a.get(t), E(o, `${Vt(this.remoteInfo)} remote don't export ${t}.`);
+		}), o ||= await a.get(t), D(o, `${Vt(this.remoteInfo)} remote don't export ${t}.`);
 		let s = Yt(this.remoteInfo.name, t), c = this.wraperFactory(o, s);
 		return i ? await c() : c;
 	}
@@ -2047,7 +2047,7 @@ var ui = class {
 			return n(r, t), r;
 		};
 	}
-}, N = class {
+}, P = class {
 	constructor(e) {
 		this.type = "", this.listeners = /* @__PURE__ */ new Set(), e && (this.type = e);
 	}
@@ -2072,7 +2072,7 @@ var ui = class {
 	removeAll() {
 		this.listeners.clear();
 	}
-}, P = class extends N {
+}, F = class extends P {
 	emit(...e) {
 		let t, n = Array.from(this.listeners);
 		if (n.length > 0) {
@@ -2091,12 +2091,12 @@ function di(e, t) {
 	}
 	return !0;
 }
-var fi = class extends N {
+var fi = class extends P {
 	constructor(e) {
-		super(), this.onerror = D, this.type = e;
+		super(), this.onerror = O, this.type = e;
 	}
 	emit(e) {
-		Wt(e) || D(`The data for the "${this.type}" hook should be an object.`);
+		Wt(e) || O(`The data for the "${this.type}" hook should be an object.`);
 		for (let t of this.listeners) try {
 			let n = t(e);
 			if (di(e, n)) e = n;
@@ -2109,12 +2109,12 @@ var fi = class extends N {
 		}
 		return e;
 	}
-}, pi = class extends N {
+}, pi = class extends P {
 	constructor(e) {
-		super(), this.onerror = D, this.type = e;
+		super(), this.onerror = O, this.type = e;
 	}
 	emit(e) {
-		Wt(e) || D(`The response data for the "${this.type}" hook must be an object.`);
+		Wt(e) || O(`The response data for the "${this.type}" hook must be an object.`);
 		let t = Array.from(this.listeners);
 		if (t.length > 0) {
 			let n = 0, r = (t) => (zt(t), this.onerror(t), e), i = (a) => {
@@ -2136,17 +2136,17 @@ var fi = class extends N {
 		this.registerPlugins = {}, this.lifecycle = e, this.lifecycleKeys = Object.keys(e);
 	}
 	applyPlugin(e, t) {
-		E(Kt(e), "Plugin configuration is invalid.");
+		D(Kt(e), "Plugin configuration is invalid.");
 		let n = e.name;
-		E(n, "A name must be provided by the plugin."), this.registerPlugins[n] || (this.registerPlugins[n] = e, e.apply?.(t), Object.keys(this.lifecycle).forEach((t) => {
+		D(n, "A name must be provided by the plugin."), this.registerPlugins[n] || (this.registerPlugins[n] = e, e.apply?.(t), Object.keys(this.lifecycle).forEach((t) => {
 			let n = e[t];
 			n && this.lifecycle[t].on(n);
 		}));
 	}
 	removePlugin(e) {
-		E(e, "A name is required.");
+		D(e, "A name is required.");
 		let t = this.registerPlugins[e];
-		E(t, `The plugin "${e}" is not registered.`), Object.keys(t).forEach((e) => {
+		D(t, `The plugin "${e}" is not registered.`), Object.keys(t).forEach((e) => {
 			e !== "name" && this.lifecycle[e].remove(t[e]);
 		});
 	}
@@ -2155,7 +2155,7 @@ var fi = class extends N {
 //#region node_modules/@module-federation/runtime-core/dist/plugins/snapshot/index.js
 function hi(e, t) {
 	let n = Jt(t);
-	n.url || D(Rr, M, { remoteName: e.name });
+	n.url || O(Rr, N, { remoteName: e.name });
 	let r = st(t, n.url);
 	!et && !r.startsWith("http") && (r = `https:${r}`), e.type = n.type, e.entryGlobalName = n.globalName, e.entry = r, e.version = t.version, e.buildVersion = t.buildVersion;
 }
@@ -2349,7 +2349,7 @@ function Si(e, t) {
 var Ci = class {
 	constructor(e) {
 		this.loadingHostSnapshot = null, this.manifestCache = /* @__PURE__ */ new Map(), this.hooks = new mi({
-			beforeLoadRemoteSnapshot: new P("beforeLoadRemoteSnapshot"),
+			beforeLoadRemoteSnapshot: new F("beforeLoadRemoteSnapshot"),
 			loadSnapshot: new pi("loadGlobalSnapshot"),
 			loadRemoteSnapshot: new pi("loadRemoteSnapshot"),
 			afterLoadSnapshot: new pi("afterLoadSnapshot")
@@ -2403,7 +2403,7 @@ var Ci = class {
 				from: "global"
 			});
 			u = r, d = n;
-		} else D(Pr, M, {
+		} else O(Pr, N, {
 			remoteName: e.name,
 			remoteVersion: e.version,
 			hostName: this.HostInstance.options.name,
@@ -2437,13 +2437,13 @@ var Ci = class {
 					from: "runtime",
 					lifecycle: "afterResolve",
 					origin: this.HostInstance
-				}), n || (delete this.manifestLoading[e], D(Ar, M, {
+				}), n || (delete this.manifestLoading[e], O(Ar, N, {
 					manifestUrl: e,
 					moduleName: t.name,
 					hostName: this.HostInstance.options.name
 				}, `${r}`, ii(this.HostInstance.options)));
 			}
-			return E(n.metaData && n.exposes && n.shared, `"${e}" is not a valid federation manifest for remote "${t.name}". Missing required fields: ${[
+			return D(n.metaData && n.exposes && n.shared, `"${e}" is not a valid federation manifest for remote "${t.name}". Missing required fields: ${[
 				!n.metaData && "metaData",
 				!n.exposes && "exposes",
 				!n.shared && "shared"
@@ -2467,7 +2467,7 @@ var Ci = class {
 			beforeRegisterShare: new fi("beforeRegisterShare"),
 			afterResolve: new pi("afterResolve"),
 			beforeLoadShare: new pi("beforeLoadShare"),
-			loadShare: new P(),
+			loadShare: new F(),
 			resolveShare: new fi("resolveShare"),
 			initContainerShareScopeMap: new fi("initContainerShareScopeMap")
 		}), this.host = e, this.shareScopeMap = {}, this.initTokens = {}, this._setGlobalShareScopeMap(e.options);
@@ -2511,7 +2511,7 @@ var Ci = class {
 			shared: n.options.shared,
 			origin: n
 		});
-		E(i, `Cannot find shared "${e}" in host "${n.options.name}". Ensure the shared config for "${e}" is declared in the federation plugin options and the host has been initialized before loading shares.`);
+		D(i, `Cannot find shared "${e}" in host "${n.options.name}". Ensure the shared config for "${e}" is declared in the federation plugin options and the host has been initialized before loading shares.`);
 		let { shared: a, useTreesShaking: o } = xr(this.shareScopeMap, e, i, this.hooks.lifecycle.resolveShare) || {};
 		if (a) {
 			let t = Tr(a, o);
@@ -2623,7 +2623,7 @@ var Ci = class {
 		if (r.lib) return r.loaded ||= !0, r.lib;
 		if (r.get) {
 			let i = r.get();
-			return i instanceof Promise && D(t?.from === "build" ? Mr : Nr, M, {
+			return i instanceof Promise && O(t?.from === "build" ? Mr : Nr, N, {
 				hostName: n.options.name,
 				sharedPkgName: e
 			}, void 0, ii(n.options)), r.lib = i, this.setShared({
@@ -2634,7 +2634,7 @@ var Ci = class {
 				shared: r
 			}), r.lib;
 		}
-		D(Nr, M, {
+		O(Nr, N, {
 			hostName: n.options.name,
 			sharedPkgName: e
 		}, void 0, ii(n.options));
@@ -2677,13 +2677,13 @@ var Ci = class {
 			beforeRegisterRemote: new fi("beforeRegisterRemote"),
 			registerRemote: new fi("registerRemote"),
 			beforeRequest: new pi("beforeRequest"),
-			onLoad: new P("onLoad"),
-			handlePreloadModule: new N("handlePreloadModule"),
-			errorLoadRemote: new P("errorLoadRemote"),
-			beforePreloadRemote: new P("beforePreloadRemote"),
-			generatePreloadAssets: new P("generatePreloadAssets"),
-			afterPreloadRemote: new P(),
-			loadEntry: new P()
+			onLoad: new F("onLoad"),
+			handlePreloadModule: new P("handlePreloadModule"),
+			errorLoadRemote: new F("errorLoadRemote"),
+			beforePreloadRemote: new F("beforePreloadRemote"),
+			generatePreloadAssets: new F("generatePreloadAssets"),
+			afterPreloadRemote: new F(),
+			loadEntry: new F()
 		}), this.host = e, this.idToRemoteMap = {};
 	}
 	formatAndRegisterRemote(e, t) {
@@ -2782,7 +2782,7 @@ var Ci = class {
 			}), !r) throw e;
 		}
 		let { id: i } = r, a = Er(t.options.remotes, i);
-		a || D(jr, M, {
+		a || O(jr, N, {
 			hostName: t.options.name,
 			requestId: i
 		}, void 0, ii(t.options));
@@ -2793,7 +2793,7 @@ var Ci = class {
 			origin: t,
 			remoteInfo: s
 		}), { remote: l, expose: u } = c;
-		E(l && u, `The 'beforeRequest' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ${i}.`);
+		D(l && u, `The 'beforeRequest' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ${i}.`);
 		let d = t.moduleCache.get(l.name), f = {
 			host: t,
 			remoteInfo: s
@@ -2808,7 +2808,7 @@ var Ci = class {
 		let { host: r } = this, i = () => {
 			if (e.alias) {
 				let n = t.find((t) => e.alias && (t.name.startsWith(e.alias) || t.alias?.startsWith(e.alias)));
-				E(!n, `The alias ${e.alias} of remote ${e.name} is not allowed to be the prefix of ${n && n.name} name or alias`);
+				D(!n, `The alias ${e.alias} of remote ${e.name} is not allowed to be the prefix of ${n && n.name} name or alias`);
 			}
 			"entry" in e && et && typeof window < "u" && !e.entry.startsWith("http") && (e.entry = new URL(e.entry, window.location.origin).href), e.shareScope ||= sr, e.type ||= cr;
 		};
@@ -2836,12 +2836,12 @@ var Ci = class {
 			let i = t.moduleCache.get(e.name);
 			if (i) {
 				let n = i.remoteInfo, r = n.entryGlobalName;
-				O[r] && (Object.getOwnPropertyDescriptor(O, r)?.configurable ? delete O[r] : O[r] = void 0);
+				k[r] && (Object.getOwnPropertyDescriptor(k, r)?.configurable ? delete k[r] : k[r] = void 0);
 				let a = Qr(i.remoteInfo);
 				$t[a] && delete $t[a], t.snapshotHandler.manifestCache.delete(n.entry);
-				let o = n.buildVersion ? ot(n.name, n.buildVersion) : n.name, s = O.__FEDERATION__.__INSTANCES__.findIndex((e) => n.buildVersion ? e.options.id === o : e.name === o);
+				let o = n.buildVersion ? ot(n.name, n.buildVersion) : n.name, s = k.__FEDERATION__.__INSTANCES__.findIndex((e) => n.buildVersion ? e.options.id === o : e.name === o);
 				if (s !== -1) {
-					let e = O.__FEDERATION__.__INSTANCES__[s];
+					let e = k.__FEDERATION__.__INSTANCES__[s];
 					o = e.options.id || o;
 					let t = Sr(), r = !0, i = [];
 					Object.keys(t).forEach((e) => {
@@ -2868,7 +2868,7 @@ var Ci = class {
 						});
 					}), r && (e.shareScopeMap = {}, delete t[o]), i.forEach(([e, n, r, i]) => {
 						delete t[e]?.[n]?.[r]?.[i];
-					}), O.__FEDERATION__.__INSTANCES__.splice(s, 1);
+					}), k.__FEDERATION__.__INSTANCES__.splice(s, 1);
 				}
 				let { hostGlobalSnapshot: c } = Si(e, t);
 				if (c) {
@@ -2885,21 +2885,21 @@ var Ci = class {
 	constructor(e) {
 		this.hooks = new mi({
 			beforeInit: new fi("beforeInit"),
-			init: new N(),
+			init: new P(),
 			beforeInitContainer: new pi("beforeInitContainer"),
 			initContainer: new pi("initContainer")
 		}), this.version = "2.3.3", this.moduleCache = /* @__PURE__ */ new Map(), this.loaderHook = new mi({
-			getModuleInfo: new N(),
-			createScript: new N(),
-			createLink: new N(),
-			fetch: new P(),
-			loadEntryError: new P(),
-			getModuleFactory: new P()
+			getModuleInfo: new P(),
+			createScript: new P(),
+			createLink: new P(),
+			fetch: new F(),
+			loadEntryError: new F(),
+			getModuleFactory: new F()
 		}), this.bridgeHook = new mi({
-			beforeBridgeRender: new N(),
-			afterBridgeRender: new N(),
-			beforeBridgeDestroy: new N(),
-			afterBridgeDestroy: new N()
+			beforeBridgeRender: new P(),
+			afterBridgeRender: new P(),
+			beforeBridgeDestroy: new P(),
+			afterBridgeDestroy: new P()
 		});
 		let t = Ei ? [gi(), xi()] : [], n = {
 			id: ti(),
@@ -2912,7 +2912,7 @@ var Ci = class {
 		this.name = e.name, this.options = n, this.snapshotHandler = new Ci(this), this.sharedHandler = new wi(this), this.remoteHandler = new Ti(this), this.shareScopeMap = this.sharedHandler.shareScopeMap, this.registerPlugins([...n.plugins, ...e.plugins || []]), this.options = this.formatOptions(n, e);
 	}
 	initOptions(e) {
-		e.name && e.name !== this.options.name && D(Ft(Lr, M)), this.registerPlugins(e.plugins);
+		e.name && e.name !== this.options.name && O(Ft(Lr, N)), this.registerPlugins(e.plugins);
 		let t = this.formatOptions(this.options, e);
 		return this.options = t, t;
 	}
@@ -2997,7 +2997,7 @@ function Ni(e) {
 	if (typeof document > "u") return;
 	let t;
 	try {
-		t = new URL(ge(e)).origin;
+		t = new URL(_e(e)).origin;
 	} catch {
 		return;
 	}
@@ -3007,7 +3007,7 @@ function Ni(e) {
 	n.rel = "preconnect", n.href = t, n.crossOrigin = "anonymous", (document.head ?? document.documentElement).append(n);
 }
 function Pi(e, t) {
-	let n = ge(e);
+	let n = _e(e);
 	if (e.startsWith("http://localhost")) return `${n}/mf-manifest.json`;
 	switch (t) {
 		case "DashboardApp":
@@ -3043,7 +3043,7 @@ function Li(e, t = "DashboardApp") {
 }
 //#endregion
 //#region node_modules/@luzmo/embed/index.js
-var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t, n, r) => {
+var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, I = (e, t, n, r) => {
 	for (var i = r > 1 ? void 0 : r ? zi(t, n) : t, a = e.length - 1, o; a >= 0; a--) (o = e[a]) && (i = (r ? o(t, n, i) : o(i)) || i);
 	return r && i && Ri(t, n, i), i;
 }, Bi = "6.13.0", Vi = new class {
@@ -3061,19 +3061,19 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
 				t.dashboardError = !0, t._loadTimeoutHandle &&= (clearTimeout(t._loadTimeoutHandle), void 0), t.iframeLoaded = !0, t._displayError(), console.error("Dashboard error:", e.data.errorMsg ?? e.data.error?.msg);
 				break;
 			case "data":
-				Te(t, e.data.requestId, e.data.data);
+				Ee(t, e.data.requestId, e.data.data);
 				break;
 			case "filters":
-				Te(t, e.data.requestId, e.data.filters);
+				Ee(t, e.data.requestId, e.data.filters);
 				break;
 			case "getAccessibleDashboards":
-				Te(t, e.data.requestId, e.data.accessibleDashboards);
+				Ee(t, e.data.requestId, e.data.accessibleDashboards);
 				break;
 			case "dashboardAction":
 				t.dispatchEvent(new CustomEvent("dashboardAction", { detail: { data: e.data } }));
 				break;
 			case "export":
-				e.data.error ? Ee(t, e.data.requestId, e.data) : (t.dispatchEvent(new CustomEvent("exported", { detail: { data: e.data } })), Te(t, e.data.requestId, e.data));
+				e.data.error ? De(t, e.data.requestId, e.data) : (t.dispatchEvent(new CustomEvent("exported", { detail: { data: e.data } })), Ee(t, e.data.requestId, e.data));
 				break;
 			case "changedFilters":
 				t.dispatchEvent(new CustomEvent("changedFilters", { detail: { data: e.data } }));
@@ -3086,17 +3086,17 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
 				e.data.type = "itemsRendered", t.dispatchEvent(new CustomEvent("itemsRendered", { detail: { data: e.data } }));
 				break;
 			case "setEditMode":
-				e.data.error ? Ee(t, e.data.requestId, e.data) : (Te(t, e.data.requestId, e.data), t.params.editMode = e.data.editMode, t._containerStyle = De(t), t.dimensions && Ke(t));
+				e.data.error ? De(t, e.data.requestId, e.data) : (Ee(t, e.data.requestId, e.data), t.params.editMode = e.data.editMode, t._containerStyle = Oe(t), t.dimensions && qe(t));
 				break;
 			case "calculatedDimensions":
-				t.dimensions = e.data.dimensions, Ke(t);
+				t.dimensions = e.data.dimensions, qe(t);
 				break;
 			case "setSelectedData":
 			case "setFilters":
-				e.data.error ? Ee(t, e.data.requestId, e.data) : Te(t, e.data.requestId, e.data);
+				e.data.error ? De(t, e.data.requestId, e.data) : Ee(t, e.data.requestId, e.data);
 				break;
 			case "setPreview":
-				e.data.error ? Ee(t, e.data.requestId, e.data) : Te(t, e.data.requestId, e.data);
+				e.data.error ? De(t, e.data.requestId, e.data) : Ee(t, e.data.requestId, e.data);
 				break;
 		}
 	}, window.addEventListener("message", window.__luzmoMessageHandler, !1));
@@ -3213,7 +3213,7 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
     position: absolute;
     transition-duration: 0.3s;
   }
-`, Wi = "DashboardApp", I = class extends h {
+`, Wi = "DashboardApp", L = class extends h {
 	constructor() {
 		super(), this.language = "auto", this.editorLanguage = "auto", this.screenMode = "auto", this.switchScreenModeOnResize = !0, this.editMode = "view", this.embedMode = "iframe", this.iframeStyle = {}, this._containerStyle = {}, this._loaderStyle = {}, this._lcStyle = {}, this._loadingCircleStyle = {}, this._containerLoaderStyle = {}, this._loaderMsg = "", this._itemEmbedding = !1, this.browserError = !1, this.browserErrorMsg = "", this.dashboardError = !1, this.browserNotSupported = [], this.libVersion = Bi + "-wc-luzmo", this.isLibraryLoaded = !1, this.currentAuthKey = null, this.currentAuthToken = null, this.isInitCalled = !1, this.attributesMap = {
 			dashboardId: "dashboard-id",
@@ -3238,10 +3238,10 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
 			apiHost: "api-host",
 			itemDimensions: "item-dimensions",
 			timezoneId: "timezone-id"
-		}, this.loaderSize = 32, this.borderWidth = 3, this.minHeight = 400, this._containerId = Se(), this._iframeId = `luzmo-dashboard-${this._containerId}`, this.iframeLoaded = !1, this.promises = {}, this.params = this._setOptions(), this._onResize = () => {
+		}, this.loaderSize = 32, this.borderWidth = 3, this.minHeight = 400, this._containerId = Ce(), this._iframeId = `luzmo-dashboard-${this._containerId}`, this.iframeLoaded = !1, this.promises = {}, this.params = this._setOptions(), this._onResize = () => {
 			if (this.shadowRoot?.querySelector(".dashboard-container")) {
-				if (this.containerWidth = this.luzmoEmbedContainer.offsetWidth, this.params.switchScreenModeOnResize && this.params.screenMode === "auto") for (let e of pe) e.width[0] <= window.innerWidth && window.innerWidth <= e.width[1] && (this.currentScreenMode = e.mode);
-				this.iframeLoaded ? this._calculateDimAfterDashboardLoaded() : this.dimensions && (this.containerWidth = this.luzmoEmbedContainer.offsetWidth, Ke(this));
+				if (this.containerWidth = this.luzmoEmbedContainer.offsetWidth, this.params.switchScreenModeOnResize && this.params.screenMode === "auto") for (let e of me) e.width[0] <= window.innerWidth && window.innerWidth <= e.width[1] && (this.currentScreenMode = e.mode);
+				this.iframeLoaded ? this._calculateDimAfterDashboardLoaded() : this.dimensions && (this.containerWidth = this.luzmoEmbedContainer.offsetWidth, qe(this));
 			}
 		}, this._resizeObserver = new ResizeObserver((e) => {
 			window.requestAnimationFrame(() => {
@@ -3257,16 +3257,16 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
 		for (let e of Object.keys(this.promises)) this.promises[e].reject(/* @__PURE__ */ Error("Dashboard component was removed"));
 	}
 	firstUpdated() {
-		this._loaderMsg = we(this)?.loadingMsg, this._loaderStyles(), Vi._dashboardComponents.push(this), this.luzmoEmbedContainer && this._resizeObserver.observe(this.luzmoEmbedContainer);
+		this._loaderMsg = Te(this)?.loadingMsg, this._loaderStyles(), Vi._dashboardComponents.push(this), this.luzmoEmbedContainer && this._resizeObserver.observe(this.luzmoEmbedContainer);
 	}
 	initComponent() {
 		this.params = this._setOptions(), this.isWebComponentViewMode() ? Li(this.params.appServer, Wi).then(async () => {
 			this.isLibraryLoaded = !0, await this.updateComplete;
 			let e = this.renderRoot.querySelector("dashboard-component");
 			this.dashboardReference = e.cloneNode(!0), e.replaceWith(this.dashboardReference), this.dashboardReference.addEventListener("load", (e) => {
-				this.containerWidth = this.dashboardReference.offsetWidth, this.dimensions = e.detail.dimensions, Ke(this), window.dispatchEvent(new Event("resize")), this.dispatchEvent(new CustomEvent("load", e));
+				this.containerWidth = this.dashboardReference.offsetWidth, this.dimensions = e.detail.dimensions, qe(this), window.dispatchEvent(new Event("resize")), this.dispatchEvent(new CustomEvent("load", e));
 			}), this.dashboardReference.addEventListener("itemsRendered", (e) => this.dispatchEvent(new CustomEvent("itemsRendered", e))), this.dashboardReference.addEventListener("customEvent", (e) => this.dispatchEvent(new CustomEvent("customEvent", e))), this.dashboardReference.addEventListener("changedFilters", (e) => this.dispatchEvent(new CustomEvent("changedFilters", e))), this.dashboardReference.addEventListener("dashboardAction", (e) => this.dispatchEvent(new CustomEvent("dashboardAction", e))), this.dashboardReference.addEventListener("export", (e) => this.dispatchEvent(new CustomEvent("exported", e))), this.setAllAttributes();
-		}) : (this.containerWidth = this.container?.clientWidth, qe(this), fe(this), this._setupLoader(), this.params.error || (this._loaderStyles(), Hi(), this._iframeUrl = Ce(this), this.iframe?.setAttribute("src", this._iframeUrl), this.iframeStyle = Me(this)));
+		}) : (this.containerWidth = this.container?.clientWidth, Je(this), pe(this), this._setupLoader(), this.params.error || (this._loaderStyles(), Hi(), this._iframeUrl = we(this), this.iframe?.setAttribute("src", this._iframeUrl), this.iframeStyle = Ne(this)));
 	}
 	setAllAttributes() {
 		if (this.dashboardReference) {
@@ -3276,7 +3276,7 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
 				"apiHost",
 				"itemDimensions"
 			].includes(e) && this.params[e] && this.dashboardReference.setAttribute(this.attributesMap[e], this.params[e]);
-			this.params.itemDimensions && this.dashboardReference.setAttribute("item-dimensions", JSON.stringify(this.params.itemDimensions)), this.params.apiHost && this.dashboardReference.setAttribute("api-host", ge(this.params.apiHost)), this.params.key && this.dashboardReference.setAttribute("auth-key", this.params.key), this.params.token && this.dashboardReference.setAttribute("auth-token", this.params.token);
+			this.params.itemDimensions && this.dashboardReference.setAttribute("item-dimensions", JSON.stringify(this.params.itemDimensions)), this.params.apiHost && this.dashboardReference.setAttribute("api-host", _e(this.params.apiHost)), this.params.key && this.dashboardReference.setAttribute("auth-key", this.params.key), this.params.token && this.dashboardReference.setAttribute("auth-token", this.params.token);
 		}
 	}
 	updated(e) {
@@ -3319,30 +3319,30 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
 			}
 		} else for (let [n] of e.entries()) t.has(n) && n !== "editMode" ? (this.iframeLoaded = !1, this._loadTimeoutHandle && clearTimeout(this._loadTimeoutHandle), this._loadTimeoutHandle = setTimeout(() => {
 			console.warn("Failed to load dashboard, appServer is likely down or unreachable.");
-		}, 15 * 1e3), this.params = this._setOptions(), qe(this), this._setupLoader(), this._loaderStyles(), this._iframeUrl = Ce(this), this.iframe && this._updateIframeUrl(), this.iframeStyle = Me(this)) : t.has(n) && n === "editMode" && (this.iframeLoaded && this.setEditMode(this.editMode), this.params = this._setOptions());
+		}, 15 * 1e3), this.params = this._setOptions(), Je(this), this._setupLoader(), this._loaderStyles(), this._iframeUrl = we(this), this.iframe && this._updateIframeUrl(), this.iframeStyle = Ne(this)) : t.has(n) && n === "editMode" && (this.iframeLoaded && this.setEditMode(this.editMode), this.params = this._setOptions());
 	}
 	_setOptions() {
 		let e = {
 			dashboardId: this.dashboardId,
 			dashboardSlug: this.dashboardSlug
 		};
-		return this.itemId ? (e.itemId = this.itemId, this._itemEmbedding = !0) : this._itemEmbedding = !1, this.language && (e.language = this.language), this.editorLanguage && (e.editorLanguage = this.editorLanguage), this.qeVersion && (e.qeVersion = this.qeVersion), this.screenMode && (e.screenMode = this.screenMode), e.switchScreenModeOnResize = this.switchScreenModeOnResize, this.authToken && (e.token = this.authToken), this.authKey && (e.key = this.authKey), this.editMode && (e.editMode = this.editMode), this.theme && (e.theme = this.theme), this.mainColor && (e.mainColor = this.mainColor), this.accentColor && (e.accentColor = this.accentColor), this.loaderBackground && (e.loaderBackground = this.loaderBackground), this.loaderFontColor && (e.loaderFontColor = this.loaderFontColor), this.loaderSpinnerColor && (e.loaderSpinnerColor = this.loaderSpinnerColor), this.loaderSpinnerBackground && (e.loaderSpinnerBackground = this.loaderSpinnerBackground), this.timezoneId && (e.timezoneId = this.timezoneId), this.itemDimensions && (e.itemDimensions = this.itemDimensions), this.appServer ? (this.appServer = this.isWebComponentViewMode() ? ge(this.appServer) : he(this.appServer), e.appServer = this.appServer) : (this.appServer = he(T.appServer), e.appServer = this.appServer), this.apiHost ? (this.apiHost = this.isWebComponentViewMode() ? ge(this.apiHost) : he(this.apiHost), e.apiHost = this.apiHost) : (this.apiHost = this.appServer.includes("luzmo.com") ? this.appServer.replace("app", "api") : this.appServer, e.apiHost = this.apiHost), this.currentAuthKey = this.authKey, this.currentAuthToken = this.authToken, e;
+		return this.itemId ? (e.itemId = this.itemId, this._itemEmbedding = !0) : this._itemEmbedding = !1, this.language && (e.language = this.language), this.editorLanguage && (e.editorLanguage = this.editorLanguage), this.qeVersion && (e.qeVersion = this.qeVersion), this.screenMode && (e.screenMode = this.screenMode), e.switchScreenModeOnResize = this.switchScreenModeOnResize, this.authToken && (e.token = this.authToken), this.authKey && (e.key = this.authKey), this.editMode && (e.editMode = this.editMode), this.theme && (e.theme = this.theme), this.mainColor && (e.mainColor = this.mainColor), this.accentColor && (e.accentColor = this.accentColor), this.loaderBackground && (e.loaderBackground = this.loaderBackground), this.loaderFontColor && (e.loaderFontColor = this.loaderFontColor), this.loaderSpinnerColor && (e.loaderSpinnerColor = this.loaderSpinnerColor), this.loaderSpinnerBackground && (e.loaderSpinnerBackground = this.loaderSpinnerBackground), this.timezoneId && (e.timezoneId = this.timezoneId), this.itemDimensions && (e.itemDimensions = this.itemDimensions), this.appServer ? (this.appServer = this.isWebComponentViewMode() ? _e(this.appServer) : ge(this.appServer), e.appServer = this.appServer) : (this.appServer = ge(T.appServer), e.appServer = this.appServer), this.apiHost ? (this.apiHost = this.isWebComponentViewMode() ? _e(this.apiHost) : ge(this.apiHost), e.apiHost = this.apiHost) : (this.apiHost = this.appServer.includes("luzmo.com") ? this.appServer.replace("app", "api") : this.appServer, e.apiHost = this.apiHost), this.currentAuthKey = this.authKey, this.currentAuthToken = this.authToken, e;
 	}
 	_updateIframeUrl() {
-		Pe(this.iframe, this._iframeUrl);
+		Fe(this.iframe, this._iframeUrl);
 	}
 	_setupLoader() {
-		let e = we(this);
+		let e = Te(this);
 		this._loaderMsg = e.loadingMsg, e.errorMsg && (this.browserError = !0, this.browserErrorMsg = e.errorMsg, this._displayError());
 	}
 	_displayError() {
 		this.dashboardError && (this._loaderStyles(), this.iframeStyle.opacity = 1), this.browserError && (this._containerStyle.display = "none");
 	}
 	_calculateDimAfterDashboardLoaded() {
-		this.dashboardError = !1, this._loaderStyles(), Ke(this);
+		this.dashboardError = !1, this._loaderStyles(), qe(this);
 	}
 	_loaderStyles() {
-		this._containerStyle = De(this), this._loaderStyle = ke(this), this._loadingCircleStyle = Ae(this), this._containerLoaderStyle = Oe(this), this._lcStyle = je(this);
+		this._containerStyle = Oe(this), this._loaderStyle = Ae(this), this._loadingCircleStyle = je(this), this._containerLoaderStyle = ke(this), this._lcStyle = Me(this);
 	}
 	static get styles() {
 		return [Ui];
@@ -3352,25 +3352,25 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
       <div
         class="luzmo-container-loader"
         id="luzmo-container-loader-${this._containerId}"
-        style=${ae(this._containerLoaderStyle)}
+        style=${oe(this._containerLoaderStyle)}
       >
         <div
           class="luzmo-loader"
           id="luzmo-loader-${this._containerId}"
-          style=${ae(this._loaderStyle)}
+          style=${oe(this._loaderStyle)}
         >
           <div
             class="luzmo-lc"
-            style=${ae(this._lcStyle)}
+            style=${oe(this._lcStyle)}
           >
             <div
               class="luzmo-loading-circle"
-              style=${ae(this._loadingCircleStyle)}
+              style=${oe(this._loadingCircleStyle)}
             ></div>
             ${this._itemEmbedding ? "" : _`
                 <div
                   class="luzmo-loading-message"
-                  style=${ae({ color: this.loaderFontColor })}
+                  style=${oe({ color: this.loaderFontColor })}
                 >
                   ${this._loaderMsg}
                 </div>
@@ -3395,7 +3395,7 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
               class="luzmo-embed-dashboard ${this.isWebComponentViewMode() ? "" : "luzmo-embed-dashboard-ede"}"
               id="${this._iframeId}"
               name="${this._iframeId}"
-              style=${ae(this.iframeStyle)}
+              style=${oe(this.iframeStyle)}
               src="${this._iframeUrl}"
               frameborder="0"
             ></iframe>
@@ -3406,10 +3406,10 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
             </div>
           ` : ""}
       `, _`
-      <div class="${Ye} ${this.isWebComponentViewMode() ? "" : `${Ye}-ede`}">
+      <div class="${Xe} ${this.isWebComponentViewMode() ? "" : `${Xe}-ede`}">
         <div
           class="dashboard-container"
-          style=${ae(Object.assign({}, this._containerStyle, {
+          style=${oe(Object.assign({}, this._containerStyle, {
 			width: this.iframeStyle.width ?? "100%",
 			height: this.iframeStyle.height ?? "100%"
 		}))}
@@ -3424,28 +3424,28 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
 		return new Promise((e) => e(Vi._dashboardComponents));
 	}
 	getData(e) {
-		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.getData(e) : this.isWebComponentViewMode() ? Promise.reject() : Le(this, this.iframe, e);
+		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.getData(e) : this.isWebComponentViewMode() ? Promise.reject() : Re(this, this.iframe, e);
 	}
 	getFilters() {
-		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.getFilters() : this.isWebComponentViewMode() ? Promise.reject() : Re(this, this.iframe);
+		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.getFilters() : this.isWebComponentViewMode() ? Promise.reject() : ze(this, this.iframe);
 	}
 	setSelectedData(e, t) {
-		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.setSelectedData(e, t) : this.isWebComponentViewMode() ? Promise.reject() : Ge(this, this.iframe, e, t);
+		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.setSelectedData(e, t) : this.isWebComponentViewMode() ? Promise.reject() : Ke(this, this.iframe, e, t);
 	}
 	setAuthorization(e, t) {
-		return this.currentAuthKey = e, this.currentAuthToken = t, this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.setAuthorization(e, t) : this.isWebComponentViewMode() ? Promise.reject() : He(this, this.iframe, e, t);
+		return this.currentAuthKey = e, this.currentAuthToken = t, this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.setAuthorization(e, t) : this.isWebComponentViewMode() ? Promise.reject() : Ue(this, this.iframe, e, t);
 	}
 	refreshData(e) {
-		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.refreshData(e) : this.isWebComponentViewMode() ? Promise.reject() : e ? ze(this, this.iframe, e) : ze(this, this.iframe);
+		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.refreshData(e) : this.isWebComponentViewMode() ? Promise.reject() : e ? Be(this, this.iframe, e) : Be(this, this.iframe);
 	}
 	reloadDashboard() {
-		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.reloadDashboard() : this.isWebComponentViewMode() ? Promise.reject() : Be(this, this.iframe);
+		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.reloadDashboard() : this.isWebComponentViewMode() ? Promise.reject() : Ve(this, this.iframe);
 	}
 	exportDashboard(e) {
-		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.exportDashboard(e) : this.isWebComponentViewMode() ? Promise.reject() : e ? Fe(this, this.iframe, e) : Fe(this, this.iframe);
+		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.exportDashboard(e) : this.isWebComponentViewMode() ? Promise.reject() : e ? Ie(this, this.iframe, e) : Ie(this, this.iframe);
 	}
 	getAccessibleDashboards() {
-		return Ie(this);
+		return Le(this);
 	}
 	addFilters(e, t) {
 		return this.dashboardReference.addFilters(e, t);
@@ -3457,25 +3457,25 @@ var Ri = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, F = (e, t,
 		})) : this.dashboardReference && ["editFull", "editLimited"].includes(e) ? (this.editMode = e, this.params.editMode = e, this.initComponent(), Promise.resolve({
 			type: "setEditMode",
 			editMode: e
-		})) : this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.setEditMode(e) : this.isWebComponentViewMode() ? Promise.reject() : Ue(this, this.iframe, e);
+		})) : this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.setEditMode(e) : this.isWebComponentViewMode() ? Promise.reject() : We(this, this.iframe, e);
 	}
 	setPreview(e) {
-		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.setPreview(e) : We(this, this.iframe, e);
+		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.setPreview(e) : Ge(this, this.iframe, e);
 	}
 	sendExportEmail(e, t, n) {
-		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.sendExportEmail(e, t, n) : this.isWebComponentViewMode() ? Promise.reject() : Ve(this, this.iframe, e, t, n);
+		return this.isWebComponentViewMode() && this.dashboardReference ? this.dashboardReference.sendExportEmail(e, t, n) : this.isWebComponentViewMode() ? Promise.reject() : He(this, this.iframe, e, t, n);
 	}
 	isWebComponentViewMode() {
 		return this.embedMode === "webComponent" && (this.params.editMode === "view" || this.params.editMode === void 0);
 	}
 };
-F([x(".dashboard-container")], I.prototype, "container", 2), F([x(`.${Ye}`)], I.prototype, "luzmoEmbedContainer", 2), F([x("iframe")], I.prototype, "iframe", 2), F([b()], I.prototype, "dashboardId", 2), F([b()], I.prototype, "dashboardSlug", 2), F([b()], I.prototype, "itemId", 2), F([b()], I.prototype, "language", 2), F([b()], I.prototype, "editorLanguage", 2), F([b()], I.prototype, "qeVersion", 2), F([b()], I.prototype, "screenMode", 2), F([b({ converter: {
+I([ee(".dashboard-container")], L.prototype, "container", 2), I([ee(`.${Xe}`)], L.prototype, "luzmoEmbedContainer", 2), I([ee("iframe")], L.prototype, "iframe", 2), I([x()], L.prototype, "dashboardId", 2), I([x()], L.prototype, "dashboardSlug", 2), I([x()], L.prototype, "itemId", 2), I([x()], L.prototype, "language", 2), I([x()], L.prototype, "editorLanguage", 2), I([x()], L.prototype, "qeVersion", 2), I([x()], L.prototype, "screenMode", 2), I([x({ converter: {
 	fromAttribute: (e) => e === "true",
 	toAttribute: String
-} })], I.prototype, "switchScreenModeOnResize", 2), F([b()], I.prototype, "editMode", 2), F([b()], I.prototype, "theme", 2), F([b()], I.prototype, "mainColor", 2), F([b()], I.prototype, "accentColor", 2), F([b()], I.prototype, "authToken", 2), F([b()], I.prototype, "authKey", 2), F([b()], I.prototype, "loaderBackground", 2), F([b()], I.prototype, "loaderFontColor", 2), F([b()], I.prototype, "loaderSpinnerColor", 2), F([b()], I.prototype, "loaderSpinnerBackground", 2), F([b()], I.prototype, "appServer", 2), F([b()], I.prototype, "timezoneId", 2), F([b()], I.prototype, "apiHost", 2), F([b({ type: Object })], I.prototype, "itemDimensions", 2), F([b()], I.prototype, "embedMode", 2), F([b({ attribute: !1 })], I.prototype, "_containerId", 2), F([b({ attribute: !1 })], I.prototype, "_iframeId", 2), F([b({ attribute: !1 })], I.prototype, "params", 2), F([b({ attribute: !1 })], I.prototype, "_iframeUrl", 2), F([b({ attribute: !1 })], I.prototype, "iframeLoaded", 2), F([b({ attribute: !1 })], I.prototype, "promises", 2), F([b({ attribute: !1 })], I.prototype, "iframeStyle", 2), F([b({ attribute: !1 })], I.prototype, "_containerStyle", 2), F([b({ attribute: !1 })], I.prototype, "_loaderStyle", 2), F([b({ attribute: !1 })], I.prototype, "_lcStyle", 2), F([b({ attribute: !1 })], I.prototype, "_loadingCircleStyle", 2), F([b({ attribute: !1 })], I.prototype, "_containerLoaderStyle", 2), F([b({ attribute: !1 })], I.prototype, "_loaderMsg", 2), F([b({ attribute: !1 })], I.prototype, "containerWidth", 2), F([b({ attribute: !1 })], I.prototype, "dimensions", 2), F([b({ attribute: !1 })], I.prototype, "currentScreenMode", 2), F([b({ attribute: !1 })], I.prototype, "_itemEmbedding", 2), F([b({ attribute: !1 })], I.prototype, "browserError", 2), F([b({ attribute: !1 })], I.prototype, "browserErrorMsg", 2), F([b({ attribute: !1 })], I.prototype, "dashboardError", 2), F([b({ attribute: !1 })], I.prototype, "browserNotSupported", 2), F([b()], I.prototype, "libVersion", 2), F([S()], I.prototype, "isLibraryLoaded", 2), F([S()], I.prototype, "dashboardReference", 2), F([S()], I.prototype, "currentAuthKey", 2), F([S()], I.prototype, "currentAuthToken", 2), F([S()], I.prototype, "isInitCalled", 2);
-var Gi = class extends I {};
+} })], L.prototype, "switchScreenModeOnResize", 2), I([x()], L.prototype, "editMode", 2), I([x()], L.prototype, "theme", 2), I([x()], L.prototype, "mainColor", 2), I([x()], L.prototype, "accentColor", 2), I([x()], L.prototype, "authToken", 2), I([x()], L.prototype, "authKey", 2), I([x()], L.prototype, "loaderBackground", 2), I([x()], L.prototype, "loaderFontColor", 2), I([x()], L.prototype, "loaderSpinnerColor", 2), I([x()], L.prototype, "loaderSpinnerBackground", 2), I([x()], L.prototype, "appServer", 2), I([x()], L.prototype, "timezoneId", 2), I([x()], L.prototype, "apiHost", 2), I([x({ type: Object })], L.prototype, "itemDimensions", 2), I([x()], L.prototype, "embedMode", 2), I([x({ attribute: !1 })], L.prototype, "_containerId", 2), I([x({ attribute: !1 })], L.prototype, "_iframeId", 2), I([x({ attribute: !1 })], L.prototype, "params", 2), I([x({ attribute: !1 })], L.prototype, "_iframeUrl", 2), I([x({ attribute: !1 })], L.prototype, "iframeLoaded", 2), I([x({ attribute: !1 })], L.prototype, "promises", 2), I([x({ attribute: !1 })], L.prototype, "iframeStyle", 2), I([x({ attribute: !1 })], L.prototype, "_containerStyle", 2), I([x({ attribute: !1 })], L.prototype, "_loaderStyle", 2), I([x({ attribute: !1 })], L.prototype, "_lcStyle", 2), I([x({ attribute: !1 })], L.prototype, "_loadingCircleStyle", 2), I([x({ attribute: !1 })], L.prototype, "_containerLoaderStyle", 2), I([x({ attribute: !1 })], L.prototype, "_loaderMsg", 2), I([x({ attribute: !1 })], L.prototype, "containerWidth", 2), I([x({ attribute: !1 })], L.prototype, "dimensions", 2), I([x({ attribute: !1 })], L.prototype, "currentScreenMode", 2), I([x({ attribute: !1 })], L.prototype, "_itemEmbedding", 2), I([x({ attribute: !1 })], L.prototype, "browserError", 2), I([x({ attribute: !1 })], L.prototype, "browserErrorMsg", 2), I([x({ attribute: !1 })], L.prototype, "dashboardError", 2), I([x({ attribute: !1 })], L.prototype, "browserNotSupported", 2), I([x()], L.prototype, "libVersion", 2), I([S()], L.prototype, "isLibraryLoaded", 2), I([S()], L.prototype, "dashboardReference", 2), I([S()], L.prototype, "currentAuthKey", 2), I([S()], L.prototype, "currentAuthToken", 2), I([S()], L.prototype, "isInitCalled", 2);
+var Gi = class extends L {};
 customElements.get("luzmo-embed-dashboard") || customElements.define("luzmo-embed-dashboard", Gi);
-var Ki = "0.1.99", qi = "VizItemApp", L = class extends h {
+var Ki = "0.1.99", qi = "VizItemApp", R = class extends h {
 	constructor() {
 		super(...arguments), this.appServer = "https://app.luzmo.com", this.apiHost = "https://api.luzmo.com", this.slots = [], this.version = Bi + "-wc-luzmo", this.dashboardContentsVersion = Ki, this.libVersion = Bi + "-wc-luzmo", this.postInitCallQueue = [];
 	}
@@ -3532,17 +3532,17 @@ var Ki = "0.1.99", qi = "VizItemApp", L = class extends h {
 		}), this.chartElement.addEventListener("changedFilters", (e) => this.dispatchEvent(new CustomEvent("changedFilters", e))), this.chartElement.addEventListener("exported", (e) => this.dispatchEvent(new CustomEvent("exported", e))), this.chartElement.addEventListener("customEvent", (e) => this.dispatchEvent(new CustomEvent("customEvent", e))), this.chartElement.addEventListener("authorizationExpired", (e) => this.dispatchEvent(new CustomEvent("authorizationExpired", e))), this.updateVizItemProperties(), this.renderRoot.append(this.chartElement));
 	}
 	updateVizItemProperties() {
-		if (this.chartElement) for (let e in Je) {
+		if (this.chartElement) for (let e in Ye) {
 			let t = this[e];
 			if (t) {
-				let n = ["appServer", "apiHost"].includes(e) ? ge(t) : t;
-				this.chartElement.setAttribute(Je[e], typeof n == "object" ? JSON.stringify(n) : n);
+				let n = ["appServer", "apiHost"].includes(e) ? _e(t) : t;
+				this.chartElement.setAttribute(Ye[e], typeof n == "object" ? JSON.stringify(n) : n);
 			}
 		}
 	}
 	async updated(e) {
 		if (this.chartElement) for (let [t] of e.entries()) {
-			let e = Je[t] ?? t, n = typeof this[t] == "object" ? JSON.stringify(this[t]) : this[t]?.toString() ?? this[t];
+			let e = Ye[t] ?? t, n = typeof this[t] == "object" ? JSON.stringify(this[t]) : this[t]?.toString() ?? this[t];
 			this.chartElement.setAttribute(e, n);
 		}
 		else this.canInitializeVizItem() && (await Li(this.appServer, qi), this.createAndAppendElement());
@@ -3551,14 +3551,14 @@ var Ki = "0.1.99", qi = "VizItemApp", L = class extends h {
 		return _`  `;
 	}
 };
-F([b()], L.prototype, "appServer", 2), F([b()], L.prototype, "apiHost", 2), F([b({ type: Array })], L.prototype, "slots", 2), F([b({ type: Object })], L.prototype, "options", 2), F([b()], L.prototype, "type", 2), F([b()], L.prototype, "authKey", 2), F([b()], L.prototype, "authToken", 2), F([b()], L.prototype, "version", 2), F([b()], L.prototype, "contextId", 2), F([b({ converter: (e) => {
+I([x()], R.prototype, "appServer", 2), I([x()], R.prototype, "apiHost", 2), I([x({ type: Array })], R.prototype, "slots", 2), I([x({ type: Object })], R.prototype, "options", 2), I([x()], R.prototype, "type", 2), I([x()], R.prototype, "authKey", 2), I([x()], R.prototype, "authToken", 2), I([x()], R.prototype, "version", 2), I([x()], R.prototype, "contextId", 2), I([x({ converter: (e) => {
 	try {
 		return JSON.parse(e);
 	} catch {
 		return e;
 	}
-} })], L.prototype, "canFilter", 2), F([b({ type: Array })], L.prototype, "filters", 2), F([b()], L.prototype, "dashboardId", 2), F([b()], L.prototype, "itemId", 2), F([b({ type: Object })], L.prototype, "selectedData", 2), F([b()], L.prototype, "dashboardContentsVersion", 2), F([b()], L.prototype, "libVersion", 2);
-var Ji = class extends L {};
+} })], R.prototype, "canFilter", 2), I([x({ type: Array })], R.prototype, "filters", 2), I([x()], R.prototype, "dashboardId", 2), I([x()], R.prototype, "itemId", 2), I([x({ type: Object })], R.prototype, "selectedData", 2), I([x()], R.prototype, "dashboardContentsVersion", 2), I([x()], R.prototype, "libVersion", 2);
+var Ji = class extends R {};
 customElements.get("luzmo-embed-viz-item") || customElements.define("luzmo-embed-viz-item", Ji);
 var Yi = {
 	aiEndpoint: "ai-endpoint",
@@ -3572,7 +3572,7 @@ var Yi = {
 	libVersion: "lib-version",
 	aydHost: "ayd-host",
 	availableDatasets: "available-datasets"
-}, Xi = "luzmo-iq-embed-chat", Zi = "luzmo-iq-chat-component", R = class extends h {
+}, Xi = "luzmo-iq-embed-chat", Zi = "luzmo-iq-chat-component", z = class extends h {
 	constructor() {
 		super(...arguments), this.appServer = "https://app.luzmo.com", this.apiHost = "https://api.luzmo.com", this.version = Bi + "-wc-luzmo", this.libVersion = Bi + "-wc-luzmo", this.remoteEntryServer = "http://localhost:4202/", this.aydHost = "https://ayd.luzmo.com/";
 	}
@@ -3605,7 +3605,7 @@ var Yi = {
 					"appServer",
 					"apiHost",
 					"aydHost"
-				].includes(e) ? ge(t) : t;
+				].includes(e) ? _e(t) : t;
 				this.chartElement.setAttribute(Yi[e], typeof n == "object" ? JSON.stringify(n) : n);
 			}
 		}
@@ -3636,7 +3636,7 @@ var Yi = {
 		});
 	}
 };
-F([b()], R.prototype, "appServer", 2), F([b()], R.prototype, "apiHost", 2), F([b({ type: Object })], R.prototype, "options", 2), F([b({ type: String })], R.prototype, "initialSuggestionsDatasetId", 2), F([b()], R.prototype, "aiEndpoint", 2), F([b()], R.prototype, "authKey", 2), F([b()], R.prototype, "authToken", 2), F([b()], R.prototype, "version", 2), F([b()], R.prototype, "libVersion", 2), F([b()], R.prototype, "remoteEntryServer", 2), F([b()], R.prototype, "aydHost", 2), F([b({ type: Array })], R.prototype, "availableDatasets", 2), customElements.get(Xi) || customElements.define(Xi, R);
+I([x()], z.prototype, "appServer", 2), I([x()], z.prototype, "apiHost", 2), I([x({ type: Object })], z.prototype, "options", 2), I([x({ type: String })], z.prototype, "initialSuggestionsDatasetId", 2), I([x()], z.prototype, "aiEndpoint", 2), I([x()], z.prototype, "authKey", 2), I([x()], z.prototype, "authToken", 2), I([x()], z.prototype, "version", 2), I([x()], z.prototype, "libVersion", 2), I([x()], z.prototype, "remoteEntryServer", 2), I([x()], z.prototype, "aydHost", 2), I([x({ type: Array })], z.prototype, "availableDatasets", 2), customElements.get(Xi) || customElements.define(Xi, z);
 var Qi = {
 	aiEndPoint: "ai-end-point",
 	appServer: "app-server",
@@ -3647,7 +3647,7 @@ var Qi = {
 	version: "version",
 	libVersion: "lib-version",
 	messages: "messages"
-}, $i = "luzmo-iq-embed-answer", z = class extends h {
+}, $i = "luzmo-iq-embed-answer", B = class extends h {
 	constructor() {
 		super(...arguments), this.appServer = "https://app.luzmo.com", this.apiHost = "https://api.luzmo.com", this.version = Bi + "-wc-luzmo", this.libVersion = Bi + "-wc-luzmo", this.remoteEntryServer = "http://localhost:4202";
 	}
@@ -3676,7 +3676,7 @@ var Qi = {
 		if (this.chartElement) for (let e in Qi) {
 			let t = this[e];
 			if (t) {
-				let n = ["appServer", "apiHost"].includes(e) ? ge(t) : t;
+				let n = ["appServer", "apiHost"].includes(e) ? _e(t) : t;
 				this.chartElement.setAttribute(Qi[e], typeof n == "object" ? JSON.stringify(n) : n);
 			}
 		}
@@ -3692,7 +3692,7 @@ var Qi = {
 		return _`  `;
 	}
 };
-F([b()], z.prototype, "appServer", 2), F([b()], z.prototype, "apiHost", 2), F([b({ type: Object })], z.prototype, "options", 2), F([b()], z.prototype, "aiEndPoint", 2), F([b()], z.prototype, "authKey", 2), F([b()], z.prototype, "authToken", 2), F([b()], z.prototype, "messages", 2), F([b()], z.prototype, "version", 2), F([b()], z.prototype, "libVersion", 2), F([b()], z.prototype, "remoteEntryServer", 2), customElements.get($i) || customElements.define($i, z), h.disableWarning?.("change-in-update");
+I([x()], B.prototype, "appServer", 2), I([x()], B.prototype, "apiHost", 2), I([x({ type: Object })], B.prototype, "options", 2), I([x()], B.prototype, "aiEndPoint", 2), I([x()], B.prototype, "authKey", 2), I([x()], B.prototype, "authToken", 2), I([x()], B.prototype, "messages", 2), I([x()], B.prototype, "version", 2), I([x()], B.prototype, "libVersion", 2), I([x()], B.prototype, "remoteEntryServer", 2), customElements.get($i) || customElements.define($i, B), h.disableWarning?.("change-in-update");
 //#endregion
 //#region node_modules/gridstack/dist/gridstack.min.css?inline
 var ea = ".grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;width:auto;margin:0;position:absolute;z-index:0!important}.grid-stack>.grid-stack-item{width:var(--gs-column-width);height:var(--gs-cell-height);padding:0;position:absolute;top:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{width:auto;margin:0;position:absolute;overflow:hidden auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack:not(.grid-stack-rtl)>.grid-stack-item{left:0}.grid-stack.grid-stack-rtl>.grid-stack-item{right:0}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{-ms-touch-action:none;touch-action:none;font-size:.1px;display:block;position:absolute}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" stroke=\\\"%23666\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m10 3 2 2H8l2-2v14l-2-2h4l-2 2\\\"/></svg>\");background-position:50%;background-repeat:no-repeat}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,right,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{opacity:.8;box-shadow:1px 4px 6px #0003}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,right .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left,right,top,height,width}.grid-stack>.grid-stack-item[gs-y=\"0\"]{top:0}.grid-stack:not(.grid-stack-rtl)>.grid-stack-item[gs-x=\"0\"]{left:0}.grid-stack.grid-stack-rtl>.grid-stack-item[gs-x=\"0\"]{right:0}", ta = (e, t) => {
@@ -3735,7 +3735,7 @@ var ea = ".grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stac
 		composed: !0,
 		cancelable: !0
 	}));
-}, B = ({ target: e, itemStates: t, updatedItemStates: n, changedItemStates: r }) => {
+}, V = ({ target: e, itemStates: t, updatedItemStates: n, changedItemStates: r }) => {
 	e.dispatchEvent(new CustomEvent("luzmo-item-grid-item-states-changed", {
 		detail: {
 			itemStates: t,
@@ -3909,7 +3909,7 @@ var ea = ".grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stac
 		excludeNodeId: e
 	});
 	return r.map((t) => t.id === e ? a : o.find((e) => e.id === t.id) ?? t);
-}, wa = (e) => ya(e, e.id), Ta = Math.min, Ea = Math.max, Da = Math.round, Oa = Math.floor, V = (e) => ({
+}, wa = (e) => ya(e, e.id), Ta = Math.min, Ea = Math.max, Da = Math.round, Oa = Math.floor, H = (e) => ({
 	x: e,
 	y: e
 }), ka = {
@@ -4128,27 +4128,27 @@ var Qa = 50, $a = async (e, t, n) => {
 			if ((n = i.arrow) != null && n.alignmentOffset) return {};
 			let g = ja(r), _ = Fa(o), v = ja(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Ka(o)] : Ra(o)), x = p !== "none";
 			!d && x && b.push(...Ga(o, m, p, y));
-			let ee = [o, ...b], S = await s.detectOverflow(t, h), te = [], C = i.flip?.overflows || [];
-			if (l && te.push(S[g]), u) {
+			let ee = [o, ...b], te = await s.detectOverflow(t, h), S = [], ne = i.flip?.overflows || [];
+			if (l && S.push(te[g]), u) {
 				let e = La(r, a, y);
-				te.push(S[e[0]], S[e[1]]);
+				S.push(te[e[0]], te[e[1]]);
 			}
-			if (C = [...C, {
+			if (ne = [...ne, {
 				placement: r,
-				overflows: te
-			}], !te.every((e) => e <= 0)) {
+				overflows: S
+			}], !S.every((e) => e <= 0)) {
 				let e = (i.flip?.index || 0) + 1, t = ee[e];
-				if (t && (!(u === "alignment" && _ !== Fa(t)) || C.every((e) => Fa(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
+				if (t && (!(u === "alignment" && _ !== Fa(t)) || ne.every((e) => Fa(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
 					data: {
 						index: e,
-						overflows: C
+						overflows: ne
 					},
 					reset: { placement: t }
 				};
-				let n = C.filter((e) => e.overflows[0] <= 0).sort((e, t) => e.overflows[1] - t.overflows[1])[0]?.placement;
+				let n = ne.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) => {
+						let e = ne.filter((e) => {
 							if (x) {
 								let t = Fa(e.placement);
 								return t === _ || t === "y";
@@ -4212,33 +4212,33 @@ function io() {
 function ao(e) {
 	return oo(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function H(e) {
+function U(e) {
 	var t;
 	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function U(e) {
+function W(e) {
 	return ((oo(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
 }
 function oo(e) {
-	return io() ? e instanceof Node || e instanceof H(e).Node : !1;
-}
-function W(e) {
-	return io() ? e instanceof Element || e instanceof H(e).Element : !1;
+	return io() ? e instanceof Node || e instanceof U(e).Node : !1;
 }
 function G(e) {
-	return io() ? e instanceof HTMLElement || e instanceof H(e).HTMLElement : !1;
+	return io() ? e instanceof Element || e instanceof U(e).Element : !1;
 }
 function so(e) {
-	return !io() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof H(e).ShadowRoot;
+	return io() ? e instanceof HTMLElement || e instanceof U(e).HTMLElement : !1;
 }
 function co(e) {
+	return !io() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof U(e).ShadowRoot;
+}
+function lo(e) {
 	let { overflow: t, overflowX: n, overflowY: r, display: i } = K(e);
 	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
 }
-function lo(e) {
+function uo(e) {
 	return /^(table|td|th)$/.test(ao(e));
 }
-function uo(e) {
+function fo(e) {
 	try {
 		if (e.matches(":popover-open")) return !0;
 	} catch {}
@@ -4248,31 +4248,31 @@ function uo(e) {
 		return !1;
 	}
 }
-var fo = /transform|translate|scale|rotate|perspective|filter/, po = /paint|layout|strict|content/, mo = (e) => !!e && e !== "none", ho;
-function go(e) {
-	let t = W(e) ? K(e) : e;
-	return mo(t.transform) || mo(t.translate) || mo(t.scale) || mo(t.rotate) || mo(t.perspective) || !vo() && (mo(t.backdropFilter) || mo(t.filter)) || fo.test(t.willChange || "") || po.test(t.contain || "");
-}
+var po = /transform|translate|scale|rotate|perspective|filter/, mo = /paint|layout|strict|content/, ho = (e) => !!e && e !== "none", go;
 function _o(e) {
-	let t = xo(e);
-	for (; G(t) && !yo(t);) {
-		if (go(t)) return t;
-		if (uo(t)) return null;
-		t = xo(t);
+	let t = G(e) ? K(e) : e;
+	return ho(t.transform) || ho(t.translate) || ho(t.scale) || ho(t.rotate) || ho(t.perspective) || !yo() && (ho(t.backdropFilter) || ho(t.filter)) || po.test(t.willChange || "") || mo.test(t.contain || "");
+}
+function vo(e) {
+	let t = So(e);
+	for (; so(t) && !bo(t);) {
+		if (_o(t)) return t;
+		if (fo(t)) return null;
+		t = So(t);
 	}
 	return null;
 }
-function vo() {
-	return ho ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), ho;
+function yo() {
+	return go ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), go;
 }
-function yo(e) {
+function bo(e) {
 	return /^(html|body|#document)$/.test(ao(e));
 }
 function K(e) {
-	return H(e).getComputedStyle(e);
+	return U(e).getComputedStyle(e);
 }
-function bo(e) {
-	return W(e) ? {
+function xo(e) {
+	return G(e) ? {
 		scrollLeft: e.scrollLeft,
 		scrollTop: e.scrollTop
 	} : {
@@ -4280,69 +4280,69 @@ function bo(e) {
 		scrollTop: e.scrollY
 	};
 }
-function xo(e) {
+function So(e) {
 	if (ao(e) === "html") return e;
-	let t = e.assignedSlot || e.parentNode || so(e) && e.host || U(e);
-	return so(t) ? t.host : t;
+	let t = e.assignedSlot || e.parentNode || co(e) && e.host || W(e);
+	return co(t) ? t.host : t;
 }
-function So(e) {
-	let t = xo(e);
-	return yo(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : G(t) && co(t) ? t : So(t);
+function Co(e) {
+	let t = So(e);
+	return bo(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : so(t) && lo(t) ? t : Co(t);
 }
-function Co(e, t, n) {
+function wo(e, t, n) {
 	t === void 0 && (t = []), n === void 0 && (n = !0);
-	let r = So(e), i = r === e.ownerDocument?.body, a = H(r);
+	let r = Co(e), i = r === e.ownerDocument?.body, a = U(r);
 	if (i) {
-		let e = wo(a);
-		return t.concat(a, a.visualViewport || [], co(r) ? r : [], e && n ? Co(e) : []);
-	} else return t.concat(r, Co(r, [], n));
+		let e = To(a);
+		return t.concat(a, a.visualViewport || [], lo(r) ? r : [], e && n ? wo(e) : []);
+	} else return t.concat(r, wo(r, [], n));
 }
-function wo(e) {
+function To(e) {
 	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 //#endregion
 //#region node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
-function To(e) {
-	let t = K(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = G(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = Da(n) !== a || Da(r) !== o;
+function Eo(e) {
+	let t = K(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = so(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = Da(n) !== a || Da(r) !== o;
 	return s && (n = a, r = o), {
 		width: n,
 		height: r,
 		$: s
 	};
 }
-function Eo(e) {
-	return W(e) ? e : e.contextElement;
-}
 function Do(e) {
-	let t = Eo(e);
-	if (!G(t)) return V(1);
-	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = To(t), o = (a ? Da(n.width) : n.width) / r, s = (a ? Da(n.height) : n.height) / i;
+	return G(e) ? e : e.contextElement;
+}
+function Oo(e) {
+	let t = Do(e);
+	if (!so(t)) return H(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = Eo(t), o = (a ? Da(n.width) : n.width) / r, s = (a ? Da(n.height) : n.height) / i;
 	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
 		x: o,
 		y: s
 	};
 }
-var Oo = /* @__PURE__ */ V(0);
-function ko(e) {
-	let t = H(e);
-	return !vo() || !t.visualViewport ? Oo : {
+var ko = /* @__PURE__ */ H(0);
+function Ao(e) {
+	let t = U(e);
+	return !yo() || !t.visualViewport ? ko : {
 		x: t.visualViewport.offsetLeft,
 		y: t.visualViewport.offsetTop
 	};
 }
-function Ao(e, t, n) {
-	return t === void 0 && (t = !1), !n || t && n !== H(e) ? !1 : t;
+function jo(e, t, n) {
+	return t === void 0 && (t = !1), !n || t && n !== U(e) ? !1 : t;
 }
-function jo(e, t, n, r) {
+function Mo(e, t, n, r) {
 	t === void 0 && (t = !1), n === void 0 && (n = !1);
-	let i = e.getBoundingClientRect(), a = Eo(e), o = V(1);
-	t && (r ? W(r) && (o = Do(r)) : o = Do(e));
-	let s = Ao(a, n, r) ? ko(a) : V(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;
+	let i = e.getBoundingClientRect(), a = Do(e), o = H(1);
+	t && (r ? G(r) && (o = Oo(r)) : o = Oo(e));
+	let s = jo(a, n, r) ? Ao(a) : H(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 = H(a), t = r && W(r) ? H(r) : r, n = e, i = wo(n);
+		let e = U(a), t = r && G(r) ? U(r) : r, n = e, i = To(n);
 		for (; i && r && t !== n;) {
-			let e = Do(i), t = i.getBoundingClientRect(), r = K(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 = H(i), i = wo(n);
+			let e = Oo(i), t = i.getBoundingClientRect(), r = K(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 = U(i), i = To(n);
 		}
 	}
 	return Ya({
@@ -4352,29 +4352,29 @@ function jo(e, t, n, r) {
 		y: l
 	});
 }
-function Mo(e, t) {
-	let n = bo(e).scrollLeft;
-	return t ? t.left + n : jo(U(e)).left + n;
-}
 function No(e, t) {
+	let n = xo(e).scrollLeft;
+	return t ? t.left + n : Mo(W(e)).left + n;
+}
+function Po(e, t) {
 	let n = e.getBoundingClientRect();
 	return {
-		x: n.left + t.scrollLeft - Mo(e, n),
+		x: n.left + t.scrollLeft - No(e, n),
 		y: n.top + t.scrollTop
 	};
 }
-function Po(e) {
-	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = U(r), s = t ? uo(t.floating) : !1;
+function Fo(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = W(r), s = t ? fo(t.floating) : !1;
 	if (r === o || s && a) return n;
 	let c = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, l = V(1), u = V(0), d = G(r);
-	if ((d || !d && !a) && ((ao(r) !== "body" || co(o)) && (c = bo(r)), d)) {
-		let e = jo(r);
-		l = Do(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+	}, l = H(1), u = H(0), d = so(r);
+	if ((d || !d && !a) && ((ao(r) !== "body" || lo(o)) && (c = xo(r)), d)) {
+		let e = Mo(r);
+		l = Oo(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
 	}
-	let f = o && !d && !a ? No(o, c) : V(0);
+	let f = o && !d && !a ? Po(o, c) : H(0);
 	return {
 		width: n.width * l.x,
 		height: n.height * l.y,
@@ -4382,11 +4382,11 @@ function Po(e) {
 		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
 	};
 }
-function Fo(e) {
+function Io(e) {
 	return Array.from(e.getClientRects());
 }
-function Io(e) {
-	let t = U(e), n = bo(e), r = e.ownerDocument.body, i = Ea(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = Ea(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + Mo(e), s = -n.scrollTop;
+function Lo(e) {
+	let t = W(e), n = xo(e), r = e.ownerDocument.body, i = Ea(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = Ea(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + No(e), s = -n.scrollTop;
 	return K(r).direction === "rtl" && (o += Ea(t.clientWidth, r.clientWidth) - i), {
 		width: i,
 		height: a,
@@ -4394,19 +4394,19 @@ function Io(e) {
 		y: s
 	};
 }
-var Lo = 25;
-function Ro(e, t) {
-	let n = H(e), r = U(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
+var Ro = 25;
+function zo(e, t) {
+	let n = U(e), r = W(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
 	if (i) {
 		a = i.width, o = i.height;
-		let e = vo();
+		let e = yo();
 		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
 	}
-	let l = Mo(r);
+	let l = No(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 <= Lo && (a -= o);
-	} else l <= Lo && (a += l);
+		o <= Ro && (a -= o);
+	} else l <= Ro && (a += l);
 	return {
 		width: a,
 		height: o,
@@ -4414,8 +4414,8 @@ function Ro(e, t) {
 		y: c
 	};
 }
-function zo(e, t) {
-	let n = jo(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = G(e) ? Do(e) : V(1);
+function Bo(e, t) {
+	let n = Mo(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = so(e) ? Oo(e) : H(1);
 	return {
 		width: e.clientWidth * a.x,
 		height: e.clientHeight * a.y,
@@ -4423,13 +4423,13 @@ function zo(e, t) {
 		y: r * a.y
 	};
 }
-function Bo(e, t, n) {
+function Vo(e, t, n) {
 	let r;
-	if (t === "viewport") r = Ro(e, n);
-	else if (t === "document") r = Io(U(e));
-	else if (W(t)) r = zo(t, n);
+	if (t === "viewport") r = zo(e, n);
+	else if (t === "document") r = Lo(W(e));
+	else if (G(t)) r = Bo(t, n);
 	else {
-		let n = ko(e);
+		let n = Ao(e);
 		r = {
 			x: t.x - n.x,
 			y: t.y - n.y,
@@ -4439,24 +4439,24 @@ function Bo(e, t, n) {
 	}
 	return Ya(r);
 }
-function Vo(e, t) {
-	let n = xo(e);
-	return n === t || !W(n) || yo(n) ? !1 : K(n).position === "fixed" || Vo(n, t);
-}
 function Ho(e, t) {
+	let n = So(e);
+	return n === t || !G(n) || bo(n) ? !1 : K(n).position === "fixed" || Ho(n, t);
+}
+function Uo(e, t) {
 	let n = t.get(e);
 	if (n) return n;
-	let r = Co(e, [], !1).filter((e) => W(e) && ao(e) !== "body"), i = null, a = K(e).position === "fixed", o = a ? xo(e) : e;
-	for (; W(o) && !yo(o);) {
-		let t = K(o), n = go(o);
-		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || co(o) && !n && Vo(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = xo(o);
+	let r = wo(e, [], !1).filter((e) => G(e) && ao(e) !== "body"), i = null, a = K(e).position === "fixed", o = a ? So(e) : e;
+	for (; G(o) && !bo(o);) {
+		let t = K(o), n = _o(o);
+		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || lo(o) && !n && Ho(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = So(o);
 	}
 	return t.set(e, r), r;
 }
-function Uo(e) {
-	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? uo(t) ? [] : Ho(t, this._c) : [].concat(n), r], o = Bo(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
+function Wo(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? fo(t) ? [] : Uo(t, this._c) : [].concat(n), r], o = Vo(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 = Bo(t, a[e], i);
+		let n = Vo(t, a[e], i);
 		s = Ea(n.top, s), c = Ta(n.right, c), l = Ta(n.bottom, l), u = Ea(n.left, u);
 	}
 	return {
@@ -4466,27 +4466,27 @@ function Uo(e) {
 		y: s
 	};
 }
-function Wo(e) {
-	let { width: t, height: n } = To(e);
+function Go(e) {
+	let { width: t, height: n } = Eo(e);
 	return {
 		width: t,
 		height: n
 	};
 }
-function Go(e, t, n) {
-	let r = G(t), i = U(t), a = n === "fixed", o = jo(e, !0, a, t), s = {
+function Ko(e, t, n) {
+	let r = so(t), i = W(t), a = n === "fixed", o = Mo(e, !0, a, t), s = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, c = V(0);
+	}, c = H(0);
 	function l() {
-		c.x = Mo(i);
+		c.x = No(i);
 	}
-	if (r || !r && !a) if ((ao(t) !== "body" || co(i)) && (s = bo(t)), r) {
-		let e = jo(t, !0, a, t);
+	if (r || !r && !a) if ((ao(t) !== "body" || lo(i)) && (s = xo(t)), r) {
+		let e = Mo(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 ? No(i, s) : V(0);
+	let u = i && !r && !a ? Po(i, s) : H(0);
 	return {
 		x: o.left + s.scrollLeft - c.x - u.x,
 		y: o.top + s.scrollTop - c.y - u.y,
@@ -4494,34 +4494,34 @@ function Go(e, t, n) {
 		height: o.height
 	};
 }
-function Ko(e) {
+function qo(e) {
 	return K(e).position === "static";
 }
-function qo(e, t) {
-	if (!G(e) || K(e).position === "fixed") return null;
+function Jo(e, t) {
+	if (!so(e) || K(e).position === "fixed") return null;
 	if (t) return t(e);
 	let n = e.offsetParent;
-	return U(e) === n && (n = n.ownerDocument.body), n;
+	return W(e) === n && (n = n.ownerDocument.body), n;
 }
-function Jo(e, t) {
-	let n = H(e);
-	if (uo(e)) return n;
-	if (!G(e)) {
-		let t = xo(e);
-		for (; t && !yo(t);) {
-			if (W(t) && !Ko(t)) return t;
-			t = xo(t);
+function Yo(e, t) {
+	let n = U(e);
+	if (fo(e)) return n;
+	if (!so(e)) {
+		let t = So(e);
+		for (; t && !bo(t);) {
+			if (G(t) && !qo(t)) return t;
+			t = So(t);
 		}
 		return n;
 	}
-	let r = qo(e, t);
-	for (; r && lo(r) && Ko(r);) r = qo(r, t);
-	return r && yo(r) && Ko(r) && !go(r) ? n : r || _o(e) || n;
+	let r = Jo(e, t);
+	for (; r && uo(r) && qo(r);) r = Jo(r, t);
+	return r && bo(r) && qo(r) && !_o(r) ? n : r || vo(e) || n;
 }
-var Yo = async function(e) {
-	let t = this.getOffsetParent || Jo, n = this.getDimensions, r = await n(e.floating);
+var Xo = async function(e) {
+	let t = this.getOffsetParent || Yo, n = this.getDimensions, r = await n(e.floating);
 	return {
-		reference: Go(e.reference, await t(e.floating), e.strategy),
+		reference: Ko(e.reference, await t(e.floating), e.strategy),
 		floating: {
 			x: 0,
 			y: 0,
@@ -4530,26 +4530,26 @@ var Yo = async function(e) {
 		}
 	};
 };
-function Xo(e) {
+function Zo(e) {
 	return K(e).direction === "rtl";
 }
-var Zo = {
-	convertOffsetParentRelativeRectToViewportRelativeRect: Po,
-	getDocumentElement: U,
-	getClippingRect: Uo,
-	getOffsetParent: Jo,
-	getElementRects: Yo,
-	getClientRects: Fo,
-	getDimensions: Wo,
-	getScale: Do,
-	isElement: W,
-	isRTL: Xo
+var Qo = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: Fo,
+	getDocumentElement: W,
+	getClippingRect: Wo,
+	getOffsetParent: Yo,
+	getElementRects: Xo,
+	getClientRects: Io,
+	getDimensions: Go,
+	getScale: Oo,
+	isElement: G,
+	isRTL: Zo
 };
-function Qo(e, t) {
+function $o(e, t) {
 	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function $o(e, t) {
-	let n = null, r, i = U(e);
+function es(e, t) {
+	let n = null, r, i = W(e);
 	function a() {
 		var e;
 		clearTimeout(r), (e = n) == null || e.disconnect(), n = null;
@@ -4570,7 +4570,7 @@ function $o(e, t) {
 					o(!1, 1e-7);
 				}, 1e3);
 			}
-			n === 1 && !Qo(l, e.getBoundingClientRect()) && o(), y = !1;
+			n === 1 && !$o(l, e.getBoundingClientRect()) && o(), y = !1;
 		}
 		try {
 			n = new IntersectionObserver(b, {
@@ -4584,13 +4584,13 @@ function $o(e, t) {
 	}
 	return o(!0), a;
 }
-function es(e, t, n, r) {
+function ts(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 = Eo(e), u = i || a ? [...l ? Co(l) : [], ...t ? Co(t) : []] : [];
+	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = Do(e), u = i || a ? [...l ? wo(l) : [], ...t ? wo(t) : []] : [];
 	u.forEach((e) => {
 		i && e.addEventListener("scroll", n, { passive: !0 }), a && e.addEventListener("resize", n);
 	});
-	let d = l && s ? $o(l, n) : null, f = -1, p = null;
+	let d = l && s ? es(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(() => {
@@ -4598,11 +4598,11 @@ function es(e, t, n, r) {
 			(e = p) == null || e.observe(t);
 		})), n();
 	}), l && !c && p.observe(l), t && p.observe(t));
-	let m, h = c ? jo(e) : null;
+	let m, h = c ? Mo(e) : null;
 	c && g();
 	function g() {
-		let t = jo(e);
-		h && !Qo(h, t) && n(), h = t, m = requestAnimationFrame(g);
+		let t = Mo(e);
+		h && !$o(h, t) && n(), h = t, m = requestAnimationFrame(g);
 	}
 	return n(), () => {
 		var e;
@@ -4611,9 +4611,9 @@ function es(e, t, n, r) {
 		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
 	};
 }
-var ts = ro, ns = eo, rs = (e, t, n) => {
+var ns = ro, rs = eo, is = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map(), i = {
-		platform: Zo,
+		platform: Qo,
 		...n
 	}, a = {
 		...i.platform,
@@ -4623,29 +4623,30 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 		...i,
 		platform: a
 	});
-}, is = /* @__PURE__ */ new WeakMap(), as = (e, t) => {
-	os(e), is.set(e, t);
-}, os = (e) => {
-	let t = is.get(e);
-	t && (t(), is.delete(e));
-}, ss = ({ element: e, activeActions: t, getGridItemById: n, placementItemActionsMenu: r, renderOverlayContent: i, removeItemActionsMenuPopover: a }) => {
-	let o = e.querySelector(".grid-item-actions-popover"), s = e.querySelector(".grid-stack-item-content"), c = n(e.getAttribute("gs-id") ?? "");
-	if (t && t.length > 0 && o && (a(e), o = null), !o) {
+}, as = /* @__PURE__ */ new WeakMap(), os = (e, t) => {
+	ss(e), as.set(e, t);
+}, ss = (e) => {
+	let t = as.get(e);
+	t && (t(), as.delete(e));
+}, cs = ({ element: e, activeActions: t, getGridItemById: n, placementItemActionsMenu: r, renderOverlayContent: i, removeItemActionsMenuPopover: a, itemActionsDocumentPopover: o = !0 }) => {
+	let s = e.querySelector(".grid-item-actions-popover"), c = e.querySelector(".grid-stack-item-content"), l = n(e.getAttribute("gs-id") ?? "");
+	if (t && t.length > 0 && s && (a(e), s = null), !s) {
 		let n = document.createDocumentFragment();
-		v(i(c?.item, t), n), o = n.querySelector(".grid-item-actions-popover"), e.append(o);
+		y(i(l?.item, t), n), s = n.querySelector(".grid-item-actions-popover"), e.append(s);
 	}
-	let l = es(s, o, async () => {
-		let { x: e, y: t } = await rs(s, o, {
-			placement: c?.item?.placementActionsMenu ?? r ?? "right-start",
-			middleware: [ts(0), ns({ crossAxis: !1 })]
+	let u = o ? "absolute" : "fixed", d = ts(c, s, async () => {
+		let { x: e, y: t } = await is(c, s, {
+			placement: l?.item?.placementActionsMenu ?? r ?? "right-start",
+			strategy: u,
+			middleware: [ns(0), rs({ crossAxis: !1 })]
 		});
-		o.style.left = `${e}px`, o.style.top = `${t}px`;
+		s.style.left = `${e}px`, s.style.top = `${t}px`, o || (s.style.position = "fixed", s.style.right = "auto", s.style.bottom = "auto", s.style.margin = "0");
 	});
-	as(o, l), o.isConnected && !o.matches(":popover-open") && o.showPopover();
-}, cs = (e) => {
+	os(s, d), o && s.isConnected && !s.matches(":popover-open") && s.showPopover();
+}, ls = (e) => {
 	let t = e.querySelector(".grid-item-actions-popover");
-	t && (os(t), t.matches(":popover-open") && t.hidePopover(), t.remove());
-}, ls = (e) => e === "ArrowLeft" || e === "ArrowRight" || e === "ArrowUp" || e === "ArrowDown", us = ({ key: e, node: t, maxColumns: n, shiftKey: r, ctrlKey: i, metaKey: a }) => {
+	t && (ss(t), t.hasAttribute("popover") && t.matches(":popover-open") && t.hidePopover(), t.remove());
+}, us = (e) => e === "ArrowLeft" || e === "ArrowRight" || e === "ArrowUp" || e === "ArrowDown", ds = ({ key: e, node: t, maxColumns: n, shiftKey: r, ctrlKey: i, metaKey: a }) => {
 	let o = {
 		ArrowLeft: {
 			move: { x: t.x - 1 },
@@ -4695,7 +4696,7 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 	if (r && o.canResize) return o.resize;
 	if ((i || a) && o.canShrink) return o.shrink;
 	if (o.canMove) return o.move;
-}, ds = ({ event: e, viewMode: t, focusedItemElement: n, activeItemElement: r, gridElement: i, grid: a, columns: o, onDeleteRequest: s, removeItemActionsMenuPopover: c, createItemActionsMenuPopover: l }) => {
+}, fs = ({ 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
@@ -4711,14 +4712,14 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 		let e = n.querySelector("luzmo-item-grid-item-actions-menu");
 		e && e.focus();
 	});
-	else if (n && a && ls(e.key)) {
+	else if (n && a && us(e.key)) {
 		e.preventDefault(), e.stopPropagation();
 		let t = n.gridstackNode;
 		if (!t) return {
 			focusedItemElement: u,
 			activeItemElement: d
 		};
-		let r = us({
+		let r = ds({
 			key: e.key,
 			node: t,
 			maxColumns: o,
@@ -4732,7 +4733,7 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 		focusedItemElement: u,
 		activeItemElement: d
 	};
-}, fs = {
+}, ps = {
 	lock: {
 		icon: d,
 		label: "Lock",
@@ -4782,37 +4783,37 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 		action: "delete",
 		type: "button"
 	}
-}, ps = (e) => {
+}, ms = (e) => {
 	if (e) return structuredClone(e).map((e) => {
 		if (e.type === "group") return e.actions = e.actions ?? [], e.actions = e.actions.map((e) => {
-			if (typeof e == "string" && Object.hasOwn(fs, e)) return { ...fs[e] };
+			if (typeof e == "string" && Object.hasOwn(ps, e)) return { ...ps[e] };
 			if (typeof e == "object") return e.icon = e.icon ?? s, e.label = e.label ?? e.action, e.tooltip = e.tooltip ?? e.label ?? e.action, e.type = ["toggle", "button"].includes(e.type ?? "") ? e.type : "button", e;
 		}).filter(Boolean), e;
 	}).filter(Boolean);
-}, ms = () => [{
+}, hs = () => [{
 	type: "group",
 	actions: [
-		{ ...fs["edit-data"] },
-		{ ...fs["item-options"] },
-		{ ...fs.clone }
+		{ ...ps["edit-data"] },
+		{ ...ps["item-options"] },
+		{ ...ps.clone }
 	]
 }, {
 	type: "group",
-	actions: [{ ...fs.delete }]
-}], hs = 16, gs = 10, _s = (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})`, vs = async ({ theme: e, currentTheme: t }) => e?.type === "custom" ? structuredClone(e) : e?.id && r.includes(e.id) && t?.id !== e.id ? {
+	actions: [{ ...ps.delete }]
+}], gs = 16, _s = 10, vs = (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})`, ys = async ({ theme: e, currentTheme: t }) => e?.type === "custom" ? structuredClone(e) : e?.id && r.includes(e.id) && t?.id !== e.id ? {
 	...await i(e.id),
 	id: e.id
-} : e?.id && t?.id !== e.id || !e && t ? t : await i("default"), ys = (e) => [(e?.margins?.[0] ?? hs) / 2, (e?.margins?.[1] ?? hs) / 2], bs = (e) => gs - (e?.margins?.[0] ?? gs), xs = (e) => {
+} : e?.id && t?.id !== e.id || !e && t ? t : await i("default"), bs = (e) => [(e?.margins?.[0] ?? gs) / 2, (e?.margins?.[1] ?? gs) / 2], xs = (e) => _s - (e?.margins?.[0] ?? _s), Ss = (e) => {
 	let t = e?.boxShadow;
 	if (!t) return "";
 	let r = new n(t.color), i = {
 		r: Math.round(r.srgb.r * 255),
 		g: Math.round(r.srgb.g * 255),
 		b: Math.round(r.srgb.b * 255)
-	}, a = e?.margins?.[0] ?? hs, o = Math.min(a / 10, 2);
-	return t.size === "none" ? "none" : t.size === "S" ? `0 ${o * 2}px ${o * 4}px ${_s(i, .16)}, 0 ${o * 2}px ${o * 4}px ${_s(i, .23)}` : t.size === "M" ? `0 ${o * 8}px ${o * 16}px ${_s(i, .19)}, 0 ${o * 4}px ${o * 4}px ${_s(i, .23)}` : t.size === "L" ? `0 ${o * 12}px ${o * 24}px ${_s(i, .25)}, 0 ${o * 8}px ${o * 8}px ${_s(i, .22)}` : "";
-}, Ss = (e) => {
-	let t = xs(e);
+	}, a = e?.margins?.[0] ?? gs, o = Math.min(a / 10, 2);
+	return t.size === "none" ? "none" : t.size === "S" ? `0 ${o * 2}px ${o * 4}px ${vs(i, .16)}, 0 ${o * 2}px ${o * 4}px ${vs(i, .23)}` : t.size === "M" ? `0 ${o * 8}px ${o * 16}px ${vs(i, .19)}, 0 ${o * 4}px ${o * 4}px ${vs(i, .23)}` : t.size === "L" ? `0 ${o * 12}px ${o * 24}px ${vs(i, .25)}, 0 ${o * 8}px ${o * 8}px ${vs(i, .22)}` : "";
+}, Cs = (e) => {
+	let t = Ss(e);
 	return new Map([
 		["--grid-font-family", e?.font?.fontFamily],
 		["--grid-background", e?.background],
@@ -4827,15 +4828,15 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 		["--grid-item-border-bottom-width", e?.borders?.["border-bottom-width"]],
 		["--grid-item-border-left-width", e?.borders?.["border-left-width"]]
 	]);
-}, Cs = (e) => {
+}, ws = (e) => {
 	let t = e?.itemsBackground ?? e?.background;
 	return t ? new n(t).luminance < .5 : !1;
-}, ws = (e, t) => {
-	t && Ss(t).forEach((t, n) => {
+}, Ts = (e, t) => {
+	t && Cs(t).forEach((t, n) => {
 		t ? e.setProperty(n, t) : e.removeProperty(n);
 	});
-}, Ts = ({ item: e, defaultItemActionsMenu: t, activeActions: n }) => {
-	let r = ps(e?.actionsMenu) ?? ps(t) ?? ms();
+}, Es = ({ item: e, defaultItemActionsMenu: t, activeActions: n }) => {
+	let r = ms(e?.actionsMenu) ?? ms(t) ?? hs();
 	if (!a.find((t) => t.type === e?.type)?.containsData && !e?.actionsMenu && !t && (r = r.map((e) => ({
 		...e,
 		actions: e.actions?.filter((e) => e.action !== "edit-data")
@@ -4850,21 +4851,24 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 		}));
 	}
 	return r;
-}, Es = ({ item: e, activeActions: t, defaultItemActionsMenu: n, placementItemActionsMenu: r, language: i, handleAction: a }) => _`
-    <div class="grid-item-actions-popover" popover="manual">
+}, Ds = ({ item: e, activeActions: t, defaultItemActionsMenu: n, placementItemActionsMenu: r, language: i, handleAction: a, itemActionsDocumentPopover: o = !0 }) => {
+	let s = Es({
+		item: e,
+		defaultItemActionsMenu: n,
+		activeActions: t
+	});
+	return _`
+    <div class="grid-item-actions-popover" popover=${o ? "manual" : v}>
       <luzmo-item-grid-item-actions-menu
-        .actions=${Ts({
-	item: e,
-	defaultItemActionsMenu: n,
-	activeActions: t
-})}
+        .actions=${s}
         placement=${e?.placementActionsMenu ?? r ?? "right-start"}
         .language=${i}
         @luzmo-item-grid-item-action=${a}
       >
       </luzmo-item-grid-item-actions-menu>
     </div>
-  `, Ds = ({ item: e, index: t, initialized: n, viewMode: r, contentLanguage: i, fullTheme: a, appServer: s, apiHost: c, authKey: l, authToken: u, handleMouseover: d, handleMouseout: f, handleFocus: p, handleBlur: m }) => {
+  `;
+}, Os = ({ item: e, index: t, initialized: n, viewMode: r, contentLanguage: i, fullTheme: a, appServer: s, apiHost: c, authKey: l, authToken: u, handleMouseover: d, handleMouseout: f, handleFocus: p, handleBlur: m }) => {
 	let h = {
 		...e.options,
 		locale: i
@@ -4912,7 +4916,7 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
       </div>
     </div>
   `;
-}, Os = ({ items: e, initialized: t, viewMode: n, contentLanguage: r, fullTheme: i, appServer: a, apiHost: o, authKey: s, authToken: c, renderItem: l }) => ne(e, (e) => e.id, (e, u) => re([
+}, ks = ({ items: e, initialized: t, viewMode: n, contentLanguage: r, fullTheme: i, appServer: a, apiHost: o, authKey: s, authToken: c, renderItem: l }) => re(e, (e) => e.id, (e, u) => ie([
 	e,
 	t,
 	n,
@@ -4922,11 +4926,11 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 	o,
 	s,
 	c
-], () => l(e, u))), ks = ({ items: e, initialized: t, viewMode: n, contentLanguage: r, fullTheme: i, appServer: a, apiHost: o, authKey: s, authToken: c, columns: l, ensureGridItemId: u, handleMouseover: d, handleMouseout: f, handleFocus: p, handleBlur: m }) => {
+], () => l(e, u))), As = ({ items: e, initialized: t, viewMode: n, contentLanguage: r, fullTheme: i, appServer: a, apiHost: o, authKey: s, authToken: c, columns: l, ensureGridItemId: u, handleMouseover: d, handleMouseout: f, handleFocus: p, handleBlur: m }) => {
 	e.forEach((e) => {
 		u(e);
 	});
-	let h = Os({
+	let h = ks({
 		items: e,
 		initialized: t,
 		viewMode: n,
@@ -4936,7 +4940,7 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 		apiHost: o,
 		authKey: s,
 		authToken: c,
-		renderItem: (e, l) => Ds({
+		renderItem: (e, l) => Os({
 			item: e,
 			index: l,
 			initialized: t,
@@ -4955,7 +4959,7 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 	});
 	return _`
     <div
-      ?dark-background=${t ? Cs(i) : !1}
+      ?dark-background=${t ? ws(i) : !1}
       class="grid-stack"
       data-grid-columns=${l}
       role="grid"
@@ -5215,7 +5219,7 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 	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);
 	}
-}, As = class e {
+}, js = class e {
 	constructor(e = {}) {
 		this.addedNodes = [], this.removedNodes = [], this.defaultColumn = 12, this.column = e.column || this.defaultColumn, this.column > this.defaultColumn && (this.defaultColumn = this.column), this.maxRow = e.maxRow, this._float = e.float, this.nodes = e.nodes || [], this.onChange = e.onChange;
 	}
@@ -5615,7 +5619,7 @@ var ts = ro, ns = eo, rs = (e, t, n) => {
 		return this;
 	}
 };
-As._idSeq = 0;
+js._idSeq = 0;
 //#endregion
 //#region node_modules/gridstack/dist/types.js
 var J = {
@@ -5646,38 +5650,38 @@ var J = {
 	resizable: { handles: "se" },
 	rtl: "auto"
 }, Y = class {}, X = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0), Z = class {};
-function js(e, t) {
+function Ms(e, t) {
 	e.touches.length > 1 || (e.cancelable && e.preventDefault(), q.simulateMouseEvent(e.changedTouches[0], t));
 }
-function Ms(e, t) {
+function Ns(e, t) {
 	e.cancelable && e.preventDefault(), q.simulateMouseEvent(e, t);
 }
-function Ns(e) {
-	Z.touchHandled || (Z.touchHandled = !0, js(e, "mousedown"));
-}
 function Ps(e) {
-	Z.touchHandled && js(e, "mousemove");
+	Z.touchHandled || (Z.touchHandled = !0, Ms(e, "mousedown"));
 }
 function Fs(e) {
+	Z.touchHandled && Ms(e, "mousemove");
+}
+function Is(e) {
 	if (!Z.touchHandled) return;
 	Z.pointerLeaveTimeout && (window.clearTimeout(Z.pointerLeaveTimeout), delete Z.pointerLeaveTimeout);
 	let t = !!Y.dragElement;
-	js(e, "mouseup"), t || js(e, "click"), Z.touchHandled = !1;
-}
-function Is(e) {
-	e.pointerType !== "mouse" && e.target.releasePointerCapture(e.pointerId);
+	Ms(e, "mouseup"), t || Ms(e, "click"), Z.touchHandled = !1;
 }
 function Ls(e) {
-	Y.dragElement && e.pointerType !== "mouse" && Ms(e, "mouseenter");
+	e.pointerType !== "mouse" && e.target.releasePointerCapture(e.pointerId);
 }
 function Rs(e) {
+	Y.dragElement && e.pointerType !== "mouse" && Ns(e, "mouseenter");
+}
+function zs(e) {
 	Y.dragElement && e.pointerType !== "mouse" && (Z.pointerLeaveTimeout = window.setTimeout(() => {
-		delete Z.pointerLeaveTimeout, Ms(e, "mouseleave");
+		delete Z.pointerLeaveTimeout, Ns(e, "mouseleave");
 	}, 10));
 }
 //#endregion
 //#region node_modules/gridstack/dist/dd-resizable-handle.js
-var zs = class e {
+var Bs = class e {
 	constructor(e, t, n) {
 		this.host = e, this.dir = t, this.option = n, this.moving = !1, this._mouseDown = this._mouseDown.bind(this), this._mouseMove = this._mouseMove.bind(this), this._mouseUp = this._mouseUp.bind(this), this._keyEvent = this._keyEvent.bind(this), this._init();
 	}
@@ -5687,23 +5691,23 @@ var zs = class e {
 		} catch (e) {
 			this.option.element = void 0, console.error("Query for resizeable handle failed, falling back", e);
 		}
-		return this.el || (this.el = document.createElement("div"), this.host.appendChild(this.el)), this.el.classList.add("ui-resizable-handle"), this.el.classList.add(`${e.prefix}${this.dir}`), this.el.style.zIndex = "100", this.el.style.userSelect = "none", this.el.addEventListener("mousedown", this._mouseDown), X && (this.el.addEventListener("touchstart", Ns), this.el.addEventListener("pointerdown", Is)), this;
+		return this.el || (this.el = document.createElement("div"), this.host.appendChild(this.el)), this.el.classList.add("ui-resizable-handle"), this.el.classList.add(`${e.prefix}${this.dir}`), this.el.style.zIndex = "100", this.el.style.userSelect = "none", this.el.addEventListener("mousedown", this._mouseDown), X && (this.el.addEventListener("touchstart", Ps), this.el.addEventListener("pointerdown", Ls)), this;
 	}
 	destroy() {
-		return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), X && (this.el.removeEventListener("touchstart", Ns), this.el.removeEventListener("pointerdown", Is)), this.option.element || this.host.removeChild(this.el), delete this.el, delete this.host, this;
+		return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), X && (this.el.removeEventListener("touchstart", Ps), this.el.removeEventListener("pointerdown", Ls)), this.option.element || this.host.removeChild(this.el), delete this.el, delete this.host, this;
 	}
 	_mouseDown(e) {
 		this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, {
 			capture: !0,
 			passive: !0
-		}), document.addEventListener("mouseup", this._mouseUp, !0), X && (this.el.addEventListener("touchmove", Ps), this.el.addEventListener("touchend", Fs)), e.stopPropagation(), e.preventDefault();
+		}), document.addEventListener("mouseup", this._mouseUp, !0), X && (this.el.addEventListener("touchmove", Fs), this.el.addEventListener("touchend", Is)), e.stopPropagation(), e.preventDefault();
 	}
 	_mouseMove(e) {
 		let t = this.mouseDownEvent;
 		this.moving ? this._triggerEvent("move", e) : Math.abs(e.x - t.x) + Math.abs(e.y - t.y) > 2 && (this.moving = !0, this._triggerEvent("start", this.mouseDownEvent), this._triggerEvent("move", e), document.addEventListener("keydown", this._keyEvent)), e.stopPropagation();
 	}
 	_mouseUp(e) {
-		this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), X && (this.el.removeEventListener("touchmove", Ps), this.el.removeEventListener("touchend", Fs)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
+		this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), X && (this.el.removeEventListener("touchmove", Fs), this.el.removeEventListener("touchend", Is)), 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));
@@ -5712,10 +5716,10 @@ var zs = class e {
 		return this.option[e] && this.option[e](t), this;
 	}
 };
-zs.prefix = "ui-resizable-";
+Bs.prefix = "ui-resizable-";
 //#endregion
 //#region node_modules/gridstack/dist/dd-base-impl.js
-var Bs = class {
+var Vs = class {
 	constructor() {
 		this._eventRegister = {};
 	}
@@ -5740,7 +5744,7 @@ var Bs = class {
 	triggerEvent(e, t) {
 		if (!this.disabled && this._eventRegister && this._eventRegister[e]) return this._eventRegister[e](t);
 	}
-}, Vs = class e extends Bs {
+}, Hs = class e extends Vs {
 	constructor(e, t = {}) {
 		super(), this.el = e, this.option = t, this.rectScale = {
 			x: 1,
@@ -5794,7 +5798,7 @@ var Bs = class {
 		Y.overResizeElement === this && (delete Y.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
 	}
 	_setupHandlers() {
-		return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new zs(this.el, e, {
+		return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new Bs(this.el, e, {
 			element: this.option.element,
 			start: (e) => this._resizeStart(e),
 			stop: (e) => this._resizeStop(e),
@@ -5884,7 +5888,7 @@ var Bs = class {
 		return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
 	}
 };
-Vs._originStyleProp = [
+Hs._originStyleProp = [
 	"width",
 	"height",
 	"position",
@@ -5896,7 +5900,7 @@ Vs._originStyleProp = [
 ];
 //#endregion
 //#region node_modules/gridstack/dist/dd-draggable.js
-var Hs = "input,textarea,button,select,option,[contenteditable=\"true\"],.ui-resizable-handle", Us = class e extends Bs {
+var Us = "input,textarea,button,select,option,[contenteditable=\"true\"],.ui-resizable-handle", Ws = class e extends Vs {
 	constructor(e, t = {}) {
 		super(), this.el = e, this.option = t, this.dragTransform = {
 			xScale: 1,
@@ -5943,12 +5947,12 @@ var Hs = "input,textarea,button,select,option,[contenteditable=\"true\"],.ui-res
 	}
 	enable() {
 		this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-			e.addEventListener("mousedown", this._mouseDown), X && (e.addEventListener("touchstart", Ns), e.addEventListener("pointerdown", Is));
+			e.addEventListener("mousedown", this._mouseDown), X && (e.addEventListener("touchstart", Ps), e.addEventListener("pointerdown", Ls));
 		}), this.el.classList.remove("ui-draggable-disabled"));
 	}
 	disable(e = !1) {
 		this.disabled !== !0 && (super.disable(), this.dragEls.forEach((e) => {
-			e.removeEventListener("mousedown", this._mouseDown), X && (e.removeEventListener("touchstart", Ns), e.removeEventListener("pointerdown", Is));
+			e.removeEventListener("mousedown", this._mouseDown), X && (e.removeEventListener("touchstart", Ps), e.removeEventListener("pointerdown", Ls));
 		}), e || this.el.classList.add("ui-draggable-disabled"));
 	}
 	destroy() {
@@ -5958,10 +5962,10 @@ var Hs = "input,textarea,button,select,option,[contenteditable=\"true\"],.ui-res
 		return Object.keys(e).forEach((t) => this.option[t] = e[t]), this;
 	}
 	_mouseDown(e) {
-		if (Z.touchHandled && e.isTrusted && (Z.touchHandled = !1), !Y.mouseHandled) return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Hs) || this.option.cancel && e.target.closest(this.option.cancel) ? !0 : (this.mouseDownEvent = e, delete this.dragging, delete Y.dragElement, delete Y.dropElement, delete this._autoScrollMaxSpeed, delete this._autoScrollContainer, document.addEventListener("mousemove", this._mouseMove, {
+		if (Z.touchHandled && e.isTrusted && (Z.touchHandled = !1), !Y.mouseHandled) return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Us) || this.option.cancel && e.target.closest(this.option.cancel) ? !0 : (this.mouseDownEvent = e, delete this.dragging, delete Y.dragElement, delete Y.dropElement, delete this._autoScrollMaxSpeed, delete this._autoScrollContainer, document.addEventListener("mousemove", this._mouseMove, {
 			capture: !0,
 			passive: !0
-		}), document.addEventListener("mouseup", this._mouseUp, !0), X && (e.currentTarget.addEventListener("touchmove", Ps), e.currentTarget.addEventListener("touchend", Fs)), e.preventDefault(), document.activeElement && document.activeElement.blur(), Y.mouseHandled = !0, !0);
+		}), document.addEventListener("mouseup", this._mouseUp, !0), X && (e.currentTarget.addEventListener("touchmove", Fs), e.currentTarget.addEventListener("touchend", Is)), e.preventDefault(), document.activeElement && document.activeElement.blur(), Y.mouseHandled = !0, !0);
 	}
 	_callDrag(e) {
 		if (!this.dragging) return;
@@ -5990,7 +5994,7 @@ var Hs = "input,textarea,button,select,option,[contenteditable=\"true\"],.ui-res
 		return !0;
 	}
 	_mouseUp(e) {
-		if (this._stopScrolling(), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), X && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Ps, !0), e.currentTarget.removeEventListener("touchend", Fs, !0)), this.dragging) {
+		if (this._stopScrolling(), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), X && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Fs, !0), e.currentTarget.removeEventListener("touchend", Is, !0)), this.dragging) {
 			delete this.dragging, delete this.el.gridstackNode?._origRotate, document.removeEventListener("keydown", this._keyEvent), Y.dropElement?.el === this.el.parentElement && delete Y.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
 			let t = q.initEvent(e, {
 				target: this.el,
@@ -6069,7 +6073,7 @@ var Hs = "input,textarea,button,select,option,[contenteditable=\"true\"],.ui-res
 		} };
 	}
 };
-Us.originStyleProp = [
+Ws.originStyleProp = [
 	"width",
 	"height",
 	"transform",
@@ -6085,7 +6089,7 @@ Us.originStyleProp = [
 ];
 //#endregion
 //#region node_modules/gridstack/dist/dd-droppable.js
-var Ws = class extends Bs {
+var Gs = class extends Vs {
 	constructor(e, t = {}) {
 		super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.enable(), this._setupAccept();
 	}
@@ -6096,10 +6100,10 @@ var Ws = class extends Bs {
 		super.off(e);
 	}
 	enable() {
-		this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), X && (this.el.addEventListener("pointerenter", Ls), this.el.addEventListener("pointerleave", Rs)));
+		this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), X && (this.el.addEventListener("pointerenter", Rs), this.el.addEventListener("pointerleave", zs)));
 	}
 	disable(e = !1) {
-		this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), X && (this.el.removeEventListener("pointerenter", Ls), this.el.removeEventListener("pointerleave", Rs)));
+		this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), X && (this.el.removeEventListener("pointerenter", Rs), this.el.removeEventListener("pointerleave", zs)));
 	}
 	destroy() {
 		this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -6149,7 +6153,7 @@ var Ws = class extends Bs {
 			...e.ui()
 		};
 	}
-}, Gs = class e {
+}, Ks = class e {
 	static init(t) {
 		return t.ddElement ||= new e(t), t.ddElement;
 	}
@@ -6187,19 +6191,19 @@ var Ws = class extends Bs {
 		].indexOf(e) > -1 && this.ddResizable.off(e), this;
 	}
 	setupDraggable(e) {
-		return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new Us(this.el, e), this;
+		return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new Ws(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 Vs(this.el, e), this;
+		return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new Hs(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 Ws(this.el, e), this;
+		return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Gs(this.el, e), this;
 	}
 	cleanDroppable() {
 		return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
@@ -6270,9 +6274,9 @@ var Ws = class extends Bs {
 	}
 	_getDDElements(e, t) {
 		let n = e.gridstack || t !== "destroy" && t !== "disable", r = q.getElements(e);
-		return r.length ? r.map((e) => e.ddElement || (n ? Gs.init(e) : null)).filter((e) => e) : [];
+		return r.length ? r.map((e) => e.ddElement || (n ? Ks.init(e) : null)).filter((e) => e) : [];
 	}
-}(), Ks = class e {
+}(), qs = class e {
 	static init(t = {}, n = ".grid-stack") {
 		if (typeof document > "u") return null;
 		let r = e.getGridElement(n);
@@ -6347,7 +6351,7 @@ var Ws = class extends Bs {
 			delete n.cellHeight, this.cellHeight(e);
 		}
 		n.alwaysShowResizeHandle === "mobile" && (n.alwaysShowResizeHandle = X), this._setStaticClass();
-		let s = n.engineClass || e.engineClass || As;
+		let s = n.engineClass || e.engineClass || js;
 		if (this.engine = new s({
 			column: this.getColumn(),
 			float: n.float,
@@ -7120,13 +7124,13 @@ var Ws = class extends Bs {
 		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();
 	}
 };
-Ks.renderCB = (e, t) => {
+qs.renderCB = (e, t) => {
 	e && t?.content && (e.textContent = t.content);
-}, Ks.resizeToContentParent = ".grid-stack-item-content", Ks.Utils = q, Ks.Engine = As, Ks.GDRev = "12.6.0";
+}, qs.resizeToContentParent = ".grid-stack-item-content", qs.Utils = q, qs.Engine = js, qs.GDRev = "12.6.0";
 //#endregion
 //#region src/components/item-grid/helpers/grid-stack-lifecycle.ts
-var qs = ({ gridElement: e, gridItemElements: t, items: n, columns: r, rowHeight: i, viewMode: a, fullTheme: o, onCreateOrUpdateDimensionsHint: s, onRemoveDimensionsHint: c, onChange: l }) => {
-	let [u, d] = ys(o), f = {
+var Js = ({ gridElement: e, gridItemElements: t, items: n, columns: r, rowHeight: i, viewMode: a, fullTheme: o, onCreateOrUpdateDimensionsHint: s, onRemoveDimensionsHint: c, onChange: l }) => {
+	let [u, d] = bs(o), f = {
 		column: r,
 		cellHeight: i,
 		marginTop: u,
@@ -7152,7 +7156,7 @@ var qs = ({ gridElement: e, gridItemElements: t, items: n, columns: r, rowHeight
 			"nw"
 		].join(", ") },
 		handle: ".grid-item-drag-handle"
-	}, p = Ks.init(f, e);
+	}, p = qs.init(f, e);
 	return p.batchUpdate(), t.forEach((e) => {
 		let t = e.getAttribute("luzmo-item-grid-item-id"), r = va(n.find((e) => e.id === t), t ?? void 0);
 		p.makeWidget(e, r);
@@ -7165,7 +7169,7 @@ var qs = ({ gridElement: e, gridItemElements: t, items: n, columns: r, rowHeight
 	}), p.on("change", (e, t) => {
 		l(t);
 	}), p;
-}, Js = (e, t) => {
+}, Ys = (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;
@@ -7179,29 +7183,29 @@ var qs = ({ gridElement: e, gridItemElements: t, items: n, columns: r, rowHeight
 			}
 		} : e;
 	});
-}, Ys = ({ element: e, numberOfColumns: t, numberOfRows: n, offsetHint: r }) => {
+}, Xs = ({ 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), as(a, es(e, a, async () => {
-		let { x: t, y: n } = await rs(e, a, {
+	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), os(a, ts(e, a, async () => {
+		let { x: t, y: n } = await is(e, a, {
 			placement: "bottom",
-			middleware: [ts(r), ns()]
+			middleware: [ns(r), rs()]
 		});
 		a.style.left = `${t}px`, a.style.top = `${n}px`;
 	})), a.matches(":popover-open") || a.showPopover();
-}, Xs = (e) => {
+}, Zs = (e) => {
 	let t = e.querySelector(".dimensions-hint-popover");
-	t && (os(t), t.matches(":popover-open") && t.hidePopover(), t.remove());
-}, Zs = ({ initialized: e, grid: t, hasItemsChanged: n, gridItemElements: r, items: i }) => {
+	t && (ss(t), t.matches(":popover-open") && t.hidePopover(), t.remove());
+}, Qs = ({ 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 = ba(r, e.id);
 		n && t.makeWidget(n, va(e, e.id));
 	}), t.batchUpdate(!1), t.setAnimation(!0));
-}, Qs = ({ initialized: e, grid: t, hasViewModeChanged: n, viewMode: r, previousViewMode: i, activeItemElement: a, gridElement: o, cleanupActiveItem: s }) => {
+}, $s = ({ 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) {
@@ -7211,12 +7215,12 @@ var qs = ({ gridElement: e, gridItemElements: t, items: n, columns: r, rowHeight
 		return a;
 	}
 	return t.enable(), a;
-}, $s = ":host{--luzmo-action-button-content-color-default:var(--luzmo-item-grid-item-action-button-content-color-default,#fff);--luzmo-action-button-content-color-hover:var(--luzmo-item-grid-item-action-button-content-color-hover,#fff);--luzmo-action-button-content-color-down:var(--luzmo-item-grid-item-action-button-content-color-down,#fff);--luzmo-action-button-content-color-focus:var(--luzmo-item-grid-item-action-button-content-color-focus,#fff);--luzmo-action-button-background-color-default:var(--luzmo-item-grid-item-action-button-background-color-default,#333);--luzmo-action-button-background-color-hover:var(--luzmo-item-grid-item-action-button-background-color-hover,#444);--luzmo-action-button-background-color-down:var(--luzmo-item-grid-item-action-button-background-color-down,#555);--luzmo-action-button-background-color-focus:var(--luzmo-item-grid-item-action-button-background-color-focus,#666);--grid-item-actions-flex-direction:column;display:block}.action-buttons{gap:var(--luzmo-item-grid-item-action-group-gap,.5rem);flex-direction:var(--luzmo-item-grid-item-actions-flex-direction,var(--grid-item-actions-flex-direction));outline:none;display:flex}.action-button[selected]{--luzmo-action-button-background-color-default:var(--luzmo-primary);--luzmo-action-button-background-color-hover:var(--luzmo-primary-hover);--luzmo-action-button-background-color-down:var(--luzmo-primary-down);--luzmo-action-button-background-color-focus:var(--luzmo-primary-focus);--luzmo-action-button-content-color-default:var(--luzmo-primary-inverse-color);--luzmo-action-button-content-color-hover:var(--luzmo-primary-inverse-color);--luzmo-action-button-content-color-down:var(--luzmo-primary-inverse-color);--luzmo-action-button-content-color-focus:var(--luzmo-primary-inverse-color)}:host .action-buttons{--luzmo-action-button-content-color-default:var(--luzmo-item-grid-item-action-button-content-color-default,#fff);--luzmo-action-button-content-color-hover:var(--luzmo-item-grid-item-action-button-content-color-hover,#fff);--luzmo-action-button-content-color-down:var(--luzmo-item-grid-item-action-button-content-color-down,#fff);--luzmo-action-button-content-color-focus:var(--luzmo-item-grid-item-action-button-content-color-focus,#fff);--luzmo-action-button-background-color-default:var(--luzmo-item-grid-item-action-button-background-color-default,#333);--luzmo-action-button-background-color-hover:var(--luzmo-item-grid-item-action-button-background-color-hover,#444);--luzmo-action-button-background-color-down:var(--luzmo-item-grid-item-action-button-background-color-down,#555);--luzmo-action-button-background-color-focus:var(--luzmo-item-grid-item-action-button-background-color-focus,#666)}.delete-button{--luzmo-action-button-background-color-hover:var(--luzmo-item-grid-item-delete-button-background-color-hover,var(--luzmo-negative-color));--luzmo-action-button-content-color-hover:var(--luzmo-item-grid-item-delete-button-content-color-hover,#fff);--luzmo-action-button-background-color-focus:var(--luzmo-item-grid-item-delete-button-background-color-focus,var(--luzmo-negative-color-focus));--luzmo-action-button-content-color-focus:var(--luzmo-item-grid-item-delete-button-content-color-focus,#fff);--luzmo-action-button-background-color-down:var(--luzmo-item-grid-item-delete-button-background-color-down,var(--luzmo-negative-color-down));--luzmo-action-button-content-color-down:var(--luzmo-item-grid-item-delete-button-content-color-down,#fff)}:host([placement=top-start]),:host([placement=top]),:host([placement=top-end]),:host([placement=bottom-start]),:host([placement=bottom]),:host([placement=bottom-end]){--grid-item-actions-flex-direction:row}", ec = class extends t(ie) {
+}, ec = ":host{--luzmo-action-button-content-color-default:var(--luzmo-item-grid-item-action-button-content-color-default,#fff);--luzmo-action-button-content-color-hover:var(--luzmo-item-grid-item-action-button-content-color-hover,#fff);--luzmo-action-button-content-color-down:var(--luzmo-item-grid-item-action-button-content-color-down,#fff);--luzmo-action-button-content-color-focus:var(--luzmo-item-grid-item-action-button-content-color-focus,#fff);--luzmo-action-button-background-color-default:var(--luzmo-item-grid-item-action-button-background-color-default,#333);--luzmo-action-button-background-color-hover:var(--luzmo-item-grid-item-action-button-background-color-hover,#444);--luzmo-action-button-background-color-down:var(--luzmo-item-grid-item-action-button-background-color-down,#555);--luzmo-action-button-background-color-focus:var(--luzmo-item-grid-item-action-button-background-color-focus,#666);--grid-item-actions-flex-direction:column;display:block}.action-buttons{gap:var(--luzmo-item-grid-item-action-group-gap,.5rem);flex-direction:var(--luzmo-item-grid-item-actions-flex-direction,var(--grid-item-actions-flex-direction));outline:none;display:flex}.action-button[selected]{--luzmo-action-button-background-color-default:var(--luzmo-primary);--luzmo-action-button-background-color-hover:var(--luzmo-primary-hover);--luzmo-action-button-background-color-down:var(--luzmo-primary-down);--luzmo-action-button-background-color-focus:var(--luzmo-primary-focus);--luzmo-action-button-content-color-default:var(--luzmo-primary-inverse-color);--luzmo-action-button-content-color-hover:var(--luzmo-primary-inverse-color);--luzmo-action-button-content-color-down:var(--luzmo-primary-inverse-color);--luzmo-action-button-content-color-focus:var(--luzmo-primary-inverse-color)}:host .action-buttons{--luzmo-action-button-content-color-default:var(--luzmo-item-grid-item-action-button-content-color-default,#fff);--luzmo-action-button-content-color-hover:var(--luzmo-item-grid-item-action-button-content-color-hover,#fff);--luzmo-action-button-content-color-down:var(--luzmo-item-grid-item-action-button-content-color-down,#fff);--luzmo-action-button-content-color-focus:var(--luzmo-item-grid-item-action-button-content-color-focus,#fff);--luzmo-action-button-background-color-default:var(--luzmo-item-grid-item-action-button-background-color-default,#333);--luzmo-action-button-background-color-hover:var(--luzmo-item-grid-item-action-button-background-color-hover,#444);--luzmo-action-button-background-color-down:var(--luzmo-item-grid-item-action-button-background-color-down,#555);--luzmo-action-button-background-color-focus:var(--luzmo-item-grid-item-action-button-background-color-focus,#666)}.delete-button{--luzmo-action-button-background-color-hover:var(--luzmo-item-grid-item-delete-button-background-color-hover,var(--luzmo-negative-color));--luzmo-action-button-content-color-hover:var(--luzmo-item-grid-item-delete-button-content-color-hover,#fff);--luzmo-action-button-background-color-focus:var(--luzmo-item-grid-item-delete-button-background-color-focus,var(--luzmo-negative-color-focus));--luzmo-action-button-content-color-focus:var(--luzmo-item-grid-item-delete-button-content-color-focus,#fff);--luzmo-action-button-background-color-down:var(--luzmo-item-grid-item-delete-button-background-color-down,var(--luzmo-negative-color-down));--luzmo-action-button-content-color-down:var(--luzmo-item-grid-item-delete-button-content-color-down,#fff)}:host([placement=top-start]),:host([placement=top]),:host([placement=top-end]),:host([placement=bottom-start]),:host([placement=bottom]),:host([placement=bottom-end]){--grid-item-actions-flex-direction:row}", tc = class extends t(ae) {
 	constructor(...e) {
-		super(...e), this.placement = "right-start", this.actions = ms();
+		super(...e), this.placement = "right-start", this.actions = hs();
 	}
 	static get styles() {
-		return [y($s)];
+		return [b(ec)];
 	}
 	get isVertical() {
 		return this.placement.includes("left") || this.placement.includes("right");
@@ -7297,15 +7301,15 @@ var qs = ({ gridElement: e, gridItemElements: t, items: n, columns: r, rowHeight
     `;
 	}
 };
-e([b({
+e([x({
 	type: String,
 	reflect: !0
-})], ec.prototype, "placement", void 0), e([b({ type: Array })], ec.prototype, "actions", void 0), ec = e([te()], ec);
+})], tc.prototype, "placement", void 0), e([x({ type: Array })], tc.prototype, "actions", void 0), tc = e([ne()], tc);
 //#endregion
 //#region src/components/item-grid/item-grid.module.scss?inline
-var tc = ":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}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 ie {
+var nc = ":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 ae {
 	constructor(...e) {
-		super(...e), this.appServer = "https://app.luzmo.com/", this.apiHost = "https://api.luzmo.com", this.language = "en", this.contentLanguage = "en", this.columns = 48, this.rowHeight = 16, this.viewMode = !1, this.placementItemActionsMenu = "right-start", this.clonedItemPositioning = "below-item", this._items = [], this._hasControlledItems = !1, this._initialItems = [], this.renderers = {}, this._initialized = !1, this.defaultRenderer = (e) => _`
+		super(...e), this.appServer = "https://app.luzmo.com/", this.apiHost = "https://api.luzmo.com", this.language = "en", this.contentLanguage = "en", this.columns = 48, this.rowHeight = 16, this.viewMode = !1, this.itemActionsDocumentPopover = !0, this.placementItemActionsMenu = "right-start", this.clonedItemPositioning = "below-item", this._items = [], this._hasControlledItems = !1, this._initialItems = [], this.renderers = {}, this._initialized = !1, this.defaultRenderer = (e) => _`
       <div class="grid-item-content">
         <div class="grid-item-type">${e.type}</div>
       </div>
@@ -7317,7 +7321,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 				gridItem: t
 			}) && this._removeItemActionsMenuPopover(t);
 		}, this._handleKeyDown = (e) => {
-			let t = ds({
+			let t = fs({
 				event: e,
 				viewMode: this.viewMode,
 				focusedItemElement: this._focusedItemElement,
@@ -7404,7 +7408,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 				} else {
 					let e = {
 						...structuredClone(a),
-						id: le()
+						id: ue()
 					}, r = this._simulateCloneLayout(e, a), o = r.find((t) => t.id === e.id) ?? e;
 					ra({
 						target: this,
@@ -7426,7 +7430,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 				let i = this.items.find((e) => e.id === r);
 				if (t.type === "toggle") {
 					let e = this._effectiveItemStates, n = t.active, i = this._computeNextItemStates(r, t.action, n);
-					B({
+					V({
 						target: this,
 						itemStates: e,
 						updatedItemStates: i,
@@ -7460,7 +7464,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 			});
 			if (this._suppressItemStatesEvent = !1, this._activeItemElement = i.activeItemElement, this._activeItemActionToggle = i.activeItemActionToggle, t.type === "toggle" && r) {
 				let e = this._effectiveItemStates, a = i.activeItemElement === n && i.activeItemActionToggle === t.action, o = this._computeNextItemStates(r, t.action, a);
-				this._internalItemStates = o, B({
+				this._internalItemStates = o, V({
 					target: this,
 					itemStates: e,
 					updatedItemStates: o,
@@ -7470,7 +7474,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 		};
 	}
 	static get styles() {
-		return [y(ea), y(tc)];
+		return [b(ea), b(nc)];
 	}
 	set items(e) {
 		let t = this._items, n = structuredClone(e ?? []);
@@ -7510,15 +7514,15 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 	}
 	async _loadTheme(e) {
 		let t = this._initialized;
-		if (this._fullTheme = await vs({
+		if (this._fullTheme = await ys({
 			theme: e,
 			currentTheme: this._fullTheme
-		}), this._initialized && ws(this.style, this._fullTheme), !this._initialized && this._gridElement && await new Promise((e) => {
+		}), this._initialized && Ts(this.style, this._fullTheme), !this._initialized && this._gridElement && await new Promise((e) => {
 			requestAnimationFrame(() => {
 				this._initializeGrid(), e();
 			});
 		}), this._grid) {
-			let [e, t] = ys(this.theme);
+			let [e, t] = bs(this.theme);
 			this._grid.margin([e, t].join(" "));
 		}
 		t && this.requestUpdate();
@@ -7530,21 +7534,21 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 		super.disconnectedCallback(), this._cleanup(), document.removeEventListener("click", this._handleGridClick), this.removeEventListener("keydown", this._handleKeyDown);
 	}
 	willUpdate(e) {
-		if (super.willUpdate(e), e.has("_initialized") && (ws(this.style, this._fullTheme), this._initialized && this._grid && this._fullTheme?.margins)) {
-			let [e, t] = ys(this._fullTheme);
+		if (super.willUpdate(e), e.has("_initialized") && (Ts(this.style, this._fullTheme), this._initialized && this._grid && this._fullTheme?.margins)) {
+			let [e, t] = bs(this._fullTheme);
 			this._grid.margin([e, t].join(" "));
 		}
 	}
 	updated(e) {
 		super.updated(e);
 		let t = e.has("contentLanguage"), n = e.has("viewMode"), r = e.has("items"), i = e.has("initialItems"), a = r || e.has("_internalItemsVersion"), o = e.has("theme"), s = e.has("itemStates");
-		this._isItemsControlled && this.initialItems && this.initialItems.length > 0 ? this._hasWarnedControlledAndInitialItems ||= (console.warn("luzmo-item-grid: Both items and initialItems are set. The component will be treated as controlled (initialItems is ignored)."), !0) : this._hasWarnedControlledAndInitialItems = !1, !this._initialItemsApplied && !this._isItemsControlled && this._initialItems.length > 0 ? (this._setInternalItems(this._initialItems, { reconcileStates: !0 }), this._initialItemsApplied = !0) : i && !this._isItemsControlled && this._initialItems.length === 0 && !this._initialItemsApplied && (this._setInternalItems([], { reconcileStates: !0 }), this._initialItemsApplied = !0), this.itemStates !== void 0 && this.initialItemStates !== void 0 ? this._hasWarnedControlledAndInitialStates ||= (console.warn("luzmo-item-grid: Both itemStates and initialItemStates are set. The component will be treated as controlled (initialItemStates is ignored)."), !0) : this._hasWarnedControlledAndInitialStates = !1, !this._initialItemStatesApplied && this.initialItemStates && !this._isControlled && (this._internalItemStates = this._sanitizeInitialItemStates(this.initialItemStates), this._initialItemStatesApplied = !0), ga(this._effectiveItems), Zs({
+		this._isItemsControlled && this.initialItems && this.initialItems.length > 0 ? this._hasWarnedControlledAndInitialItems ||= (console.warn("luzmo-item-grid: Both items and initialItems are set. The component will be treated as controlled (initialItems is ignored)."), !0) : this._hasWarnedControlledAndInitialItems = !1, !this._initialItemsApplied && !this._isItemsControlled && this._initialItems.length > 0 ? (this._setInternalItems(this._initialItems, { reconcileStates: !0 }), this._initialItemsApplied = !0) : i && !this._isItemsControlled && this._initialItems.length === 0 && !this._initialItemsApplied && (this._setInternalItems([], { reconcileStates: !0 }), this._initialItemsApplied = !0), this.itemStates !== void 0 && this.initialItemStates !== void 0 ? this._hasWarnedControlledAndInitialStates ||= (console.warn("luzmo-item-grid: Both itemStates and initialItemStates are set. The component will be treated as controlled (initialItemStates is ignored)."), !0) : this._hasWarnedControlledAndInitialStates = !1, !this._initialItemStatesApplied && this.initialItemStates && !this._isControlled && (this._internalItemStates = this._sanitizeInitialItemStates(this.initialItemStates), this._initialItemStatesApplied = !0), ga(this._effectiveItems), Qs({
 			initialized: this._initialized,
 			grid: this._grid,
 			hasItemsChanged: a,
 			gridItemElements: this._gridItemElements,
 			items: this._effectiveItems
-		}), r && this._reconcileStaleItemStates(), t && ta(this._gridItemElements, this.contentLanguage), this._activeItemElement = Qs({
+		}), r && this._reconcileStaleItemStates(), t && ta(this._gridItemElements, this.contentLanguage), this._activeItemElement = $s({
 			initialized: this._initialized,
 			grid: this._grid,
 			hasViewModeChanged: n,
@@ -7580,7 +7584,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 			for (let n of t) a = this._computeNextItemStates(e, n, !1, a);
 			i[e] = [...t];
 		}
-		B({
+		V({
 			target: this,
 			itemStates: t,
 			updatedItemStates: a,
@@ -7612,7 +7616,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 			originalElement: s
 		}), t === "toggle" && !this._suppressItemStatesEvent) {
 			let t = this._effectiveItemStates, r = this._computeNextItemStates(i, e, n);
-			this._isControlled || (this._internalItemStates = r), B({
+			this._isControlled || (this._internalItemStates = r), V({
 				target: this,
 				itemStates: t,
 				updatedItemStates: r,
@@ -7660,7 +7664,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 	_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 && B({
+		Object.keys(n).length > 0 && V({
 			target: this,
 			itemStates: e,
 			updatedItemStates: t,
@@ -7723,7 +7727,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 		}
 	}
 	_initializeGrid() {
-		this._initialized || !this._gridElement || (this._grid = qs({
+		this._initialized || !this._gridElement || (this._grid = Js({
 			gridElement: this._gridElement,
 			gridItemElements: this._gridItemElements,
 			items: this._effectiveItems,
@@ -7738,7 +7742,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 					this._suppressNextLayoutChangedEvent = !1;
 					return;
 				}
-				let t = this._effectiveItems, n = Js(t, e);
+				let t = this._effectiveItems, n = Ys(t, e);
 				this._isItemsControlled || this._setInternalItems(n, { reconcileStates: !0 }), ia({
 					target: this,
 					eventName: "luzmo-item-grid-layout-changed",
@@ -7788,15 +7792,15 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 		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) {
-		Ys({
+		Xs({
 			element: e,
 			numberOfColumns: t,
 			numberOfRows: n,
-			offsetHint: bs(this.theme)
+			offsetHint: xs(this.theme)
 		});
 	}
 	_removeDimensionsHint(e) {
-		Xs(e);
+		Zs(e);
 	}
 	get grid() {
 		return this._grid;
@@ -7811,27 +7815,29 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 		};
 	}
 	_renderOverlayContent(e, t) {
-		return Es({
+		return Ds({
 			item: e,
 			activeActions: t,
 			defaultItemActionsMenu: this.defaultItemActionsMenu,
 			placementItemActionsMenu: this.placementItemActionsMenu,
 			language: this.language,
-			handleAction: this._handleAction
+			handleAction: this._handleAction,
+			itemActionsDocumentPopover: this.itemActionsDocumentPopover
 		});
 	}
 	_createItemActionsMenuPopover(e, t) {
-		ss({
+		cs({
 			element: e,
 			activeActions: t,
 			getGridItemById: this.getGridItemById.bind(this),
 			placementItemActionsMenu: this.placementItemActionsMenu,
 			renderOverlayContent: this._renderOverlayContent.bind(this),
-			removeItemActionsMenuPopover: this._removeItemActionsMenuPopover.bind(this)
+			removeItemActionsMenuPopover: this._removeItemActionsMenuPopover.bind(this),
+			itemActionsDocumentPopover: this.itemActionsDocumentPopover
 		});
 	}
 	_removeItemActionsMenuPopover(e) {
-		cs(e);
+		ls(e);
 	}
 	getGridItemById(e) {
 		return this.gridItems.find((t) => t.item.id === e);
@@ -7961,7 +7967,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 	cloneGridItem(e) {
 		let t = this._effectiveItems, n = this._requireGridItem(e), r = {
 			...structuredClone(n),
-			id: le()
+			id: ue()
 		}, i = this._simulateCloneLayout(r, n), a = i.find((e) => e.id === r.id) ?? r;
 		return ra({
 			target: this,
@@ -8043,7 +8049,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 		});
 		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, B({
+			this._internalItemStates = r, V({
 				target: this,
 				itemStates: n,
 				updatedItemStates: r,
@@ -8059,7 +8065,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 		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 B({
+		return V({
 			target: this,
 			itemStates: a,
 			updatedItemStates: o,
@@ -8075,7 +8081,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 			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 B({
+			return V({
 				target: this,
 				itemStates: e,
 				updatedItemStates: r,
@@ -8100,7 +8106,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 		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];
-			B({
+			V({
 				target: this,
 				itemStates: e,
 				updatedItemStates: {},
@@ -8110,7 +8116,7 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 		return n.deactivatedCount;
 	}
 	_renderGrid() {
-		return ks({
+		return As({
 			items: this.items,
 			initialized: this._initialized,
 			viewMode: this.viewMode,
@@ -8132,77 +8138,81 @@ var tc = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(-
 		return this._renderGrid();
 	}
 };
-e([b({
+e([x({
 	type: String,
 	attribute: "app-server",
 	reflect: !0
-})], $.prototype, "appServer", void 0), e([b({
+})], $.prototype, "appServer", void 0), e([x({
 	type: String,
 	attribute: "api-host",
 	reflect: !0
-})], $.prototype, "apiHost", void 0), e([b({
+})], $.prototype, "apiHost", void 0), e([x({
 	type: String,
 	attribute: "auth-key",
 	reflect: !0
-})], $.prototype, "authKey", void 0), e([b({
+})], $.prototype, "authKey", void 0), e([x({
 	type: String,
 	attribute: "auth-token",
 	reflect: !0
-})], $.prototype, "authToken", void 0), e([b({
+})], $.prototype, "authToken", void 0), e([x({
 	type: Number,
 	attribute: "cache-time",
 	reflect: !0
-})], $.prototype, "cacheTime", void 0), e([b({
+})], $.prototype, "cacheTime", void 0), e([x({
 	type: String,
 	reflect: !0
-})], $.prototype, "language", void 0), e([b({
+})], $.prototype, "language", void 0), e([x({
 	type: String,
 	attribute: "content-language",
 	reflect: !0
-})], $.prototype, "contentLanguage", void 0), e([b({
+})], $.prototype, "contentLanguage", void 0), e([x({
 	type: Number,
 	reflect: !0
-})], $.prototype, "columns", void 0), e([b({
+})], $.prototype, "columns", void 0), e([x({
 	type: Number,
 	reflect: !0,
 	attribute: "row-height"
-})], $.prototype, "rowHeight", void 0), e([b({
+})], $.prototype, "rowHeight", void 0), e([x({
 	type: Boolean,
 	reflect: !0,
 	attribute: "view-mode"
-})], $.prototype, "viewMode", void 0), e([b({
+})], $.prototype, "viewMode", void 0), e([x({
+	type: Boolean,
+	reflect: !0,
+	attribute: "item-actions-document-popover"
+})], $.prototype, "itemActionsDocumentPopover", void 0), e([x({
 	type: String,
 	reflect: !0,
 	attribute: "placement-item-actions-menu"
-})], $.prototype, "placementItemActionsMenu", void 0), e([b({
+})], $.prototype, "placementItemActionsMenu", void 0), e([x({
 	type: Array,
 	reflect: !0,
 	attribute: "default-item-actions-menu"
-})], $.prototype, "defaultItemActionsMenu", void 0), e([b({
+})], $.prototype, "defaultItemActionsMenu", void 0), e([x({
 	type: String,
 	reflect: !0,
 	attribute: "cloned-item-positioning"
-})], $.prototype, "clonedItemPositioning", void 0), e([b({
+})], $.prototype, "clonedItemPositioning", void 0), e([x({
 	type: Object,
 	reflect: !0
-})], $.prototype, "theme", void 0), e([b({
+})], $.prototype, "theme", void 0), e([x({
 	type: Array,
 	reflect: !1
-})], $.prototype, "items", null), e([b({
+})], $.prototype, "items", null), e([x({
 	type: Array,
 	reflect: !1,
 	attribute: "initial-items"
-})], $.prototype, "initialItems", null), e([b({
+})], $.prototype, "initialItems", null), e([x({
 	type: Object,
 	reflect: !1
-})], $.prototype, "renderers", void 0), e([b({
+})], $.prototype, "renderers", void 0), e([x({
 	type: Object,
 	reflect: !1,
 	attribute: "item-states"
-})], $.prototype, "itemStates", null), e([b({
+})], $.prototype, "itemStates", null), e([x({
 	type: Object,
 	reflect: !1,
 	attribute: "initial-item-states"
-})], $.prototype, "initialItemStates", void 0), e([S()], $.prototype, "_initialized", void 0), e([x(".grid-stack")], $.prototype, "_gridElement", void 0), e([ee(".luzmo-item-grid-item")], $.prototype, "_gridItemElements", void 0), e([S()], $.prototype, "_internalItemsVersion", void 0), customElements.get("luzmo-item-grid") || customElements.define("luzmo-item-grid", $), customElements.get("luzmo-item-grid-item-actions-menu") || customElements.define("luzmo-item-grid-item-actions-menu", ec);
+})], $.prototype, "initialItemStates", void 0), e([S()], $.prototype, "_initialized", void 0), e([ee(".grid-stack")], $.prototype, "_gridElement", void 0), e([te(".luzmo-item-grid-item")], $.prototype, "_gridItemElements", void 0), e([S()], $.prototype, "_internalItemsVersion", void 0), customElements.get("luzmo-item-grid") || customElements.define("luzmo-item-grid", $), customElements.get("luzmo-item-grid-item-actions-menu") || customElements.define("luzmo-item-grid-item-actions-menu", tc);
 //#endregion
-export { ec as n, $ as t };
+export { tc as n, $ as t };