@luzmo/analytics-components-kit 1.0.1-alpha.90 → 1.0.1-alpha.94

package/components/widget-menu/index.js

@@ -0,0 +1,211 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 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 { localized as s, msg as c } from "@lit/localize";
+import { luzmoTrashOutline as g, luzmoClone as v, luzmoEdit as z } from "@luzmo/icons";
+import "@luzmo/lucero/icon";
+import "@luzmo/lucero/tooltip";
+import { unsafeCSS as h, LitElement as b, html as m } from "lit";
+import { property as n } from "lit/decorators.js";
+import { g as p, t as w, s as f } from "../set-locale-Dp3N_gXN.js";
+(function() {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const o = document.createElement("style");
+    o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
+  }
+})();
+const x = ':host{box-sizing:border-box;display:block;width:100%}:host .widget-menu{display:flex;flex-direction:column;align-items:center;gap:var(--luzmo-widget-menu-gap, var(--widget-menu-gap));font-size:var(--luzmo-widget-menu-font-size, var(--widget-menu-font-size));width:min-content}:host .widget-menu .widget-edit{display:flex;flex-direction:column;gap:var(--luzmo-widget-menu-edit-item-gap, var(--widget-menu-edit-item-gap))}:host .widget-menu .widget-edit-item{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:var(--luzmo-widget-menu-edit-item-padding, var(--widget-menu-edit-item-padding));background-color:var(--luzmo-widget-menu-edit-item-background, var(--widget-menu-edit-item-background));transition:var(--luzmo-widget-menu-transition, var(--widget-menu-transition))}:host .widget-menu .widget-edit-item:first-of-type{border-top-right-radius:var(--luzmo-widget-menu-edit-item-border-radius, var(--widget-menu-edit-item-border-radius));border-top-left-radius:var(--luzmo-widget-menu-edit-item-border-radius, var(--widget-menu-edit-item-border-radius))}:host .widget-menu .widget-edit-item:last-of-type{border-bottom-right-radius:var(--luzmo-widget-menu-edit-item-border-radius, var(--widget-menu-edit-item-border-radius));border-bottom-left-radius:var(--luzmo-widget-menu-edit-item-border-radius, var(--widget-menu-edit-item-border-radius));box-shadow:var(--luzmo-widget-menu-box-shadow, var(--widget-menu-box-shadow))}:host .widget-menu .widget-edit-item:hover,:host .widget-menu .widget-edit-item[selected]{background-color:var(--luzmo-widget-menu-edit-item-background-hover, var(--widget-menu-edit-item-background-hover))}:host .widget-menu .widget-edit-item:active{background-color:var(--luzmo-widget-menu-edit-item-background-active, var(--widget-menu-edit-item-background-active))}:host .widget-menu .widget-edit-item luzmo-icon{color:var(--luzmo-widget-menu-edit-item-icon-color, var(--widget-menu-edit-item-icon-color))}:host .widget-menu .widget-remove{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:var(--luzmo-widget-menu-remove-padding, var(--widget-menu-remove-padding));border-radius:var(--luzmo-widget-menu-remove-border-radius, var(--widget-menu-remove-border-radius));background-color:var(--luzmo-widget-menu-remove-background, var(--widget-menu-remove-background));transition:var(--luzmo-widget-menu-transition, var(--widget-menu-transition));box-shadow:var(--luzmo-widget-menu-box-shadow, var(--widget-menu-box-shadow))}:host .widget-menu .widget-remove:hover,:host .widget-menu .widget-remove[selected]{background-color:var(--luzmo-widget-menu-remove-background-hover, var(--widget-menu-remove-background-hover))}:host .widget-menu .widget-remove:hover luzmo-icon,:host .widget-menu .widget-remove[selected] luzmo-icon{color:var(--luzmo-widget-menu-remove-icon-color-hover, var(--widget-menu-remove-icon-color-hover))}:host .widget-menu .widget-remove:active{background-color:var(--luzmo-widget-menu-remove-background-active, var(--widget-menu-remove-background-active))}:host .widget-menu .widget-remove:active luzmo-icon{color:var(--luzmo-widget-menu-remove-icon-color-hover, var(--widget-menu-remove-icon-color-hover))}:host .widget-menu .widget-remove luzmo-icon{color:var(--luzmo-widget-menu-remove-icon-color, var(--widget-menu-remove-icon-color))}:host .widget-menu luzmo-tooltip{--tooltip-font-family: var( --luzmo-widget-menu-tooltip-font-family, var(--widget-menu-tooltip-font-family) );font-family:var(--luzmo-widget-menu-tooltip-font-family, var(--widget-menu-tooltip-font-family))}:host{--widget-menu-gap: var(--luzmo-spacing-3, .375rem);--widget-menu-edit-item-gap: 0;--widget-menu-edit-item-padding: var(--luzmo-spacing-3, .125rem);--widget-menu-edit-item-border-radius: var(--luzmo-border-radius, .25rem);--widget-menu-edit-item-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--widget-menu-edit-item-background-hover: var(--secondary, var(--luzmo-primary));--widget-menu-edit-item-background-active: var(--secondary, var(--luzmo-primary));--widget-menu-edit-item-icon-color: var(--luzmo-primary-inverse-color, white);--widget-menu-remove-padding: var(--luzmo-spacing-3, .125rem);--widget-menu-remove-border-radius: var(--luzmo-border-radius, .25rem);--widget-menu-remove-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--widget-menu-remove-background-hover: var(--luzmo-negative-color, rgb(222, 55, 55));--widget-menu-remove-background-active: var(--luzmo-negative-color, rgb(222, 55, 55));--widget-menu-remove-icon-color: var(--luzmo-primary-inverse-color, white);--widget-menu-remove-icon-color-hover: var(--luzmo-primary-inverse-color, white);--widget-menu-transition: all var(--luzmo-animation-duration, .2s) ease;--widget-menu-font-size: var(--luzmo-font-size-m, .875rem);--widget-menu-box-shadow: 0px 4px 4px 0px var(--Boxshadow, rgba(var(--luzmo-border-color-rgb), .2));--widget-menu-tooltip-font-family: var(--luzmo-font-family, "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif)}';
+var y = Object.defineProperty, k = Object.getOwnPropertyDescriptor, d = (e, o, t, i) => {
+  for (var l = i > 1 ? void 0 : i ? k(o, t) : o, u = e.length - 1, a; u >= 0; u--)
+    (a = e[u]) && (l = (i ? a(o, t, l) : a(l)) || l);
+  return i && l && y(o, t, l), l;
+};
+let r = class extends b {
+  constructor() {
+    super(...arguments), this.vizItemId = "", this.hide = [], this.language = "en", this.selectedItem = null, this.menuItemConfigs = {
+      edit: {
+        icon: z,
+        label: "Edit",
+        eventName: "edit",
+        itemType: "edit",
+        cssClass: "widget-edit-item widget-edit",
+        dataE2e: "widget-menu-edit",
+        onHover: () => this._handleHoverOverEdit()
+      },
+      clone: {
+        icon: v,
+        label: "Clone",
+        eventName: "clone",
+        itemType: "clone",
+        cssClass: "widget-edit-item widget-clone",
+        dataE2e: "widget-menu-clone"
+      },
+      remove: {
+        icon: g,
+        label: "Delete",
+        eventName: "remove",
+        itemType: "remove",
+        cssClass: "widget-remove"
+      }
+    };
+  }
+  /**
+   * Check if there are any edit items to show
+   */
+  get hasEditItemsToShow() {
+    var t, i;
+    const e = !((t = this.hide) != null && t.includes("edit")), o = !((i = this.hide) != null && i.includes("clone"));
+    return e || o;
+  }
+  /**
+   * Check if a menu item should be shown
+   */
+  _shouldShowItem(e) {
+    var o;
+    return !((o = this.hide) != null && o.includes(e));
+  }
+  willUpdate(e) {
+    e.has("language") && this.language !== p() && ([...w].includes(this.language ?? "en") || this.language === "en") && f(this.language);
+  }
+  /**
+   * Toggle selected state for a menu item
+   */
+  _handleSelectedToggle(e) {
+    const o = this.selectedItem === e ? null : e;
+    this.selectedItem = o, this._emitSelectedChanged();
+  }
+  /**
+   * Emit selected-changed event
+   */
+  _emitSelectedChanged() {
+    this.dispatchEvent(
+      new CustomEvent("selected-changed", {
+        bubbles: !0,
+        composed: !0,
+        detail: { selectedItem: this.selectedItem }
+      })
+    );
+  }
+  /**
+   * Handle menu item click with unified event dispatching
+   */
+  _handleMenuItemClick(e) {
+    this._handleSelectedToggle(e.itemType), this.dispatchEvent(
+      new CustomEvent("widget-menu-element-clicked", {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          action: e.eventName,
+          type: e.itemType,
+          id: this.vizItemId
+        }
+      })
+    );
+  }
+  /**
+   * Create a bound click handler for a menu item config
+   */
+  _createMenuItemClickHandler(e) {
+    return () => this._handleMenuItemClick(e);
+  }
+  _handleHoverOverEdit() {
+    this.dispatchEvent(
+      new CustomEvent("hover-over-edit", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  /**
+   * Render a menu item button
+   */
+  _renderMenuItem(e) {
+    const o = this.selectedItem === e.itemType, t = c(e.label, {
+      desc: `Widget menu ${e.itemType} tooltip`
+    });
+    return m`
+      <div
+        class=${e.cssClass}
+        data-e2e=${e.dataE2e || ""}
+        data-menu-item=${e.itemType}
+        role="button"
+        tabindex="0"
+        aria-label=${t}
+        ?selected=${o}
+        @mouseenter=${e.onHover}
+        @click=${this._createMenuItemClickHandler(e)}
+      >
+        <luzmo-icon .icon=${e.icon} size="s"></luzmo-icon>
+        <luzmo-tooltip
+          self-managed
+          placement="right"
+          fallback-placements="left"
+        >
+          ${t}
+        </luzmo-tooltip>
+      </div>
+    `;
+  }
+  /**
+   * Render edit section (edit and clone items)
+   */
+  _renderEditSection() {
+    return this.hasEditItemsToShow ? m`
+      <div class="widget-edit">
+        ${this._shouldShowItem("edit") ? this._renderMenuItem(this.menuItemConfigs.edit) : ""}
+        ${this._shouldShowItem("clone") ? this._renderMenuItem(this.menuItemConfigs.clone) : ""}
+      </div>
+    ` : m``;
+  }
+  /**
+   * Render remove section
+   */
+  _renderRemoveSection() {
+    return this._shouldShowItem("remove") ? this._renderMenuItem(this.menuItemConfigs.remove) : m``;
+  }
+  render() {
+    return m`
+      <div class="widget-menu font-size-lg">
+        ${this._renderEditSection()}
+        ${this._renderRemoveSection()}
+      </div>
+    `;
+  }
+};
+r.styles = h(x);
+r.tagName = "luzmo-widget-menu";
+d([
+  n({ type: String, reflect: !0, attribute: "viz-item-id" })
+], r.prototype, "vizItemId", 2);
+d([
+  n({ type: Array, attribute: !1 })
+], r.prototype, "hide", 2);
+d([
+  n({ type: String, reflect: !0 })
+], r.prototype, "language", 2);
+d([
+  n({ type: String, reflect: !0, attribute: "selected-item" })
+], r.prototype, "selectedItem", 2);
+r = d([
+  s()
+], r);
+customElements.get("luzmo-widget-menu") || customElements.define("luzmo-widget-menu", r);
+export {
+  r as LuzmoWidgetMenu
+};

package/components/widget-menu/widget-menu.d.ts

@@ -0,0 +1,77 @@
+import '@luzmo/lucero/icon';
+import '@luzmo/lucero/tooltip';
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import type { WidgetMenuItem } from '../../types';
+/**
+ * @element luzmo-widget-menu
+ * @summary A menu component for widget actions (data, config, clone, remove)
+ * @fires widget-menu-element-clicked - Emitted when any menu item is clicked, includes { action: string, type: WidgetMenuItem, id: string } in detail
+ * @fires hover-over-edit - Emitted when hovering over the edit button
+ * @fires selected-changed - Emitted when the selected item changes, includes { selectedItem: WidgetMenuItem | null } in detail
+ */
+export declare class LuzmoWidgetMenu extends LitElement {
+    static styles: import("lit").CSSResult;
+    static tagName: string;
+    /**
+     * The visualization item ID
+     */
+    vizItemId: string;
+    /**
+     * Array of menu items to hide
+     * @default []
+     */
+    hide: WidgetMenuItem[];
+    /**
+     * The language to display the menu in
+     * @default 'en'
+     */
+    language: string;
+    /**
+     * The currently selected menu item
+     * @default null
+     */
+    selectedItem: WidgetMenuItem | null;
+    /**
+     * Menu item configurations
+     */
+    private readonly menuItemConfigs;
+    /**
+     * Check if there are any edit items to show
+     */
+    private get hasEditItemsToShow();
+    /**
+     * Check if a menu item should be shown
+     */
+    private _shouldShowItem;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    /**
+     * Toggle selected state for a menu item
+     */
+    private _handleSelectedToggle;
+    /**
+     * Emit selected-changed event
+     */
+    private _emitSelectedChanged;
+    /**
+     * Handle menu item click with unified event dispatching
+     */
+    private _handleMenuItemClick;
+    /**
+     * Create a bound click handler for a menu item config
+     */
+    private _createMenuItemClickHandler;
+    private _handleHoverOverEdit;
+    /**
+     * Render a menu item button
+     */
+    private _renderMenuItem;
+    /**
+     * Render edit section (edit and clone items)
+     */
+    private _renderEditSection;
+    /**
+     * Render remove section
+     */
+    private _renderRemoveSection;
+    protected render(): TemplateResult;
+}

package/components/{wordcloud-chart-options.config-BKtJT8Va.cjs → wordcloud-chart-options.config-vGfCW8kE.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./helpers-9I0oLoUB.cjs"),l=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"categories.colored",control:{type:"switch",label:"Word color by category",default:!0}},{key:"color",control:{type:"color-picker",default:({theme:e})=>t.getThemeMainColor(e),extraLabel:({options:e,theme:o})=>t.getThemeMainColorResetLabel(e,o,"color"),extraLabelHasClickAction:({options:e,theme:o})=>t.getThemeMainColorExtraLabelHasClickAction(e,o,"color"),extraLabelClickAction:({options:e,theme:o})=>t.getThemeMainColorExtraLabelClickAction(e,o,"color")},visibleIf:({options:e})=>e?.categories?.colored===!1},{key:"layout",control:{type:"radio-button-group",label:"Layout",default:"horizontal",enum:["horizontal","random"]}}]}];exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./helpers-DXQwEH1P.cjs"),t=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"categories.colored",control:{type:"switch",label:"Word color by category",default:!0}},{key:"color",control:{type:"color-picker",default:({theme:e})=>l.getThemeMainColor(e),extraLabel:({options:e,theme:o})=>l.getThemeMainColorResetLabel(e,o,"color"),extraLabelHasClickAction:({options:e,theme:o})=>l.getThemeMainColorExtraLabelHasClickAction(e,o,"color"),extraLabelClickAction:({options:e,theme:o})=>l.getThemeMainColorExtraLabelClickAction(e,o,"color")},visibleIf:({options:e})=>{var o;return((o=e==null?void 0:e.categories)==null?void 0:o.colored)===!1}},{key:"layout",control:{type:"radio-button-group",label:"Layout",default:"horizontal",enum:["horizontal","random"]}}]}];exports.default=t;

package/components/{wordcloud-chart-options.config-BoB_KuhA.js → wordcloud-chart-options.config-w2NUIWVA.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { g as t, a as l, b as a, c as r } from "./helpers-bR8Ibjqh.js";
+import { g as l, a as t, b as a, c as r } from "./helpers-v1bPALRP.js";
 const i = [
   {
     key: "general",
@@ -46,10 +46,13 @@ const i = [
           type: "color-picker",
           default: ({ theme: e }) => r(e),
           extraLabel: ({ options: e, theme: o }) => a(e, o, "color"),
-          extraLabelHasClickAction: ({ options: e, theme: o }) => l(e, o, "color"),
-          extraLabelClickAction: ({ options: e, theme: o }) => t(e, o, "color")
+          extraLabelHasClickAction: ({ options: e, theme: o }) => t(e, o, "color"),
+          extraLabelClickAction: ({ options: e, theme: o }) => l(e, o, "color")
         },
-        visibleIf: ({ options: e }) => e?.categories?.colored === !1
+        visibleIf: ({ options: e }) => {
+          var o;
+          return ((o = e == null ? void 0 : e.categories) == null ? void 0 : o.colored) === !1;
+        }
       },
       {
         key: "layout",

package/custom-elements.json

@@ -6960,16 +6960,6 @@
           ],
           "tagName": "luzmo-filter-value-picker-hierarchy",
           "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "abortController",
-          "default": "new AbortController()"
-        },
-        {
-          "kind": "variable",
-          "name": "promise",
-          "default": "new Promise((resolve, reject) => { const fetchDataPromise = dataBroker.fetchData(query); fetchDataPromise.then(resolve).catch(reject); abortController.signal.addEventListener('abort', () => { console.warn('Request aborted'); reject({ status: 'aborted' }); }); })"
         }
       ],
       "exports": [
@@ -7173,16 +7163,6 @@
           ],
           "tagName": "luzmo-filter-value-picker-numeric",
           "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "abortController",
-          "default": "new AbortController()"
-        },
-        {
-          "kind": "variable",
-          "name": "promise",
-          "default": "new Promise((resolve, reject) => { const fetchDataPromise = dataBroker.fetchData(query); fetchDataPromise.then(resolve).catch(reject); abortController.signal.addEventListener('abort', () => { console.warn('Request aborted'); reject({ status: 'aborted' }); }); })"
         }
       ],
       "exports": [
@@ -8711,6 +8691,139 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/widget-menu/widget-menu.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LuzmoWidgetMenu",
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "type": {
+                "text": "string"
+              },
+              "static": true,
+              "default": "'luzmo-widget-menu'"
+            },
+            {
+              "kind": "field",
+              "name": "vizItemId",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The visualization item ID",
+              "attribute": "viz-item-id",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hide",
+              "type": {
+                "text": "WidgetMenuItem[]"
+              },
+              "default": "[]",
+              "description": "Array of menu items to hide"
+            },
+            {
+              "kind": "field",
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language to display the menu in",
+              "attribute": "language",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selectedItem",
+              "type": {
+                "text": "WidgetMenuItem | null"
+              },
+              "default": "null",
+              "description": "The currently selected menu item",
+              "attribute": "selected-item",
+              "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "name": "selected-changed",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted when the selected item changes, includes { selectedItem: WidgetMenuItem | null } in detail"
+            },
+            {
+              "name": "widget-menu-element-clicked",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted when any menu item is clicked, includes { action: string, type: WidgetMenuItem, id: string } in detail"
+            },
+            {
+              "name": "hover-over-edit",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted when hovering over the edit button"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "viz-item-id",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The visualization item ID",
+              "fieldName": "vizItemId"
+            },
+            {
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language to display the menu in",
+              "fieldName": "language"
+            },
+            {
+              "name": "selected-item",
+              "type": {
+                "text": "WidgetMenuItem | null"
+              },
+              "default": "null",
+              "description": "The currently selected menu item",
+              "fieldName": "selectedItem"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "luzmo-widget-menu",
+          "customElement": true,
+          "summary": "A menu component for widget actions (data, config, clone, remove)"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LuzmoWidgetMenu",
+          "declaration": {
+            "name": "LuzmoWidgetMenu",
+            "module": "src/components/widget-menu/widget-menu.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/droppable-slot/item-slots-configs/slot-labels.const.ts",

package/index.d.ts

@@ -40,6 +40,7 @@ export * from './components/grid';
 export * from './components/slot-contents-picker';
 export * from './components/slot-menu';
 export * from './components/slot-menu-list';
+export * from './components/widget-menu';
 export * from './item-definitions/item-list';
 export * from './types';
 export * from './utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.1-alpha.90",
+  "version": "1.0.1-alpha.94",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",
@@ -231,6 +231,11 @@
       "import": "./components/slot-menu-list/index.js",
       "require": "./components/slot-menu-list/index.cjs"
     },
+    "./widget-menu": {
+      "types": "./components/widget-menu/index.d.ts",
+      "import": "./components/widget-menu/index.js",
+      "require": "./components/widget-menu/index.cjs"
+    },
     "./item-slots-configs": {
       "types": "./components/droppable-slot/item-slots-configs/index.d.ts",
       "import": "./components/item-slots-configs.js",

package/types.d.ts

@@ -109,3 +109,7 @@ export interface Dataset {
         };
     };
 }
+/**
+ * Widget menu item types that can be selected
+ */
+export type WidgetMenuItem = 'clone' | 'remove' | 'edit';

package/components/area-chart-options.config-Bl8bhhOo.cjs

@@ -1,20 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2025 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.
- * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./helpers-9I0oLoUB.cjs"),l=({slots:e})=>Array.isArray(e)&&e?.length>0?e?.find(t=>t?.name==="legend")?.content?.length>0||e?.find(t=>t?.name==="measure")?.content?.length>1:!1,i=({slots:e})=>Array.isArray(e)&&e?.length>0?!(e?.find(t=>t?.name==="legend")?.content?.length>0)&&e?.find(t=>t?.name==="measure")?.content?.length<=1:!0,r=({slots:e})=>Array.isArray(e)&&e?.find(t=>t?.name==="x-axis")?.content?.[0]?.type==="datetime",o=({options:e,slots:t})=>Array.isArray(t)&&t?.find(a=>a?.name==="x-axis")?.content?.[0]?.type==="datetime"&&e?.missingValue?.type==="manual",c=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{label:"Title",type:"switch",default:!0}},{type:"divider"},{key:"mode",control:{label:"Mode",type:"picker",default:"stacked",enum:["100","unstacked","stacked","stream"]},visibleIf:l},{key:"interpolation",control:{label:"Interpolation",type:"picker",default:"linear",enum:["linear","step-before","step-after","monotone"]}},{key:"display.legend",control:{label:"Legend",type:"switch",default:!0},visibleIf:l},{key:"display.modeOption",control:{label:"Mode option",type:"switch",default:!0},visibleIf:l},{key:"missingValue.type",control:{label:"Fill missing values",type:"picker",default:"no",enum:["no","break","manual"]},visibleIf:r},{key:"missingValue.value",control:{label:"Value",type:"number-field",default:"no",min:1},visibleIf:o},{key:"color",control:{label:"Area color",type:"color-picker",default:({theme:e})=>n.getThemeMainColor(e),extraLabel:({options:e,theme:t})=>n.getThemeMainColorResetLabel(e,t,"color"),extraLabelHasClickAction:({options:e,theme:t})=>n.getThemeMainColorExtraLabelHasClickAction(e,t,"color"),extraLabelClickAction:({options:e,theme:t})=>n.getThemeMainColorExtraLabelClickAction(e,t,"color")},visibleIf:i}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.position",control:{label:"Position",type:"position-picker",default:"topRight",enum:["topLeft","top","topRight","right","bottomRight","bottom","bottomLeft","left"]}}],visibleIf:l}];exports.default=c;

package/components/bar-chart-options.config-CePAqM83.cjs

@@ -1,20 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2025 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.
- * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./helpers-9I0oLoUB.cjs"),r=({slots:e})=>Array.isArray(e)&&e?.length>0?e?.find(t=>t?.name==="legend")?.content?.length>0||e?.find(t=>t?.name==="measure")?.content?.length>1:!1,o=({slots:e})=>Array.isArray(e)&&e?.length>0?e?.find(t=>t?.name==="legend")?.content?.length===0&&e?.find(t=>t?.name==="measure")?.content?.length<=1:!0,i=[{key:"general",type:"group",open:!0,children:[{key:"mode",control:{type:"picker",default:"grouped",enum:["grouped","stacked","100"]},visibleIf:r},{type:"divider",visibleIf:r},{key:"display.title",control:{type:"switch",default:!0}},{key:"display.legend",control:{type:"switch",default:!0},visibleIf:r},{key:"display.modeOption",control:{type:"switch",default:!1},visibleIf:r},{key:"bars.label",control:{type:"picker",default:"none",enum:["none","absolute","percentage","percentageLegend","percentageCategory","percentageMax"]}},{key:"categories.colored",control:{type:"switch",default:!1},visibleIf:o},{key:"bars.roundedCorners",control:{type:"slider",default:({theme:e})=>e?.itemSpecific?.rounding,min:0,max:20,step:1,extraLabel:({options:e,theme:t})=>{if(typeof t?.itemSpecific?.rounding=="number")return typeof e?.bars?.roundedCorners!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:t})=>!(typeof t?.itemSpecific?.rounding!="number"||typeof e?.bars?.roundedCorners!="number"),extraLabelClickAction:({options:e})=>{const t={...e};return delete t?.bars?.roundedCorners,{value:null,options:t}}}},{key:"color",control:{type:"color-picker",label:"Bar color",default:({theme:e})=>n.getThemeMainColor(e),extraLabel:({options:e,theme:t})=>n.getThemeMainColorResetLabel(e,t,"color"),extraLabelHasClickAction:({options:e,theme:t})=>n.getThemeMainColorExtraLabelHasClickAction(e,t,"color"),extraLabelClickAction:({options:e,theme:t})=>n.getThemeMainColorExtraLabelClickAction(e,t,"color")},visibleIf:o}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.position",control:{label:"Position",type:"position-picker",default:"topRight",enum:["topLeft","top","topRight","right","bottomRight","bottom","bottomLeft","left"]}}],visibleIf:r}];exports.default=i;

package/components/box-plot-options.config-BVNrV2eD.cjs

@@ -1,20 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2025 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.
- * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./color-palettes-DhNHcib8.cjs"),t=require("./helpers-9I0oLoUB.cjs"),r=({options:e})=>e?.observations?.display===!0,i=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"horizontal",control:{type:"picker",label:"Display",default:"vertical",enum:["vertical","horizontal"],parseValue:e=>e?"horizontal":"vertical",toValue:e=>e==="horizontal"}},{key:"extentTicks",control:{type:"switch",label:"Extent ticks",default:!0}}]},{key:"box",type:"group",open:!0,children:[{key:"boxWidth",control:{type:"slider",label:"Box width",default:.9,min:.1,max:1,step:.1}},{key:"boxFill",control:{type:"color-picker",label:"Box fill",default:({theme:e})=>t.getThemeMainColor(e),extraLabel:({options:e,theme:o})=>t.getThemeMainColorResetLabel(e,o,"boxFill"),extraLabelHasClickAction:({options:e,theme:o})=>t.getThemeMainColorExtraLabelHasClickAction(e,o,"boxFill"),extraLabelClickAction:({options:e,theme:o})=>t.getThemeMainColorExtraLabelClickAction(e,o,"boxFill")}},{key:"roundedCorners",control:{type:"slider",label:"Rounded corners",default:({theme:e})=>e?.itemSpecific?.rounding??8,min:0,max:24,step:1,extraLabel:({options:e,theme:o})=>{if(typeof o?.itemSpecific?.rounding=="number")return typeof e?.roundedCorners!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:o})=>!(typeof o?.itemSpecific?.rounding!="number"||typeof e?.roundedCorners!="number"),extraLabelClickAction:({options:e})=>{const o={...e};return o?.roundedCorners!==void 0&&delete o.roundedCorners,{value:null,options:o}}}},{key:"boxStrokeWidth",control:{type:"slider",label:"Box stroke width",default:1,min:0,max:5,step:.5}},{key:"boxStrokeColor",control:{type:"color-picker",label:"Box stroke color",default:({theme:e})=>t.getThemeMainColor(e),extraLabel:({options:e,theme:o})=>t.getThemeMainColorResetLabel(e,o,"boxStrokeColor"),extraLabelHasClickAction:({options:e,theme:o})=>t.getThemeMainColorExtraLabelHasClickAction(e,o,"boxStrokeColor"),extraLabelClickAction:({options:e,theme:o})=>t.getThemeMainColorExtraLabelClickAction(e,o,"boxStrokeColor")}},{key:"medianStrokeWidth",control:{type:"slider",label:"Median stroke width",default:2,min:0,max:5,step:.5}},{key:"medianStrokeColor",control:{type:"color-picker",label:"Median stroke color",default:"#000000"}}]},{key:"observations",type:"group",open:!0,children:[{key:"observations.display",control:{type:"switch",label:"Show",default:!1}},{key:"observations.onlyOutliers",control:{type:"switch",label:"Only outliers",default:!1},visibleIf:r},{key:"observations.type",control:{type:"picker",label:"Type",default:"dot",enum:["dot","ticks"]},visibleIf:r},{key:"observations.size",control:{type:"slider",label:"Size",default:3,min:1,max:10,step:1},visibleIf:r},{key:"observations.opacity",control:{type:"slider",label:"Opacity",default:.4,min:.1,max:1,step:.1},visibleIf:r},{key:"observations.jitter",control:{type:"slider",label:"Jitter",default:30,min:1,max:100,step:1},visibleIf:r},{key:"observations.colorType",control:{type:"picker",label:"Color mode",default:"single",enum:["single","range"]},visibleIf:r},{key:"observations.color",control:{type:"color-picker",label:"Color",default:({theme:e})=>e?.colors?.[1],extraLabel:({options:e,theme:o})=>{if(o?.colors?.[1]&&e.observations?.color&&e.observations?.color!==o?.colors?.[1])return"reset"},extraLabelHasClickAction:({options:e,theme:o})=>!!(o?.colors?.[1]&&e.observations?.color!==o?.colors?.[1]),extraLabelClickAction:({options:e,theme:o})=>{const l={...e};return l.observations.color=o?.colors?.[1],{value:l.observations.color,options:l}}},visibleIf:({options:e})=>r({options:e})&&e?.observations?.colorType==="single"},{key:"observations.colorsType",control:{type:"picker",label:"Colors type",default:"divergent",enum:["sequential","divergent"],calculateValue:({options:e})=>e?.observations?.colorsClass==="manual"?"manual":a.getColorMaps()?.[e?.observations?.colorsClass]?.type??"divergent",toOptions:({options:e,value:o})=>{if(o==="manual")return{...e,observations:{...e.observations,colorsType:"manual",colorsClass:"manual"}};let l=e.observations?.colorClass;const s=a.getColorMaps()?.[e?.observations?.colorsClass]?.type;return o!==s&&(l=a.getColorMapKeys(o??"divergent")[0]),{...e,observations:{...e.observations,colorsClass:l,colorsType:o}}}},visibleIf:({options:e})=>r({options:e})&&e?.observations?.colorType==="range"},{key:"observations.colorsClass",control:{type:"color-palette-picker",label:"Color palette",hideLabel:!0,default:({options:e})=>{const l=a.getColorMaps()?.[e?.observations?.colorsClass]?.type;return a.getColorMapKeys(l??"divergent")[0]},enum:({options:e})=>{const l=a.getColorMaps()?.[e?.observations?.colorsClass]?.type;return a.getColorMapKeys(l??"divergent")}},visibleIf:({options:e})=>r({options:e})&&e?.observations?.colorType==="range"&&e?.observations?.colorsClass!=="manual"}]}];exports.default=i;