@luzmo/analytics-components-kit 1.0.1-alpha.86 → 1.0.1-alpha.89

package/custom-elements.json

@@ -1258,7 +1258,7 @@
               "kind": "field",
               "name": "slotContent",
               "type": {
-                "text": "any"
+                "text": "GenericSlotContent"
               },
               "default": "{}",
               "attribute": "slotContent"
@@ -1267,7 +1267,7 @@
               "kind": "field",
               "name": "measureColumns",
               "type": {
-                "text": "any[]"
+                "text": "MeasureColumnsItem[]"
               },
               "default": "[]",
               "description": "The list of columns that can be used for the rate aggregation",
@@ -1384,7 +1384,7 @@
             {
               "name": "slotContent",
               "type": {
-                "text": "any"
+                "text": "GenericSlotContent"
               },
               "default": "{}",
               "fieldName": "slotContent"
@@ -1392,7 +1392,7 @@
             {
               "name": "measureColumns",
               "type": {
-                "text": "any[]"
+                "text": "MeasureColumnsItem[]"
               },
               "default": "[]",
               "description": "The list of columns that can be used for the rate aggregation",
@@ -1457,7 +1457,7 @@
               "kind": "field",
               "name": "slotContent",
               "type": {
-                "text": "any"
+                "text": "GenericSlotContent"
               },
               "default": "{}",
               "attribute": "slotContent"
@@ -1485,7 +1485,7 @@
             {
               "name": "slotContent",
               "type": {
-                "text": "any"
+                "text": "GenericSlotContent"
               },
               "default": "{}",
               "fieldName": "slotContent"
@@ -1561,7 +1561,7 @@
               "kind": "field",
               "name": "slotContent",
               "type": {
-                "text": "any"
+                "text": "GenericSlotContent"
               },
               "default": "{}",
               "attribute": "slotContent"
@@ -1603,7 +1603,7 @@
             {
               "name": "slotContent",
               "type": {
-                "text": "any"
+                "text": "GenericSlotContent"
               },
               "default": "{}",
               "fieldName": "slotContent"
@@ -1661,7 +1661,7 @@
               "kind": "field",
               "name": "slotContent",
               "type": {
-                "text": "any"
+                "text": "GenericSlotContent"
               },
               "default": "{}",
               "description": "The slotContent that is passed to the settings",
@@ -1690,7 +1690,7 @@
             {
               "name": "slotContent",
               "type": {
-                "text": "any"
+                "text": "GenericSlotContent"
               },
               "default": "{}",
               "description": "The slotContent that is passed to the settings",
@@ -1760,7 +1760,7 @@
               "kind": "field",
               "name": "measureColumns",
               "type": {
-                "text": "any[]"
+                "text": "MeasureColumnsItem[]"
               },
               "default": "[]",
               "description": "The list of measure columns grouped by dataset that can be used for the rate aggregation.\nShape: [{ datasetId, datasetName, columns: Column[] }]",
@@ -1813,7 +1813,7 @@
             {
               "name": "measureColumns",
               "type": {
-                "text": "any[]"
+                "text": "MeasureColumnsItem[]"
               },
               "default": "[]",
               "description": "The list of measure columns grouped by dataset that can be used for the rate aggregation.\nShape: [{ datasetId, datasetName, columns: Column[] }]",
@@ -2150,8 +2150,9 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "'highlight' | 'normal' | undefined"
+                "text": "'highlight' | 'normal'"
               },
+              "default": "'normal'",
               "attribute": "variant",
               "reflects": true
             },
@@ -2192,38 +2193,11 @@
               "attribute": "hide-type-icon",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "secondaryIconType",
-              "type": {
-                "text": "'derived' | 'formula' | undefined"
-              },
-              "attribute": "secondary-icon-type",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "description",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "any"
+                "text": "DraggableDataItemData"
               },
               "default": "{}",
               "attribute": "data"
@@ -2231,10 +2205,16 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<{data: DraggableDataItemData}>"
+              },
               "description": "Announces that the draggable data item has been dropped",
               "name": "data-item-dropped"
             },
             {
+              "type": {
+                "text": "CustomEvent<{data: DraggableDataItemData}>"
+              },
               "description": "Announces that the drag is started on the data item",
               "name": "data-item-drag-started"
             }
@@ -2243,8 +2223,9 @@
             {
               "name": "variant",
               "type": {
-                "text": "'highlight' | 'normal' | undefined"
+                "text": "'highlight' | 'normal'"
               },
+              "default": "'normal'",
               "fieldName": "variant"
             },
             {
@@ -2276,31 +2257,10 @@
               },
               "fieldName": "hideTypeIcon"
             },
-            {
-              "name": "secondary-icon-type",
-              "type": {
-                "text": "'derived' | 'formula' | undefined"
-              },
-              "fieldName": "secondaryIconType"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "label"
-            },
-            {
-              "name": "description",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "description"
-            },
             {
               "name": "data",
               "type": {
-                "text": "any"
+                "text": "DraggableDataItemData"
               },
               "default": "{}",
               "fieldName": "data"
@@ -2334,6 +2294,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/draggable-data-item/types.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/draggable-data-item-level/draggable-data-item-level.ts",
@@ -2389,38 +2355,11 @@
               "attribute": "disabled",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "description",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "secondaryIconType",
-              "type": {
-                "text": "'derived' | 'formula' | undefined"
-              },
-              "attribute": "secondary-icon-type",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "any"
+                "text": "DraggableDataItemData"
               },
               "default": "{}",
               "attribute": "data"
@@ -2428,10 +2367,16 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<{data: DraggableDataItemData}>"
+              },
               "description": "Announces that the draggable data item has been dropped",
               "name": "data-item-dropped"
             },
             {
+              "type": {
+                "text": "CustomEvent<{data: DraggableDataItemData}>"
+              },
               "description": "Announces that the drag is started on the data item",
               "name": "data-item-drag-started"
             }
@@ -2473,31 +2418,10 @@
               },
               "fieldName": "disabled"
             },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "label"
-            },
-            {
-              "name": "description",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "description"
-            },
-            {
-              "name": "secondary-icon-type",
-              "type": {
-                "text": "'derived' | 'formula' | undefined"
-              },
-              "fieldName": "secondaryIconType"
-            },
             {
               "name": "data",
               "type": {
-                "text": "any"
+                "text": "DraggableDataItemData"
               },
               "default": "{}",
               "fieldName": "data"
@@ -2531,6 +2455,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/draggable-data-item-level/types.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/draggable-data-item-level/helpers/generate-preview.ts",
@@ -2538,11 +2468,16 @@
         {
           "kind": "function",
           "name": "generateDragPreview",
+          "return": {
+            "type": {
+              "text": "HTMLDivElement"
+            }
+          },
           "parameters": [
             {
               "name": "args",
               "type": {
-                "text": "any"
+                "text": "GenerateDragPreviewArgs"
               }
             }
           ]
@@ -2590,7 +2525,7 @@
               "kind": "field",
               "name": "slotConfiguration",
               "type": {
-                "text": "any"
+                "text": "DroppableSlotConfiguration"
               },
               "default": "{}",
               "attribute": "slotConfiguration"
@@ -2632,6 +2567,16 @@
               "attribute": "drag-boundary",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "rotate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "rotate",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "apiUrl",
@@ -2730,6 +2675,9 @@
               }
             },
             {
+              "type": {
+                "text": "CustomEvent<SlotContentsChangedEventDetail>"
+              },
               "description": "Announces that the slot contents has changed",
               "name": "slot-contents-changed"
             }
@@ -2752,7 +2700,7 @@
             {
               "name": "slotConfiguration",
               "type": {
-                "text": "any"
+                "text": "DroppableSlotConfiguration"
               },
               "default": "{}",
               "fieldName": "slotConfiguration"
@@ -2787,6 +2735,14 @@
               },
               "fieldName": "dragBoundary"
             },
+            {
+              "name": "rotate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "rotate"
+            },
             {
               "name": "api-url",
               "type": {
@@ -2875,6 +2831,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/droppable-slot/types.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/droppable-slot/item-slots-configs/slot-labels.const.ts",
@@ -6998,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": [
@@ -7201,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": [
@@ -8105,7 +8087,7 @@
               "kind": "field",
               "name": "slotType",
               "type": {
-                "text": "string | undefined"
+                "text": "'numeric' | 'categorical' | 'mixed' | undefined"
               },
               "default": "'numeric'",
               "description": "The slot type",
@@ -8125,7 +8107,7 @@
               "kind": "field",
               "name": "itemType",
               "type": {
-                "text": "string | undefined"
+                "text": "VizItemType | undefined"
               },
               "attribute": "item-type",
               "reflects": true
@@ -8231,7 +8213,7 @@
               "kind": "field",
               "name": "measureColumns",
               "type": {
-                "text": "any[]"
+                "text": "MeasureColumnsItem[]"
               },
               "default": "[]"
             },
@@ -8298,6 +8280,11 @@
             {
               "kind": "method",
               "name": "removeSlotContent",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
                   "name": "index",
@@ -8309,15 +8296,30 @@
             },
             {
               "kind": "method",
-              "name": "close"
+              "name": "close",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "_removeActiveSlotContent"
+              "name": "_removeActiveSlotContent",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
               "name": "resetPosition",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "description": "Reset the menu position to its original location"
             }
           ],
@@ -8377,7 +8379,7 @@
             {
               "name": "slot-type",
               "type": {
-                "text": "string | undefined"
+                "text": "'numeric' | 'categorical' | 'mixed' | undefined"
               },
               "default": "'numeric'",
               "description": "The slot type",
@@ -8393,7 +8395,7 @@
             {
               "name": "item-type",
               "type": {
-                "text": "string | undefined"
+                "text": "VizItemType | undefined"
               },
               "fieldName": "itemType"
             },
@@ -8549,6 +8551,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/slot-menu/types.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SlotContentsChangedEventDetail",
+          "declaration": {
+            "name": "SlotContentsChangedEventDetail",
+            "module": "../droppable-slot/types"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/slot-menu-list/slot-menu-list.ts",
@@ -8591,7 +8608,7 @@
               "kind": "field",
               "name": "slotContents",
               "type": {
-                "text": "any"
+                "text": "GenericSlotContent[]"
               },
               "default": "[]",
               "attribute": "slotContents"
@@ -8652,7 +8669,7 @@
             {
               "name": "slotContents",
               "type": {
-                "text": "any"
+                "text": "GenericSlotContent[]"
               },
               "default": "[]",
               "fieldName": "slotContents"

package/item-definitions/slicer-filter/slicer-filter-options.config.d.ts

@@ -37,7 +37,7 @@ declare const _default: ({
             label: string;
             default: boolean;
             parseValue: (value: any) => boolean;
-            toValue: (value: any) => "button" | "default";
+            toValue: (value: any) => "default" | "button";
             extraLabel?: undefined;
             extraLabelHasClickAction?: undefined;
             extraLabelClickAction?: undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.1-alpha.86",
+  "version": "1.0.1-alpha.89",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",
@@ -282,8 +282,8 @@
     "@lit/context": "^1.1.5",
     "@lit/localize": "^0.12.2",
     "@lit/task": "^1.0.1",
-    "@luzmo/icons": "^1.0.1-alpha.14",
-    "@luzmo/lucero": "^1.0.1-alpha.27",
+    "@luzmo/icons": "^1.0.1-alpha.21",
+    "@luzmo/lucero": "^1.0.1-alpha.35",
     "colorjs.io": "^0.5.2",
     "lit": "^3.3.1"
   },

package/types.d.ts

@@ -3,11 +3,14 @@
  * This file contains the types for all the lit components and functions.
  * This file should be comprehensive and should not be missing any types.
  */
-import { VizItemType } from '@luzmo/dashboard-contents-types';
-import { IconDefinition } from '@luzmo/icons';
-import { Placement } from '@luzmo/lucero';
+import type { VizItemType } from '@luzmo/dashboard-contents-types';
+import type { IconDefinition } from '@luzmo/icons';
+import type { Placement } from '@luzmo/lucero';
 import { TemplateResult } from 'lit';
 export type { Column, ColumnSubtype, ColumnType, GenericSlotContent, SlotName, VizItemSlots, VizItemType } from '@luzmo/dashboard-contents-types';
+export type { DraggableDataItemData } from './components/draggable-data-item';
+export type { DroppableSlotConfiguration, SlotContentsChangedEventDetail } from './components/droppable-slot';
+export type { MeasureColumnsItem, SlotContentChangedEventDetail, SlotListChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from './components/slot-menu';
 export declare enum PeriodOverPeriodCondition {
     HasDatetimeColumnAndNoComparisonFilters = "hasDatetimeColumnAndNoComparisonFilters",
     NoDatetimeColumnAndNoComparisonFilters = "noDatetimeColumnAndNoComparisonFilters",
@@ -79,6 +82,9 @@ export interface DatasetIcon {
     };
 }
 export type { ElementSize, Placement } from '@luzmo/lucero';
+export type { DataBrokerConfig } from './utils/data-broker/index';
+export type { DatasetMetadata } from './utils/data-broker/index';
+export type { DatasetWithDraggableDataItems } from './utils/transformations/convert-datasets-to-draggable-items';
 export interface Dataset {
     id: string;
     name: string | {

package/utils/data/load-draggable-items-for-datasets.d.ts

@@ -0,0 +1,24 @@
+import { type DataBrokerConfig } from '../data-broker/index';
+import { DatasetWithDraggableDataItems } from '../transformations/convert-datasets-to-draggable-items';
+export interface LoadDraggableItemsOptions {
+    dataBrokerConfig: Pick<DataBrokerConfig, 'apiUrl' | 'authKey' | 'authToken'>;
+}
+/**
+ * Convenience helper that configures the shared DataBroker instance,
+ * loads the requested datasets with their metadata, and converts them into
+ * draggable data items the UI components understand.
+ *
+ * @param datasetIds - Array of dataset IDs to fetch and convert
+ * @param options.dataBrokerConfig - Required DataBroker configuration
+ * @param options.dataBrokerConfig.apiUrl - Luzmo API endpoint URL
+ * @param options.dataBrokerConfig.authKey - Authentication key for Luzmo API access
+ * @param options.dataBrokerConfig.authToken - Authentication token for Luzmo API access
+ * @returns Promise that resolves to an array of datasets with their draggable data items
+ * @throws {Error} When datasetIds is empty or invalid
+ * @throws {Error} When dataBrokerConfig is missing
+ * @throws {Error} When required authentication credentials are missing
+ * @throws {Error} When apiUrl is missing or invalid
+ * @throws {Error} When API authentication fails
+ * @throws {Error} When dataset fetching fails
+ */
+export declare const loadDraggableItemsForDatasets: (datasetIds: string[], options: LoadDraggableItemsOptions) => Promise<DatasetWithDraggableDataItems[]>;