@luzmo/analytics-components-kit 1.0.8 → 1.0.9-beta.2

package/components/{utils-ZoJ1cp2P.js → utils-_8LPCz9-.js}

@@ -17,9 +17,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import "./set-locale-CgCeLPlb.js";
-import "./load-data-fields-for-datasets-B76UR0sG.js";
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o } from "./period-over-period-condition.const-IOVIrgKJ.js";
+import "./set-locale-ydAPif-7.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "./slot-role-classification-B8bkGhQ_.js";
+import "./load-data-fields-for-datasets-B3XcFFfg.js";
+import { t as o } from "./slots-config-GlSNH7Gr.js";
 //#region src/utils/switch-item/index.ts
 function s(e, t) {
 	let n = e.acceptableDataFieldTypes, r = e.acceptableColumnSubtypes;
@@ -29,8 +30,8 @@ function c(e) {
 	return e.canAcceptMultipleDataFields === !0 || e.canAcceptMultipleColumns === !0;
 }
 async function l(e) {
-	let n = e.customItemSlotsConfigs?.find((t) => t.type === e.itemType)?.slotsConfig;
-	return n ? structuredClone(n) : await t(e.itemType) ?? void 0;
+	let t = e.customItemSlotsConfigs?.find((t) => t.type === e.itemType)?.slotsConfig;
+	return t ? structuredClone(t) : await o(e.itemType) ?? void 0;
 }
 function u(e) {
 	return (e?.content?.length ?? 0) > 0;
@@ -66,26 +67,26 @@ function h(e) {
 	let t = new Map(e.map((e) => [e.name, e]));
 	for (let n of e) n.content = n.content ?? [], n.content.length > 1 && n.noMultipleIfSlotsFilled?.some((e) => u(t.get(e))) && (n.content = [n.content[0]]), n.content.length > 1 && n.keepOnlyFirstWhenOtherSlotFilled?.some((e) => u(t.get(e))) && (n.content = [n.content[0]]), n.content.length > 0 && n.clearWhenOtherSlotHasMultipleItems?.some((e) => d(t.get(e)) > 1) && (n.content = []);
 }
-function g(t) {
-	let r = [...t].sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), i = [], a = 0;
-	for (let t of r) for (let r = 0; r < (t.content ?? []).length; r++) {
-		let o = t.content?.[r];
+function g(e) {
+	let n = [...e].sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), r = [], a = 0;
+	for (let e of n) for (let n = 0; n < (e.content ?? []).length; n++) {
+		let o = e.content?.[n];
 		if (!o) continue;
-		let s = n(o), c = e({
-			slotName: t.name,
-			slotType: t.type,
+		let s = i(o), c = t({
+			slotName: e.name,
+			slotType: e.type,
 			contentKind: s
 		});
-		i.push({
-			id: `staged-${t.name}-${r}-${a}`,
-			sourceSlotName: t.name,
-			sourceSlotIsRequired: t.isRequired === !0,
+		r.push({
+			id: `staged-${e.name}-${n}-${a}`,
+			sourceSlotName: e.name,
+			sourceSlotIsRequired: e.isRequired === !0,
 			sourceRole: c,
 			sourceOrder: a,
 			content: structuredClone(o)
 		}), a++;
 	}
-	return i;
+	return r;
 }
 function _(e) {
 	let t = /* @__PURE__ */ new Set();
@@ -109,7 +110,7 @@ function v(e, t) {
 	return !0;
 }
 function y(e, t, n, i) {
-	let a = !1, l = new Set(t.targetSlots.map((e) => e.name)), u = [...e].sort((e, t) => {
+	let o = !1, l = new Set(t.targetSlots.map((e) => e.name)), u = [...e].sort((e, t) => {
 		let n = +!l.has(e.sourceSlotName), r = +!l.has(t.sourceSlotName);
 		if (n !== r) return n - r;
 		let i = +!e.sourceSlotIsRequired, a = +!t.sourceSlotIsRequired;
@@ -117,7 +118,7 @@ function y(e, t, n, i) {
 	});
 	for (let e of u) {
 		if (t.placedIds.has(e.id)) continue;
-		let l = n ? n(e) : r(e, t.hasTargetSecondaryGroupBy), u = o({
+		let l = n ? n(e) : a(e, t.hasTargetSecondaryGroupBy), u = r({
 			targetSlots: t.targetSlots,
 			sourceSlotName: e.sourceSlotName,
 			sourceRole: e.sourceRole,
@@ -129,71 +130,71 @@ function y(e, t, n, i) {
 				value: e.id,
 				configurable: !0,
 				enumerable: !1
-			}), a = !0, t.placedIds.add(e.id);
+			}), o = !0, t.placedIds.add(e.id);
 			break;
 		}
 	}
-	a && (h(t.targetSlots), _({
+	o && (h(t.targetSlots), _({
 		targetSlots: t.targetSlots,
 		placedIds: t.placedIds
 	}));
 }
-function b(e) {
-	let t = i(e);
-	return t.has("measure") ? !t.has("mainGroupBy") && !t.has("secondaryGroupBy") : !1;
-}
-async function x(e) {
-	let t = await l({
-		itemType: e.oldItemType,
-		customItemSlotsConfigs: e.customItemSlotsConfigs
-	}), n = await l({
-		itemType: e.newItemType,
-		customItemSlotsConfigs: e.customItemSlotsConfigs
-	}), o = structuredClone(n ?? []);
-	if (!n || n.length === 0) return {
-		type: e.oldItemType || "bar-chart",
-		slots: [...e.slots ?? []],
-		options: { ...e.options }
+function b(t) {
+	let n = e(t);
+	return n.has("measure") ? !n.has("mainGroupBy") && !n.has("secondaryGroupBy") : !1;
+}
+async function x(t) {
+	let r = await l({
+		itemType: t.oldItemType,
+		customItemSlotsConfigs: t.customItemSlotsConfigs
+	}), i = await l({
+		itemType: t.newItemType,
+		customItemSlotsConfigs: t.customItemSlotsConfigs
+	}), o = structuredClone(i ?? []);
+	if (!i || i.length === 0) return {
+		type: t.oldItemType || "bar-chart",
+		slots: [...t.slots ?? []],
+		options: { ...t.options }
 	};
-	if (e.oldItemType === e.newItemType && e.slots && v(e.slots, n)) {
-		let t = new Map(e.slots.map((e) => [e.name, e])), r = n.map((e) => {
-			let n = t.get(e.name);
+	if (t.oldItemType === t.newItemType && t.slots && v(t.slots, i)) {
+		let e = new Map(t.slots.map((e) => [e.name, e])), n = i.map((t) => {
+			let n = e.get(t.name);
 			return {
-				name: e.name,
+				name: t.name,
 				content: n?.content ?? []
 			};
 		});
 		return {
-			type: e.newItemType,
+			type: t.newItemType,
 			slots: m({
-				slots: r,
-				slotsConfig: n
+				slots: n,
+				slotsConfig: i
 			}),
-			options: { ...e.options }
+			options: { ...t.options }
 		};
 	}
-	let s = structuredClone(e.slots ?? []);
+	let s = structuredClone(t.slots ?? []);
 	for (let e of s) {
-		let n = t?.find((t) => t.name === e.name);
-		n?.type && (e.type = n.type), n?.isRequired === !0 && (e.isRequired = !0), n?.order !== void 0 && (e.order = n.order);
+		let t = r?.find((t) => t.name === e.name);
+		t?.type && (e.type = t.type), t?.isRequired === !0 && (e.isRequired = !0), t?.order !== void 0 && (e.order = t.order);
 	}
-	let f = g(s), p = /* @__PURE__ */ new Set(), _ = a(o), x = f.filter((e) => e.sourceRole === "mainGroupBy"), S = f.filter((e) => e.sourceRole === "secondaryGroupBy"), C = f.filter((e) => e.sourceRole === "measure"), w = f.filter((e) => e.sourceRole === "other"), T = !(x.length > 0), E = o.some((e) => e.isRequired === !0 && i(e).has("mainGroupBy")), D = {
+	let f = g(s), p = /* @__PURE__ */ new Set(), _ = n(o), x = f.filter((e) => e.sourceRole === "mainGroupBy"), S = f.filter((e) => e.sourceRole === "secondaryGroupBy"), C = f.filter((e) => e.sourceRole === "measure"), w = f.filter((e) => e.sourceRole === "other"), T = !(x.length > 0), E = o.some((t) => t.isRequired === !0 && e(t).has("mainGroupBy")), D = {
 		targetSlots: o,
 		placedIds: p,
 		hasTargetSecondaryGroupBy: _
 	};
-	y(x, D, () => ["mainGroupBy"]), y(S, D, () => ["mainGroupBy"], (e, t) => t.isRequired === !0 && i(t).has("mainGroupBy") && !u(t)), T && !E && y(S, D, () => ["mainGroupBy"], (e, t) => t.isRequired !== !0 && i(t).has("mainGroupBy") && (d(t) === 0 || c(t))), y(S, D, (e) => r(e, _)), T && E && y(S, D, () => ["mainGroupBy"], (e, t) => t.isRequired !== !0 && i(t).has("mainGroupBy") && (d(t) === 0 || c(t))), _ && y(x, D, () => ["secondaryGroupBy"]);
+	y(x, D, () => ["mainGroupBy"]), y(S, D, () => ["mainGroupBy"], (t, n) => n.isRequired === !0 && e(n).has("mainGroupBy") && !u(n)), T && !E && y(S, D, () => ["mainGroupBy"], (t, n) => n.isRequired !== !0 && e(n).has("mainGroupBy") && (d(n) === 0 || c(n))), y(S, D, (e) => a(e, _)), T && E && y(S, D, () => ["mainGroupBy"], (t, n) => n.isRequired !== !0 && e(n).has("mainGroupBy") && (d(n) === 0 || c(n))), _ && y(x, D, () => ["secondaryGroupBy"]);
 	let O = o.some((e) => b(e));
 	return y(C, D, () => ["measure"], (e, t) => b(t)), O || y(C, D), y(w, D), h(o), {
-		type: e.newItemType,
+		type: t.newItemType,
 		slots: m({
 			slots: o.map((e) => ({
 				name: e.name,
 				content: e.content ?? []
 			})),
-			slotsConfig: n
+			slotsConfig: i
 		}),
-		options: { ...e.options }
+		options: { ...t.options }
 	};
 }
 //#endregion

package/components/utils.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`});const e=require("./set-locale-B-GvqA1H.cjs"),t=require("./localize-D3i4Epy_.cjs"),n=require("./load-data-fields-for-datasets-DFYeACsu.cjs"),r=require("./period-over-period-condition.const-DDgiXIfR.cjs"),i=require("./utils-CPIzW8sp.cjs"),a=require("./themes-kvrISOTz.cjs");exports.DATE_LEVEL_AND_ABOVE=i.t,exports.PeriodOverPeriodCondition=r.t,exports.convertDatasetsToDataFields=n.n,exports.decomposeNumericFormat=r.p,exports.formatter=r.l,exports.getLocale=e.t,exports.getTheme=a.t,exports.getValueForFormatter=i.n,exports.loadDataFieldsForDatasets=n.t,exports.localize=t.t,exports.setLocale=e.n,exports.switchItem=i.i,exports.systemThemeIds=a.n,exports.targetLocales=e.r,exports.transformDateToTimezone=i.r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./set-locale-Xh_1AFbC.cjs"),t=require("./localize-D3i4Epy_.cjs"),n=require("./formatter-BeXmurVe.cjs"),r=require("./decompose-numeric-format-DGJua3rU.cjs"),i=require("./convert-datasets-to-data-fields-B13rl1an.cjs"),a=require("./load-data-fields-for-datasets-rL24A68g.cjs"),o=require("./period-over-period-condition.const-C1NZ9Bkp.cjs"),s=require("./themes-kvrISOTz.cjs"),c=require("./utils-SzKvwZ9-.cjs");exports.DATE_LEVEL_AND_ABOVE=c.t,exports.PeriodOverPeriodCondition=o.t,exports.convertDatasetsToDataFields=i.t,exports.decomposeNumericFormat=r.t,exports.formatter=n.t,exports.getLocale=e.t,exports.getTheme=s.t,exports.getValueForFormatter=c.n,exports.loadDataFieldsForDatasets=a.t,exports.localize=t.t,exports.setLocale=e.n,exports.switchItem=c.i,exports.systemThemeIds=s.n,exports.targetLocales=e.r,exports.transformDateToTimezone=c.r;

package/components/utils.js

@@ -17,10 +17,13 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e, r as t, t as n } from "./set-locale-CgCeLPlb.js";
+import { n as e, r as t, t as n } from "./set-locale-ydAPif-7.js";
 import { t as r } from "./localize-BT7REYBY.js";
-import { n as i, t as a } from "./load-data-fields-for-datasets-B76UR0sG.js";
-import { l as o, p as s, t as c } from "./period-over-period-condition.const-IOVIrgKJ.js";
-import { i as l, n as u, r as d, t as f } from "./utils-ZoJ1cp2P.js";
-import { n as p, t as m } from "./themes-CQZd578_.js";
-export { f as DATE_LEVEL_AND_ABOVE, c as PeriodOverPeriodCondition, i as convertDatasetsToDataFields, s as decomposeNumericFormat, o as formatter, n as getLocale, m as getTheme, u as getValueForFormatter, a as loadDataFieldsForDatasets, r as localize, e as setLocale, l as switchItem, p as systemThemeIds, t as targetLocales, d as transformDateToTimezone };
+import { t as i } from "./formatter-Cq5dFCyU.js";
+import { t as a } from "./decompose-numeric-format-DS0j2wa1.js";
+import { t as o } from "./convert-datasets-to-data-fields-PmQzeVLG.js";
+import { t as s } from "./load-data-fields-for-datasets-B3XcFFfg.js";
+import { t as c } from "./period-over-period-condition.const-BZ7j5Z5t.js";
+import { n as l, t as u } from "./themes-CQZd578_.js";
+import { i as d, n as f, r as p, t as m } from "./utils-_8LPCz9-.js";
+export { m as DATE_LEVEL_AND_ABOVE, c as PeriodOverPeriodCondition, o as convertDatasetsToDataFields, a as decomposeNumericFormat, i as formatter, n as getLocale, u as getTheme, f as getValueForFormatter, s as loadDataFieldsForDatasets, r as localize, e as setLocale, d as switchItem, l as systemThemeIds, t as targetLocales, p as transformDateToTimezone };

package/components/{venn-diagram-options.config-Wi0dQsAu.js → venn-diagram-options.config-BMlduwIp.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { s as e } from "./pragmatic-element-adapter-C_7HSvGV.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/venn-diagram/venn-diagram-options.config.js
 var t = /* @__PURE__ */ e({ default: () => n }), n = [];
 //#endregion

package/components/{venn-diagram-positioning.config-C9ARqREi.js → venn-diagram-positioning.config-A28suR_R.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e } from "./item-slot-drop-panel-Cj6vbgJl.js";
+import { n as e } from "./item-slot-drop-panel-JZtBKPJu.js";
 //#region node_modules/@luzmo/dashboard-contents-types/venn-diagram/venn-diagram-positioning.config.js
 var t = {
 	grid: {

package/components/{venn-diagram-positioning.config-Cb10sStL.cjs → venn-diagram-positioning.config-C7bkb2Qv.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require("./item-slot-drop-panel-CE4f9X6F.cjs");var t={grid:{columns:2,rows:2,columnSizes:[e.n,`1fr`],rowSizes:[`1fr`,e.n],gap:`0`},slots:{identifier:{column:1,row:1,align:`center`,justify:`center`,rotate:!0},measure:{column:2,row:1,align:`center`,justify:`center`,rotate:!1},category:{column:2,row:2,align:`center`,justify:`center`,rotate:!1}}};exports.vennDiagramPositioningConfig=t;
+const e=require("./item-slot-drop-panel-aom0ugTz.cjs");var t={grid:{columns:2,rows:2,columnSizes:[e.n,`1fr`],rowSizes:[`1fr`,e.n],gap:`0`},slots:{identifier:{column:1,row:1,align:`center`,justify:`center`,rotate:!0},measure:{column:2,row:1,align:`center`,justify:`center`,rotate:!1},category:{column:2,row:2,align:`center`,justify:`center`,rotate:!1}}};exports.vennDiagramPositioningConfig=t;

package/components/{venn-diagram-slots.config-DY04aeYK.js → venn-diagram-slots.config-CMDndPVi.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { s as e } from "./pragmatic-element-adapter-C_7HSvGV.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/venn-diagram/venn-diagram-slots.config.js
 var t = /* @__PURE__ */ e({ vennDiagramSlotsConfig: () => n }), n = [
 	{

package/components/{video-options.config-B6pQUPB7.js → video-options.config-DdfSTJEJ.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { s as e } from "./pragmatic-element-adapter-C_7HSvGV.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/video/video-options.config.js
 var t = /* @__PURE__ */ e({ default: () => n }), n = [{
 	key: "general",

package/components/{video-slots.config-C-kXGzo3.js → video-slots.config-Utnn0DBW.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { s as e } from "./pragmatic-element-adapter-C_7HSvGV.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/video/video-slots.config.js
 var t = /* @__PURE__ */ e({ videoSlotsConfig: () => n }), n = [];
 //#endregion

package/components/viz-item-menu/index.cjs

@@ -0,0 +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.
+ * */
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../viz-item-menu-DtHlgOqt.cjs");Object.defineProperty(exports,"LuzmoVizItemMenu",{enumerable:!0,get:function(){return e.t}});

package/components/viz-item-menu/index.d.ts

@@ -0,0 +1,8 @@
+import { LuzmoVizItemMenu } from './viz-item-menu';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-viz-item-menu': LuzmoVizItemMenu;
+    }
+}
+export { LuzmoVizItemMenu } from './viz-item-menu';
+export type { VizItemMenuButton, VizItemMenuButtonClickedEventDetail, VizItemMenuSelectedChangedEventDetail } from './types';

package/components/viz-item-menu/index.js

@@ -0,0 +1,21 @@
+/*! * 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 "../viz-item-menu-DsIJZRgm.js";
+export { e as LuzmoVizItemMenu };

package/components/viz-item-menu/types.d.ts

@@ -0,0 +1,9 @@
+export type VizItemMenuButton = 'clone' | 'edit' | 'delete';
+export interface VizItemMenuButtonClickedEventDetail {
+    action: string;
+    type: VizItemMenuButton;
+    id: string;
+}
+export interface VizItemMenuSelectedChangedEventDetail {
+    selectedButton: VizItemMenuButton | null;
+}

package/components/viz-item-menu/viz-item-menu.d.ts

@@ -0,0 +1,85 @@
+import '@luzmo/lucero/icon';
+import '@luzmo/lucero/tooltip';
+import type { PropertyValues } from 'lit';
+import { LitElement, TemplateResult } from 'lit';
+import type { VizItemMenuButton } from './types';
+declare const LuzmoVizItemMenu_base: (new (...args: any[]) => {
+    language: string;
+}) & typeof LitElement;
+/**
+ * @customElement luzmo-viz-item-menu
+ * @summary A menu component for viz-item actions (clone, edit, delete)
+ * @fires {CustomEvent<VizItemMenuButtonClickedEventDetail>} button-clicked - Emitted when any menu item is clicked
+ * @fires {CustomEvent<void>} edit-button-hovered - Emitted when hovering over the edit button
+ * @fires {CustomEvent<VizItemMenuSelectedChangedEventDetail>} selected-changed - Emitted when the selected button changes
+ * @cssprop --luzmo-viz-item-menu-button-focus-outline-width - Width of the keyboard focus outline on menu buttons. Defaults to `--luzmo-indicator-width`.
+ * @cssprop --luzmo-viz-item-menu-button-focus-outline-color - Color of the keyboard focus outline on menu buttons. Defaults to `--luzmo-indicator-color`.
+ * @cssprop --luzmo-viz-item-menu-button-focus-outline-offset - Offset of the keyboard focus outline on menu buttons. Defaults to `--luzmo-indicator-gap` (2px), outside the button.
+ */
+export declare class LuzmoVizItemMenu extends LuzmoVizItemMenu_base {
+    static styles: import("lit").CSSResult;
+    static tagName: string;
+    /**
+     * The visualization item ID
+     */
+    vizItemId: string;
+    /**
+     * Array of menu buttons to hide
+     * @default []
+     */
+    hiddenButtons: VizItemMenuButton[];
+    /**
+     * The currently selected menu button
+     * @default null
+     */
+    selectedButton: VizItemMenuButton | null;
+    private _tabStopButton;
+    private _restoreFocus;
+    protected willUpdate(changes: PropertyValues<this>): void;
+    protected updated(changes: PropertyValues<this>): void;
+    private _handleButtonFocus;
+    private _handleToolbarKeydown;
+    /**
+     * Menu button configurations
+     */
+    private readonly menuButtonConfigs;
+    /**
+     * Check if there are any top section buttons to show
+     */
+    private get hasTopSectionButtons();
+    /**
+     * Check if a menu button should be shown
+     */
+    private _shouldShowButton;
+    /**
+     * Toggle selected state for a menu button
+     */
+    private _handleSelectedToggle;
+    /**
+     * Emit selected-changed event
+     */
+    private _emitSelectedChanged;
+    /**
+     * Handle menu button click with unified event dispatching
+     */
+    private _handleMenuButtonClick;
+    /**
+     * Create a bound click handler for a menu button config
+     */
+    private _createMenuButtonClickHandler;
+    private _handleHoverOverEdit;
+    /**
+     * Render a menu button
+     */
+    private _renderMenuButton;
+    /**
+     * Render edit section (edit and clone buttons)
+     */
+    private _renderTopSection;
+    /**
+     * Render delete section
+     */
+    private _renderBottomSection;
+    protected render(): TemplateResult;
+}
+export {};

package/components/viz-item-menu-DsIJZRgm.js

@@ -0,0 +1,203 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import "./tokens-Ov1pCR4Y.js";
+import { t as e } from "./decorate-DyMgX_Uh.js";
+import { t } from "./localized-mixin-DaLXe5J9.js";
+import { luzmoClone as n, luzmoEdit as r, luzmoTrashOutline as i } from "@luzmo/icons";
+import "@luzmo/lucero/icon";
+import { LitElement as a, html as o, nothing as s, unsafeCSS as c } from "lit";
+import { property as l, state as u } from "lit/decorators.js";
+import { localized as d, msg as f } from "@lit/localize";
+import "@luzmo/lucero/tooltip";
+//#region src/components/viz-item-menu/viz-item-menu.module.scss?inline
+var p = ":host{box-sizing:border-box;width:min-content;display:block}:host luzmo-icon{display:flex}:host .viz-item-menu{align-items:center;gap:var(--luzmo-viz-item-menu-gap,var(--viz-item-menu-gap));font-size:var(--luzmo-viz-item-menu-font-size,var(--viz-item-menu-font-size));flex-direction:column;width:min-content;display:flex}:host .viz-item-menu .viz-item-menu-top-section{gap:var(--luzmo-viz-item-menu-button-edit-gap,var(--viz-item-menu-button-edit-gap));flex-direction:column;display:flex}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button{padding:var(--luzmo-viz-item-menu-button-edit-padding,var(--viz-item-menu-button-edit-padding));background-color:var(--luzmo-viz-item-menu-button-edit-background,var(--viz-item-menu-button-edit-background))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:first-child{border-top-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));border-top-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:last-child{border-bottom-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));border-bottom-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));box-shadow:var(--luzmo-viz-item-menu-box-shadow,var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:hover{background-color:var(--luzmo-viz-item-menu-button-edit-background-hover,var(--viz-item-menu-button-edit-background-hover))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:hover luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color-hover))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:active,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[aria-pressed=true]{background-color:var(--luzmo-viz-item-menu-button-edit-background-active,var(--viz-item-menu-button-edit-background-active))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:active luzmo-icon,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[aria-pressed=true] luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color-active))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color))}:host .viz-item-menu .viz-item-menu-button{cursor:pointer;transition:var(--luzmo-viz-item-menu-transition,var(--viz-item-menu-transition));width:1rem;height:1rem;font:inherit;color:inherit;box-sizing:content-box;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}:host .viz-item-menu .viz-item-menu-button:focus-visible{z-index:1;outline:var(--luzmo-viz-item-menu-button-focus-outline-width,var(--viz-item-menu-button-focus-outline-width)) solid var(--luzmo-viz-item-menu-button-focus-outline-color,var(--viz-item-menu-button-focus-outline-color));outline-offset:var(--luzmo-viz-item-menu-button-focus-outline-offset,var(--viz-item-menu-button-focus-outline-offset))}:host .viz-item-menu .viz-item-menu-button-delete{padding:var(--luzmo-viz-item-menu-delete-padding,var(--viz-item-menu-delete-padding));border-radius:var(--luzmo-viz-item-menu-delete-border-radius,var(--viz-item-menu-delete-border-radius));background-color:var(--luzmo-viz-item-menu-delete-background,var(--viz-item-menu-delete-background));box-shadow:var(--luzmo-viz-item-menu-box-shadow,var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-button-delete:hover{background-color:var(--luzmo-viz-item-menu-delete-background-hover,var(--viz-item-menu-delete-background-hover))}:host .viz-item-menu .viz-item-menu-button-delete:hover luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover,var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete:active{background-color:var(--luzmo-viz-item-menu-delete-background-active,var(--viz-item-menu-delete-background-active))}:host .viz-item-menu .viz-item-menu-button-delete:active luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover,var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color,var(--viz-item-menu-delete-icon-color))}:host .viz-item-menu luzmo-tooltip{--tooltip-font-family:var(--luzmo-viz-item-menu-tooltip-font-family,var(--viz-item-menu-tooltip-font-family));font-family:var(--luzmo-viz-item-menu-tooltip-font-family,var(--viz-item-menu-tooltip-font-family))}@media (prefers-reduced-motion:reduce){:host .viz-item-menu .viz-item-menu-button{transition:none}}:host{--viz-item-menu-gap:var(--luzmo-spacing-3,.375rem);--viz-item-menu-button-edit-gap:0;--viz-item-menu-button-edit-padding:var(--luzmo-spacing-3,.125rem);--viz-item-menu-button-edit-border-radius:var(--luzmo-border-radius,.25rem);--viz-item-menu-button-edit-background:oklch(40.3678% 2.98023e-8 none);--viz-item-menu-button-edit-background-hover:var(--secondary,var(--luzmo-primary));--viz-item-menu-button-edit-background-active:var(--primary,var(--luzmo-primary));--viz-item-menu-button-edit-icon-color:white;--viz-item-menu-button-edit-icon-color-hover:var(--luzmo-primary-inverse-color,white);--viz-item-menu-button-edit-icon-color-active:var(--luzmo-primary-inverse-color,white);--viz-item-menu-delete-padding:var(--luzmo-spacing-3,.125rem);--viz-item-menu-delete-border-radius:var(--luzmo-border-radius,.25rem);--viz-item-menu-delete-background:oklch(40.3678% 2.98023e-8 none);--viz-item-menu-delete-background-hover:var(--luzmo-negative-color,#de3737);--viz-item-menu-delete-background-active:var(--luzmo-negative-color,#de3737);--viz-item-menu-delete-icon-color:white;--viz-item-menu-delete-icon-color-hover:var(--luzmo-negative-inverse-color,white);--viz-item-menu-button-focus-outline-width:var(--luzmo-indicator-width,1px);--viz-item-menu-button-focus-outline-color:var(--luzmo-indicator-color,var(--primary,var(--luzmo-primary)));--viz-item-menu-button-focus-outline-offset:var(--luzmo-indicator-gap,2px);--viz-item-menu-transition:background-color var(--luzmo-animation-duration,.2s) ease, color var(--luzmo-animation-duration,.2s) ease, box-shadow var(--luzmo-animation-duration,.2s) ease;--viz-item-menu-font-size:var(--luzmo-font-size-m,.875rem);--viz-item-menu-box-shadow:0px 4px 4px 0px #0003;--viz-item-menu-tooltip-font-family:var(--luzmo-font-family,\"Geist\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif)}", m = class extends t(a) {
+	constructor(...e) {
+		super(...e), this.vizItemId = "", this.hiddenButtons = [], this.selectedButton = null, this._tabStopButton = "edit", this._restoreFocus = !1, this.menuButtonConfigs = {
+			edit: {
+				icon: r,
+				label: "Edit",
+				eventName: "edit",
+				type: "edit",
+				cssClass: "viz-item-menu-button viz-item-menu-button-edit",
+				dataE2e: "viz-item-menu-button-edit",
+				onHover: () => this._handleHoverOverEdit()
+			},
+			clone: {
+				icon: n,
+				label: "Clone",
+				eventName: "clone",
+				type: "clone",
+				cssClass: "viz-item-menu-button viz-item-menu-button-clone",
+				dataE2e: "viz-item-menu-button-clone"
+			},
+			delete: {
+				icon: i,
+				label: "Delete",
+				eventName: "delete",
+				type: "delete",
+				cssClass: "viz-item-menu-button viz-item-menu-button-delete",
+				dataE2e: "viz-item-menu-button-delete"
+			}
+		};
+	}
+	static {
+		this.styles = c(p);
+	}
+	static {
+		this.tagName = "luzmo-viz-item-menu";
+	}
+	willUpdate(e) {
+		if (super.willUpdate(e), e.has("hiddenButtons")) {
+			let e = Object.values(this.menuButtonConfigs).filter((e) => this._shouldShowButton(e.type));
+			e.some((e) => e.type === this._tabStopButton) || (this._restoreFocus = this.shadowRoot?.activeElement instanceof HTMLButtonElement, this._tabStopButton = e[0]?.type ?? null);
+		}
+	}
+	updated(e) {
+		super.updated(e), this._restoreFocus && (this._restoreFocus = !1, this.shadowRoot?.querySelector("button[tabindex=\"0\"]")?.focus());
+	}
+	_handleButtonFocus(e) {
+		this._tabStopButton = e.currentTarget.dataset.menuButton;
+	}
+	_handleToolbarKeydown(e) {
+		if (e.defaultPrevented || ![
+			"ArrowDown",
+			"ArrowUp",
+			"Home",
+			"End"
+		].includes(e.key)) return;
+		let t = [...this.renderRoot.querySelectorAll("button[data-menu-button]")], n = t.indexOf(e.target);
+		if (n < 0) return;
+		let r;
+		r = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (n + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length, e.preventDefault(), t[r].focus();
+	}
+	get hasTopSectionButtons() {
+		let e = this._shouldShowButton("edit"), t = this._shouldShowButton("clone");
+		return e || t;
+	}
+	_shouldShowButton(e) {
+		return !this.hiddenButtons?.includes(e);
+	}
+	_handleSelectedToggle(e) {
+		e === "edit" && (this.selectedButton = this.selectedButton === e ? null : e, this._emitSelectedChanged());
+	}
+	_emitSelectedChanged() {
+		this.dispatchEvent(new CustomEvent("selected-changed", {
+			bubbles: !0,
+			composed: !0,
+			detail: { selectedButton: this.selectedButton }
+		}));
+	}
+	_handleMenuButtonClick(e) {
+		this._handleSelectedToggle(e.type), this.dispatchEvent(new CustomEvent("button-clicked", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				action: e.eventName,
+				type: e.type,
+				id: this.vizItemId
+			}
+		}));
+	}
+	_createMenuButtonClickHandler(e) {
+		return () => this._handleMenuButtonClick(e);
+	}
+	_handleHoverOverEdit() {
+		this.dispatchEvent(new CustomEvent("edit-button-hovered", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_renderMenuButton(e) {
+		let t = this.selectedButton === e.type, n = "";
+		e.type === "edit" ? n = f("Edit", { desc: "Edit action label" }) : e.type === "clone" ? n = f("Clone", { desc: "Grid item action tooltip" }) : e.type === "delete" && (n = f("Delete", { desc: "Delete action label" }));
+		let r = e.type === "edit";
+		return o`
+      <button
+        class=${e.cssClass}
+        data-e2e=${e.dataE2e || ""}
+        data-menu-button=${e.type}
+        tabindex=${this._tabStopButton === e.type ? 0 : -1}
+        aria-label=${n}
+        aria-pressed=${r ? t ? "true" : "false" : s}
+        ?selected=${t}
+        @mouseenter=${e.onHover}
+        @focus=${this._handleButtonFocus}
+        @click=${this._createMenuButtonClickHandler(e)}
+        @keydown=${(t) => {
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), this._createMenuButtonClickHandler(e)());
+		}}
+      >
+        <luzmo-icon .icon=${e.icon} size="xs"></luzmo-icon>
+        <luzmo-tooltip
+          self-managed
+          placement="right"
+          fallback-placements="left"
+        >
+          ${n}
+        </luzmo-tooltip>
+      </button>
+    `;
+	}
+	_renderTopSection() {
+		return this.hasTopSectionButtons ? o`
+      <div class="viz-item-menu-top-section">
+        ${this._shouldShowButton("edit") ? this._renderMenuButton(this.menuButtonConfigs.edit) : ""}
+        ${this._shouldShowButton("clone") ? this._renderMenuButton(this.menuButtonConfigs.clone) : ""}
+      </div>
+    ` : o`
+        
+      `;
+	}
+	_renderBottomSection() {
+		return this._shouldShowButton("delete") ? this._renderMenuButton(this.menuButtonConfigs.delete) : o`
+        
+      `;
+	}
+	render() {
+		return o`
+      <div
+        class="viz-item-menu"
+        role="toolbar"
+        aria-orientation="vertical"
+        aria-label=${f("Item actions", { desc: "Item actions toolbar label" })}
+        @keydown=${this._handleToolbarKeydown}
+      >
+        ${this._renderTopSection()}
+        ${this._renderBottomSection()}
+      </div>
+    `;
+	}
+};
+//#endregion
+//#region src/components/viz-item-menu/index.ts
+e([l({
+	type: String,
+	reflect: !0,
+	attribute: "viz-item-id"
+})], m.prototype, "vizItemId", void 0), e([l({
+	type: Array,
+	attribute: !1
+})], m.prototype, "hiddenButtons", void 0), e([l({
+	type: String,
+	reflect: !0,
+	attribute: "selected-button"
+})], m.prototype, "selectedButton", void 0), e([u()], m.prototype, "_tabStopButton", void 0), m = e([d()], m), customElements.get("luzmo-viz-item-menu") || customElements.define("luzmo-viz-item-menu", m);
+//#endregion
+export { m as t };