@luzmo/analytics-components-kit 1.0.1-alpha.138 → 1.0.1-alpha.139

package/README.md

@@ -75,12 +75,12 @@ npm install @luzmo/analytics-components-kit
 
 ### Data Components (Individual)
 
-| Component            | Import                                                 | Description                                                      |
-| -------------------- | ------------------------------------------------------ | ---------------------------------------------------------------- |
-| Draggable Data Field | `@luzmo/analytics-components-kit/draggable-data-field` | Draggable representation of a dataset column or formula          |
-| Droppable Slot       | `@luzmo/analytics-components-kit/droppable-slot`       | Drop target for data items in chart configuration                |
-| Slot Contents Picker | `@luzmo/analytics-components-kit/slot-contents-picker` | Picker-based slot content selection                              |
-| Data Fields Select   | `@luzmo/analytics-components-kit/data-fields-select`   | Dropdown select for columns, saved formulas, and ad hoc formulas |
+| Component            | Import                                                 | Description                                                                                                                          |
+| -------------------- | ------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------ |
+| Draggable Data Field | `@luzmo/analytics-components-kit/draggable-data-field` | Draggable representation of a dataset column or formula                                                                              |
+| Droppable Slot       | `@luzmo/analytics-components-kit/droppable-slot`       | Drop target for data items in chart configuration                                                                                    |
+| Slot Contents Picker | `@luzmo/analytics-components-kit/slot-contents-picker` | Picker-based slot content selection with expandable datetime/hierarchy sublevels                                                     |
+| Data Fields Select   | `@luzmo/analytics-components-kit/data-fields-select`   | Dropdown select for columns, saved formulas, and ad hoc formulas; datetime and hierarchy columns expand to show selectable sublevels |
 
 ### Filter Components
 

package/angular/utils/data-broker/index.d.ts

@@ -19,6 +19,8 @@ export interface DatasetListItem {
 }
 export interface DatasetColumnMetadata extends Pick<Column, 'id' | 'name' | 'description' | 'type' | 'subtype' | 'format' | 'lowestLevel' | 'expression' | 'joins' | 'duration_levels' | 'duration_format' | 'hierarchyLevels' | 'currency'> {
     hidden?: boolean;
+    highestLevel?: Column['highestLevel'];
+    hierarchy_enabled?: Column['hierarchy_enabled'];
 }
 export type DatasetFormulaMetadata = Partial<Formula> & Pick<Formula, 'id' | 'name' | 'expression'> & {
     hidden?: boolean;

package/components/ai-chat/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-C3lll-Q8.cjs`),require(`../localized-mixin-D9lextG3.cjs`);const e=require(`../ai-chat-CbqvVZDp.cjs`);require(`../dataset-icon-BbNgugDA.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-TCwsPRXj.cjs`),require(`../dataset-selector-row-BAgWSX0U.cjs`),require(`../ai-interaction-textarea-DDVKMfTQ.cjs`),exports.LuzmoAiChat=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`);const e=require(`../ai-chat-CbqvVZDp.cjs`);require(`../dataset-icon-BbNgugDA.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-BdeJlo0u.cjs`),require(`../dataset-selector-row-CAlRVIk_.cjs`),require(`../ai-interaction-textarea-DDVKMfTQ.cjs`),exports.LuzmoAiChat=e.t;

package/components/ai-chat/index.js

@@ -25,12 +25,12 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-7KskD7al.js";
-import "../localized-mixin-DxtnedKb.js";
+import "../set-locale-Uv6F4uSq.js";
+import "../localized-mixin-cLT0UbaF.js";
 import { t as LuzmoAiChat } from "../ai-chat-Dg2dvhDq.js";
 import "../dataset-icon-x6Q8nhYc.js";
 import "../data-broker-cLR-t5LM.js";
-import "../dataset-selector-list-DX-UEt94.js";
-import "../dataset-selector-row-DOOAS7S4.js";
+import "../dataset-selector-list-DO_ExOrO.js";
+import "../dataset-selector-row-VsvdrVDf.js";
 import "../ai-interaction-textarea-ZDQPVgXC.js";
 export { LuzmoAiChat };

package/components/ai-interaction-textarea/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-C3lll-Q8.cjs`),require(`../dataset-icon-BbNgugDA.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-TCwsPRXj.cjs`),require(`../dataset-selector-row-BAgWSX0U.cjs`);const e=require(`../ai-interaction-textarea-DDVKMfTQ.cjs`);Object.defineProperty(exports,`LuzmoAiInteractionTextarea`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CKjJZRH6.cjs`),require(`../dataset-icon-BbNgugDA.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-BdeJlo0u.cjs`),require(`../dataset-selector-row-CAlRVIk_.cjs`);const e=require(`../ai-interaction-textarea-DDVKMfTQ.cjs`);Object.defineProperty(exports,`LuzmoAiInteractionTextarea`,{enumerable:!0,get:function(){return e.t}});

package/components/ai-interaction-textarea/index.js

@@ -23,10 +23,10 @@
 		e.setAttribute("data-luzmo-vars", ""), e.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-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--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(e);
 	}
 })();
-import "../set-locale-7KskD7al.js";
+import "../set-locale-Uv6F4uSq.js";
 import "../dataset-icon-x6Q8nhYc.js";
 import "../data-broker-cLR-t5LM.js";
-import "../dataset-selector-list-DX-UEt94.js";
-import "../dataset-selector-row-DOOAS7S4.js";
+import "../dataset-selector-list-DO_ExOrO.js";
+import "../dataset-selector-row-VsvdrVDf.js";
 import { t as LuzmoAiInteractionTextarea } from "../ai-interaction-textarea-ZDQPVgXC.js";
 export { LuzmoAiInteractionTextarea };

package/components/convert-datasets-to-data-fields-BV57XueO.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+var e=e=>!!(e&&Object.keys(e).length>0);const t=(t,n,r={})=>{if(n.hidden===!0&&!r.includeHidden||!n.id||!n.type)return null;let i=e(n.name)?n.name:{en:`Untitled`},a={datasetId:t,columnId:n.id,type:n.type,name:i};return n.description&&e(n.description)&&(a.description=n.description),n.subtype&&(a.subtype=n.subtype),n.format&&(a.format=n.format),typeof n.lowestLevel==`number`&&(a.lowestLevel=n.lowestLevel),typeof n.highestLevel==`number`&&(a.highestLevel=n.highestLevel),typeof n.hierarchy_enabled==`boolean`&&(a.hierarchy_enabled=n.hierarchy_enabled),n.expression&&(a.expression=n.expression),Array.isArray(n.duration_levels)&&n.duration_levels.length>0&&(a.duration_levels=[...n.duration_levels]),n.duration_format&&(a.duration_format=n.duration_format),Array.isArray(n.hierarchyLevels)&&n.hierarchyLevels.length>0&&(a.hierarchyLevels=n.hierarchyLevels.map(({id:e,level:t,name:n})=>({id:e,level:t,name:n}))),n.currency?.id&&n.currency.symbol&&(a.currency={id:n.currency.id,name:n.currency.name,symbol:n.currency.symbol}),a},n=(t,n,r={})=>{if(n.hidden===!0&&!r.includeHidden||!n.id||!n.type)return null;let i=e(n.name)?n.name:{en:`Untitled`},a={datasetId:t,formulaId:n.id,type:n.type,name:i};return n.description&&e(n.description)&&(a.description=n.description),n.subtype&&(a.subtype=n.subtype),n.format&&(a.format=n.format),typeof n.lowestLevel==`number`&&(a.lowestLevel=n.lowestLevel),n.expression&&(a.expression=n.expression),Array.isArray(n.duration_levels)&&n.duration_levels.length>0&&(a.duration_levels=[...n.duration_levels]),n.duration_format&&(a.duration_format=n.duration_format),n.currency?.id&&n.currency.symbol&&(a.currency={id:n.currency.id,name:n.currency.name,symbol:n.currency.symbol}),a},r=(e,r={})=>{if(!e?.id)return[];let i=[];return Array.isArray(e.columns)&&e.columns.forEach(n=>{let a=t(e.id,n,r);a&&i.push(a)}),Array.isArray(e.formulas)&&e.formulas.forEach(t=>{let a=n(e.id,t,r);a&&i.push(a)}),i},i=(e,t={})=>e.map(e=>({id:e.id,name:e.name,description:e.description,dataFields:r(e,t)}));Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/components/{convert-datasets-to-data-fields-BrMaMTte.js → convert-datasets-to-data-fields-Ct3YLD0R.js}

@@ -26,7 +26,7 @@ const mapDatasetColumnToDatasetDataField = (t, n, r = {}) => {
 		type: n.type,
 		name: i
 	};
-	return n.description && hasNonEmptyObject(n.description) && (a.description = n.description), n.subtype && (a.subtype = n.subtype), n.format && (a.format = n.format), typeof n.lowestLevel == "number" && (a.lowestLevel = n.lowestLevel), n.expression && (a.expression = n.expression), Array.isArray(n.duration_levels) && n.duration_levels.length > 0 && (a.duration_levels = [...n.duration_levels]), n.duration_format && (a.duration_format = n.duration_format), Array.isArray(n.hierarchyLevels) && n.hierarchyLevels.length > 0 && (a.hierarchyLevels = n.hierarchyLevels.map(({ id: e, level: t, name: n }) => ({
+	return n.description && hasNonEmptyObject(n.description) && (a.description = n.description), n.subtype && (a.subtype = n.subtype), n.format && (a.format = n.format), typeof n.lowestLevel == "number" && (a.lowestLevel = n.lowestLevel), typeof n.highestLevel == "number" && (a.highestLevel = n.highestLevel), typeof n.hierarchy_enabled == "boolean" && (a.hierarchy_enabled = n.hierarchy_enabled), n.expression && (a.expression = n.expression), Array.isArray(n.duration_levels) && n.duration_levels.length > 0 && (a.duration_levels = [...n.duration_levels]), n.duration_format && (a.duration_format = n.duration_format), Array.isArray(n.hierarchyLevels) && n.hierarchyLevels.length > 0 && (a.hierarchyLevels = n.hierarchyLevels.map(({ id: e, level: t, name: n }) => ({
 		id: e,
 		level: t,
 		name: n

package/components/data-fields-select/data-fields-select.d.ts

@@ -93,9 +93,30 @@ export declare class LuzmoDataFieldsSelect extends LuzmoDataFieldsSelect_base {
      * Searches the formulas array (which may contain both saved and ad hoc formulas) for a match.
      */
     private _findFormulaMatch;
+    /**
+     * Resolves a selected value (which may be a compound sublevel value) to a DatasetDataField.
+     * Returns the resolved field and whether a dataset match was found.
+     */
+    private _resolveDataFieldFromValue;
     setDataField(event: CustomEvent): void;
     private _findDataFieldsInDatasetsDataFields;
     protected willUpdate(changedProperties: PropertyValues): void;
+    /**
+     * Build expandable children for a datetime column based on its highestLevel / lowestLevel range.
+     */
+    private _buildDatetimeChildren;
+    /**
+     * Build expandable children for a hierarchy column based on its hierarchyLevels.
+     */
+    private _buildHierarchyChildren;
+    /**
+     * Returns true when a column should render expandable datetime children.
+     */
+    private _isExpandableDatetime;
+    /**
+     * Returns true when a column should render expandable hierarchy children.
+     */
+    private _isExpandableHierarchy;
     protected render(): TemplateResult;
 }
 export {};

package/components/data-fields-select/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-C3lll-Q8.cjs`),require(`../localized-mixin-D9lextG3.cjs`),require(`../calculate-data-field-icon-BhiGlh0u.cjs`);const e=require(`../data-fields-select-DeJFAEaP.cjs`);Object.defineProperty(exports,`LuzmoDataFieldsSelect`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../periods.const-CX2ZWWrf.cjs`),require(`../calculate-data-field-icon-BhiGlh0u.cjs`);const e=require(`../data-fields-select-DOFNOn2D.cjs`);Object.defineProperty(exports,`LuzmoDataFieldsSelect`,{enumerable:!0,get:function(){return e.t}});

package/components/data-fields-select/index.js

@@ -23,8 +23,9 @@
 		e.setAttribute("data-luzmo-vars", ""), e.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-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--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(e);
 	}
 })();
-import "../set-locale-7KskD7al.js";
-import "../localized-mixin-DxtnedKb.js";
+import "../set-locale-Uv6F4uSq.js";
+import "../localized-mixin-cLT0UbaF.js";
+import "../periods.const-Ch6SfeaG.js";
 import "../calculate-data-field-icon-CY7Y6fn1.js";
-import { t as LuzmoDataFieldsSelect } from "../data-fields-select-f028At8m.js";
+import { t as LuzmoDataFieldsSelect } from "../data-fields-select-0-QPdj3X.js";
 export { LuzmoDataFieldsSelect };

package/components/{data-fields-select-f028At8m.js → data-fields-select-0-QPdj3X.js}

@@ -18,17 +18,24 @@
  * SOFTWARE.
  * */
 import { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as LocalizedMixin } from "./localized-mixin-DxtnedKb.js";
+import { t as LocalizedMixin } from "./localized-mixin-cLT0UbaF.js";
 import { t as localize } from "./localize-Dlt3EN5i.js";
+import { n as DATETIME_LEVELS } from "./periods.const-Ch6SfeaG.js";
 import { t as calculateDataFieldIcon } from "./calculate-data-field-icon-CY7Y6fn1.js";
-import { n as mapDatasetColumnToDatasetDataField, r as mapDatasetFormulaToDatasetDataField } from "./convert-datasets-to-data-fields-BrMaMTte.js";
+import { n as mapDatasetColumnToDatasetDataField, r as mapDatasetFormulaToDatasetDataField } from "./convert-datasets-to-data-fields-Ct3YLD0R.js";
 import { html, unsafeCSS } from "lit";
 import { property } from "lit/decorators.js";
 import { localized, msg } from "@lit/localize";
 import { luzmoFormula } from "@luzmo/icons";
 import "@luzmo/lucero/select";
 import { ElementSizes, LuzmoElement, SizedMixin } from "@luzmo/lucero/utils";
-var data_fields_select_module_default = ":host{font-family:var(--luzmo-font-family)}", LuzmoDataFieldsSelect = class extends LocalizedMixin(SizedMixin(LuzmoElement, { validSizes: Object.values(ElementSizes) })) {
+var data_fields_select_module_default = ":host{font-family:var(--luzmo-font-family)}", LEVEL_SEPARATOR = "::level::", encodeSublevelValue = (e, p) => `${e}${LEVEL_SEPARATOR}${p}`, decodeSublevelValue = (e) => {
+	let p = e.indexOf(LEVEL_SEPARATOR);
+	return p === -1 ? null : {
+		columnId: e.slice(0, p),
+		level: Number(e.slice(p + 9))
+	};
+}, LuzmoDataFieldsSelect = class extends LocalizedMixin(SizedMixin(LuzmoElement, { validSizes: Object.values(ElementSizes) })) {
 	constructor(...e) {
 		super(...e), this.contentLanguage = "en", this.icons = "menu-only", this.allowEmpty = !1, this.selects = "single", this.value = [], this.retrieving = !1, this.invalid = !1, this.clearable = !1, this.pending = !1, this.disabled = !1, this.search = "auto", this.placement = "bottom-start", this.datasetsDataFields = [], this._dataFieldsSelected = [];
 	}
@@ -46,12 +53,12 @@ var data_fields_select_module_default = ":host{font-family:var(--luzmo-font-fami
 			detail: { dataFields: this._dataFieldsSelected }
 		}));
 	}
-	_toDataFieldData(e, l, u = !1) {
-		return u ? mapDatasetFormulaToDatasetDataField(l, e, { includeHidden: !0 }) : mapDatasetColumnToDatasetDataField(l, e, { includeHidden: !0 });
+	_toDataFieldData(e, p, m = !1) {
+		return m ? mapDatasetFormulaToDatasetDataField(p, e, { includeHidden: !0 }) : mapDatasetColumnToDatasetDataField(p, e, { includeHidden: !0 });
 	}
-	_toAdHocFormulaFieldData(e, l) {
+	_toAdHocFormulaFieldData(e, p) {
 		return {
-			datasetId: l,
+			datasetId: p,
 			formula: e.formula,
 			type: e.type,
 			name: e.label ?? { en: "Ad-hoc formula" },
@@ -59,59 +66,58 @@ var data_fields_select_module_default = ":host{font-family:var(--luzmo-font-fami
 			format: e.format
 		};
 	}
-	_findFormulaMatch(e, l, u) {
-		for (let d of e) if (this._isAdHocFormula(d)) {
-			if (d.formula === l) return this._toAdHocFormulaFieldData(d, u);
-		} else if (d.id === l) return this._toDataFieldData(d, u, !0);
+	_findFormulaMatch(e, p, m) {
+		for (let h of e) if (this._isAdHocFormula(h)) {
+			if (h.formula === p) return this._toAdHocFormulaFieldData(h, m);
+		} else if (h.id === p) return this._toDataFieldData(h, m, !0);
+		return null;
+	}
+	_resolveDataFieldFromValue(e, p) {
+		let m = decodeSublevelValue(e), h = m ? m.columnId : e;
+		for (let g of p) {
+			let p = g.columns ?? [], _ = g.formulas ?? [], v = p.find((e) => e.id === h);
+			if (v) {
+				let e = this._toDataFieldData(v, g.id, !1);
+				if (e && m && (e.level = m.level, this._isExpandableHierarchy(v))) {
+					let p = v.hierarchyLevels?.find((e) => e.level === m.level);
+					p && (e.name = p.name);
+				}
+				return e;
+			}
+			let y = this._findFormulaMatch(_, e, g.id);
+			if (y) return y;
+		}
 		return null;
 	}
 	setDataField(e) {
-		let l = e?.detail?.value ?? [];
+		let p = e?.detail?.value ?? [];
 		this._dataFieldsSelected = [];
-		for (let e of l) for (let l of this.datasetsDataFields) {
-			let u = l.columns ?? [], d = l.formulas ?? [], f = u.find((l) => l.id === e);
-			if (f) {
-				let e = this._toDataFieldData(f, l.id, !1);
-				e && this._dataFieldsSelected.push(e);
-				break;
-			}
-			let p = this._findFormulaMatch(d, e, l.id);
-			if (p) {
-				this._dataFieldsSelected.push(p);
-				break;
-			}
+		for (let e of p) {
+			let p = this._resolveDataFieldFromValue(e, this.datasetsDataFields);
+			p && this._dataFieldsSelected.push(p);
 		}
-		this.value = l, this._sendChangeEvent();
+		this.value = p, this._sendChangeEvent();
 	}
 	_findDataFieldsInDatasetsDataFields(e) {
 		this._dataFieldsSelected = [];
-		for (let l of e) for (let e of this.datasetsDataFields) {
-			let u = e.columns, d = e.formulas, f = u?.find((e) => e.id === l);
-			if (f) {
-				let l = this._toDataFieldData(f, e.id, !1);
-				l && this._dataFieldsSelected.push(l);
-				break;
-			}
-			let p = this._findFormulaMatch(d ?? [], l, e.id);
-			if (p) {
-				this._dataFieldsSelected.push(p);
-				break;
-			}
+		for (let p of e) {
+			let e = this._resolveDataFieldFromValue(p, this.datasetsDataFields);
+			e && this._dataFieldsSelected.push(e);
 		}
 	}
 	willUpdate(e) {
 		super.willUpdate(e);
-		let l = e.has("value"), u = e.has("datasetsDataFields");
-		if ((l || u) && (this._findDataFieldsInDatasetsDataFields(this.value), this._dataFieldsSelected.length === 0 && !this.allowEmpty && !this.retrieving)) {
+		let p = e.has("value"), m = e.has("datasetsDataFields");
+		if ((p || m) && (this._findDataFieldsInDatasetsDataFields(this.value), this._dataFieldsSelected.length === 0 && !this.allowEmpty && !this.retrieving)) {
 			for (let e of this.datasetsDataFields) if (e?.columns?.length > 0) {
-				let l = this._toDataFieldData(e.columns[0], e.id, !1);
-				this._dataFieldsSelected = l ? [l] : [];
+				let p = this._toDataFieldData(e.columns[0], e.id, !1);
+				this._dataFieldsSelected = p ? [p] : [];
 				break;
 			} else {
-				let l = e?.formulas?.find((e) => !this._isAdHocFormula(e));
-				if (l && !this._isAdHocFormula(l)) {
-					let u = this._toDataFieldData(l, e.id, !0);
-					this._dataFieldsSelected = u ? [u] : [];
+				let p = e?.formulas?.find((e) => !this._isAdHocFormula(e));
+				if (p && !this._isAdHocFormula(p)) {
+					let m = this._toDataFieldData(p, e.id, !0);
+					this._dataFieldsSelected = m ? [m] : [];
 					break;
 				}
 			}
@@ -122,38 +128,61 @@ var data_fields_select_module_default = ":host{font-family:var(--luzmo-font-fami
 			}).filter((e) => typeof e == "string" && e.length > 0), this._sendChangeEvent();
 		}
 	}
+	_buildDatetimeChildren(e) {
+		let p = [], m = Math.min(Math.max(e.lowestLevel ?? 1, 1), DATETIME_LEVELS.length), g = Math.min(Math.max(e.highestLevel ?? 1, 1), DATETIME_LEVELS.length);
+		for (let _ = g; _ <= m; _++) p.push({
+			value: encodeSublevelValue(e.id, _),
+			label: DATETIME_LEVELS[_ - 1]?.i18n() ?? ""
+		});
+		return p;
+	}
+	_buildHierarchyChildren(e) {
+		let p = [], h = e.hierarchyLevels ?? [];
+		for (let g of h) g.level < 1 || p.push({
+			value: encodeSublevelValue(e.id, g.level),
+			label: localize(g.name ?? {}, this.contentLanguage) ?? ""
+		});
+		return p;
+	}
+	_isExpandableDatetime(e) {
+		let p = e.type;
+		return (p === "datetime" || p === "array[datetime]") && typeof e.lowestLevel == "number";
+	}
+	_isExpandableHierarchy(e) {
+		return Array.isArray(e.hierarchyLevels) && e.hierarchyLevels.length > 2 && e.hierarchy_enabled === !0;
+	}
 	render() {
-		let e = [], l = this.icons !== "none";
-		for (let f of this.datasetsDataFields ?? []) {
-			let p = f?.columns ?? [], m = f?.formulas ?? [];
-			for (let f of p) {
-				let p = {
-					value: f.id,
-					label: localize(f?.name ?? {}, this.contentLanguage) ?? ""
+		let e = [], p = this.icons !== "none";
+		for (let h of this.datasetsDataFields ?? []) {
+			let _ = h?.columns ?? [], v = h?.formulas ?? [];
+			for (let h of _) {
+				let _ = {
+					value: h.id,
+					label: localize(h?.name ?? {}, this.contentLanguage) ?? ""
 				};
-				l && (p.icon = calculateDataFieldIcon(f, this.size)), e.push(p);
+				p && (_.icon = calculateDataFieldIcon(h, this.size)), this._isExpandableDatetime(h) ? _.children = this._buildDatetimeChildren(h) : this._isExpandableHierarchy(h) && (_.children = this._buildHierarchyChildren(h)), e.push(_);
 			}
-			for (let f of m) if (this._isAdHocFormula(f)) {
-				let d = f.label ? localize(f.label, this.contentLanguage) : msg("Ad-hoc formula"), p = {
-					value: f.formula,
-					label: d ?? msg("Ad-hoc formula")
+			for (let h of v) if (this._isAdHocFormula(h)) {
+				let g = h.label ? localize(h.label, this.contentLanguage) : msg("Ad-hoc formula"), _ = {
+					value: h.formula,
+					label: g ?? msg("Ad-hoc formula")
 				};
-				l && (p.icon = luzmoFormula), e.push(p);
+				p && (_.icon = luzmoFormula), e.push(_);
 			} else {
-				let p = {
-					value: f.id,
-					label: localize(f?.name ?? {}, this.contentLanguage) ?? ""
+				let _ = {
+					value: h.id,
+					label: localize(h?.name ?? {}, this.contentLanguage) ?? ""
 				};
-				l && (p.icon = calculateDataFieldIcon(f, this.size)), e.push(p);
+				p && (_.icon = calculateDataFieldIcon(h, this.size)), e.push(_);
 			}
 		}
-		let f = msg("Select..."), p = this.pending ? "" : this.label || this.placeholder || f, h = this.pending || this.value.length === 0 ? [] : this.value, g = this.icons === "none" || this.icons === "menu-only" ? "none" : void 0;
+		let h = msg("Select..."), _ = this.pending ? "" : this.label || this.placeholder || h, v = this.pending || this.value.length === 0 ? [] : this.value, b = this.icons === "none" || this.icons === "menu-only" ? "none" : void 0;
 		return html`<luzmo-select
         id="data-fields"
         .size=${this.size}
-        .label=${p}
+        .label=${_}
         .retrieving=${this.retrieving}
-        .icons=${g}
+        .icons=${b}
         .selects=${this.selects}
         .variant=${this.selects === "multiple" ? "checkmarks" : "highlight"}
         .placement=${this.placement}
@@ -165,7 +194,7 @@ var data_fields_select_module_default = ":host{font-family:var(--luzmo-font-fami
         ?pending=${this.pending}
         ?disabled=${this.disabled}
         .options=${e}
-        .value=${h}
+        .value=${v}
         @change=${this.setDataField}
       >
       </luzmo-select>`;

package/components/data-fields-select-DOFNOn2D.cjs

@@ -0,0 +1,40 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./localized-mixin-DTvVLuXW.cjs`),r=require(`./localize-BBuZJf_h.cjs`),i=require(`./periods.const-CX2ZWWrf.cjs`),a=require(`./calculate-data-field-icon-BhiGlh0u.cjs`),o=require(`./convert-datasets-to-data-fields-BV57XueO.cjs`);let s=require(`lit`),c=require(`lit/decorators.js`),l=require(`@lit/localize`),u=require(`@luzmo/icons`);require(`@luzmo/lucero/select`);let d=require(`@luzmo/lucero/utils`);var f=`:host{font-family:var(--luzmo-font-family)}`,p=`::level::`,m=(e,t)=>`${e}${p}${t}`,h=e=>{let t=e.indexOf(p);return t===-1?null:{columnId:e.slice(0,t),level:Number(e.slice(t+9))}},g=class extends n.t((0,d.SizedMixin)(d.LuzmoElement,{validSizes:Object.values(d.ElementSizes)})){constructor(...e){super(...e),this.contentLanguage=`en`,this.icons=`menu-only`,this.allowEmpty=!1,this.selects=`single`,this.value=[],this.retrieving=!1,this.invalid=!1,this.clearable=!1,this.pending=!1,this.disabled=!1,this.search=`auto`,this.placement=`bottom-start`,this.datasetsDataFields=[],this._dataFieldsSelected=[]}static get styles(){return[(0,s.unsafeCSS)(f)]}_isAdHocFormula(e){return`formula`in e&&typeof e.formula==`string`}_sendChangeEvent(){this.dispatchEvent(new CustomEvent(`luzmo-data-fields-selected`,{bubbles:!0,composed:!0,cancelable:!0,detail:{dataFields:this._dataFieldsSelected}}))}_toDataFieldData(e,t,n=!1){return n?o.r(t,e,{includeHidden:!0}):o.n(t,e,{includeHidden:!0})}_toAdHocFormulaFieldData(e,t){return{datasetId:t,formula:e.formula,type:e.type,name:e.label??{en:`Ad-hoc formula`},subtype:e.subtype??void 0,format:e.format}}_findFormulaMatch(e,t,n){for(let r of e)if(this._isAdHocFormula(r)){if(r.formula===t)return this._toAdHocFormulaFieldData(r,n)}else if(r.id===t)return this._toDataFieldData(r,n,!0);return null}_resolveDataFieldFromValue(e,t){let n=h(e),r=n?n.columnId:e;for(let i of t){let t=i.columns??[],a=i.formulas??[],o=t.find(e=>e.id===r);if(o){let e=this._toDataFieldData(o,i.id,!1);if(e&&n&&(e.level=n.level,this._isExpandableHierarchy(o))){let t=o.hierarchyLevels?.find(e=>e.level===n.level);t&&(e.name=t.name)}return e}let s=this._findFormulaMatch(a,e,i.id);if(s)return s}return null}setDataField(e){let t=e?.detail?.value??[];this._dataFieldsSelected=[];for(let e of t){let t=this._resolveDataFieldFromValue(e,this.datasetsDataFields);t&&this._dataFieldsSelected.push(t)}this.value=t,this._sendChangeEvent()}_findDataFieldsInDatasetsDataFields(e){this._dataFieldsSelected=[];for(let t of e){let e=this._resolveDataFieldFromValue(t,this.datasetsDataFields);e&&this._dataFieldsSelected.push(e)}}willUpdate(e){super.willUpdate(e);let t=e.has(`value`),n=e.has(`datasetsDataFields`);if((t||n)&&(this._findDataFieldsInDatasetsDataFields(this.value),this._dataFieldsSelected.length===0&&!this.allowEmpty&&!this.retrieving)){for(let e of this.datasetsDataFields)if(e?.columns?.length>0){let t=this._toDataFieldData(e.columns[0],e.id,!1);this._dataFieldsSelected=t?[t]:[];break}else{let t=e?.formulas?.find(e=>!this._isAdHocFormula(e));if(t&&!this._isAdHocFormula(t)){let n=this._toDataFieldData(t,e.id,!0);this._dataFieldsSelected=n?[n]:[];break}}this.value=this._dataFieldsSelected.map(e=>{if(`columnId`in e&&e.columnId)return e.columnId;if(`formulaId`in e&&e.formulaId)return e.formulaId;if(`formula`in e&&e.formula)return e.formula}).filter(e=>typeof e==`string`&&e.length>0),this._sendChangeEvent()}}_buildDatetimeChildren(e){let t=[],n=Math.min(Math.max(e.lowestLevel??1,1),i.n.length),r=Math.min(Math.max(e.highestLevel??1,1),i.n.length);for(let a=r;a<=n;a++)t.push({value:m(e.id,a),label:i.n[a-1]?.i18n()??``});return t}_buildHierarchyChildren(e){let t=[],n=e.hierarchyLevels??[];for(let i of n)i.level<1||t.push({value:m(e.id,i.level),label:r.t(i.name??{},this.contentLanguage)??``});return t}_isExpandableDatetime(e){let t=e.type;return(t===`datetime`||t===`array[datetime]`)&&typeof e.lowestLevel==`number`}_isExpandableHierarchy(e){return Array.isArray(e.hierarchyLevels)&&e.hierarchyLevels.length>2&&e.hierarchy_enabled===!0}render(){let e=[],t=this.icons!==`none`;for(let n of this.datasetsDataFields??[]){let i=n?.columns??[],o=n?.formulas??[];for(let n of i){let i={value:n.id,label:r.t(n?.name??{},this.contentLanguage)??``};t&&(i.icon=a.t(n,this.size)),this._isExpandableDatetime(n)?i.children=this._buildDatetimeChildren(n):this._isExpandableHierarchy(n)&&(i.children=this._buildHierarchyChildren(n)),e.push(i)}for(let n of o)if(this._isAdHocFormula(n)){let i=n.label?r.t(n.label,this.contentLanguage):(0,l.msg)(`Ad-hoc formula`),a={value:n.formula,label:i??(0,l.msg)(`Ad-hoc formula`)};t&&(a.icon=u.luzmoFormula),e.push(a)}else{let i={value:n.id,label:r.t(n?.name??{},this.contentLanguage)??``};t&&(i.icon=a.t(n,this.size)),e.push(i)}}let n=(0,l.msg)(`Select...`),i=this.pending?``:this.label||this.placeholder||n,o=this.pending||this.value.length===0?[]:this.value,c=this.icons===`none`||this.icons===`menu-only`?`none`:void 0;return s.html`<luzmo-select
+        id="data-fields"
+        .size=${this.size}
+        .label=${i}
+        .retrieving=${this.retrieving}
+        .icons=${c}
+        .selects=${this.selects}
+        .variant=${this.selects===`multiple`?`checkmarks`:`highlight`}
+        .placement=${this.placement}
+        .search=${this.search}
+        emphasized
+        no-wrap
+        ?invalid=${this.invalid}
+        ?clearable=${this.clearable&&this.allowEmpty}
+        ?pending=${this.pending}
+        ?disabled=${this.disabled}
+        .options=${e}
+        .value=${o}
+        @change=${this.setDataField}
+      >
+      </luzmo-select>`}};t.t([(0,c.property)({type:String,attribute:`content-language`,reflect:!0})],g.prototype,`contentLanguage`,void 0),t.t([(0,c.property)({type:String,reflect:!0})],g.prototype,`label`,void 0),t.t([(0,c.property)({type:String,reflect:!0})],g.prototype,`icons`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`allow-empty`,reflect:!0})],g.prototype,`allowEmpty`,void 0),t.t([(0,c.property)({type:String,attribute:`placeholder`,reflect:!0})],g.prototype,`placeholder`,void 0),t.t([(0,c.property)({type:String,reflect:!0})],g.prototype,`selects`,void 0),t.t([(0,c.property)({type:Array,reflect:!0})],g.prototype,`value`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`retrieving`,reflect:!0})],g.prototype,`retrieving`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`invalid`,reflect:!0})],g.prototype,`invalid`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`clearable`,reflect:!0})],g.prototype,`clearable`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`pending`,reflect:!0})],g.prototype,`pending`,void 0),t.t([(0,c.property)({type:Boolean,attribute:`disabled`,reflect:!0})],g.prototype,`disabled`,void 0),t.t([(0,c.property)({type:String,attribute:`search`,reflect:!0})],g.prototype,`search`,void 0),t.t([(0,c.property)({type:String,reflect:!0})],g.prototype,`placement`,void 0),t.t([(0,c.property)({type:Array,reflect:!1})],g.prototype,`datasetsDataFields`,void 0),g=t.t([(0,l.localized)()],g),customElements.get(`luzmo-data-fields-select`)||customElements.define(`luzmo-data-fields-select`,g),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});

package/components/dataset-selector-list/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-C3lll-Q8.cjs`),require(`../dataset-icon-BbNgugDA.cjs`),require(`../data-broker-BUIUM5hr.cjs`);const e=require(`../dataset-selector-list-TCwsPRXj.cjs`);exports.LuzmoDatasetSelectorList=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CKjJZRH6.cjs`),require(`../dataset-icon-BbNgugDA.cjs`),require(`../data-broker-BUIUM5hr.cjs`);const e=require(`../dataset-selector-list-BdeJlo0u.cjs`);exports.LuzmoDatasetSelectorList=e.t;

package/components/dataset-selector-list/index.js

@@ -23,8 +23,8 @@
 		e.setAttribute("data-luzmo-vars", ""), e.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-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--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(e);
 	}
 })();
-import "../set-locale-7KskD7al.js";
+import "../set-locale-Uv6F4uSq.js";
 import "../dataset-icon-x6Q8nhYc.js";
 import "../data-broker-cLR-t5LM.js";
-import { t as LuzmoDatasetSelectorList } from "../dataset-selector-list-DX-UEt94.js";
+import { t as LuzmoDatasetSelectorList } from "../dataset-selector-list-DO_ExOrO.js";
 export { LuzmoDatasetSelectorList };

package/components/{dataset-selector-list-TCwsPRXj.cjs → dataset-selector-list-BdeJlo0u.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./set-locale-C3lll-Q8.cjs`),r=require(`./localize-BBuZJf_h.cjs`),i=require(`./data-broker-BUIUM5hr.cjs`);let a=require(`lit`),o=require(`lit/decorators.js`),s=require(`lit/directives/repeat.js`);var c=`:host{box-sizing:border-box;height:100%;font-family:var(--luzmo-dataset-selector-list-font-family,var(--dataset-selector-list-font-family));color:var(--luzmo-dataset-selector-list-color);flex-direction:column;display:flex}:host .dataset-selector-list{gap:var(--luzmo-dataset-selector-list-gap,var(--dataset-selector-list-gap));background:var(--luzmo-dataset-selector-list-background,var(--dataset-selector-list-background));height:100%;padding:var(--luzmo-dataset-selector-list-padding,var(--dataset-selector-list-padding));border-radius:var(--luzmo-dataset-selector-list-border-radius,var(--dataset-selector-list-border-radius));flex-direction:column;display:flex}:host .search-input{background-color:var(--luzmo-dataset-selector-list-input-background,var(--dataset-selector-list-input-background));border:none;border-bottom:1px solid var(--luzmo-dataset-selector-list-input-border-color,var(--dataset-selector-list-input-border-color));color:var(--luzmo-dataset-selector-list-input-color,var(--dataset-selector-list-input-color));line-height:var(--luzmo-dataset-selector-list-input-line-height,var(--dataset-selector-list-input-line-height));font-size:var(--luzmo-dataset-selector-list-input-font-size,var(--dataset-selector-list-input-font-size));padding:var(--luzmo-dataset-selector-list-input-padding,var(--dataset-selector-list-input-padding));box-sizing:border-box;outline:none;width:100%;margin:0}:host .search-input::placeholder{color:var(--luzmo-font-color-tertiary,#999)}:host .datasets-scroll-container{flex:1;min-height:0;overflow:hidden auto}:host .datasets-scroll-container::-webkit-scrollbar{width:var(--luzmo-dataset-selector-list-scrollbar-width,var(--dataset-selector-list-scrollbar-width))}:host .datasets-scroll-container::-webkit-scrollbar-track{background:var(--luzmo-dataset-selector-list-scrollbar-track-background,var(--dataset-selector-list-scrollbar-track-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-track-border-radius,var(--dataset-selector-list-scrollbar-track-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-background,var(--dataset-selector-list-scrollbar-thumb-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-thumb-border-radius,var(--dataset-selector-list-scrollbar-thumb-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-hover-background,var(--dataset-selector-list-scrollbar-thumb-hover-background))}:host .datasets-scroll-container{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-dataset-selector-list-scrollbar-thumb-background,var(--dataset-selector-list-scrollbar-thumb-background,var(--luzmo-scrollbar-thumb-background)))var(--luzmo-dataset-selector-list-scrollbar-track-background,var(--dataset-selector-list-scrollbar-track-background,var(--luzmo-scrollbar-track-background)))}:host .datasets-list{flex-direction:column;display:flex}:host .available-dataset-item{padding:var(--luzmo-dataset-selector-list-item-padding,var(--dataset-selector-list-item-padding));color:var(--luzmo-dataset-selector-available-dataset-color,var(--dataset-selector-available-dataset-color));align-items:center;gap:var(--luzmo-dataset-selector-list-item-gap,var(--dataset-selector-list-item-gap));cursor:pointer;border-radius:var(--luzmo-dataset-selector-list-item-border-radius,var(--dataset-selector-list-item-border-radius));flex-direction:row;transition:background-color .15s;display:flex}:host .available-dataset-item:hover{background-color:var(--luzmo-dataset-selector-list-item-hover-background,var(--dataset-selector-list-item-hover-background))}:host .available-dataset-item:focus{outline:none}:host .available-dataset-item .dataset-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}:host .available-dataset-item .dataset-icon luzmo-icon{display:flex}:host .available-dataset-item .dataset-icon-img{object-fit:contain;width:16px;height:16px}:host .available-dataset-item .dataset-name{line-height:var(--luzmo-dataset-selector-list-item-line-height,var(--dataset-selector-list-item-line-height));font-size:var(--luzmo-dataset-selector-list-item-font-size,var(--dataset-selector-list-item-font-size));text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}:host .available-dataset-item .dataset-name .dataset-name-search-highlight{background:var(--luzmo-dataset-selector-list-search-highlight-background,var(--dataset-selector-list-search-highlight-background));color:var(--luzmo-dataset-selector-list-search-highlight-color,var(--dataset-selector-list-search-highlight-color));border-radius:var(--luzmo-border-radius-s);padding:0}:host .no-datasets-found{height:50%;color:var(--luzmo-dataset-selector-list-no-datasets-color,var(--dataset-selector-list-no-datasets-color));font-size:var(--luzmo-dataset-selector-list-no-datasets-font-size,var(--dataset-selector-list-no-datasets-font-size));text-align:center;padding:var(--luzmo-spacing-4,1rem);justify-content:center;align-items:center;display:flex}:host .loader{padding:var(--luzmo-spacing-5,1.25rem)0;justify-content:center;align-items:center;display:flex}:host .loader .spinner{width:var(--luzmo-dataset-selector-list-loader-size,var(--dataset-selector-list-loader-size));height:var(--luzmo-dataset-selector-list-loader-size,var(--dataset-selector-list-loader-size));border:2px solid var(--luzmo-border-color-light,#e0e0e0);border-top-color:var(--luzmo-dataset-selector-list-loader-color,var(--dataset-selector-list-loader-color));border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:host{--dataset-selector-list-background:var(--luzmo-background-color);--dataset-selector-list-padding:0;--dataset-selector-list-gap:var(--luzmo-spacing-2);--dataset-selector-list-border-radius:var(--luzmo-border-radius-m);--dataset-selector-list-font-family:var(--luzmo-font-family);--dataset-selector-list-input-background:var(--luzmo-background-color);--dataset-selector-list-input-border-color:var(--luzmo-border-color-light,#0000000d);--dataset-selector-list-input-color:var(--luzmo-font-color);--dataset-selector-list-input-padding:0 var(--luzmo-spacing-4)var(--luzmo-spacing-2);--dataset-selector-list-input-font-size:var(--luzmo-font-size-s);--dataset-selector-list-input-line-height:1.5rem;--dataset-selector-list-item-padding:var(--luzmo-spacing-1)var(--luzmo-spacing-4);--dataset-selector-list-item-gap:var(--luzmo-spacing-3);--dataset-selector-list-item-hover-background:var(--luzmo-background-color-highlight);--dataset-selector-list-item-font-size:var(--luzmo-font-size-s);--dataset-selector-list-item-line-height:1.5rem;--dataset-selector-list-item-border-radius:var(--luzmo-border-radius-s);--dataset-selector-list-search-highlight-background:rgba(var(--luzmo-primary-rgb),.15);--dataset-selector-list-search-highlight-color:var(--luzmo-primary);--dataset-selector-list-scrollbar-width:var(--luzmo-scrollbar-size);--dataset-selector-list-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--dataset-selector-list-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--dataset-selector-list-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--dataset-selector-list-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--dataset-selector-list-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--dataset-selector-list-loader-size:24px;--dataset-selector-list-loader-color:var(--luzmo-primary);--dataset-selector-list-no-datasets-color:var(--luzmo-font-color);--dataset-selector-list-no-datasets-font-size:var(--luzmo-font-size-s);--dataset-selector-available-dataset-color:var(--luzmo-font-color)}`,l=7,u=600,d=5,f=class extends a.LitElement{constructor(...e){super(...e),this._selectedDatasets=new Set,this.showSearch=!0,this.searchPlaceholder=`Search datasets...`,this.noDatasetsMessage=`No datasets found`,this.highlightSearchMatches=!0,this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.appServer=`https://app.luzmo.com`,this.flagOpendata=!1,this._availableDatasets=[],this._status={allDatasetsLoaded:!1,paging:!1,busy:!0,error:!1},this._searchValue=``,this._currentOffset=0,this._searchDebounceTimer=null,this._queryCache=new Map,this._calculatedQueryLimit=null,this._hasLoadedEmptyPage=!1}static{this.styles=(0,a.unsafeCSS)(c)}set selectedDatasets(e){this._selectedDatasets=e,this._shouldLoadMoreDatasetsForViewport()&&this._loadAvailableDatasets({append:!0})}get selectedDatasets(){return this._selectedDatasets}connectedCallback(){super.connectedCallback?.(),this._configureBroker(),this._waitForContainerHeightAndLoad()}_configureBroker(){(this.authKey||this.authToken||this.apiUrl)&&i.t.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}_waitForContainerHeightAndLoad(){requestAnimationFrame(()=>{this._loadAvailableDatasets({append:!1})})}_calculateOptimalQueryLimit(){if(this._calculatedQueryLimit!==null)return this._calculatedQueryLimit;let e=this.shadowRoot?.querySelector(`.dataset-selector-list`);if(!e)return l;let t=getComputedStyle(e),n=e.clientHeight,r=Number.parseFloat(t.height),i=Math.max(n,r);if(i<=0)return l;let a=Math.floor(i/24),o=Math.max(a+d,l);return this._calculatedQueryLimit=o,o}get _filteredDatasets(){return this._selectedDatasets.size===0?this._availableDatasets:this._availableDatasets.filter(e=>!this._selectedDatasets.has(e.id))}_handleSearchInput(e){this._searchValue=e.target.value,this._searchDebounceTimer!==null&&clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=window.setTimeout(()=>{this._loadAvailableDatasets({append:!1})},u)}_handleScroll(e){let t=e.target,n=t.scrollTop,r=t.scrollHeight;n+t.clientHeight>=r-50&&!this._status.allDatasetsLoaded&&!this._status.busy&&this._loadAvailableDatasets({append:!0})}async _loadAvailableDatasets({append:e}){e||(this._calculatedQueryLimit=null,this._hasLoadedEmptyPage=!1),this._status={...this._status,busy:!0,allDatasetsLoaded:e?this._status.allDatasetsLoaded:!1,paging:e};let t=this._generateQuery(e),n=JSON.stringify(t),r=this._queryCache.has(n);try{let a;r?a=this._queryCache.get(n):(a=await i.t.fetchApi(`/securable`,{action:`get`,version:`0.1.0`,find:t}),this._queryCache.set(n,a)),this._onDatasetsLoaded(e,a),this._shouldLoadMoreDatasetsForViewport()&&await this._loadAvailableDatasets({append:!0})}catch(e){console.error(`Error loading datasets:`,e),this._status={...this._status,busy:!1,paging:!1,error:!0}}finally{this._status={...this._status,busy:!1,paging:!1}}}_generateQuery(e){let t=this._calculateOptimalQueryLimit();e?this._currentOffset+=t:this._currentOffset=0;let n=this._searchValue?{search:{match_types:[`name`,`description`],keyphrase:this._searchValue,securable_types:`dataset`},order:[[`name`,`asc`]]}:{order:[[`updated_at`,`desc`]]};return{attributes:[`id`,`updated_at`,`name`,`subtype`],include:[{model:`Collection`,attributes:[`id`,`favorite`],where:{favorite:!0}},{model:`Account`,attributes:[`id`,`provider`,`name`],include:[{model:`Plugin`,attributes:[`id`],include:[{model:`Thumbnail`,where:{size:`32px`}}]}]}],where:{type:`dataset`},limit:t,offset:this._currentOffset,...n,...this.flagOpendata?{public:null}:{}}}_onDatasetsLoaded(e,{rows:t,count:n}){let r;if(e){let e=new Set(this._availableDatasets.map(e=>e.id)),n=t.filter(t=>!e.has(t.id));r=[...this._availableDatasets,...n]}else r=t||[];e&&t.length===0?this._hasLoadedEmptyPage=!0:t.length>0&&(this._hasLoadedEmptyPage=!1);let i=r.reduce((e,t)=>(e.some(e=>e.id===t.id)||e.push(t),e),[]),a=r.length,o=this._hasLoadedEmptyPage||a>=n;this._status={...this._status,allDatasetsLoaded:o},this._availableDatasets=i}_shouldLoadMoreDatasetsForViewport(){if(this._status.allDatasetsLoaded||this._hasLoadedEmptyPage||this._status.busy)return!1;let e=this.shadowRoot?.querySelector(`.datasets-scroll-container`);if(!e)return!1;let t=e.clientHeight,n=Math.ceil(t/24),r=Math.ceil(n*1.5);return this._filteredDatasets.length<r}_getDatasetName(e){let t=n.t();return r.t(e.name,t)||e.id||`Unknown Dataset`}_escapeRegExp(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}_renderHighlightedDatasetName(e){let t=this._getDatasetName(e),n=this._searchValue.trim();if(!this.highlightSearchMatches||!n)return t;let r=this._escapeRegExp(n),i=RegExp(`(${r})`,`gi`),o=t.split(i),s=n.toLowerCase();return o.length===1?t:a.html`${o.map(e=>e.toLowerCase()===s?a.html`<span class="dataset-name-search-highlight">${e}</span>`:e)}`}_selectDataset(e){this.dispatchEvent(new CustomEvent(`dataset-selected`,{detail:e,bubbles:!0,composed:!0}))}_handleDatasetClick(e){let t=e.currentTarget.dataset.datasetId,n=this._filteredDatasets.find(e=>e.id===t);n&&this._selectDataset(n)}_handleDatasetKeydown(e){if(e.key===`Enter`||e.key===` `){e.preventDefault();let t=e.currentTarget.dataset.datasetId,n=this._filteredDatasets.find(e=>e.id===t);n&&this._selectDataset(n)}}_renderLoader(){return a.html`
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./set-locale-CKjJZRH6.cjs`),r=require(`./localize-BBuZJf_h.cjs`),i=require(`./data-broker-BUIUM5hr.cjs`);let a=require(`lit`),o=require(`lit/decorators.js`),s=require(`lit/directives/repeat.js`);var c=`:host{box-sizing:border-box;height:100%;font-family:var(--luzmo-dataset-selector-list-font-family,var(--dataset-selector-list-font-family));color:var(--luzmo-dataset-selector-list-color);flex-direction:column;display:flex}:host .dataset-selector-list{gap:var(--luzmo-dataset-selector-list-gap,var(--dataset-selector-list-gap));background:var(--luzmo-dataset-selector-list-background,var(--dataset-selector-list-background));height:100%;padding:var(--luzmo-dataset-selector-list-padding,var(--dataset-selector-list-padding));border-radius:var(--luzmo-dataset-selector-list-border-radius,var(--dataset-selector-list-border-radius));flex-direction:column;display:flex}:host .search-input{background-color:var(--luzmo-dataset-selector-list-input-background,var(--dataset-selector-list-input-background));border:none;border-bottom:1px solid var(--luzmo-dataset-selector-list-input-border-color,var(--dataset-selector-list-input-border-color));color:var(--luzmo-dataset-selector-list-input-color,var(--dataset-selector-list-input-color));line-height:var(--luzmo-dataset-selector-list-input-line-height,var(--dataset-selector-list-input-line-height));font-size:var(--luzmo-dataset-selector-list-input-font-size,var(--dataset-selector-list-input-font-size));padding:var(--luzmo-dataset-selector-list-input-padding,var(--dataset-selector-list-input-padding));box-sizing:border-box;outline:none;width:100%;margin:0}:host .search-input::placeholder{color:var(--luzmo-font-color-tertiary,#999)}:host .datasets-scroll-container{flex:1;min-height:0;overflow:hidden auto}:host .datasets-scroll-container::-webkit-scrollbar{width:var(--luzmo-dataset-selector-list-scrollbar-width,var(--dataset-selector-list-scrollbar-width))}:host .datasets-scroll-container::-webkit-scrollbar-track{background:var(--luzmo-dataset-selector-list-scrollbar-track-background,var(--dataset-selector-list-scrollbar-track-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-track-border-radius,var(--dataset-selector-list-scrollbar-track-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-background,var(--dataset-selector-list-scrollbar-thumb-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-thumb-border-radius,var(--dataset-selector-list-scrollbar-thumb-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-hover-background,var(--dataset-selector-list-scrollbar-thumb-hover-background))}:host .datasets-scroll-container{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-dataset-selector-list-scrollbar-thumb-background,var(--dataset-selector-list-scrollbar-thumb-background,var(--luzmo-scrollbar-thumb-background)))var(--luzmo-dataset-selector-list-scrollbar-track-background,var(--dataset-selector-list-scrollbar-track-background,var(--luzmo-scrollbar-track-background)))}:host .datasets-list{flex-direction:column;display:flex}:host .available-dataset-item{padding:var(--luzmo-dataset-selector-list-item-padding,var(--dataset-selector-list-item-padding));color:var(--luzmo-dataset-selector-available-dataset-color,var(--dataset-selector-available-dataset-color));align-items:center;gap:var(--luzmo-dataset-selector-list-item-gap,var(--dataset-selector-list-item-gap));cursor:pointer;border-radius:var(--luzmo-dataset-selector-list-item-border-radius,var(--dataset-selector-list-item-border-radius));flex-direction:row;transition:background-color .15s;display:flex}:host .available-dataset-item:hover{background-color:var(--luzmo-dataset-selector-list-item-hover-background,var(--dataset-selector-list-item-hover-background))}:host .available-dataset-item:focus{outline:none}:host .available-dataset-item .dataset-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}:host .available-dataset-item .dataset-icon luzmo-icon{display:flex}:host .available-dataset-item .dataset-icon-img{object-fit:contain;width:16px;height:16px}:host .available-dataset-item .dataset-name{line-height:var(--luzmo-dataset-selector-list-item-line-height,var(--dataset-selector-list-item-line-height));font-size:var(--luzmo-dataset-selector-list-item-font-size,var(--dataset-selector-list-item-font-size));text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}:host .available-dataset-item .dataset-name .dataset-name-search-highlight{background:var(--luzmo-dataset-selector-list-search-highlight-background,var(--dataset-selector-list-search-highlight-background));color:var(--luzmo-dataset-selector-list-search-highlight-color,var(--dataset-selector-list-search-highlight-color));border-radius:var(--luzmo-border-radius-s);padding:0}:host .no-datasets-found{height:50%;color:var(--luzmo-dataset-selector-list-no-datasets-color,var(--dataset-selector-list-no-datasets-color));font-size:var(--luzmo-dataset-selector-list-no-datasets-font-size,var(--dataset-selector-list-no-datasets-font-size));text-align:center;padding:var(--luzmo-spacing-4,1rem);justify-content:center;align-items:center;display:flex}:host .loader{padding:var(--luzmo-spacing-5,1.25rem)0;justify-content:center;align-items:center;display:flex}:host .loader .spinner{width:var(--luzmo-dataset-selector-list-loader-size,var(--dataset-selector-list-loader-size));height:var(--luzmo-dataset-selector-list-loader-size,var(--dataset-selector-list-loader-size));border:2px solid var(--luzmo-border-color-light,#e0e0e0);border-top-color:var(--luzmo-dataset-selector-list-loader-color,var(--dataset-selector-list-loader-color));border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:host{--dataset-selector-list-background:var(--luzmo-background-color);--dataset-selector-list-padding:0;--dataset-selector-list-gap:var(--luzmo-spacing-2);--dataset-selector-list-border-radius:var(--luzmo-border-radius-m);--dataset-selector-list-font-family:var(--luzmo-font-family);--dataset-selector-list-input-background:var(--luzmo-background-color);--dataset-selector-list-input-border-color:var(--luzmo-border-color-light,#0000000d);--dataset-selector-list-input-color:var(--luzmo-font-color);--dataset-selector-list-input-padding:0 var(--luzmo-spacing-4)var(--luzmo-spacing-2);--dataset-selector-list-input-font-size:var(--luzmo-font-size-s);--dataset-selector-list-input-line-height:1.5rem;--dataset-selector-list-item-padding:var(--luzmo-spacing-1)var(--luzmo-spacing-4);--dataset-selector-list-item-gap:var(--luzmo-spacing-3);--dataset-selector-list-item-hover-background:var(--luzmo-background-color-highlight);--dataset-selector-list-item-font-size:var(--luzmo-font-size-s);--dataset-selector-list-item-line-height:1.5rem;--dataset-selector-list-item-border-radius:var(--luzmo-border-radius-s);--dataset-selector-list-search-highlight-background:rgba(var(--luzmo-primary-rgb),.15);--dataset-selector-list-search-highlight-color:var(--luzmo-primary);--dataset-selector-list-scrollbar-width:var(--luzmo-scrollbar-size);--dataset-selector-list-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--dataset-selector-list-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--dataset-selector-list-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--dataset-selector-list-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--dataset-selector-list-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--dataset-selector-list-loader-size:24px;--dataset-selector-list-loader-color:var(--luzmo-primary);--dataset-selector-list-no-datasets-color:var(--luzmo-font-color);--dataset-selector-list-no-datasets-font-size:var(--luzmo-font-size-s);--dataset-selector-available-dataset-color:var(--luzmo-font-color)}`,l=7,u=600,d=5,f=class extends a.LitElement{constructor(...e){super(...e),this._selectedDatasets=new Set,this.showSearch=!0,this.searchPlaceholder=`Search datasets...`,this.noDatasetsMessage=`No datasets found`,this.highlightSearchMatches=!0,this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.appServer=`https://app.luzmo.com`,this.flagOpendata=!1,this._availableDatasets=[],this._status={allDatasetsLoaded:!1,paging:!1,busy:!0,error:!1},this._searchValue=``,this._currentOffset=0,this._searchDebounceTimer=null,this._queryCache=new Map,this._calculatedQueryLimit=null,this._hasLoadedEmptyPage=!1}static{this.styles=(0,a.unsafeCSS)(c)}set selectedDatasets(e){this._selectedDatasets=e,this._shouldLoadMoreDatasetsForViewport()&&this._loadAvailableDatasets({append:!0})}get selectedDatasets(){return this._selectedDatasets}connectedCallback(){super.connectedCallback?.(),this._configureBroker(),this._waitForContainerHeightAndLoad()}_configureBroker(){(this.authKey||this.authToken||this.apiUrl)&&i.t.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}_waitForContainerHeightAndLoad(){requestAnimationFrame(()=>{this._loadAvailableDatasets({append:!1})})}_calculateOptimalQueryLimit(){if(this._calculatedQueryLimit!==null)return this._calculatedQueryLimit;let e=this.shadowRoot?.querySelector(`.dataset-selector-list`);if(!e)return l;let t=getComputedStyle(e),n=e.clientHeight,r=Number.parseFloat(t.height),i=Math.max(n,r);if(i<=0)return l;let a=Math.floor(i/24),o=Math.max(a+d,l);return this._calculatedQueryLimit=o,o}get _filteredDatasets(){return this._selectedDatasets.size===0?this._availableDatasets:this._availableDatasets.filter(e=>!this._selectedDatasets.has(e.id))}_handleSearchInput(e){this._searchValue=e.target.value,this._searchDebounceTimer!==null&&clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=window.setTimeout(()=>{this._loadAvailableDatasets({append:!1})},u)}_handleScroll(e){let t=e.target,n=t.scrollTop,r=t.scrollHeight;n+t.clientHeight>=r-50&&!this._status.allDatasetsLoaded&&!this._status.busy&&this._loadAvailableDatasets({append:!0})}async _loadAvailableDatasets({append:e}){e||(this._calculatedQueryLimit=null,this._hasLoadedEmptyPage=!1),this._status={...this._status,busy:!0,allDatasetsLoaded:e?this._status.allDatasetsLoaded:!1,paging:e};let t=this._generateQuery(e),n=JSON.stringify(t),r=this._queryCache.has(n);try{let a;r?a=this._queryCache.get(n):(a=await i.t.fetchApi(`/securable`,{action:`get`,version:`0.1.0`,find:t}),this._queryCache.set(n,a)),this._onDatasetsLoaded(e,a),this._shouldLoadMoreDatasetsForViewport()&&await this._loadAvailableDatasets({append:!0})}catch(e){console.error(`Error loading datasets:`,e),this._status={...this._status,busy:!1,paging:!1,error:!0}}finally{this._status={...this._status,busy:!1,paging:!1}}}_generateQuery(e){let t=this._calculateOptimalQueryLimit();e?this._currentOffset+=t:this._currentOffset=0;let n=this._searchValue?{search:{match_types:[`name`,`description`],keyphrase:this._searchValue,securable_types:`dataset`},order:[[`name`,`asc`]]}:{order:[[`updated_at`,`desc`]]};return{attributes:[`id`,`updated_at`,`name`,`subtype`],include:[{model:`Collection`,attributes:[`id`,`favorite`],where:{favorite:!0}},{model:`Account`,attributes:[`id`,`provider`,`name`],include:[{model:`Plugin`,attributes:[`id`],include:[{model:`Thumbnail`,where:{size:`32px`}}]}]}],where:{type:`dataset`},limit:t,offset:this._currentOffset,...n,...this.flagOpendata?{public:null}:{}}}_onDatasetsLoaded(e,{rows:t,count:n}){let r;if(e){let e=new Set(this._availableDatasets.map(e=>e.id)),n=t.filter(t=>!e.has(t.id));r=[...this._availableDatasets,...n]}else r=t||[];e&&t.length===0?this._hasLoadedEmptyPage=!0:t.length>0&&(this._hasLoadedEmptyPage=!1);let i=r.reduce((e,t)=>(e.some(e=>e.id===t.id)||e.push(t),e),[]),a=r.length,o=this._hasLoadedEmptyPage||a>=n;this._status={...this._status,allDatasetsLoaded:o},this._availableDatasets=i}_shouldLoadMoreDatasetsForViewport(){if(this._status.allDatasetsLoaded||this._hasLoadedEmptyPage||this._status.busy)return!1;let e=this.shadowRoot?.querySelector(`.datasets-scroll-container`);if(!e)return!1;let t=e.clientHeight,n=Math.ceil(t/24),r=Math.ceil(n*1.5);return this._filteredDatasets.length<r}_getDatasetName(e){let t=n.t();return r.t(e.name,t)||e.id||`Unknown Dataset`}_escapeRegExp(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}_renderHighlightedDatasetName(e){let t=this._getDatasetName(e),n=this._searchValue.trim();if(!this.highlightSearchMatches||!n)return t;let r=this._escapeRegExp(n),i=RegExp(`(${r})`,`gi`),o=t.split(i),s=n.toLowerCase();return o.length===1?t:a.html`${o.map(e=>e.toLowerCase()===s?a.html`<span class="dataset-name-search-highlight">${e}</span>`:e)}`}_selectDataset(e){this.dispatchEvent(new CustomEvent(`dataset-selected`,{detail:e,bubbles:!0,composed:!0}))}_handleDatasetClick(e){let t=e.currentTarget.dataset.datasetId,n=this._filteredDatasets.find(e=>e.id===t);n&&this._selectDataset(n)}_handleDatasetKeydown(e){if(e.key===`Enter`||e.key===` `){e.preventDefault();let t=e.currentTarget.dataset.datasetId,n=this._filteredDatasets.find(e=>e.id===t);n&&this._selectDataset(n)}}_renderLoader(){return a.html`
       <div class="loader">
         <div class="spinner"></div>
       </div>

package/components/{dataset-selector-list-DX-UEt94.js → dataset-selector-list-DO_ExOrO.js}

@@ -18,7 +18,7 @@
  * SOFTWARE.
  * */
 import { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as getLocale } from "./set-locale-7KskD7al.js";
+import { t as getLocale } from "./set-locale-Uv6F4uSq.js";
 import { t as localize } from "./localize-Dlt3EN5i.js";
 import { t as dataBroker } from "./data-broker-cLR-t5LM.js";
 import { LitElement, html, nothing, unsafeCSS } from "lit";

package/components/dataset-selector-row/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-C3lll-Q8.cjs`),require(`../dataset-icon-BbNgugDA.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-TCwsPRXj.cjs`);const e=require(`../dataset-selector-row-BAgWSX0U.cjs`);exports.LuzmoDatasetSelectorRow=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CKjJZRH6.cjs`),require(`../dataset-icon-BbNgugDA.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-BdeJlo0u.cjs`);const e=require(`../dataset-selector-row-CAlRVIk_.cjs`);exports.LuzmoDatasetSelectorRow=e.t;