@luzmo/analytics-components-kit 1.0.9-beta.10 → 1.0.9-beta.11

package/components/item-grid/index.cjs

@@ -1,20 +1,20 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-grid-U4a5JvWj.cjs"),t=require("../item-grid-item-actions-menu-Csidl82W.cjs");exports.LuzmoItemGrid=e.t,Object.defineProperty(exports,"LuzmoItemGridItemActionsMenu",{enumerable:!0,get:function(){return t.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-grid-DTishUCb.cjs"),t=require("../item-grid-item-actions-menu-C3BUxZJc.cjs");exports.LuzmoItemGrid=e.t,Object.defineProperty(exports,"LuzmoItemGridItemActionsMenu",{enumerable:!0,get:function(){return t.t}});

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

@@ -7,6 +7,6 @@ declare global {
 }
 export { LuzmoItemGrid } from './item-grid';
 export { LuzmoItemGridItemActionsMenu } from '../item-grid-item-actions-menu';
-export type { Action, ActionGroup, ItemGridItemActionEventDetail, ItemGridItemActionHoverEventDetail } from '../item-grid-item-actions-menu';
-export type { AddGridItemInput, ClonedItemPositioning, DefaultActionType, GridItemData, GridItemPatch, GridItemPosition, GridItemPositionPatch, GridItemRenderer, GridItemSizePatch, GridItemStatesChangedEventDetail, InputActionGroup, ItemStates } from './types';
+export type { ItemGridItemActionEventDetail, ItemGridItemActionHoverEventDetail } from '../item-grid-item-actions-menu';
+export type { Action, ActionGroup, AddGridItemInput, ClonedItemPositioning, DefaultActionType, GridItemData, GridItemPatch, GridItemPosition, GridItemPositionPatch, GridItemRenderer, GridItemSizePatch, GridItemStatesChangedEventDetail, InputActionGroup, ItemStates } from './types';
 export type { GridItemActionEventDetail, GridLifecycleEventDetail } from './helpers/grid-events';

package/components/item-grid/index.js

@@ -1,22 +1,22 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
  * */
-import { t as e } from "../item-grid-BV42JRXN.js";
-import { t } from "../item-grid-item-actions-menu-Bpon76tP.js";
+import { t as e } from "../item-grid-CbXKsQm4.js";
+import { t } from "../item-grid-item-actions-menu-B7ylgTwO.js";
 export { e as LuzmoItemGrid, t as LuzmoItemGridItemActionsMenu };

package/components/item-grid/item-grid.d.ts

@@ -1,16 +1,11 @@
 import '@luzmo/embed';
 import type { ThemeConfig } from '@luzmo/dashboard-contents-types';
-import type { LuzmoEmbedVizItem } from '@luzmo/embed';
-import { Placement } from '@luzmo/lucero';
+import { ItemGridBase, type GridItemData } from '../../grid-core';
 import '@luzmo/lucero/action-button';
 import '@luzmo/lucero/action-group';
-import '@luzmo/lucero/icon';
-import { LuzmoElement } from '@luzmo/lucero/utils';
-import { GridStack } from 'gridstack';
-import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import type { PropertyValues, TemplateResult } from 'lit';
 import { type GridItemLookup } from './helpers/grid-item-management';
 import '../item-grid-item-actions-menu';
-import type { AddGridItemInput, ClonedItemPositioning, GridItemData, GridItemPatch, GridItemPositionPatch, GridItemRenderer, GridItemSizePatch, InputActionGroup, ItemStates } from './types';
 /**
  * @customElement luzmo-item-grid
  *
@@ -22,8 +17,7 @@ import type { AddGridItemInput, ClonedItemPositioning, GridItemData, GridItemPat
  * @fires {CustomEvent<GridLifecycleEventDetail>} luzmo-item-grid-ready - Fired when the grid is ready
  * @fires {CustomEvent<GridItemStatesChangedEventDetail>} luzmo-item-grid-item-states-changed - Fired when item states change (controlled and uncontrolled mode)
  */
-export declare class LuzmoItemGrid extends LuzmoElement {
-    static get styles(): CSSResultArray;
+export declare class LuzmoItemGrid extends ItemGridBase {
     /**
      * The URL of the app server
      * @default https://app.luzmo.com
@@ -50,203 +44,13 @@ export declare class LuzmoItemGrid extends LuzmoElement {
      * @description The time to cache the data in milliseconds
      */
     cacheTime?: number;
-    /**
-     * The language of the settings interface
-     */
-    language: string;
-    /**
-     * The language to use for locale-aware formatting and labels
-     */
-    contentLanguage: string;
-    /**
-     * The number of columns in the grid.
-     */
-    columns: number;
-    /**
-     * The height of each row in pixels in the grid.
-     */
-    rowHeight: number;
-    /**
-     * Whether the grid is in view mode. When true, dragging, resizing and action buttons are disabled.
-     * @default false
-     */
-    viewMode: boolean;
-    /**
-     * When true (default), the item actions menu uses the Document Popover API (`popover="manual"`),
-     * which paints in the top layer. Set to false when embedding the grid next to another UI that
-     * also uses a document popover (e.g. an analyst side pane) so the actions menu stays in normal
-     * stacking with `position: fixed` + Floating UI instead.
-     * @default true
-     */
-    itemActionsDocumentPopover: boolean;
-    /**
-     * The placement of the item actions menu.
-     * @default 'right-start'
-     */
-    placementItemActionsMenu: Placement;
-    /**
-     * The default item actions menu.
-     * @default [{ type: 'group', actions: ['edit-data', 'item-options', 'clone'] }, { type: 'group', actions: ['delete'] }]
-     */
-    defaultItemActionsMenu?: InputActionGroup[];
-    /**
-     * Where to position a cloned item in the grid.
-     * - `'below-item'` (default): places the clone directly below the original item, shifting other items down.
-     * - `'auto-position'`: lets the grid engine find the first available space (row-major scan, then compact upward).
-     * @default 'below-item'
-     */
-    clonedItemPositioning: ClonedItemPositioning;
-    /**
-     * Grid options configuration
-     */
-    theme?: ThemeConfig;
-    /**
-     * Items to add to the grid.
-     * The array is cloned on set so the component never mutates the caller's data.
-     */
-    set items(value: GridItemData[] | undefined);
-    get items(): GridItemData[];
-    private _items;
-    private _hasControlledItems;
-    /**
-     * Seed value for uncontrolled items mode. The component manages item changes internally from this starting point.
-     * Ignored when `items` is set.
-     */
-    set initialItems(value: GridItemData[] | undefined);
-    get initialItems(): GridItemData[] | undefined;
-    private _initialItems;
-    /**
-     * Custom renderers for different item types
-     */
-    renderers: Record<string, GridItemRenderer>;
-    /**
-     * Controlled item states. When set, the component becomes controlled:
-     * it only reflects what the parent provides and does not update internal state on user interaction.
-     */
-    set itemStates(value: ItemStates | undefined);
-    get itemStates(): ItemStates | undefined;
-    private _itemStates?;
-    /**
-     * Seed value for uncontrolled mode. The component manages state internally from this starting point.
-     * Ignored if `itemStates` is set.
-     *
-     * Only one item with one active action is supported. If multiple items or actions are provided,
-     * a warning is emitted and only the first item with its first action is applied.
-     * Use controlled mode (`itemStates`) for multiple simultaneous active items.
-     */
-    initialItemStates?: ItemStates;
-    private _initialized;
-    private _gridElement;
-    private _gridItemElements;
-    private _grid?;
-    defaultRenderer: GridItemRenderer;
-    private _activeItemElement?;
-    private _activeItemActionToggle?;
-    private _focusedItemElement?;
-    private _fullTheme?;
-    private _internalItemStates;
-    private _initialItemStatesApplied;
-    private _internalItems;
-    private _initialItemsApplied;
-    private _hasWarnedControlledAndInitialItems;
-    private _hasWarnedIgnoredInitialItems;
-    private _suppressItemStatesEvent;
-    private _suppressNextLayoutChangedEvent;
-    private _hasWarnedControlledAndInitialStates;
-    private _internalItemsVersion;
-    private get _isControlled();
-    private get _isItemsControlled();
-    private get _effectiveItems();
-    private get _effectiveItemStates();
-    private _validateItemsHaveIds;
-    private _loadTheme;
-    firstUpdated(): void;
-    disconnectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues): void;
+    protected renderItemContent(item: GridItemData): TemplateResult;
+    protected getItemRenderDependencies(): readonly unknown[];
+    protected resolveTheme(theme: ThemeConfig | undefined, currentTheme: ThemeConfig | undefined): Promise<ThemeConfig | undefined>;
+    protected renderOverlayContent(item?: GridItemData, activeActions?: string[]): TemplateResult;
+    /** Retains the public lifecycle hook from the original grid API. */
+    firstUpdated(changedProperties?: PropertyValues): void;
     protected updated(changedProperties: PropertyValues): void;
-    private _setInternalItems;
-    private _handleMouseover;
-    private _handleMouseout;
-    private _handleKeyDown;
-    private _handleFocus;
-    private _handleBlur;
-    private _handleGridClick;
-    private _emitControlledClickAwayDeactivation;
-    private _cleanupActiveItem;
-    private _clearGridItemUiStateForDelete;
-    private _dispatchItemActionEvent;
-    private _sanitizeInitialItemStates;
-    private _diffItemStates;
-    private _computeNextItemStates;
-    private _filterItemStatesToExistingItems;
-    private _reconcileStaleItemStates;
-    private _simulateCloneLayout;
-    private _cleanup;
-    private _restoreItemsLayout;
-    private _initializeGrid;
-    private _applyItemStates;
-    private _createOrUpdateDimensionsHint;
-    private _removeDimensionsHint;
-    private _handleAction;
-    /**
-     * Get the GridStack instance
-     */
-    get grid(): GridStack | undefined;
-    get gridItems(): {
-        item: GridItemData;
-        element: HTMLElement;
-        luzmoElement?: LuzmoEmbedVizItem;
-    }[];
-    /**
-     * Register a custom renderer for a specific type
-     */
-    registerRenderer(type: string, renderer: GridItemRenderer): void;
-    private _renderOverlayContent;
-    private _createItemActionsMenuPopover;
-    private _removeItemActionsMenuPopover;
+    get gridItems(): GridItemLookup[];
     getGridItemById(id: string): GridItemLookup | undefined;
-    scrollToItem(id: string): void;
-    private _createMissingItemError;
-    private _requireGridItem;
-    private _resolvePositionFromEngine;
-    private _requireGridItemWithPosition;
-    private _assertAddItemHasId;
-    addGridItem(newItem: AddGridItemInput): GridItemData[];
-    private _enrichItemsWithEnginePositions;
-    private _updateGridItemPosition;
-    private _dispatchLayoutChangedEvent;
-    private _updateItemField;
-    removeGridItem(itemId: string): GridItemData[];
-    cloneGridItem(itemId: string): GridItemData[];
-    updateGridItemPosition(itemId: string, position: GridItemPositionPatch): GridItemData[];
-    updateGridItemSize(itemId: string, size: GridItemSizePatch): GridItemData[];
-    updateGridItemSlots(itemId: string, slots: NonNullable<GridItemData['slots']>): GridItemData[];
-    updateGridItemOptions(itemId: string, options: NonNullable<GridItemData['options']>): GridItemData[];
-    updateGridItemFilters(itemId: string, filters: NonNullable<GridItemData['filters']>): GridItemData[];
-    updateGridItemType(itemId: string, type: GridItemData['type']): GridItemData[];
-    updateGridItem(itemId: string, patch: GridItemPatch): GridItemData[];
-    /**
-     * Programmatically trigger a toggle action on a grid item.
-     * Toggles the state (active→inactive, inactive→active) unless `active` is explicitly set.
-     * Waits for any pending render to complete before checking for the element.
-     * @param itemId - The ID of the grid item
-     * @param action - The action name to trigger
-     * @param options - Optional configuration
-     * @param options.active - Force active state (true/false). If omitted, toggles the current state.
-     * @returns The new active state (true if activated, false if deactivated), or undefined if item not found
-     */
-    triggerItemAction(itemId: string, action: string, options?: {
-        active?: boolean;
-    }): Promise<boolean | undefined>;
-    activateItemAction(itemId: string, action: string, options?: {
-        active?: boolean;
-    }): Promise<boolean | undefined>;
-    private _triggerControlledItemAction;
-    /**
-     * Deactivate all active items and dispatch deactivation events.
-     * @returns The number of items that were deactivated
-     */
-    deactivateItems(): number;
-    private _renderGrid;
-    protected render(): TemplateResult;
 }

package/components/item-grid/types.d.ts

@@ -1,46 +1 @@
-import type { ItemFilterGroup, VizItemOptions, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
-import type { Placement } from '@luzmo/lucero';
-import type { TemplateResult } from 'lit';
-import type { Action } from '../item-grid-item-actions-menu/types';
-export type { Action, ActionGroup } from '../item-grid-item-actions-menu/types';
-export type DefaultActionType = 'lock' | 'filters' | 'edit' | 'edit-data' | 'item-options' | 'delete' | 'clone';
-export interface InputActionGroup {
-    type: 'group';
-    actions: (string | Action)[];
-}
-export interface GridItemData {
-    id: string;
-    type: VizItemType;
-    placementActionsMenu?: Placement;
-    actionsMenu?: InputActionGroup[];
-    position?: {
-        sizeX: number;
-        sizeY: number;
-        row: number;
-        col: number;
-    };
-    options?: VizItemOptions;
-    slots?: VizItemSlot[];
-    filters?: ItemFilterGroup[];
-    contextId?: string;
-    canFilter?: string | string[];
-    renderer?: string;
-}
-export type ClonedItemPositioning = 'auto-position' | 'below-item';
-export type GridItemPosition = NonNullable<GridItemData['position']>;
-export type GridItemPositionPatch = Partial<Pick<GridItemPosition, 'col' | 'row'>>;
-export type GridItemSizePatch = Partial<Pick<GridItemPosition, 'sizeX' | 'sizeY'>>;
-export type GridItemPositionInput = Partial<GridItemPosition>;
-export type AddGridItemInput = Omit<GridItemData, 'position'> & {
-    position?: GridItemPositionInput;
-};
-export type GridItemPatch = Partial<Omit<GridItemData, 'id' | 'position'>> & {
-    position?: Partial<GridItemPosition>;
-};
-export type GridItemRenderer = (item: GridItemData, index: number) => TemplateResult;
-export type ItemStates = Record<string, string[]>;
-export interface GridItemStatesChangedEventDetail {
-    itemStates: ItemStates;
-    updatedItemStates: ItemStates;
-    changedItemStates: ItemStates;
-}
+export type * from '../../grid-core';

package/components/item-grid-CbXKsQm4.js

@@ -0,0 +1,245 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import "./tokens-Ov1pCR4Y.js";
+import { t as e } from "./decorate-DyMgX_Uh.js";
+import { n as t, t as n } from "./themes-CQZd578_.js";
+import { n as r, t as i } from "./grid-core-BFNgmaGk.js";
+import { itemTypes as a } from "./item-list.js";
+import "./item-grid-item-actions-menu-B7ylgTwO.js";
+import { luzmoCircle as o, luzmoClone as s, luzmoCog as c, luzmoFilterOutline as l, luzmoLockOutline as u, luzmoPencil as d, luzmoTable as f, luzmoTrashOutline as p } from "@luzmo/icons";
+import { html as m, nothing as h } from "lit";
+import { property as g } from "lit/decorators.js";
+import "@luzmo/lucero/action-button";
+import "@luzmo/embed";
+import "@luzmo/lucero/action-group";
+//#region src/components/item-grid/helpers/grid-chart-rendering.ts
+var _ = (e, { appServer: t, apiHost: n, authKey: r, authToken: i, contentLanguage: a, fullTheme: o }) => {
+	let s = {
+		...e.options,
+		locale: a
+	};
+	return s.theme ||= o?.id ? { id: o.id } : structuredClone(o), m`              <luzmo-embed-viz-item
+                .appServer=${t}
+                .apiHost=${n}
+                .authKey=${r}
+                .authToken=${i}
+                .type=${e.type}
+                .slots=${e.slots}
+                .options=${s}
+                .filters=${e.filters}
+                .language=${a}
+                .canFilter=${e.canFilter ?? "all"}
+              ></luzmo-embed-viz-item>`;
+}, v = (e, t) => {
+	e.forEach((e) => {
+		let n = e.querySelector("luzmo-embed-viz-item");
+		n && (n.options = {
+			...n.options,
+			locale: t
+		});
+	});
+}, y = (e, t) => r(e, t).map((e) => {
+	let t = e.element?.querySelector("luzmo-embed-viz-item");
+	return t ? {
+		...e,
+		luzmoElement: t
+	} : e;
+}), b = {
+	lock: {
+		icon: u,
+		label: "Lock",
+		tooltip: "Lock",
+		action: "lock",
+		type: "toggle"
+	},
+	edit: {
+		icon: d,
+		label: "Edit",
+		tooltip: "Edit",
+		action: "edit",
+		type: "toggle"
+	},
+	"edit-data": {
+		icon: f,
+		label: "Edit data",
+		tooltip: "Data",
+		action: "edit-data",
+		type: "toggle"
+	},
+	"item-options": {
+		icon: c,
+		label: "Item options",
+		tooltip: "Options",
+		action: "item-options",
+		type: "toggle"
+	},
+	filters: {
+		icon: l,
+		label: "Filters",
+		tooltip: "Filters",
+		action: "filters",
+		type: "toggle"
+	},
+	clone: {
+		icon: s,
+		label: "Clone",
+		tooltip: "Clone",
+		action: "clone",
+		type: "button"
+	},
+	delete: {
+		icon: p,
+		label: "Delete",
+		tooltip: "Delete",
+		action: "delete",
+		type: "button"
+	}
+}, x = (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(b, e)) return { ...b[e] };
+			if (typeof e == "object") return e.icon = e.icon ?? o, 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);
+}, S = () => [{
+	type: "group",
+	actions: [
+		{ ...b["edit-data"] },
+		{ ...b["item-options"] },
+		{ ...b.clone }
+	]
+}, {
+	type: "group",
+	actions: [{ ...b.delete }]
+}], C = ({ item: e, defaultItemActionsMenu: t, activeActions: n }) => {
+	let r = x(e?.actionsMenu) ?? x(t) ?? S();
+	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")
+	}))), n && n.length > 0) {
+		let e = new Set(n);
+		r = r.map((t) => ({
+			...t,
+			actions: t.actions?.map((t) => ({
+				...t,
+				active: t.action && e.has(t.action) ? !0 : t.active
+			}))
+		}));
+	}
+	return r;
+}, w = ({ item: e, activeActions: t, defaultItemActionsMenu: n, placementItemActionsMenu: r, language: i, handleAction: a, itemActionsDocumentPopover: o = !0 }) => {
+	let s = C({
+		item: e,
+		defaultItemActionsMenu: n,
+		activeActions: t
+	});
+	return m`
+    <div class="grid-item-actions-popover" popover=${o ? "manual" : h}>
+      <luzmo-item-grid-item-actions-menu
+        .actions=${s}
+        placement=${e?.placementActionsMenu ?? r ?? "right-start"}
+        .language=${i}
+        @luzmo-item-grid-item-action=${a}
+      >
+      </luzmo-item-grid-item-actions-menu>
+    </div>
+  `;
+}, T = async ({ theme: e, currentTheme: r }) => e?.type === "custom" ? structuredClone(e) : e?.id && e.id === r?.id ? r : e?.id && t.includes(e.id) && r?.id !== e.id ? {
+	...await n(e.id),
+	id: e.id
+} : e?.id && r?.id !== e.id || !e && r ? r : await n("default"), E = class extends i {
+	constructor(...e) {
+		super(...e), this.appServer = "https://app.luzmo.com/", this.apiHost = "https://api.luzmo.com";
+	}
+	renderItemContent(e) {
+		return _(e, {
+			appServer: this.appServer,
+			apiHost: this.apiHost,
+			authKey: this.authKey,
+			authToken: this.authToken,
+			contentLanguage: this.contentLanguage,
+			fullTheme: this.resolvedTheme
+		});
+	}
+	getItemRenderDependencies() {
+		return [
+			this.appServer,
+			this.apiHost,
+			this.authKey,
+			this.authToken,
+			this.contentLanguage
+		];
+	}
+	resolveTheme(e, t) {
+		return T({
+			theme: e,
+			currentTheme: t
+		});
+	}
+	renderOverlayContent(e, t) {
+		return w({
+			item: e,
+			activeActions: t,
+			defaultItemActionsMenu: this.defaultItemActionsMenu,
+			placementItemActionsMenu: this.placementItemActionsMenu,
+			language: this.language,
+			handleAction: this.handleItemAction,
+			itemActionsDocumentPopover: this.itemActionsDocumentPopover
+		});
+	}
+	firstUpdated(e = /* @__PURE__ */ new Map()) {
+		super.firstUpdated(e);
+	}
+	updated(e) {
+		super.updated(e), e.has("contentLanguage") && v(this.renderRoot.querySelectorAll(".luzmo-item-grid-item"), this.contentLanguage);
+	}
+	get gridItems() {
+		let e = this.renderRoot.querySelector(".grid-stack");
+		return e ? y(this.items, e) : [];
+	}
+	getGridItemById(e) {
+		return this.gridItems.find((t) => t.item.id === e);
+	}
+};
+//#endregion
+//#region src/components/item-grid/index.ts
+e([g({
+	type: String,
+	attribute: "app-server",
+	reflect: !0
+})], E.prototype, "appServer", void 0), e([g({
+	type: String,
+	attribute: "api-host",
+	reflect: !0
+})], E.prototype, "apiHost", void 0), e([g({
+	type: String,
+	attribute: "auth-key",
+	reflect: !0
+})], E.prototype, "authKey", void 0), e([g({
+	type: String,
+	attribute: "auth-token",
+	reflect: !0
+})], E.prototype, "authToken", void 0), e([g({
+	type: Number,
+	attribute: "cache-time",
+	reflect: !0
+})], E.prototype, "cacheTime", void 0), customElements.get("luzmo-item-grid") || customElements.define("luzmo-item-grid", E);
+//#endregion
+export { E as t };

package/components/item-grid-DTishUCb.cjs

@@ -0,0 +1,41 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+require("./tokens-BWMfo_w4.cjs");const e=require("./decorate-DCJt-2rt.cjs"),t=require("./themes-kvrISOTz.cjs"),n=require("./grid-core-DY0vyroD.cjs"),r=require("./item-list.cjs");require("./item-grid-item-actions-menu-C3BUxZJc.cjs");let i=require("@luzmo/icons"),a=require("lit"),o=require("lit/decorators.js");require("@luzmo/lucero/action-button"),require("@luzmo/embed"),require("@luzmo/lucero/action-group");var s=(e,{appServer:t,apiHost:n,authKey:r,authToken:i,contentLanguage:o,fullTheme:s})=>{let c={...e.options,locale:o};return c.theme||=s?.id?{id:s.id}:structuredClone(s),a.html`              <luzmo-embed-viz-item
+                .appServer=${t}
+                .apiHost=${n}
+                .authKey=${r}
+                .authToken=${i}
+                .type=${e.type}
+                .slots=${e.slots}
+                .options=${c}
+                .filters=${e.filters}
+                .language=${o}
+                .canFilter=${e.canFilter??`all`}
+              ></luzmo-embed-viz-item>`},c=(e,t)=>{e.forEach(e=>{let n=e.querySelector(`luzmo-embed-viz-item`);n&&(n.options={...n.options,locale:t})})},l=(e,t)=>n.n(e,t).map(e=>{let t=e.element?.querySelector(`luzmo-embed-viz-item`);return t?{...e,luzmoElement:t}:e}),u={lock:{icon:i.luzmoLockOutline,label:`Lock`,tooltip:`Lock`,action:`lock`,type:`toggle`},edit:{icon:i.luzmoPencil,label:`Edit`,tooltip:`Edit`,action:`edit`,type:`toggle`},"edit-data":{icon:i.luzmoTable,label:`Edit data`,tooltip:`Data`,action:`edit-data`,type:`toggle`},"item-options":{icon:i.luzmoCog,label:`Item options`,tooltip:`Options`,action:`item-options`,type:`toggle`},filters:{icon:i.luzmoFilterOutline,label:`Filters`,tooltip:`Filters`,action:`filters`,type:`toggle`},clone:{icon:i.luzmoClone,label:`Clone`,tooltip:`Clone`,action:`clone`,type:`button`},delete:{icon:i.luzmoTrashOutline,label:`Delete`,tooltip:`Delete`,action:`delete`,type:`button`}},d=e=>{if(e)return structuredClone(e).map(e=>{if(e.type===`group`)return e.actions=e.actions??[],e.actions=e.actions.map(e=>{if(typeof e==`string`&&Object.hasOwn(u,e))return{...u[e]};if(typeof e==`object`)return e.icon=e.icon??i.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)},f=()=>[{type:`group`,actions:[{...u[`edit-data`]},{...u[`item-options`]},{...u.clone}]},{type:`group`,actions:[{...u.delete}]}],p=({item:e,defaultItemActionsMenu:t,activeActions:n})=>{let i=d(e?.actionsMenu)??d(t)??f();if(!r.itemTypes.find(t=>t.type===e?.type)?.containsData&&!e?.actionsMenu&&!t&&(i=i.map(e=>({...e,actions:e.actions?.filter(e=>e.action!==`edit-data`)}))),n&&n.length>0){let e=new Set(n);i=i.map(t=>({...t,actions:t.actions?.map(t=>({...t,active:t.action&&e.has(t.action)?!0:t.active}))}))}return i},m=({item:e,activeActions:t,defaultItemActionsMenu:n,placementItemActionsMenu:r,language:i,handleAction:o,itemActionsDocumentPopover:s=!0})=>{let c=p({item:e,defaultItemActionsMenu:n,activeActions:t});return a.html`
+    <div class="grid-item-actions-popover" popover=${s?`manual`:a.nothing}>
+      <luzmo-item-grid-item-actions-menu
+        .actions=${c}
+        placement=${e?.placementActionsMenu??r??`right-start`}
+        .language=${i}
+        @luzmo-item-grid-item-action=${o}
+      >
+      </luzmo-item-grid-item-actions-menu>
+    </div>
+  `},h=async({theme:e,currentTheme:n})=>e?.type===`custom`?structuredClone(e):e?.id&&e.id===n?.id?n:e?.id&&t.n.includes(e.id)&&n?.id!==e.id?{...await t.t(e.id),id:e.id}:e?.id&&n?.id!==e.id||!e&&n?n:await t.t(`default`),g=class extends n.t{constructor(...e){super(...e),this.appServer=`https://app.luzmo.com/`,this.apiHost=`https://api.luzmo.com`}renderItemContent(e){return s(e,{appServer:this.appServer,apiHost:this.apiHost,authKey:this.authKey,authToken:this.authToken,contentLanguage:this.contentLanguage,fullTheme:this.resolvedTheme})}getItemRenderDependencies(){return[this.appServer,this.apiHost,this.authKey,this.authToken,this.contentLanguage]}resolveTheme(e,t){return h({theme:e,currentTheme:t})}renderOverlayContent(e,t){return m({item:e,activeActions:t,defaultItemActionsMenu:this.defaultItemActionsMenu,placementItemActionsMenu:this.placementItemActionsMenu,language:this.language,handleAction:this.handleItemAction,itemActionsDocumentPopover:this.itemActionsDocumentPopover})}firstUpdated(e=new Map){super.firstUpdated(e)}updated(e){super.updated(e),e.has(`contentLanguage`)&&c(this.renderRoot.querySelectorAll(`.luzmo-item-grid-item`),this.contentLanguage)}get gridItems(){let e=this.renderRoot.querySelector(`.grid-stack`);return e?l(this.items,e):[]}getGridItemById(e){return this.gridItems.find(t=>t.item.id===e)}};e.t([(0,o.property)({type:String,attribute:`app-server`,reflect:!0})],g.prototype,`appServer`,void 0),e.t([(0,o.property)({type:String,attribute:`api-host`,reflect:!0})],g.prototype,`apiHost`,void 0),e.t([(0,o.property)({type:String,attribute:`auth-key`,reflect:!0})],g.prototype,`authKey`,void 0),e.t([(0,o.property)({type:String,attribute:`auth-token`,reflect:!0})],g.prototype,`authToken`,void 0),e.t([(0,o.property)({type:Number,attribute:`cache-time`,reflect:!0})],g.prototype,`cacheTime`,void 0),customElements.get(`luzmo-item-grid`)||customElements.define(`luzmo-item-grid`,g),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});