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

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

@@ -0,0 +1,209 @@
+/*! * 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 z } from "@lit/localize";
+import { luzmoTrashOutline as c, luzmoClone as v, luzmoEdit as b } from "@luzmo/icons";
+import "@luzmo/lucero/icon";
+import "@luzmo/lucero/tooltip";
+import { unsafeCSS as h, LitElement as p, html as n } from "lit";
+import { property as l } from "lit/decorators.js";
+import { g, t as f, s as x } from "../set-locale-hKTMz37h.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 y = ':host{box-sizing:border-box;display:block;width:min-content}:host luzmo-icon{display:flex}:host .viz-item-menu{display:flex;flex-direction:column;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));width:min-content}:host .viz-item-menu .viz-item-menu-top-section{display:flex;flex-direction:column;gap:var(--luzmo-viz-item-menu-button-edit-gap, var(--viz-item-menu-button-edit-gap))}: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-of-type{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-of-type{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,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[selected]{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:active{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 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{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:var(--luzmo-viz-item-menu-transition, var(--viz-item-menu-transition))}: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,:host .viz-item-menu .viz-item-menu-button-delete[selected]{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,:host .viz-item-menu .viz-item-menu-button-delete[selected] 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))}: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: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--viz-item-menu-button-edit-background-hover: var(--secondary, var(--luzmo-primary));--viz-item-menu-button-edit-background-active: var(--secondary, var(--luzmo-primary));--viz-item-menu-button-edit-icon-color: 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: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--viz-item-menu-delete-background-hover: var(--luzmo-negative-color, rgb(222, 55, 55));--viz-item-menu-delete-background-active: var(--luzmo-negative-color, rgb(222, 55, 55));--viz-item-menu-delete-icon-color: var(--luzmo-primary-inverse-color, white);--viz-item-menu-delete-icon-color-hover: var(--luzmo-primary-inverse-color, white);--viz-item-menu-transition: all 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 var(--Boxshadow, rgba(var(--luzmo-border-color-rgb), .2));--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)}';
+var k = Object.defineProperty, w = Object.getOwnPropertyDescriptor, u = (e, o, r, m) => {
+  for (var i = m > 1 ? void 0 : m ? w(o, r) : o, a = e.length - 1, d; a >= 0; a--)
+    (d = e[a]) && (i = (m ? d(o, r, i) : d(i)) || i);
+  return m && i && k(o, r, i), i;
+};
+let t = class extends p {
+  constructor() {
+    super(...arguments), this.vizItemId = "", this.hiddenButtons = [], this.language = "en", this.selectedButton = null, this.menuButtonConfigs = {
+      edit: {
+        icon: b,
+        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: v,
+        label: "Clone",
+        eventName: "clone",
+        type: "clone",
+        cssClass: "viz-item-menu-button viz-item-menu-button-clone",
+        dataE2e: "viz-item-menu-button-clone"
+      },
+      delete: {
+        icon: c,
+        label: "Delete",
+        eventName: "delete",
+        type: "delete",
+        cssClass: "viz-item-menu-button viz-item-menu-button-delete",
+        dataE2e: "viz-item-menu-button-delete"
+      }
+    };
+  }
+  /**
+   * Check if there are any top section buttons to show
+   */
+  get hasTopSectionButtons() {
+    const e = this._shouldShowButton("edit"), o = this._shouldShowButton("clone");
+    return e || o;
+  }
+  /**
+   * Check if a menu button should be shown
+   */
+  _shouldShowButton(e) {
+    return !this.hiddenButtons?.includes(e);
+  }
+  willUpdate(e) {
+    e.has("language") && this.language !== g() && ([...f].includes(this.language ?? "en") || this.language === "en") && x(this.language);
+  }
+  /**
+   * Toggle selected state for a menu button
+   */
+  _handleSelectedToggle(e) {
+    e === "edit" && (this.selectedButton = this.selectedButton === e ? null : e, this._emitSelectedChanged());
+  }
+  /**
+   * Emit selected-changed event
+   */
+  _emitSelectedChanged() {
+    this.dispatchEvent(
+      new CustomEvent("selected-changed", {
+        bubbles: !0,
+        composed: !0,
+        detail: { selectedButton: this.selectedButton }
+      })
+    );
+  }
+  /**
+   * Handle menu button click with unified event dispatching
+   */
+  _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
+        }
+      })
+    );
+  }
+  /**
+   * Create a bound click handler for a menu button config
+   */
+  _createMenuButtonClickHandler(e) {
+    return () => this._handleMenuButtonClick(e);
+  }
+  _handleHoverOverEdit() {
+    this.dispatchEvent(
+      new CustomEvent("edit-button-hovered", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  /**
+   * Render a menu button
+   */
+  _renderMenuButton(e) {
+    const o = this.selectedButton === e.type, r = z(e.label, {
+      desc: `Viz item menu ${e.type} tooltip`
+    });
+    return n`
+      <div
+        class=${e.cssClass}
+        data-e2e=${e.dataE2e || ""}
+        data-menu-button=${e.type}
+        role="button"
+        tabindex="0"
+        aria-label=${r}
+        ?selected=${o}
+        @mouseenter=${e.onHover}
+        @click=${this._createMenuButtonClickHandler(e)}
+      >
+        <luzmo-icon .icon=${e.icon} size="s"></luzmo-icon>
+        <luzmo-tooltip
+          self-managed
+          placement="right"
+          fallback-placements="left"
+        >
+          ${r}
+        </luzmo-tooltip>
+      </div>
+    `;
+  }
+  /**
+   * Render edit section (edit and clone buttons)
+   */
+  _renderTopSection() {
+    return this.hasTopSectionButtons ? n`
+      <div class="viz-item-menu-top-section">
+        ${this._shouldShowButton("edit") ? this._renderMenuButton(this.menuButtonConfigs.edit) : ""}
+        ${this._shouldShowButton("clone") ? this._renderMenuButton(this.menuButtonConfigs.clone) : ""}
+      </div>
+    ` : n``;
+  }
+  /**
+   * Render delete section
+   */
+  _renderBottomSection() {
+    return this._shouldShowButton("delete") ? this._renderMenuButton(this.menuButtonConfigs.delete) : n``;
+  }
+  render() {
+    return n`
+      <div class="viz-item-menu">
+        ${this._renderTopSection()}
+        ${this._renderBottomSection()}
+      </div>
+    `;
+  }
+};
+t.styles = h(y);
+t.tagName = "luzmo-viz-item-menu";
+u([
+  l({ type: String, reflect: !0, attribute: "viz-item-id" })
+], t.prototype, "vizItemId", 2);
+u([
+  l({ type: Array, attribute: !1 })
+], t.prototype, "hiddenButtons", 2);
+u([
+  l({ type: String, reflect: !0 })
+], t.prototype, "language", 2);
+u([
+  l({ type: String, reflect: !0, attribute: "selected-button" })
+], t.prototype, "selectedButton", 2);
+t = u([
+  s()
+], t);
+customElements.get("luzmo-viz-item-menu") || customElements.define("luzmo-viz-item-menu", t);
+export {
+  t as LuzmoVizItemMenu
+};

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

@@ -0,0 +1,77 @@
+import '@luzmo/lucero/icon';
+import '@luzmo/lucero/tooltip';
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import type { VizItemMenuButton } from '../../types';
+/**
+ * @element luzmo-viz-item-menu
+ * @summary A menu component for viz-item actions (clone, edit, delete)
+ * @fires button-clicked - Emitted when any menu item is clicked, includes { action: string, type: VizItemMenuButton, id: string } in detail
+ * @fires edit-button-hovered - Emitted when hovering over the edit button
+ * @fires selected-changed - Emitted when the selected button changes, includes { selectedButton: VizItemMenuButton | null } in detail
+ */
+export declare class LuzmoVizItemMenu extends LitElement {
+    static styles: import("lit").CSSResult;
+    static tagName: string;
+    /**
+     * The visualization item ID
+     */
+    vizItemId: string;
+    /**
+     * Array of menu buttons to hide
+     * @default []
+     */
+    hiddenButtons: VizItemMenuButton[];
+    /**
+     * The language to display the menu in
+     * @default 'en'
+     */
+    language: string;
+    /**
+     * The currently selected menu button
+     * @default null
+     */
+    selectedButton: VizItemMenuButton | null;
+    /**
+     * 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;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    /**
+     * 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;
+}

package/components/{wordcloud-chart-options.config-vGfCW8kE.cjs → wordcloud-chart-options.config-BKtJT8Va.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 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;
+"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;

package/components/{wordcloud-chart-options.config-w2NUIWVA.js → wordcloud-chart-options.config-BoB_KuhA.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 l, a as t, b as a, c as r } from "./helpers-v1bPALRP.js";
+import { g as t, a as l, b as a, c as r } from "./helpers-bR8Ibjqh.js";
 const i = [
   {
     key: "general",
@@ -46,13 +46,10 @@ const i = [
           type: "color-picker",
           default: ({ theme: e }) => r(e),
           extraLabel: ({ options: e, theme: o }) => a(e, o, "color"),
-          extraLabelHasClickAction: ({ options: e, theme: o }) => t(e, o, "color"),
-          extraLabelClickAction: ({ options: e, theme: o }) => l(e, o, "color")
+          extraLabelHasClickAction: ({ options: e, theme: o }) => l(e, o, "color"),
+          extraLabelClickAction: ({ options: e, theme: o }) => t(e, o, "color")
         },
-        visibleIf: ({ options: e }) => {
-          var o;
-          return ((o = e == null ? void 0 : e.categories) == null ? void 0 : o.colored) === !1;
-        }
+        visibleIf: ({ options: e }) => e?.categories?.colored === !1
       },
       {
         key: "layout",

package/custom-elements.json

@@ -6960,6 +6960,16 @@
           ],
           "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": [
@@ -7163,6 +7173,16 @@
           ],
           "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": [
@@ -8693,12 +8713,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/widget-menu/widget-menu.ts",
+      "path": "src/components/viz-item-menu/viz-item-menu.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LuzmoWidgetMenu",
+          "name": "LuzmoVizItemMenu",
           "members": [
             {
               "kind": "field",
@@ -8707,7 +8727,7 @@
                 "text": "string"
               },
               "static": true,
-              "default": "'luzmo-widget-menu'"
+              "default": "'luzmo-viz-item-menu'"
             },
             {
               "kind": "field",
@@ -8722,12 +8742,12 @@
             },
             {
               "kind": "field",
-              "name": "hide",
+              "name": "hiddenButtons",
               "type": {
-                "text": "WidgetMenuItem[]"
+                "text": "VizItemMenuButton[]"
               },
               "default": "[]",
-              "description": "Array of menu items to hide"
+              "description": "Array of menu buttons to hide"
             },
             {
               "kind": "field",
@@ -8742,13 +8762,13 @@
             },
             {
               "kind": "field",
-              "name": "selectedItem",
+              "name": "selectedButton",
               "type": {
-                "text": "WidgetMenuItem | null"
+                "text": "VizItemMenuButton | null"
               },
               "default": "null",
-              "description": "The currently selected menu item",
-              "attribute": "selected-item",
+              "description": "The currently selected menu button",
+              "attribute": "selected-button",
               "reflects": true
             }
           ],
@@ -8758,17 +8778,17 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Emitted when the selected item changes, includes { selectedItem: WidgetMenuItem | null } in detail"
+              "description": "Emitted when the selected button changes, includes { selectedButton: VizItemMenuButton | null } in detail"
             },
             {
-              "name": "widget-menu-element-clicked",
+              "name": "button-clicked",
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Emitted when any menu item is clicked, includes { action: string, type: WidgetMenuItem, id: string } in detail"
+              "description": "Emitted when any menu item is clicked, includes { action: string, type: VizItemMenuButton, id: string } in detail"
             },
             {
-              "name": "hover-over-edit",
+              "name": "edit-button-hovered",
               "type": {
                 "text": "CustomEvent"
               },
@@ -8795,31 +8815,31 @@
               "fieldName": "language"
             },
             {
-              "name": "selected-item",
+              "name": "selected-button",
               "type": {
-                "text": "WidgetMenuItem | null"
+                "text": "VizItemMenuButton | null"
               },
               "default": "null",
-              "description": "The currently selected menu item",
-              "fieldName": "selectedItem"
+              "description": "The currently selected menu button",
+              "fieldName": "selectedButton"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "luzmo-widget-menu",
+          "tagName": "luzmo-viz-item-menu",
           "customElement": true,
-          "summary": "A menu component for widget actions (data, config, clone, remove)"
+          "summary": "A menu component for viz-item actions (clone, edit, delete)"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LuzmoWidgetMenu",
+          "name": "LuzmoVizItemMenu",
           "declaration": {
-            "name": "LuzmoWidgetMenu",
-            "module": "src/components/widget-menu/widget-menu.ts"
+            "name": "LuzmoVizItemMenu",
+            "module": "src/components/viz-item-menu/viz-item-menu.ts"
           }
         }
       ]

package/index.d.ts

@@ -40,7 +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 './components/viz-item-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.94",
+  "version": "1.0.1-alpha.97",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",
@@ -231,10 +231,10 @@
       "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"
+    "./viz-item-menu": {
+      "types": "./components/viz-item-menu/index.d.ts",
+      "import": "./components/viz-item-menu/index.js",
+      "require": "./components/viz-item-menu/index.cjs"
     },
     "./item-slots-configs": {
       "types": "./components/droppable-slot/item-slots-configs/index.d.ts",
@@ -287,8 +287,8 @@
     "@lit/context": "^1.1.5",
     "@lit/localize": "^0.12.2",
     "@lit/task": "^1.0.1",
-    "@luzmo/icons": "^1.0.1-alpha.21",
-    "@luzmo/lucero": "^1.0.1-alpha.35",
+    "@luzmo/icons": "^1.0.1-alpha.25",
+    "@luzmo/lucero": "^1.0.1-alpha.38",
     "colorjs.io": "^0.5.2",
     "lit": "^3.3.1"
   },

package/types.d.ts

@@ -110,6 +110,6 @@ export interface Dataset {
     };
 }
 /**
- * Widget menu item types that can be selected
+ * Viz item menu button types that can be selected
  */
-export type WidgetMenuItem = 'clone' | 'remove' | 'edit';
+export type VizItemMenuButton = 'clone' | 'edit' | 'delete';

package/angular/components/widget-menu.component.ts

@@ -1,25 +0,0 @@
-import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import type { WidgetMenuItem } from '../types';
-
-@Component({
-  selector: 'luzmo-widget-menu',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `<luzmo-widget-menu
-        [attr.viz-item-id]="vizItemId"
-        [attr.language]="language"
-        [attr.selected-item]="selectedItem"
-        (selected-changed)="selectedChanged.emit($event)"
-        (widget-menu-element-clicked)="widgetMenuElementClicked.emit($event)"
-        (hover-over-edit)="hoverOverEdit.emit($event)">
-  <ng-content></ng-content>
-</luzmo-widget-menu>`
-})
-export class WidgetMenuComponent {
-  @Input() vizItemId?: string;
-  @Input() language?: string;
-  @Input() selectedItem?: WidgetMenuItem | null;
-  @Output() selectedChanged = new EventEmitter<CustomEvent>();
-  @Output() widgetMenuElementClicked = new EventEmitter<CustomEvent>();
-  @Output() hoverOverEdit = new EventEmitter<CustomEvent>();
-}

package/angular/esm/components/widget-menu.component.d.ts

@@ -1,13 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import type { WidgetMenuItem } from '../types';
-import * as i0 from "@angular/core";
-export declare class WidgetMenuComponent {
-    vizItemId?: string;
-    language?: string;
-    selectedItem?: WidgetMenuItem | null;
-    selectedChanged: EventEmitter<CustomEvent<any>>;
-    widgetMenuElementClicked: EventEmitter<CustomEvent<any>>;
-    hoverOverEdit: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetMenuComponent, "luzmo-widget-menu", never, { "vizItemId": { "alias": "vizItemId"; "required": false; }; "language": { "alias": "language"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; }, { "selectedChanged": "selectedChanged"; "widgetMenuElementClicked": "widgetMenuElementClicked"; "hoverOverEdit": "hoverOverEdit"; }, never, ["*"], true, never>;
-}

package/angular/esm/components/widget-menu.component.js

@@ -1,49 +0,0 @@
-import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import * as i0 from "@angular/core";
-export class WidgetMenuComponent {
-    vizItemId;
-    language;
-    selectedItem;
-    selectedChanged = new EventEmitter();
-    widgetMenuElementClicked = new EventEmitter();
-    hoverOverEdit = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: WidgetMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: WidgetMenuComponent, isStandalone: true, selector: "luzmo-widget-menu", inputs: { vizItemId: "vizItemId", language: "language", selectedItem: "selectedItem" }, outputs: { selectedChanged: "selectedChanged", widgetMenuElementClicked: "widgetMenuElementClicked", hoverOverEdit: "hoverOverEdit" }, ngImport: i0, template: `<luzmo-widget-menu
-        [attr.viz-item-id]="vizItemId"
-        [attr.language]="language"
-        [attr.selected-item]="selectedItem"
-        (selected-changed)="selectedChanged.emit($event)"
-        (widget-menu-element-clicked)="widgetMenuElementClicked.emit($event)"
-        (hover-over-edit)="hoverOverEdit.emit($event)">
-  <ng-content></ng-content>
-</luzmo-widget-menu>`, isInline: true, dependencies: [{ kind: "component", type: WidgetMenuComponent, selector: "luzmo-widget-menu", inputs: ["vizItemId", "language", "selectedItem"], outputs: ["selectedChanged", "widgetMenuElementClicked", "hoverOverEdit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: WidgetMenuComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'luzmo-widget-menu',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-widget-menu
-        [attr.viz-item-id]="vizItemId"
-        [attr.language]="language"
-        [attr.selected-item]="selectedItem"
-        (selected-changed)="selectedChanged.emit($event)"
-        (widget-menu-element-clicked)="widgetMenuElementClicked.emit($event)"
-        (hover-over-edit)="hoverOverEdit.emit($event)">
-  <ng-content></ng-content>
-</luzmo-widget-menu>`
-                }]
-        }], propDecorators: { vizItemId: [{
-                type: Input
-            }], language: [{
-                type: Input
-            }], selectedItem: [{
-                type: Input
-            }], selectedChanged: [{
-                type: Output
-            }], widgetMenuElementClicked: [{
-                type: Output
-            }], hoverOverEdit: [{
-                type: Output
-            }] } });