@luzmo/analytics-components-kit 1.0.1-alpha.146 → 1.0.1-alpha.148

package/components/{grid-DN9I7DDY.js → item-grid-Dx9Ssy7O.js}

@@ -18,7 +18,7 @@
  * SOFTWARE.
  * */
 import { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as LocalizedMixin } from "./localized-mixin-HngLqDZn.js";
+import { t as LocalizedMixin } from "./localized-mixin-rjHF23Hg.js";
 import { t as Color } from "./color-Cssvhkzf.js";
 import { n as systemThemeIds, t as getTheme } from "./themes-DGjjIvSN.js";
 import { r as itemTypes } from "./item-list-DM778zWU.js";
@@ -1336,99 +1336,87 @@ var inputMap2 = {
 	}
 };
 __decorateClass([property()], LuzmoIQEmbedAnswerComponent.prototype, "appServer", 2), __decorateClass([property()], LuzmoIQEmbedAnswerComponent.prototype, "apiHost", 2), __decorateClass([property({ type: Object })], LuzmoIQEmbedAnswerComponent.prototype, "options", 2), __decorateClass([property()], LuzmoIQEmbedAnswerComponent.prototype, "aiEndPoint", 2), __decorateClass([property()], LuzmoIQEmbedAnswerComponent.prototype, "authKey", 2), __decorateClass([property()], LuzmoIQEmbedAnswerComponent.prototype, "authToken", 2), __decorateClass([property()], LuzmoIQEmbedAnswerComponent.prototype, "messages", 2), __decorateClass([property()], LuzmoIQEmbedAnswerComponent.prototype, "version", 2), __decorateClass([property()], LuzmoIQEmbedAnswerComponent.prototype, "libVersion", 2), __decorateClass([property()], LuzmoIQEmbedAnswerComponent.prototype, "remoteEntryServer", 2), customElements.get(componentTag) || customElements.define(componentTag, LuzmoIQEmbedAnswerComponent), LitElement.disableWarning?.("change-in-update");
-var gridstack_min_default = ".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;left: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>.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,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,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,top,height,width}.grid-stack>.grid-stack-item[gs-y=\"0\"]{top:0}.grid-stack>.grid-stack-item[gs-x=\"0\"]{left:0}", lockAction = {
-	icon: luzmoLockOutline,
-	label: "Lock",
-	tooltip: "Lock",
-	action: "lock",
-	type: "toggle"
-}, editAction = {
-	icon: luzmoPencil,
-	label: "Edit",
-	tooltip: "Edit",
-	action: "edit",
-	type: "toggle"
-}, editDataAction = {
-	icon: luzmoTable,
-	label: "Edit data",
-	tooltip: "Data",
-	action: "edit-data",
-	type: "toggle"
-}, editOptionsAction = {
-	icon: luzmoCog,
-	label: "Edit options",
-	tooltip: "Options",
-	action: "edit-options",
-	type: "toggle"
-}, editFiltersAction = {
-	icon: luzmoFilterOutline,
-	label: "Edit filters",
-	tooltip: "Filters",
-	action: "edit-filters",
-	type: "toggle"
-}, cloneAction = {
-	icon: luzmoClone,
-	label: "Clone",
-	tooltip: "Clone",
-	action: "clone",
-	type: "button"
-}, deleteAction = {
-	icon: luzmoTrashOutline,
-	label: "Delete",
-	tooltip: "Delete",
-	action: "delete",
-	type: "button"
+var gridstack_min_default = ".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;left: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>.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,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,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,top,height,width}.grid-stack>.grid-stack-item[gs-y=\"0\"]{top:0}.grid-stack>.grid-stack-item[gs-x=\"0\"]{left:0}", DEFAULT_ACTIONS = {
+	lock: {
+		icon: luzmoLockOutline,
+		label: "Lock",
+		tooltip: "Lock",
+		action: "lock",
+		type: "toggle"
+	},
+	edit: {
+		icon: luzmoPencil,
+		label: "Edit",
+		tooltip: "Edit",
+		action: "edit",
+		type: "toggle"
+	},
+	"edit-data": {
+		icon: luzmoTable,
+		label: "Edit data",
+		tooltip: "Data",
+		action: "edit-data",
+		type: "toggle"
+	},
+	"item-options": {
+		icon: luzmoCog,
+		label: "Item options",
+		tooltip: "Options",
+		action: "item-options",
+		type: "toggle"
+	},
+	filters: {
+		icon: luzmoFilterOutline,
+		label: "Filters",
+		tooltip: "Filters",
+		action: "filters",
+		type: "toggle"
+	},
+	clone: {
+		icon: luzmoClone,
+		label: "Clone",
+		tooltip: "Clone",
+		action: "clone",
+		type: "button"
+	},
+	delete: {
+		icon: luzmoTrashOutline,
+		label: "Delete",
+		tooltip: "Delete",
+		action: "delete",
+		type: "button"
+	}
 };
 const generateActionsMenu = (e) => {
-	if (!e) return;
-	let k = [];
-	return k = structuredClone(e).map((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" && [
-				"lock",
-				"filters",
-				"edit",
-				"edit-data",
-				"edit-options",
-				"edit-filters",
-				"delete",
-				"clone"
-			].includes(e)) return {
-				delete: { ...deleteAction },
-				filters: { ...editFiltersAction },
-				clone: { ...cloneAction },
-				edit: { ...editAction },
-				"edit-data": { ...editDataAction },
-				"edit-options": { ...editOptionsAction },
-				"edit-filters": { ...editFiltersAction },
-				lock: { ...lockAction }
-			}[e];
+			if (typeof e == "string" && Object.hasOwn(DEFAULT_ACTIONS, e)) return { ...DEFAULT_ACTIONS[e] };
 			if (typeof e == "object") return e.icon = e.icon ?? luzmoCircle, 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), k;
+	}).filter(Boolean);
 }, defaultActionsMenu = () => [{
 	type: "group",
 	actions: [
-		{ ...editDataAction },
-		{ ...editOptionsAction },
-		{ ...cloneAction }
+		{ ...DEFAULT_ACTIONS["edit-data"] },
+		{ ...DEFAULT_ACTIONS["item-options"] },
+		{ ...DEFAULT_ACTIONS.clone }
 	]
 }, {
 	type: "group",
-	actions: [{ ...deleteAction }]
+	actions: [{ ...DEFAULT_ACTIONS.delete }]
 }];
-var grid_item_actions_menu_module_default = ":host{--luzmo-action-button-content-color-default:var(--luzmo-grid-item-action-button-content-color-default,#fff);--luzmo-action-button-content-color-hover:var(--luzmo-grid-item-action-button-content-color-hover,#fff);--luzmo-action-button-content-color-down:var(--luzmo-grid-item-action-button-content-color-down,#fff);--luzmo-action-button-content-color-focus:var(--luzmo-grid-item-action-button-content-color-focus,#fff);--luzmo-action-button-background-color-default:var(--luzmo-grid-item-action-button-background-color-default,#333);--luzmo-action-button-background-color-hover:var(--luzmo-grid-item-action-button-background-color-hover,#444);--luzmo-action-button-background-color-down:var(--luzmo-grid-item-action-button-background-color-down,#555);--luzmo-action-button-background-color-focus:var(--luzmo-grid-item-action-button-background-color-focus,#666);--grid-item-actions-flex-direction:column;display:block}.action-buttons{gap:var(--luzmo-grid-item-action-group-gap,.5rem);flex-direction:var(--luzmo-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-grid-item-action-button-content-color-default,#fff);--luzmo-action-button-content-color-hover:var(--luzmo-grid-item-action-button-content-color-hover,#fff);--luzmo-action-button-content-color-down:var(--luzmo-grid-item-action-button-content-color-down,#fff);--luzmo-action-button-content-color-focus:var(--luzmo-grid-item-action-button-content-color-focus,#fff);--luzmo-action-button-background-color-default:var(--luzmo-grid-item-action-button-background-color-default,#333);--luzmo-action-button-background-color-hover:var(--luzmo-grid-item-action-button-background-color-hover,#444);--luzmo-action-button-background-color-down:var(--luzmo-grid-item-action-button-background-color-down,#555);--luzmo-action-button-background-color-focus:var(--luzmo-grid-item-action-button-background-color-focus,#666)}.delete-button{--luzmo-action-button-background-color-hover:var(--luzmo-grid-item-delete-button-background-color-hover,var(--luzmo-negative-color));--luzmo-action-button-content-color-hover:var(--luzmo-grid-item-delete-button-content-color-hover,#fff);--luzmo-action-button-background-color-focus:var(--luzmo-grid-item-delete-button-background-color-focus,var(--luzmo-negative-color-focus));--luzmo-action-button-content-color-focus:var(--luzmo-grid-item-delete-button-content-color-focus,#fff);--luzmo-action-button-background-color-down:var(--luzmo-grid-item-delete-button-background-color-down,var(--luzmo-negative-color-down));--luzmo-action-button-content-color-down:var(--luzmo-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}", LuzmoGridItemActionsMenu = class extends LocalizedMixin(LuzmoElement) {
+var item_grid_item_actions_menu_module_default = ":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}", LuzmoItemGridItemActionsMenu = class extends LocalizedMixin(LuzmoElement) {
 	constructor(...e) {
 		super(...e), this.placement = "right-start", this.actions = defaultActionsMenu();
 	}
 	static get styles() {
-		return [unsafeCSS(grid_item_actions_menu_module_default)];
+		return [unsafeCSS(item_grid_item_actions_menu_module_default)];
 	}
 	get isVertical() {
 		return this.placement.includes("left") || this.placement.includes("right");
 	}
 	_dispatchAction(e) {
-		this.dispatchEvent(new CustomEvent("luzmo-grid-item-action", {
+		this.dispatchEvent(new CustomEvent("luzmo-item-grid-item-action", {
 			bubbles: !0,
 			composed: !0,
 			detail: {
@@ -1505,8 +1493,8 @@ var grid_item_actions_menu_module_default = ":host{--luzmo-action-button-content
 __decorate([property({
 	type: String,
 	reflect: !0
-})], LuzmoGridItemActionsMenu.prototype, "placement", void 0), __decorate([property({ type: Array })], LuzmoGridItemActionsMenu.prototype, "actions", void 0), LuzmoGridItemActionsMenu = __decorate([localized()], LuzmoGridItemActionsMenu);
-var grid_module_default = ":host{width:100%;display:block}.grid-stack{width:100%;min-height:var(--luzmo-grid-min-height);background:var(--luzmo-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-grid-item-resizing-opacity,.8)!important}.grid-item-drag-handle{color:var(--luzmo-grid-item-drag-handle-color,#000);top:var(--luzmo-grid-item-drag-handle-position-top,0);left:var(--luzmo-grid-item-drag-handle-position-left,0);right:var(--luzmo-grid-item-drag-handle-position-right,auto);bottom:var(--luzmo-grid-item-drag-handle-position-bottom,auto);padding:var(--luzmo-grid-item-drag-handle-padding,.5rem);z-index:var(--luzmo-grid-item-drag-handle-z-index,3);cursor:var(--luzmo-grid-item-drag-handle-cursor,move);position:absolute}.grid-stack[dark-background] .grid-item-drag-handle{color:var(--luzmo-grid-item-drag-handle-color,#fff)}.grid-stack .grid-stack-item .grid-stack-item-content{border-radius:var(--luzmo-grid-item-border-radius,var(--grid-item-border-radius,4px));background:var(--luzmo-grid-item-background,var(--grid-item-background,transparent));box-shadow:var(--luzmo-grid-item-box-shadow,var(--grid-item-box-shadow,none));border-style:var(--luzmo-grid-item-border-style,none);border-color:var(--luzmo-grid-item-border-color,transparent);-webkit-backdrop-filter:var(--luzmo-grid-item-backdrop-filter,none);backdrop-filter:var(--luzmo-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-grid-item-border-style,var(--grid-item-border-style,none));border-color:var(--luzmo-grid-item-border-color,var(--grid-item-border-color,transparent));border-width:var(--luzmo-grid-item-border-width,var(--grid-item-border-width,0));border-top-width:var(--luzmo-grid-item-border-top-width,var(--grid-item-border-top-width,0));border-right-width:var(--luzmo-grid-item-border-right-width,var(--grid-item-border-right-width,0));border-bottom-width:var(--luzmo-grid-item-border-bottom-width,var(--grid-item-border-bottom-width,0));border-left-width:var(--luzmo-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-grid-resize-handle-z-index,100);background:var(--luzmo-grid-resize-handle-background,#fff);border-radius:var(--luzmo-grid-resize-handle-border-radius,3px);opacity:var(--luzmo-grid-resize-handle-opacity,0);transition:var(--luzmo-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-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-grid-resize-handle-opacity-hover,1)}:host .grid-stack-item>.ui-resizable-handle:hover{opacity:var(--luzmo-grid-resize-handle-opacity-active,1);background:var(--luzmo-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-grid-resize-handle-edge-size,8px);width:var(--luzmo-grid-resize-handle-side-size,18px);left:calc(50% - var(--luzmo-grid-resize-handle-side-size,18px)/2)}:host .grid-stack-item>.ui-resizable-n{cursor:n-resize;top:calc(var(--luzmo-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-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-grid-resize-handle-edge-size,8px);height:var(--luzmo-grid-resize-handle-side-size,18px);top:calc(50% - var(--luzmo-grid-resize-handle-side-size,18px)/2)}:host .grid-stack-item>.ui-resizable-e{cursor:e-resize;right:calc(var(--luzmo-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-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-grid-resize-handle-corner-size,12px);height:var(--luzmo-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-grid-resize-handle-edge-offset,-6px) + var(--gs-item-margin-top,0px));right:calc(var(--luzmo-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-grid-resize-handle-edge-offset,-6px) + var(--gs-item-margin-top,0px));left:calc(var(--luzmo-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-grid-resize-handle-corner-offset,-4px) + var(--gs-item-margin-right,0px));bottom:calc(var(--luzmo-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-grid-resize-handle-corner-offset,-4px) + var(--gs-item-margin-left,0px));bottom:calc(var(--luzmo-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-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-grid-item-actions-menu{padding:var(--luzmo-grid-item-actions-padding,var(--grid-item-actions-padding))}.dimensions-hint-popover{font-size:var(--luzmo-grid-item-dimensions-hint-font-size,var(--luzmo-font-size-xs,10px));font-family:var(--luzmo-grid-item-dimensions-hint-font-family,var(--luzmo-font-family,inherit));border-width:var(--luzmo-grid-item-dimensions-hint-border-width,var(--luzmo-border-width));border-style:solid;border-color:var(--luzmo-grid-item-dimensions-hint-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-grid-item-dimensions-hint-border-radius,var(--luzmo-border-radius));padding:var(--luzmo-grid-item-dimensions-hint-padding,var(--luzmo-spacing-1)var(--luzmo-spacing-2));z-index:3;background:var(--luzmo-grid-item-dimensions-hint-background,var(--luzmo-background-color));color:var(--luzmo-grid-item-dimensions-hint-color,var(--luzmo-font-color));pointer-events:none;outline:none;margin:0;position:absolute;overflow:visible}luzmo-grid-item-actions-menu{--grid-item-actions-padding:0 .75rem}luzmo-grid-item-actions-menu[placement=top-start],luzmo-grid-item-actions-menu[placement=top],luzmo-grid-item-actions-menu[placement=top-end],luzmo-grid-item-actions-menu[placement=bottom-start],luzmo-grid-item-actions-menu[placement=bottom],luzmo-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-grid-item-border-radius,var(--grid-item-border-radius,4px));z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}";
+})], LuzmoItemGridItemActionsMenu.prototype, "placement", void 0), __decorate([property({ type: Array })], LuzmoItemGridItemActionsMenu.prototype, "actions", void 0), LuzmoItemGridItemActionsMenu = __decorate([localized()], LuzmoItemGridItemActionsMenu);
+var item_grid_module_default = ":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}";
 const updateLuzmoVizItemsLanguage = (e, k) => {
 	e.forEach((e) => {
 		let A = e.querySelector("luzmo-embed-viz-item");
@@ -1529,7 +1517,7 @@ const updateLuzmoVizItemsLanguage = (e, k) => {
 	...F && { deletedId: F },
 	...I && { originalElement: I }
 }), dispatchGridItemActionEvent = ({ target: e, action: k, actionType: A, active: j, items: M, element: N, itemId: P, item: F, deletedId: I, originalElement: L }) => {
-	e.dispatchEvent(new CustomEvent("luzmo-grid-item-action", {
+	e.dispatchEvent(new CustomEvent("luzmo-item-grid-item-action", {
 		detail: createGridItemActionDetail({
 			action: k,
 			actionType: A,
@@ -1556,7 +1544,7 @@ var asElement = (e) => e instanceof Element ? e : void 0;
 const getGridItemElementFromTarget = (e) => asElement(e)?.closest(".grid-stack-item"), shouldRemovePopoverOnMouseout = ({ event: e, gridItem: k }) => asElement(e.relatedTarget)?.closest(".grid-item-actions-popover") ? !1 : !k.hasAttribute("active"), applyGridItemFocus = ({ event: e, focusedItemElement: k, removeItemActionsMenuPopover: A }) => {
 	let j = getGridItemElementFromTarget(e.target);
 	return j ? (k && k !== j && (k.removeAttribute("focused"), A(k)), j.setAttribute("focused", "true"), j) : k;
-}, clearGridItemFocus = ({ event: e, focusedItemElement: k, removeItemActionsMenuPopover: A }) => k ? asElement(e.relatedTarget)?.closest("luzmo-grid-item-actions-menu") ? {
+}, clearGridItemFocus = ({ event: e, focusedItemElement: k, removeItemActionsMenuPopover: A }) => k ? asElement(e.relatedTarget)?.closest("luzmo-item-grid-item-actions-menu") ? {
 	focusedItemElement: k,
 	shouldFocusGrid: !1
 } : (k.removeAttribute("focused"), A(k), {
@@ -1652,7 +1640,7 @@ const normalizeGridItems = (e, k) => {
 	canFilter: e.canFilter ?? "all"
 }), createOrphanGridItemElement = (e) => {
 	let k = document.createElement("div");
-	return k.className = "luzmo-grid-item has-luzmo-viz-item", k.setAttribute("luzmo-grid-item-id", e), k.setAttribute("orphan", "true"), k.setAttribute("tabindex", "0"), k.setAttribute("role", "row"), k.innerHTML = "<div class=\"grid-stack-item-content\" role=\"gridcell\"></div>", k;
+	return k.className = "luzmo-item-grid-item has-luzmo-viz-item", k.setAttribute("luzmo-item-grid-item-id", e), k.setAttribute("orphan", "true"), k.setAttribute("tabindex", "0"), k.setAttribute("role", "row"), k.innerHTML = "<div class=\"grid-stack-item-content\" role=\"gridcell\"></div>", k;
 }, readGridItemPosition = (e) => ({
 	sizeX: Number.parseInt(e.getAttribute("gs-w") ?? "1", 10),
 	sizeY: Number.parseInt(e.getAttribute("gs-h") ?? "1", 10),
@@ -1660,7 +1648,7 @@ const normalizeGridItems = (e, k) => {
 	row: Number.parseInt(e.getAttribute("gs-y") ?? "0", 10)
 }), findGridItemElementById = (e, k) => {
 	if (k) {
-		for (let A of e) if (A.getAttribute("luzmo-grid-item-id") === k) return A;
+		for (let A of e) if (A.getAttribute("luzmo-item-grid-item-id") === k) return A;
 	}
 }, mapGridItems = (e, k) => e.map((e) => {
 	let A = {
@@ -2533,7 +2521,7 @@ const setPopoverCleanup = (e, k) => {
 	else if (e.key === "Enter" && A) e.preventDefault(), e.stopPropagation(), j && (j.removeAttribute("active"), M.removeAttribute("has-active-item"), I(j), z = void 0), M.querySelectorAll(".grid-stack-item").forEach((e) => {
 		e !== A && I(e);
 	}), L(A), requestAnimationFrame(() => {
-		let e = A.querySelector("luzmo-grid-item-actions-menu");
+		let e = A.querySelector("luzmo-item-grid-item-actions-menu");
 		e && e.focus();
 	});
 	else if (A && N && isGridArrowKey(e.key)) {
@@ -2610,7 +2598,7 @@ var buildGridActionsMenu = ({ item: e, defaultItemActionsMenu: k, activeAction:
 };
 const renderOverlayContent = ({ item: e, activeAction: k, defaultItemActionsMenu: A, placementItemActionsMenu: j, language: M, handleAction: N }) => html`
     <div class="grid-item-actions-popover" popover="manual">
-      <luzmo-grid-item-actions-menu
+      <luzmo-item-grid-item-actions-menu
         .actions=${buildGridActionsMenu({
 	item: e,
 	defaultItemActionsMenu: A,
@@ -2618,9 +2606,9 @@ const renderOverlayContent = ({ item: e, activeAction: k, defaultItemActionsMenu
 })}
         placement=${e?.placementActionsMenu ?? j ?? "right-start"}
         .language=${M}
-        @luzmo-grid-item-action=${N}
+        @luzmo-item-grid-item-action=${N}
       >
-      </luzmo-grid-item-actions-menu>
+      </luzmo-item-grid-item-actions-menu>
     </div>
   `, renderGridItem = ({ item: e, index: k, initialized: A, viewMode: j, contentLanguage: M, fullTheme: N, appServer: F, apiHost: I, authKey: L, authToken: R, handleMouseover: z, handleMouseout: B, handleFocus: V, handleBlur: H }) => {
 	let U = {
@@ -2631,8 +2619,8 @@ const renderOverlayContent = ({ item: e, activeAction: k, defaultItemActionsMenu
 	let W = !j;
 	return html`
     <div
-      class="luzmo-grid-item has-luzmo-viz-item"
-      luzmo-grid-item-id=${e.id ?? ""}
+      class="luzmo-item-grid-item has-luzmo-viz-item"
+      luzmo-item-grid-item-id=${e.id ?? ""}
       tabindex="0"
       role="row"
       @mouseover=${z}
@@ -4844,7 +4832,7 @@ const initializeGridStack = ({ gridElement: e, gridItemElements: k, items: A, co
 		handle: ".grid-item-drag-handle"
 	}, V = GridStack.init(B, e);
 	return V.batchUpdate(), k.forEach((e) => {
-		let k = e.getAttribute("luzmo-grid-item-id"), j = buildGridWidgetOptions(A.find((e) => e.id === k), k ?? void 0);
+		let k = e.getAttribute("luzmo-item-grid-item-id"), j = buildGridWidgetOptions(A.find((e) => e.id === k), k ?? void 0);
 		V.makeWidget(e, j);
 	}), V.batchUpdate(!1), V.on("resizestart", (e, k) => {
 		F(k, k.getAttribute("gs-w") ?? "", k.getAttribute("gs-h") ?? "");
@@ -4891,7 +4879,7 @@ const initializeGridStack = ({ gridElement: e, gridItemElements: k, items: A, co
 	let F = M;
 	return j && (M.forEach((e) => {
 		e.hasAttribute("orphan") && e.remove();
-	}), F = P.querySelectorAll(".luzmo-grid-item")), k.setAnimation(!1), k.batchUpdate(), k.removeAll(!1), N.forEach((e) => {
+	}), F = P.querySelectorAll(".luzmo-item-grid-item")), k.setAnimation(!1), k.batchUpdate(), k.removeAll(!1), N.forEach((e) => {
 		let A = findGridItemElementById(F, e.id);
 		A && k.makeWidget(A, buildGridWidgetOptions(e, e.id));
 	}), k.batchUpdate(!1), k.setAnimation(!0), !1;
@@ -4906,7 +4894,7 @@ const initializeGridStack = ({ gridElement: e, gridItemElements: k, items: A, co
 	}
 	return k.enable(), N;
 };
-var LuzmoGrid = class extends LuzmoElement {
+var LuzmoItemGrid = class extends LuzmoElement {
 	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.items = [], this.renderers = {}, this._initialized = !1, this.defaultRenderer = (e) => html`
       <div class="grid-item-content">
@@ -4987,7 +4975,7 @@ var LuzmoGrid = class extends LuzmoElement {
 		};
 	}
 	static get styles() {
-		return [unsafeCSS(gridstack_min_default), unsafeCSS(grid_module_default)];
+		return [unsafeCSS(gridstack_min_default), unsafeCSS(item_grid_module_default)];
 	}
 	async _loadTheme(e) {
 		let k = this._initialized;
@@ -5083,7 +5071,7 @@ var LuzmoGrid = class extends LuzmoElement {
 			onChange: (e) => {
 				applyGridStackChanges(this.items, e), dispatchGridLifecycleEvent({
 					target: this,
-					eventName: "luzmo-grid-changed",
+					eventName: "luzmo-item-grid-changed",
 					detail: {
 						element: this._gridElement,
 						grid: this._grid,
@@ -5093,7 +5081,7 @@ var LuzmoGrid = class extends LuzmoElement {
 			}
 		}), this._initialized = !0, dispatchGridLifecycleEvent({
 			target: this,
-			eventName: "luzmo-grid-ready",
+			eventName: "luzmo-item-grid-ready",
 			detail: {
 				element: this._gridElement,
 				grid: this._grid,
@@ -5245,56 +5233,56 @@ __decorate([property({
 	type: String,
 	attribute: "app-server",
 	reflect: !0
-})], LuzmoGrid.prototype, "appServer", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "appServer", void 0), __decorate([property({
 	type: String,
 	attribute: "api-host",
 	reflect: !0
-})], LuzmoGrid.prototype, "apiHost", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "apiHost", void 0), __decorate([property({
 	type: String,
 	attribute: "auth-key",
 	reflect: !0
-})], LuzmoGrid.prototype, "authKey", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "authKey", void 0), __decorate([property({
 	type: String,
 	attribute: "auth-token",
 	reflect: !0
-})], LuzmoGrid.prototype, "authToken", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "authToken", void 0), __decorate([property({
 	type: Number,
 	attribute: "cache-time",
 	reflect: !0
-})], LuzmoGrid.prototype, "cacheTime", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "cacheTime", void 0), __decorate([property({
 	type: String,
 	reflect: !0
-})], LuzmoGrid.prototype, "language", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "language", void 0), __decorate([property({
 	type: String,
 	attribute: "content-language",
 	reflect: !0
-})], LuzmoGrid.prototype, "contentLanguage", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "contentLanguage", void 0), __decorate([property({
 	type: Number,
 	reflect: !0
-})], LuzmoGrid.prototype, "columns", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "columns", void 0), __decorate([property({
 	type: Number,
 	reflect: !0,
 	attribute: "row-height"
-})], LuzmoGrid.prototype, "rowHeight", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "rowHeight", void 0), __decorate([property({
 	type: Boolean,
 	reflect: !0,
 	attribute: "view-mode"
-})], LuzmoGrid.prototype, "viewMode", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "viewMode", void 0), __decorate([property({
 	type: String,
 	reflect: !0,
 	attribute: "placement-item-actions-menu"
-})], LuzmoGrid.prototype, "placementItemActionsMenu", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "placementItemActionsMenu", void 0), __decorate([property({
 	type: Array,
 	reflect: !0,
 	attribute: "default-item-actions-menu"
-})], LuzmoGrid.prototype, "defaultItemActionsMenu", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "defaultItemActionsMenu", void 0), __decorate([property({
 	type: Object,
 	reflect: !0
-})], LuzmoGrid.prototype, "theme", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "theme", void 0), __decorate([property({
 	type: Array,
 	reflect: !1
-})], LuzmoGrid.prototype, "items", void 0), __decorate([property({
+})], LuzmoItemGrid.prototype, "items", void 0), __decorate([property({
 	type: Object,
 	reflect: !1
-})], LuzmoGrid.prototype, "renderers", void 0), __decorate([state()], LuzmoGrid.prototype, "_initialized", void 0), __decorate([query(".grid-stack")], LuzmoGrid.prototype, "_gridElement", void 0), __decorate([queryAll(".luzmo-grid-item")], LuzmoGrid.prototype, "_gridItemElements", void 0), customElements.get("luzmo-grid") || customElements.define("luzmo-grid", LuzmoGrid), customElements.get("luzmo-grid-item-actions-menu") || customElements.define("luzmo-grid-item-actions-menu", LuzmoGridItemActionsMenu);
-export { LuzmoGridItemActionsMenu as n, LuzmoGrid as t };
+})], LuzmoItemGrid.prototype, "renderers", void 0), __decorate([state()], LuzmoItemGrid.prototype, "_initialized", void 0), __decorate([query(".grid-stack")], LuzmoItemGrid.prototype, "_gridElement", void 0), __decorate([queryAll(".luzmo-item-grid-item")], LuzmoItemGrid.prototype, "_gridItemElements", void 0), customElements.get("luzmo-item-grid") || customElements.define("luzmo-item-grid", LuzmoItemGrid), customElements.get("luzmo-item-grid-item-actions-menu") || customElements.define("luzmo-item-grid-item-actions-menu", LuzmoItemGridItemActionsMenu);
+export { LuzmoItemGridItemActionsMenu as n, LuzmoItemGrid as t };

package/components/{edit-option → item-option}/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CdlBx8s9.cjs`),require(`../localized-mixin-BhUvOsd7.cjs`),require(`../data-broker-BUIUM5hr.cjs`);const e=require(`../edit-option-CAqIUpWx.cjs`);exports.LuzmoEditOption=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-C9s0jVjQ.cjs`),require(`../localized-mixin-DD2Hm1jz.cjs`),require(`../data-broker-BUIUM5hr.cjs`);const e=require(`../item-option-B8MV1FwG.cjs`);exports.LuzmoItemOption=e.t;

package/components/item-option/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoItemOption } from './item-option';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-item-option': LuzmoItemOption;
+    }
+}
+export { LuzmoItemOption } from './item-option';

package/components/{edit-option → item-option}/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-C3o6ooUV.js";
-import "../localized-mixin-HngLqDZn.js";
+import "../set-locale-CgsoV0B9.js";
+import "../localized-mixin-rjHF23Hg.js";
 import "../data-broker-cLR-t5LM.js";
-import { t as LuzmoEditOption } from "../edit-option-BhYZQEpl.js";
-export { LuzmoEditOption };
+import { t as LuzmoItemOption } from "../item-option-DpEQ5J3p.js";
+export { LuzmoItemOption };

package/components/{edit-option/edit-option.d.ts → item-option/item-option.d.ts}

@@ -1,9 +1,9 @@
 import type { OptionConfig, OptionsConfig, OptionTranslation, ThemeConfig, TranslationOverrides, TranslationsFile, VizItemType } from '@luzmo/dashboard-contents-types';
 import { ElementSize, LuzmoElement } from '../../utils/base';
 /**
- * @customElement luzmo-edit-option
+ * @customElement luzmo-item-option
  */
-export declare class LuzmoEditOption extends LuzmoElement {
+export declare class LuzmoItemOption extends LuzmoElement {
     static styles: import("lit").CSSResult;
     private _loadItemConfig;
     language: string;