@luzmo/analytics-components-kit 1.0.1-alpha.85 → 1.0.1-alpha.87

package/components/index.js

@@ -21,49 +21,50 @@ import { LuzmoAiChatMessageAssistant as p } from "./ai-chat-message-assistant/in
 import { LuzmoAiChatMessageUser as u } from "./ai-chat-message-user/index.js";
 import { LuzmoAiChatMessagesContainer as n } from "./ai-chat-messages-container/index.js";
 import { LuzmoAiInteractionTextarea as s } from "./ai-interaction-textarea/index.js";
-import { LuzmoDatasetSelectorList as h } from "./dataset-selector-list/index.js";
-import { LuzmoDatasetSelectorRow as z } from "./dataset-selector-row/index.js";
-import { L as f } from "./index-3WsfvkZF.js";
-import { LuzmoDisplaySettingsBinning as C } from "./display-settings-binning/index.js";
-import { LuzmoDisplaySettingsDatetime as v } from "./display-settings-datetime/index.js";
-import { LuzmoDisplaySettingsGrandTotals as S } from "./display-settings-grand-totals/index.js";
-import { LuzmoDisplaySettingsNumeric as F } from "./display-settings-numeric/index.js";
-import { LuzmoDisplaySettingsPeriodOverPeriod as w } from "./display-settings-period-over-period/index.js";
-import { LuzmoDraggableDataItem as E } from "./draggable-data-item/index.js";
-import { LuzmoDraggableDataItemLevel as B } from "./draggable-data-item-level/index.js";
-import { LuzmoDroppableSlot as A } from "./droppable-slot/index.js";
-import { LuzmoEditItem as H } from "./edit-item/index.js";
-import { L as R } from "./index-haa7WNrl.js";
-import { LuzmoEditOptionActionButtonGroup as V } from "./edit-option-action-button-group/index.js";
-import { LuzmoEditOptionColorPalettePicker as W } from "./edit-option-color-palette-picker/index.js";
-import { LuzmoEditOptionColorPicker as j } from "./edit-option-color-picker/index.js";
-import { LuzmoEditOptionColorRange as K } from "./edit-option-color-range/index.js";
-import { LuzmoEditOptionMultiLangField as X } from "./edit-option-multi-language-field/index.js";
-import { LuzmoEditOptionNumberField as Z } from "./edit-option-number-field/index.js";
-import { LuzmoEditOptionPicker as $ } from "./edit-option-picker/index.js";
-import { LuzmoEditOptionPositionPicker as oe } from "./edit-option-position-picker/index.js";
-import { LuzmoEditOptionPositionsNumberField as te } from "./edit-option-positions-number-field/index.js";
-import { LuzmoEditOptionRadioButtonGroup as ae } from "./edit-option-radio-button-group/index.js";
-import { LuzmoEditOptionSlider as pe } from "./edit-option-slider/index.js";
-import { LuzmoEditOptionSwitch as ue } from "./edit-option-switch/index.js";
-import { LuzmoEditOptionTextField as ne } from "./edit-option-text-field/index.js";
-import { LuzmoFilterDataItemPicker as se } from "./filter-data-item-picker/index.js";
-import { L as he } from "./index-BDFBUGBc.js";
-import { LuzmoFilterItem as ze } from "./filter-item/index.js";
-import { LuzmoFilterValuePicker as fe } from "./filter-value-picker/index.js";
-import { LuzmoFilterValuePickerDatetime as Ce } from "./filter-value-picker-datetime/index.js";
-import { LuzmoFilterValuePickerHierarchy as ve } from "./filter-value-picker-hierarchy/index.js";
-import { LuzmoFilterValuePickerNumeric as Se } from "./filter-value-picker-numeric/index.js";
-import { LuzmoGrid as Fe, LuzmoGridItemActionsMenu as De } from "./grid/index.js";
-import { LuzmoSlotContentsPicker as Me } from "./slot-contents-picker/index.js";
-import { LuzmoSlotMenu as Oe } from "./slot-menu/index.js";
-import { LuzmoSlotMenuList as Te } from "./slot-menu-list/index.js";
-import { P as Ge } from "./types-RxAJdtVT.js";
-import { d as Ie } from "./decompose-numeric-format-BuZcjH2k.js";
-import { f as Ne } from "./en-CtCctD2c.js";
-import { l as Ue } from "./localize-CcDpq940.js";
-import { switchItem as qe } from "./utils.js";
-import { g as Je, s as Ke } from "./index-CgnTl6Sc.js";
+import { LuzmoDatasetIcon as h } from "./dataset-icon/index.js";
+import { LuzmoDatasetSelectorList as z } from "./dataset-selector-list/index.js";
+import { LuzmoDatasetSelectorRow as f } from "./dataset-selector-row/index.js";
+import { L as C } from "./index-3WsfvkZF.js";
+import { LuzmoDisplaySettingsBinning as v } from "./display-settings-binning/index.js";
+import { LuzmoDisplaySettingsDatetime as S } from "./display-settings-datetime/index.js";
+import { LuzmoDisplaySettingsGrandTotals as F } from "./display-settings-grand-totals/index.js";
+import { LuzmoDisplaySettingsNumeric as w } from "./display-settings-numeric/index.js";
+import { LuzmoDisplaySettingsPeriodOverPeriod as E } from "./display-settings-period-over-period/index.js";
+import { LuzmoDraggableDataItem as B } from "./draggable-data-item/index.js";
+import { LuzmoDraggableDataItemLevel as A } from "./draggable-data-item-level/index.js";
+import { LuzmoDroppableSlot as H } from "./droppable-slot/index.js";
+import { LuzmoEditItem as R } from "./edit-item/index.js";
+import { L as V } from "./index-haa7WNrl.js";
+import { LuzmoEditOptionActionButtonGroup as W } from "./edit-option-action-button-group/index.js";
+import { LuzmoEditOptionColorPalettePicker as j } from "./edit-option-color-palette-picker/index.js";
+import { LuzmoEditOptionColorPicker as K } from "./edit-option-color-picker/index.js";
+import { LuzmoEditOptionColorRange as X } from "./edit-option-color-range/index.js";
+import { LuzmoEditOptionMultiLangField as Z } from "./edit-option-multi-language-field/index.js";
+import { LuzmoEditOptionNumberField as $ } from "./edit-option-number-field/index.js";
+import { LuzmoEditOptionPicker as oe } from "./edit-option-picker/index.js";
+import { LuzmoEditOptionPositionPicker as te } from "./edit-option-position-picker/index.js";
+import { LuzmoEditOptionPositionsNumberField as ae } from "./edit-option-positions-number-field/index.js";
+import { LuzmoEditOptionRadioButtonGroup as pe } from "./edit-option-radio-button-group/index.js";
+import { LuzmoEditOptionSlider as ue } from "./edit-option-slider/index.js";
+import { LuzmoEditOptionSwitch as ne } from "./edit-option-switch/index.js";
+import { LuzmoEditOptionTextField as se } from "./edit-option-text-field/index.js";
+import { LuzmoFilterDataItemPicker as he } from "./filter-data-item-picker/index.js";
+import { L as ze } from "./index-DdyZ2g5L.js";
+import { LuzmoFilterItem as fe } from "./filter-item/index.js";
+import { LuzmoFilterValuePicker as Ce } from "./filter-value-picker/index.js";
+import { LuzmoFilterValuePickerDatetime as ve } from "./filter-value-picker-datetime/index.js";
+import { LuzmoFilterValuePickerHierarchy as Se } from "./filter-value-picker-hierarchy/index.js";
+import { LuzmoFilterValuePickerNumeric as Fe } from "./filter-value-picker-numeric/index.js";
+import { LuzmoGrid as we, LuzmoGridItemActionsMenu as Me } from "./grid/index.js";
+import { LuzmoSlotContentsPicker as Oe } from "./slot-contents-picker/index.js";
+import { LuzmoSlotMenu as Te } from "./slot-menu/index.js";
+import { LuzmoSlotMenuList as Ge } from "./slot-menu-list/index.js";
+import { P as Ie } from "./types-RxAJdtVT.js";
+import { d as Ne } from "./decompose-numeric-format-BuZcjH2k.js";
+import { f as Ue } from "./en-CtCctD2c.js";
+import { l as qe } from "./localize-CcDpq940.js";
+import { switchItem as Je } from "./utils.js";
+import { g as Qe, s as Xe } from "./index-CgnTl6Sc.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const e = document.createElement("style");
@@ -481,52 +482,53 @@ export {
   u as LuzmoAiChatMessageUser,
   n as LuzmoAiChatMessagesContainer,
   s as LuzmoAiInteractionTextarea,
-  h as LuzmoDatasetSelectorList,
-  z as LuzmoDatasetSelectorRow,
-  f as LuzmoDisplaySettings,
-  C as LuzmoDisplaySettingsBinning,
-  v as LuzmoDisplaySettingsDatetime,
-  S as LuzmoDisplaySettingsGrandTotals,
-  F as LuzmoDisplaySettingsNumeric,
-  w as LuzmoDisplaySettingsPeriodOverPeriod,
-  E as LuzmoDraggableDataItem,
-  B as LuzmoDraggableDataItemLevel,
-  A as LuzmoDroppableSlot,
-  H as LuzmoEditItem,
-  R as LuzmoEditOption,
-  V as LuzmoEditOptionActionButtonGroup,
-  W as LuzmoEditOptionColorPalettePicker,
-  j as LuzmoEditOptionColorPicker,
-  K as LuzmoEditOptionColorRange,
-  X as LuzmoEditOptionMultiLangField,
-  Z as LuzmoEditOptionNumberField,
-  $ as LuzmoEditOptionPicker,
-  oe as LuzmoEditOptionPositionPicker,
-  te as LuzmoEditOptionPositionsNumberField,
-  ae as LuzmoEditOptionRadioButtonGroup,
-  pe as LuzmoEditOptionSlider,
-  ue as LuzmoEditOptionSwitch,
-  ne as LuzmoEditOptionTextField,
-  se as LuzmoFilterDataItemPicker,
-  he as LuzmoFilterExpressionPicker,
-  ze as LuzmoFilterItem,
-  fe as LuzmoFilterValuePicker,
-  Ce as LuzmoFilterValuePickerDatetime,
-  ve as LuzmoFilterValuePickerHierarchy,
-  Se as LuzmoFilterValuePickerNumeric,
-  Fe as LuzmoGrid,
-  De as LuzmoGridItemActionsMenu,
-  Me as LuzmoSlotContentsPicker,
-  Oe as LuzmoSlotMenu,
-  Te as LuzmoSlotMenuList,
-  Ge as PeriodOverPeriodCondition,
-  Ie as decomposeNumericFormat,
-  Ne as formatter,
-  Je as getTheme,
+  h as LuzmoDatasetIcon,
+  z as LuzmoDatasetSelectorList,
+  f as LuzmoDatasetSelectorRow,
+  C as LuzmoDisplaySettings,
+  v as LuzmoDisplaySettingsBinning,
+  S as LuzmoDisplaySettingsDatetime,
+  F as LuzmoDisplaySettingsGrandTotals,
+  w as LuzmoDisplaySettingsNumeric,
+  E as LuzmoDisplaySettingsPeriodOverPeriod,
+  B as LuzmoDraggableDataItem,
+  A as LuzmoDraggableDataItemLevel,
+  H as LuzmoDroppableSlot,
+  R as LuzmoEditItem,
+  V as LuzmoEditOption,
+  W as LuzmoEditOptionActionButtonGroup,
+  j as LuzmoEditOptionColorPalettePicker,
+  K as LuzmoEditOptionColorPicker,
+  X as LuzmoEditOptionColorRange,
+  Z as LuzmoEditOptionMultiLangField,
+  $ as LuzmoEditOptionNumberField,
+  oe as LuzmoEditOptionPicker,
+  te as LuzmoEditOptionPositionPicker,
+  ae as LuzmoEditOptionPositionsNumberField,
+  pe as LuzmoEditOptionRadioButtonGroup,
+  ue as LuzmoEditOptionSlider,
+  ne as LuzmoEditOptionSwitch,
+  se as LuzmoEditOptionTextField,
+  he as LuzmoFilterDataItemPicker,
+  ze as LuzmoFilterExpressionPicker,
+  fe as LuzmoFilterItem,
+  Ce as LuzmoFilterValuePicker,
+  ve as LuzmoFilterValuePickerDatetime,
+  Se as LuzmoFilterValuePickerHierarchy,
+  Fe as LuzmoFilterValuePickerNumeric,
+  we as LuzmoGrid,
+  Me as LuzmoGridItemActionsMenu,
+  Oe as LuzmoSlotContentsPicker,
+  Te as LuzmoSlotMenu,
+  Ge as LuzmoSlotMenuList,
+  Ie as PeriodOverPeriodCondition,
+  Ne as decomposeNumericFormat,
+  Ue as formatter,
+  Qe as getTheme,
   r as itemGroups,
   l as itemList,
   t as itemTypes,
-  Ue as localize,
-  qe as switchItem,
-  Ke as systemThemeIds
+  qe as localize,
+  Je as switchItem,
+  Xe as systemThemeIds
 };

package/components/{set-locale-nv7fWEtl.js → set-locale-hKTMz37h.js}

@@ -23,7 +23,12 @@ const a = (t, o, r) => {
   return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((c, n) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(n.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + o + (o.split("/").length !== r ? ". Note that variables only represent file names one level deep." : ""))));
   });
-}, l = "en", i = ["de", "es", "fr", "nl"], { getLocale: u, setLocale: p } = s({
+}, l = "en", i = [
+  "de",
+  "es",
+  "fr",
+  "nl"
+], { getLocale: u, setLocale: p } = s({
   sourceLocale: l,
   targetLocales: i,
   loadLocale: (t) => a(/* @__PURE__ */ Object.assign({ "../../generated/locales/de.ts": () => import("./de-DU0DlXuf.js"), "../../generated/locales/es.ts": () => import("./es-BxR1uGKR.js"), "../../generated/locales/fr.ts": () => import("./fr-CvltYxR_.js"), "../../generated/locales/nl.ts": () => import("./nl-CLs7FmRK.js") }), `../../generated/locales/${t}.ts`, 5)

package/components/slot-contents-picker/index.js

@@ -31,7 +31,7 @@ import { html as a, unsafeCSS as y } from "lit";
 import { property as c, state as C } from "lit/decorators.js";
 import { L as S } from "../focusable-BS2pbY7w.js";
 import { S as _ } from "../sized-mixin-cJbo3PKR.js";
-import { g as k, t as x, s as $ } from "../set-locale-nv7fWEtl.js";
+import { g as k, t as x, s as $ } from "../set-locale-hKTMz37h.js";
 import "../index-3WsfvkZF.js";
 import "../slot-menu/index.js";
 (function() {

package/components/slot-menu/index.cjs

@@ -33,7 +33,7 @@
         class="slot-contents-container ${this._slotContents?.length>1?"multiple":""}"
       >
         ${this.variant==="popup"?"":p.html`<div class="close" @click=${this.close}>
-              ${h.luzmoIcon(h.luzmoClose16)}
+              ${h.luzmoIcon(h.luzmoClose)}
             </div>`}
         <div class="inner-container">
           ${this._slotContents?.length>1&&typeof this.slotIndex!="number"?p.html`<luzmo-slot-menu-list

package/components/slot-menu/index.js

@@ -22,7 +22,7 @@ import { unsafeCSS as P, html as p } from "lit";
 import { s as A } from "../index-3WsfvkZF.js";
 import { SignalWatcher as M } from "@lit-labs/signals";
 import { consume as R } from "@lit/context";
-import { luzmoIcon as _, luzmoArrows as X, luzmoTrashOutline as q, luzmoClose16 as N } from "@luzmo/icons";
+import { luzmoIcon as _, luzmoArrows as X, luzmoTrashOutline as q, luzmoClose as N } from "@luzmo/icons";
 import { d as g } from "../index-BGb_wRRW.js";
 import { l as Y } from "../localize-CcDpq940.js";
 import { property as r, state as k, query as $ } from "lit/decorators.js";

package/custom-elements.json

@@ -374,6 +374,17 @@
               "default": "false",
               "description": "When true, restricts results to public datasets (opendata parity)",
               "attribute": "flag-opendata"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, disables the entire component (sets opacity to 60% and prevents all interactions)",
+              "attribute": "disabled",
+              "reflects": true
             }
           ],
           "events": [
@@ -386,6 +397,15 @@
             }
           ],
           "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, disables the entire component (sets opacity to 60% and prevents all interactions)",
+              "name": "disabled",
+              "default": "false",
+              "fieldName": "disabled"
+            },
             {
               "name": "placeholder",
               "type": {
@@ -470,6 +490,120 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/dataset-icon/dataset-icon.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "publicConnectors",
+          "type": {
+            "text": "[\n  'amazonathena',\n  'asana',\n  'bigquery',\n  'citybikes',\n  'clickhouse',\n  'demodataplugin',\n  'elasticsearch',\n  'exact',\n  'exactonline',\n  'exactonlinenl',\n  'google',\n  'googleanalytics',\n  'googleanalyticsv4',\n  'googledrive',\n  'hubspot',\n  'mailchimp',\n  'mariadb',\n  'mongodb',\n  'mysql',\n  'oracle',\n  'panoply',\n  'pipedrive',\n  'pipelinedb',\n  'postgresql',\n  'presto',\n  'redshift',\n  'salesforce',\n  'saphana',\n  'snowflake',\n  'sqlserver',\n  'stardog',\n  'synapse',\n  'teamleader',\n  'trino',\n  'typeform',\n  'zendesk'\n]"
+          },
+          "default": "[ 'amazonathena', 'asana', 'bigquery', 'citybikes', 'clickhouse', 'demodataplugin', 'elasticsearch', 'exact', 'exactonline', 'exactonlinenl', 'google', 'googleanalytics', 'googleanalyticsv4', 'googledrive', 'hubspot', 'mailchimp', 'mariadb', 'mongodb', 'mysql', 'oracle', 'panoply', 'pipedrive', 'pipelinedb', 'postgresql', 'presto', 'redshift', 'salesforce', 'saphana', 'snowflake', 'sqlserver', 'stardog', 'synapse', 'teamleader', 'trino', 'typeform', 'zendesk' ]",
+          "description": "Public connectors list - these are well-known connectors that may have CSS-based icons\nThis list should match the one from"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LuzmoDatasetIcon",
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "type": {
+                "text": "string"
+              },
+              "static": true,
+              "default": "'luzmo-dataset-icon'"
+            },
+            {
+              "kind": "field",
+              "name": "datasetInfo",
+              "type": {
+                "text": "DatasetIcon | undefined"
+              },
+              "description": "The dataset information containing subtype and thumbnail data",
+              "attribute": "dataset"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'16px' | '24px' | '32px' | '48px' | '64px'"
+              },
+              "default": "'32px'",
+              "description": "The size of the icon",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "appUrl",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The base URL for the application (used for thumbnail URLs)",
+              "attribute": "app-url"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "dataset",
+              "type": {
+                "text": "DatasetIcon | undefined"
+              },
+              "description": "The dataset information containing subtype and thumbnail data",
+              "fieldName": "datasetInfo"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'16px' | '24px' | '32px' | '48px' | '64px'"
+              },
+              "default": "'32px'",
+              "description": "The size of the icon",
+              "fieldName": "size"
+            },
+            {
+              "name": "app-url",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The base URL for the application (used for thumbnail URLs)",
+              "fieldName": "appUrl"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "luzmo-dataset-icon",
+          "customElement": true,
+          "summary": "Displays an icon for a dataset based on its type, thumbnails, and connector"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "publicConnectors",
+          "declaration": {
+            "name": "publicConnectors",
+            "module": "src/components/dataset-icon/dataset-icon.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LuzmoDatasetIcon",
+          "declaration": {
+            "name": "LuzmoDatasetIcon",
+            "module": "src/components/dataset-icon/dataset-icon.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/dataset-selector-list/dataset-selector-list.ts",
@@ -886,6 +1020,17 @@
               "default": "false",
               "description": "When true, restricts results to public datasets (opendata parity)",
               "attribute": "flag-opendata"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, disables all interactions with the component",
+              "attribute": "disabled",
+              "reflects": true
             }
           ],
           "events": [
@@ -905,6 +1050,15 @@
             }
           ],
           "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, disables all interactions with the component",
+              "name": "disabled",
+              "default": "false",
+              "fieldName": "disabled"
+            },
             {
               "name": "selectedDatasets",
               "type": {

package/index.d.ts

@@ -2,6 +2,7 @@ export * from './components/ai-chat-message-assistant';
 export * from './components/ai-chat-message-user';
 export * from './components/ai-chat-messages-container';
 export * from './components/ai-interaction-textarea';
+export * from './components/dataset-icon';
 export * from './components/dataset-selector-list';
 export * from './components/dataset-selector-row';
 export * from './components/display-settings';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.1-alpha.85",
+  "version": "1.0.1-alpha.87",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",
@@ -31,6 +31,11 @@
       "import": "./components/ai-interaction-textarea/index.js",
       "require": "./components/ai-interaction-textarea/index.cjs"
     },
+    "./dataset-icon": {
+      "types": "./components/dataset-icon/index.d.ts",
+      "import": "./components/dataset-icon/index.js",
+      "require": "./components/dataset-icon/index.cjs"
+    },
     "./dataset-selector-list": {
       "types": "./components/dataset-selector-list/index.d.ts",
       "import": "./components/dataset-selector-list/index.js",
@@ -277,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

@@ -64,6 +64,20 @@ export type DataItem = {
     lowestLevel?: string;
 };
 export type GridItemRenderer = (item: GridItemData, index: number) => TemplateResult;
+/**
+ * Dataset icon interface matching the Angular component
+ */
+export interface DatasetIcon {
+    subtype: string;
+    account?: {
+        plugin?: {
+            thumbnails?: {
+                url: string;
+                size: string;
+            }[];
+        };
+    };
+}
 export type { ElementSize, Placement } from '@luzmo/lucero';
 export interface Dataset {
     id: string;