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

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.96",
+  "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",

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
-            }] } });

package/components/calculate-data-item-icon-DjlZwMdO.js

@@ -1,147 +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.
- * */
-import { luzmoTypeArrayHierarchy as m, luzmoTypeArrayHierarchy14 as C, luzmoTypeArrayHierarchy12 as b, luzmoTypeArrayDatetime as i, luzmoTypeArrayDatetime14 as N, luzmoTypeArrayDatetime12 as w, luzmoTypeArrayCurrency as n, luzmoTypeArrayCurrency14 as H, luzmoTypeArrayCurrency12 as L, luzmoTypeArrayDuration as p, luzmoTypeArrayDuration14 as S, luzmoTypeArrayDuration12 as E, luzmoTypeArrayNumeric as s, luzmoTypeArrayNumeric14 as _, luzmoTypeArrayNumeric12 as B, luzmoTypeTopography as y, luzmoTypeCoordinates as c, luzmoTypeCoordinates14 as F, luzmoTypeCoordinates12 as j, luzmoTypeCurrency as z, luzmoTypeCurrency14 as k, luzmoTypeCurrency12 as q, luzmoTypeDuration as T, luzmoTypeDuration14 as G, luzmoTypeDuration12 as J, luzmoTypeNumeric as x, luzmoTypeNumeric14 as K, luzmoTypeNumeric12 as M, luzmoTypeDatetime as h, luzmoTypeDatetime14 as O, luzmoTypeDatetime12 as P, luzmoTypeDate as f, luzmoTypeDate14 as Q, luzmoTypeDate12 as R, luzmoTypeIpAddress as D, luzmoTypeIpAddress14 as U, luzmoTypeIpAddress12 as V, luzmoTypeImage as A, luzmoTypeImage14 as W, luzmoTypeImage12 as X, luzmoTypeHierarchy as I, luzmoTypeHierarchy14 as Y, luzmoTypeHierarchy12 as Z, luzmoFormula as u, luzmoTypeDerived as g, luzmoTypeDerived14 as $, luzmoTypeDerived12 as d } from "@luzmo/icons";
-const l = {
-  "array[hierarchy]": {
-    s: b,
-    m: C,
-    l: m,
-    xl: m
-  },
-  "array[datetime]": {
-    s: w,
-    m: N,
-    l: i,
-    xl: i
-  },
-  "array[numeric]": {
-    s: B,
-    m: _,
-    l: s,
-    xl: s
-  },
-  "array[currency]": {
-    s: L,
-    m: H,
-    l: n,
-    xl: n
-  },
-  "array[duration]": {
-    s: E,
-    m: S,
-    l: p,
-    xl: p
-  },
-  coordinates: {
-    s: j,
-    m: F,
-    l: c,
-    xl: c
-  },
-  currency: {
-    s: q,
-    m: k,
-    l: z,
-    xl: z
-  },
-  date: {
-    s: R,
-    m: Q,
-    l: f,
-    xl: f
-  },
-  datetime: {
-    s: P,
-    m: O,
-    l: h,
-    xl: h
-  },
-  derived: {
-    s: d,
-    m: $,
-    l: g,
-    xl: g
-  },
-  duration: {
-    s: J,
-    m: G,
-    l: T,
-    xl: T
-  },
-  hierarchy: {
-    s: Z,
-    m: Y,
-    l: I,
-    xl: I
-  },
-  image: {
-    s: X,
-    m: W,
-    l: A,
-    xl: A
-  },
-  numeric: {
-    s: M,
-    m: K,
-    l: x,
-    xl: x
-  },
-  topography: {
-    s: y,
-    m: y,
-    l: y,
-    xl: y
-  },
-  ipaddress: {
-    s: V,
-    m: U,
-    l: D,
-    xl: D
-  },
-  formula: {
-    s: u,
-    m: u,
-    l: u,
-    xl: u
-  }
-}, a = {
-  xxs: "s",
-  xs: "s",
-  s: "s",
-  m: "m",
-  l: "l",
-  xl: "xl",
-  xxl: "xl"
-}, v = (e) => e ? a[e] : "m", re = (e, o = "m") => {
-  const r = v(o);
-  return (e == null ? void 0 : e.type) === "array[hierarchy]" ? l["array[hierarchy]"][r] : (e == null ? void 0 : e.type) === "array[datetime]" ? l["array[datetime]"][r] : (e == null ? void 0 : e.type) === "array[numeric]" ? (e == null ? void 0 : e.subtype) === "currency" ? l["array[currency]"][r] : (e == null ? void 0 : e.subtype) === "duration" ? l["array[duration]"][r] : l["array[numeric]"][r] : (e == null ? void 0 : e.type) === "spatial" ? (e == null ? void 0 : e.subtype) === "topography" ? l.topography[r] : l.coordinates[r] : (e == null ? void 0 : e.type) === "numeric" ? (e == null ? void 0 : e.subtype) === "currency" ? l.currency[r] : (e == null ? void 0 : e.subtype) === "duration" ? l.duration[r] : l.numeric[r] : (e == null ? void 0 : e.type) === "datetime" ? e != null && e.lowestLevel && (e == null ? void 0 : e.lowestLevel) > 5 && (e == null ? void 0 : e.lowestLevel) <= 9 ? l.datetime[r] : e != null && e.lowestLevel && (e == null ? void 0 : e.lowestLevel) > 1 && (e == null ? void 0 : e.lowestLevel) <= 5 ? l.date[r] : l.datetime[r] : (e == null ? void 0 : e.type) === "hierarchy" && (e == null ? void 0 : e.subtype) === "ip_address" ? l.ipaddress[r] : (e == null ? void 0 : e.type) === "hierarchy" && (e == null ? void 0 : e.subtype) === "hierarchy_element_expression" ? l.image[r] : l.hierarchy[r];
-}, le = (e, o = "m") => {
-  if (!e)
-    return;
-  const r = v(o), t = typeof e.expression == "string" ? e.expression.trim().length > 0 : e.expression != null;
-  if (e.formulaId != null)
-    return l.formula[r];
-  if (e.formulaId == null && e.columnId != null && t)
-    return l.derived[r];
-};
-export {
-  le as a,
-  re as c
-};