@luzmo/analytics-components-kit 1.0.8-beta.7 → 1.0.8

package/components/data-field-panel-DFA97_8o.cjs

@@ -1,87 +0,0 @@
-/*! * 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("./base-D6QPZnpu.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-CtNoCjjI.cjs"),r=require("./data-broker-CyMYR6w1.cjs"),i=require("./localize-D3i4Epy_.cjs"),a=require("./load-data-fields-for-datasets-rL24A68g.cjs");require("./data-field-9ZZFw68C.cjs");let o=require("lit"),s=require("lit/decorators.js"),c=require("@lit/localize");require("@luzmo/lucero/select");let l=require("lit/directives/repeat.js"),u=require("@lit/task");require("@luzmo/lucero/progress-circle"),require("@luzmo/lucero/search");var d=`:host{--data-field-panel-items-gap:var(--luzmo-spacing-2);--data-field-panel-search-edge-to-visual:var(--luzmo-spacing-5);--data-field-panel-search-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--data-field-panel-search-quiet-block-size:calc(var(--luzmo-component-height) + var(--luzmo-spacing-3));--data-field-panel-dataset-picker-margin-bottom:var(--luzmo-spacing-3);--data-field-panel-scrollbar-width:var(--luzmo-scrollbar-size);--data-field-panel-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--data-field-panel-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--data-field-panel-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--data-field-panel-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--data-field-panel-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background)}:host([size=s]){--data-field-panel-items-gap:var(--luzmo-spacing-1);--data-field-panel-search-edge-to-visual:var(--luzmo-spacing-4);--data-field-panel-search-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--data-field-panel-search-quiet-block-size:calc(var(--luzmo-component-height-s) + var(--luzmo-spacing-3));--data-field-panel-dataset-picker-margin-bottom:var(--luzmo-spacing-2)}:host([size=l]){--data-field-panel-items-gap:var(--luzmo-spacing-2);--data-field-panel-search-text-to-icon:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--data-field-panel-search-quiet-block-size:calc(var(--luzmo-component-height-l) + var(--luzmo-spacing-3));--data-field-panel-dataset-picker-margin-bottom:var(--luzmo-spacing-3)}:host([size=xl]){--data-field-panel-items-gap:var(--luzmo-spacing-3);--data-field-panel-search-text-to-icon:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--data-field-panel-search-quiet-block-size:calc(var(--luzmo-component-height-xl) + var(--luzmo-spacing-3));--data-field-panel-dataset-picker-margin-bottom:var(--luzmo-spacing-4)}:host([dataset-picker][search-quiet]):has(.search-container){--data-field-panel-dataset-picker-margin-bottom:0}:host{box-sizing:border-box;height:100%;font-family:var(--luzmo-font-family,sans-serif);color:var(--luzmo-font-color,inherit);flex-direction:column;display:flex}.container{flex-direction:column;height:100%;display:flex}.dataset-picker{border-bottom-style:solid;border-bottom-width:var(--data-field-panel-dataset-picker-divider-height,1px);border-bottom-color:var(--luzmo-data-field-panel-dataset-picker-divider-color,var(--data-field-panel-dataset-picker-divider-color,var(--luzmo-border-color)));flex-shrink:0;margin-block-end:var(--luzmo-data-field-panel-dataset-picker-margin-block-end,var(--data-field-panel-dataset-picker-margin-bottom));padding-block-end:var(--luzmo-data-field-panel-dataset-picker-padding-block-end,var(--luzmo-spacing-3))}.dataset-picker luzmo-select{width:100%}.search-container{width:100%;flex-shrink:0;margin-block-end:var(--luzmo-data-field-panel-search-margin-block-end,var(--luzmo-spacing-3,.75rem))}.search-container luzmo-search{--luzmo-search-edge-to-visual:var(--luzmo-data-field-panel-search-edge-to-visual,var(--data-field-panel-search-edge-to-visual));--luzmo-search-text-to-icon:var(--luzmo-data-field-panel-search-text-to-icon,var(--data-field-panel-search-text-to-icon));width:100%}.data-fields-list{gap:var(--luzmo-data-field-panel-data-fields-gap,var(--data-field-panel-items-gap));flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.data-fields-list::-webkit-scrollbar{width:var(--luzmo-data-field-panel-scrollbar-width,var(--data-field-panel-scrollbar-width))}.data-fields-list::-webkit-scrollbar-track{background:var(--luzmo-data-field-panel-scrollbar-track-background,var(--data-field-panel-scrollbar-track-background));border-radius:var(--luzmo-data-field-panel-scrollbar-track-border-radius,var(--data-field-panel-scrollbar-track-border-radius))}.data-fields-list::-webkit-scrollbar-thumb{background:var(--luzmo-data-field-panel-scrollbar-thumb-background,var(--data-field-panel-scrollbar-thumb-background));border-radius:var(--luzmo-data-field-panel-scrollbar-thumb-border-radius,var(--data-field-panel-scrollbar-thumb-border-radius))}.data-fields-list::-webkit-scrollbar-thumb:hover{background:var(--luzmo-data-field-panel-scrollbar-thumb-hover-background,var(--data-field-panel-scrollbar-thumb-hover-background))}.data-fields-list{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-data-field-panel-scrollbar-thumb-background,var(--data-field-panel-scrollbar-thumb-background)) var(--luzmo-data-field-panel-scrollbar-track-background,var(--data-field-panel-scrollbar-track-background))}.empty-state{color:var(--luzmo-font-color-tertiary,#999);font-size:var(--luzmo-font-size);text-align:center;padding:var(--luzmo-spacing-4);flex:1;justify-content:center;align-items:center;display:flex}.pending-state{padding:var(--luzmo-spacing-4);flex:1;justify-content:center;align-items:center;display:flex}:host([search-quiet]){--luzmo-search-block-size:var(--luzmo-data-field-panel-search-quiet-block-size,var(--data-field-panel-search-quiet-block-size))}:host([dataset-picker][search-quiet]):has(.search-container){--data-field-panel-dataset-picker-divider-color:transparent;--data-field-panel-dataset-picker-divider-height:1px}`,f=50,p=class extends n.t(e.n(e.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){constructor(...e){super(...e),this._handleDataFieldDropped=e=>{e.target!==this&&(e.stopPropagation(),this.dispatchEvent(new CustomEvent(`luzmo-data-field-dropped`,{bubbles:!0,composed:!0,detail:e.detail})))},this._handleDataFieldDragStarted=e=>{e.target!==this&&(e.stopPropagation(),this.dispatchEvent(new CustomEvent(`luzmo-data-field-drag-started`,{bubbles:!0,composed:!0,detail:e.detail})))},this.datasetIds=[],this.datasetsDataFields=[],this.datasetPicker=!1,this.disabled=!1,this.pending=!1,this.dataFieldVariant=`highlight`,this.searchQuiet=!1,this.hideTypeIcon=!1,this.hideSublevels=!1,this.apiUrl=`https://api.luzmo.com`,this.search=`auto`,this.searchThreshold=20,this._searchQuery=``,this._failedDatasetIds=new Set,this._loadDataFieldsTask=new u.Task(this,{args:()=>[this._currentDatasetId,this.apiUrl,this.authKey,this.authToken,this.datasetsDataFields.length],task:async([e,t,n,r,i])=>{if(i>0||!e||this._failedDatasetIds.has(e))return null;let o=await a.t([e],{dataBrokerConfig:{apiUrl:t,authKey:n,authToken:r}});return o.length===0?(this._failedDatasetIds.add(e),null):o[0]}}),this._datasetListItems=[],this._datasetListRetrieving=!1,this._datasetListPending=!1,this._datasetNamesFetchAttempted=!1,this._hasMoreDatasets=!0}static{this.styles=(0,o.unsafeCSS)(d)}connectedCallback(){super.connectedCallback(),this.addEventListener(`luzmo-data-field-dropped`,this._handleDataFieldDropped),this.addEventListener(`luzmo-data-field-drag-started`,this._handleDataFieldDragStarted)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`luzmo-data-field-dropped`,this._handleDataFieldDropped),this.removeEventListener(`luzmo-data-field-drag-started`,this._handleDataFieldDragStarted)}get _isDataFieldsPending(){return this.pending||this._loadDataFieldsTask.status===u.TaskStatus.PENDING}get _error(){if(this._loadDataFieldsTask.status===u.TaskStatus.ERROR){let e=this._loadDataFieldsTask.error,t=e instanceof Error?e.message:`Unknown error`;return`${(0,c.msg)(`Could not retrieve data`)}: ${t}`}}get _availableDatasets(){return this.datasetsDataFields.length>0?this.datasetsDataFields:this.datasetIds.length>0?this.datasetIds.map(e=>{let t=this._datasetListItems.find(t=>t.id===e);return t?{id:t.id,name:t.name,description:t.description,dataFields:[]}:{id:e,name:{en:e},dataFields:[]}}):this._datasetListItems.length>0?this._datasetListItems.map(e=>({id:e.id,name:e.name,description:e.description,dataFields:[]})):[]}get _selectedDataset(){return this._availableDatasets.find(e=>e.id===this._currentDatasetId)}get _dataFields(){let e=this._loadDataFieldsTask.value;if(e&&e.dataFields?.length>0)return e.dataFields;let t=this._selectedDataset;if(!t)return[];if(`dataFields`in t&&Array.isArray(t.dataFields)&&t.dataFields.length>0)return t.dataFields;let n=[];if(`columns`in t&&Array.isArray(t.columns))for(let e of t.columns)n.push({...e,datasetId:t.id});if(`formulas`in t&&Array.isArray(t.formulas))for(let e of t.formulas)n.push({...e,datasetId:t.id});return n}get _shouldFetchDatasetList(){return this.datasetPicker&&this.datasetsDataFields.length===0}get _showSearch(){return this.search===`off`?!1:this.search===`on`||this._dataFields.length>this.searchThreshold}get _filteredDataFields(){let e=this._dataFields;if(!this._searchQuery.trim())return e;let t=this._searchQuery.toLowerCase().trim();return e.filter(e=>(i.t(e.name,this.language)||``).toLowerCase().includes(t))}willUpdate(e){super.willUpdate(e);let t=e.has(`selectedDatasetId`),n=e.has(`datasetsDataFields`),i=e.has(`datasetIds`),a=e.has(`datasetPicker`),o=e.has(`authKey`),s=e.has(`authToken`),c=e.has(`apiUrl`);(i||o||s||c)&&(this._datasetListItems=[],this._hasMoreDatasets=!0,this._failedDatasetIds.clear(),this._datasetNamesFetchAttempted=!1,r.t.configure({apiUrl:this.apiUrl,authKey:this.authKey??``,authToken:this.authToken??``})),n&&this.datasetsDataFields.length>0&&(this._datasetListItems=[],this._hasMoreDatasets=!0,this._failedDatasetIds.clear()),(t||n||i)&&this._updateCurrentDatasetId(),(i||o||s||c||a)&&this.datasetIds.length>0&&this.datasetPicker&&this.datasetsDataFields.length===0&&this._datasetListItems.length===0&&this._fetchDatasetNamesForPicker()}async _fetchDatasetNamesForPicker(){if(this.datasetIds.length!==0){this._datasetListPending=!0;try{let e=await r.t.fetchDatasetNames(this.datasetIds);this._datasetListItems=e}catch(e){console.warn(`Failed to fetch dataset names:`,e)}finally{this._datasetListPending=!1,this._datasetNamesFetchAttempted=!0}}}async _loadMoreDatasets(e){if(!(this._datasetListRetrieving||!this._hasMoreDatasets)){this._datasetListRetrieving=!0,e&&(e.retrieving=!0);try{let e=this._datasetListItems.length,t=await r.t.fetchAllDatasets({offset:e,limit:f});this._datasetListItems=[...this._datasetListItems,...t.data],this._hasMoreDatasets=e+f<(t.pagination?.total??0),!this._currentDatasetId&&this._datasetListItems.length>0&&this._updateCurrentDatasetId()}catch(e){console.warn(`Failed to load dataset list:`,e),this._hasMoreDatasets=!1}finally{this._datasetListRetrieving=!1,e&&(e.retrieving=!1)}}}_handlePickerScrolled(e){if(this.datasetIds.length>0)return;let t=e.target,{last:n}=e.detail;n>=this._datasetListItems.length-10&&this._hasMoreDatasets&&this._loadMoreDatasets(t)}async _handlePickerOpened(e){let t=e.target;if(this._datasetListItems.length===0&&this._shouldFetchDatasetList&&this.datasetIds.length===0&&this._hasMoreDatasets){t.pending=!0;try{await this._loadMoreDatasets(t)}finally{t.pending=!1}}}_updateCurrentDatasetId(){let e=this._availableDatasets;if(this.selectedDatasetId&&e.some(e=>e.id===this.selectedDatasetId)){this._currentDatasetId=this.selectedDatasetId;return}if(this.selectedDatasetId&&this.datasetIds.includes(this.selectedDatasetId)){this._currentDatasetId=this.selectedDatasetId;return}this._currentDatasetId=e.length>0?e[0].id:void 0}_handleDatasetChange(e){let t=e.detail?.value?.[0];t&&t!==this._currentDatasetId&&(this._currentDatasetId=t,this._searchQuery=``,this.dispatchEvent(new CustomEvent(`luzmo-dataset-changed`,{bubbles:!0,composed:!0,detail:{datasetId:t}})))}_getDataFieldKey(e){return`columnId`in e&&e.columnId?`col-${e.columnId}`:`formulaId`in e&&e.formulaId?`formula-${e.formulaId}`:`formula`in e&&e.formula?`adhoc-${e.formula}`:`field-${e.datasetId}-${Math.random().toString(36).slice(2,11)}`}_handleSearchInput(e){let t=e.target;this._searchQuery=t.value}_renderDatasetPicker(){if(!this.datasetPicker)return o.nothing;let e=this._availableDatasets,t=e.length>1,n=this.datasetIds.length>0,r=this._shouldFetchDatasetList;if(!t&&!n&&!r)return o.nothing;let a=this._datasetListPending||this.datasetIds.length>0&&this._datasetListItems.length===0&&this.datasetsDataFields.length===0&&!this._datasetNamesFetchAttempted,s=a?[]:e.map(e=>({value:e.id,label:i.t(e.name,this.language)||e.id})),l=a?[]:this._currentDatasetId?[this._currentDatasetId]:[],u=a?(0,c.msg)(`Loading datasets...`):this.datasetPickerPlaceholder??(0,c.msg)(`Select dataset...`);return o.html`
-      <div class="dataset-picker" part="dataset-picker">
-        <luzmo-select
-          selects="single"
-          variant="highlight"
-          .size=${this.size}
-          .options=${s}
-          .value=${l}
-          .label=${u}
-          ?disabled=${this.disabled}
-          ?pending=${a}
-          @change=${this._handleDatasetChange}
-          @luzmo-opened=${this._handlePickerOpened}
-          @luzmo-scrolled=${this._handlePickerScrolled}
-        ></luzmo-select>
-      </div>
-    `}_renderSearch(){return!this._showSearch||this._isDataFieldsPending?o.nothing:o.html`
-      <div class="search-container" part="search">
-        <luzmo-search
-          .size=${this.size}
-          .placeholder=${this.searchPlaceholder??(0,c.msg)(`Search...`)}
-          .value=${this._searchQuery}
-          ?disabled=${this.disabled}
-          ?quiet=${this.searchQuiet}
-          @input=${this._handleSearchInput}
-        ></luzmo-search>
-      </div>
-    `}_renderPendingState(){return o.html`
-      <div class="pending-state" role="status" part="pending-state">
-        <luzmo-progress-circle
-          indeterminate
-          .label=${(0,c.msg)(`Loading`,{desc:`Loading spinner label`})}
-          .size=${this.size}
-        ></luzmo-progress-circle>
-      </div>
-    `}_renderErrorState(){return o.html`
-      <div class="empty-state" role="alert" part="empty-state">
-        ${this._error}
-      </div>
-    `}_renderDataFields(){if(this._error)return this._renderErrorState();if(this._dataFields.length===0)return o.html`
-        <div class="empty-state" part="empty-state">
-          ${(0,c.msg)(`No data available`,{desc:`Empty state message shown when the selected dataset has no data fields (columns or formulas)`})}
-        </div>
-      `;let e=this._filteredDataFields;return e.length===0?o.html`
-        <div class="empty-state" part="empty-state">
-          ${(0,c.msg)(`No results found`)}
-        </div>
-      `:o.html`
-      <div class="data-fields-list" part="data-fields-list" role="list">
-        ${(0,l.repeat)(e,e=>this._getDataFieldKey(e),e=>o.html`
-            <luzmo-data-field
-              .data=${e}
-              .language=${this.language}
-              .size=${this.size}
-              .variant=${this.dataFieldVariant}
-              ?disabled=${this.disabled}
-              ?hide-type-icon=${this.hideTypeIcon}
-              ?hide-sublevels=${this.hideSublevels}
-            ></luzmo-data-field>
-          `)}
-      </div>
-    `}render(){return o.html`
-      <div class="container" part="container" aria-busy=${this._isDataFieldsPending?`true`:`false`}>
-        ${this._renderDatasetPicker()}
-        ${this._renderSearch()}
-        ${this._isDataFieldsPending?this._renderPendingState():this._renderDataFields()}
-      </div>
-    `}};t.t([(0,s.property)({type:Array,attribute:`dataset-ids`})],p.prototype,`datasetIds`,void 0),t.t([(0,s.property)({type:Array,attribute:!1})],p.prototype,`datasetsDataFields`,void 0),t.t([(0,s.property)({type:String,attribute:`selected-dataset-id`,reflect:!0})],p.prototype,`selectedDatasetId`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`dataset-picker`,reflect:!0})],p.prototype,`datasetPicker`,void 0),t.t([(0,s.property)({type:Boolean,reflect:!0})],p.prototype,`disabled`,void 0),t.t([(0,s.property)({type:Boolean,reflect:!0})],p.prototype,`pending`,void 0),t.t([(0,s.property)({type:String,attribute:`data-field-variant`,reflect:!0})],p.prototype,`dataFieldVariant`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`search-quiet`,reflect:!0})],p.prototype,`searchQuiet`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`hide-type-icon`,reflect:!0})],p.prototype,`hideTypeIcon`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`hide-sublevels`,reflect:!0})],p.prototype,`hideSublevels`,void 0),t.t([(0,s.property)({type:String,attribute:`dataset-picker-placeholder`})],p.prototype,`datasetPickerPlaceholder`,void 0),t.t([(0,s.property)({type:String,attribute:`api-url`})],p.prototype,`apiUrl`,void 0),t.t([(0,s.property)({type:String,attribute:`auth-key`})],p.prototype,`authKey`,void 0),t.t([(0,s.property)({type:String,attribute:`auth-token`})],p.prototype,`authToken`,void 0),t.t([(0,s.property)({type:String,reflect:!0})],p.prototype,`search`,void 0),t.t([(0,s.property)({type:String,attribute:`search-placeholder`})],p.prototype,`searchPlaceholder`,void 0),t.t([(0,s.property)({type:Number,attribute:`search-threshold`})],p.prototype,`searchThreshold`,void 0),t.t([(0,s.state)()],p.prototype,`_currentDatasetId`,void 0),t.t([(0,s.state)()],p.prototype,`_searchQuery`,void 0),t.t([(0,s.state)()],p.prototype,`_datasetListItems`,void 0),t.t([(0,s.state)()],p.prototype,`_datasetListRetrieving`,void 0),t.t([(0,s.state)()],p.prototype,`_datasetListPending`,void 0),p=t.t([(0,c.localized)()],p),customElements.get(`luzmo-data-field-panel`)||customElements.define(`luzmo-data-field-panel`,p),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});

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

@@ -1,133 +0,0 @@
-import '@luzmo/lucero/select';
-import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
-import type { AdHocFormulaInput } from '../../types/dataset-data-field.types';
-import type { Placement } from '@luzmo/lucero';
-import { LuzmoElement } from '@luzmo/lucero/utils';
-import type { DatasetFormulaMetadata, DatasetMetadata } from '../../utils/data-broker';
-/** A formula entry is either a saved formula (with `id`) or an ad hoc formula (with `formula` expression). */
-type FormulaEntry = DatasetFormulaMetadata | AdHocFormulaInput;
-declare const LuzmoDataFieldsSelect_base: (new (...args: any[]) => {
-    language: string;
-}) & typeof LuzmoElement & {
-    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
-    prototype: import("@luzmo/lucero").SizedElementInterface;
-};
-/**
- * @customElement luzmo-data-fields-select
- * @fires {CustomEvent<DataFieldsSelectedEventDetail>} luzmo-data-fields-selected - Emitted when data fields are selected
- */
-export declare class LuzmoDataFieldsSelect extends LuzmoDataFieldsSelect_base {
-    static get styles(): CSSResultArray;
-    /**
-     * The language to use for locale-aware formatting and labels
-     */
-    contentLanguage: string;
-    /**
-     * The accessible label for the select (used for aria-label)
-     */
-    label?: string;
-    /**
-     * Where to show icons
-     */
-    icons?: 'none' | 'menu-only' | 'all';
-    /**
-     * Whether datetime and hierarchy columns expand into selectable sublevels. Turn this off in
-     * contexts that address the column as a whole, so the column stays selectable by its own id.
-     */
-    levels: 'on' | 'off';
-    /**
-     * Allow no selection. If true, the picker will not show a value when no item is selected. Else if no value is provided it will pick the first item.
-     */
-    allowEmpty: boolean;
-    /**
-     * The placeholder text for the picker is no value selected. If allowEmpty is true, this will be used as the label.
-     */
-    placeholder?: string;
-    /**
-     * Whether the picker allows single or multiple selections.
-     * @default 'single'
-     */
-    selects: 'single' | 'multiple';
-    /**
-     * The IDs of the selected data fields. If not provided, the first item will be selected (when allowEmpty is false).
-     */
-    value: string[];
-    /**
-     * Whether the picker is in retrieving state (shows loading indicator)
-     */
-    retrieving: boolean;
-    /**
-     * Whether the picker is invalid - eg. the dataFieldId is not found in the datasetsDataFields or query failed to fetch data
-     */
-    invalid: boolean;
-    /**
-     * Whether the picker is clearable
-     */
-    clearable: boolean;
-    /**
-     * Whether the picker is in pending state
-     */
-    pending: boolean;
-    /**
-     * Whether the picker is disabled
-     */
-    disabled: boolean;
-    /**
-     * Whether to show a search field in the dropdown
-     */
-    search?: 'on' | 'off' | 'auto';
-    /**
-     * The placement of the dropdown menu
-     */
-    placement: Placement;
-    /**
-     * The datasets and their dataFields to display.
-     * The `formulas` array accepts both saved formulas (with `id`) and ad hoc formulas
-     * (with a `formula` expression string). Ad hoc formulas render inline with a formula icon.
-     */
-    datasetsDataFields: (Pick<DatasetMetadata, 'id' | 'name' | 'columns'> & {
-        formulas: FormulaEntry[];
-    })[];
-    private _dataFieldsSelected;
-    private _lastEmittedValue;
-    private _pendingAutoSelectEvent;
-    /** Type guard: returns true when the formula entry is an ad hoc formula (has `formula` expression). */
-    private _isAdHocFormula;
-    private _sendChangeEvent;
-    private _toDataFieldData;
-    private _toAdHocFormulaFieldData;
-    /**
-     * 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 _normalizeValueForLevels;
-    private _findDataFieldsInDatasetsDataFields;
-    private _getAutoSelectValue;
-    private _autoSelectInitialDataField;
-    protected willUpdate(changedProperties: PropertyValues): void;
-    protected updated(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

@@ -1,20 +0,0 @@
-/*! * 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.
- * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../data-fields-select-BtXNFZy9.cjs");Object.defineProperty(exports,"LuzmoDataFieldsSelect",{enumerable:!0,get:function(){return e.t}});

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

@@ -1,9 +0,0 @@
-import { LuzmoDataFieldsSelect } from './data-fields-select';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-data-fields-select': LuzmoDataFieldsSelect;
-    }
-}
-export { LuzmoDataFieldsSelect } from './data-fields-select';
-export type { AdHocFormulaFieldData, AdHocFormulaInput } from '../../types/dataset-data-field.types';
-export type { DataFieldsSelectedEventDetail } from './types';

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

@@ -1,28 +0,0 @@
-/*! * 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.
- * */
-// Auto-generated initialization code
-(function() {
-	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-		let e = document.createElement("style");
-		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: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--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: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--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: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--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: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--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: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--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 { t as e } from "../data-fields-select-BYhAzdA6.js";
-export { e as LuzmoDataFieldsSelect };

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

@@ -1,4 +0,0 @@
-import type { DatasetDataField } from '../../types/dataset-data-field.types';
-export interface DataFieldsSelectedEventDetail {
-    dataFields: DatasetDataField[];
-}

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

@@ -1,41 +0,0 @@
-/*! * 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("./decorate-DCJt-2rt.cjs"),t=require("./localized-mixin-CtNoCjjI.cjs"),n=require("./calculate-data-field-icon-DenGmW74.cjs"),r=require("./localize-D3i4Epy_.cjs"),i=require("./convert-datasets-to-data-fields-B13rl1an.cjs"),a=require("./periods.const-Db0nXrwr.cjs");let o=require("@luzmo/icons"),s=require("lit"),c=require("lit/decorators.js"),l=require("@lit/localize");require("@luzmo/lucero/select");let u=require("@luzmo/lucero/utils");var d=`:host{font-family:var(--luzmo-font-family)}luzmo-select{--luzmo-option-icon-width:var(--data-fields-select-option-icon-width);width:100%}:host{--data-fields-select-option-icon-width:calc(var(--luzmo-font-size) * 1.4)}:host([size=xxs]),:host([size=xs]),:host([size=s]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-s) * 1.4)}:host([size=l]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-l) * 1.4)}:host([size=xl]),:host([size=xxl]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-xl) * 1.4)}`,f=`::level::`,p=(e,t)=>`${e}${f}${t}`,m=e=>{let t=e.indexOf(f);return t===-1?null:{columnId:e.slice(0,t),level:Number(e.slice(t+9))}},h=class extends t.t((0,u.SizedMixin)(u.LuzmoElement,{validSizes:Object.values(u.ElementSizes)})){constructor(...e){super(...e),this.contentLanguage=`en`,this.icons=`menu-only`,this.levels=`on`,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=[],this._lastEmittedValue=`[]`,this._pendingAutoSelectEvent=!1}static get styles(){return[(0,s.unsafeCSS)(d)]}_isAdHocFormula(e){return`formula`in e&&typeof e.formula==`string`}_sendChangeEvent(){let e=JSON.stringify(this.value);e!==this._lastEmittedValue&&(this._lastEmittedValue=e,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?i.r(t,e,{includeHidden:!0}):i.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=m(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()}_normalizeValueForLevels(e){if(this.levels!==`off`)return e;let t=[];for(let n of e){let e=m(n)?.columnId??n;t.includes(e)||t.push(e)}return t}_findDataFieldsInDatasetsDataFields(e){this._dataFieldsSelected=[];for(let t of e){let e=this._resolveDataFieldFromValue(t,this.datasetsDataFields);e&&this._dataFieldsSelected.push(e)}}_getAutoSelectValue(){for(let e of this.datasetsDataFields){if(e?.columns?.length>0){let t=e.columns[0];return this._isExpandableDatetime(t)?this._buildDatetimeChildren(t)[0]?.value??null:this._isExpandableHierarchy(t)?this._buildHierarchyChildren(t)[0]?.value??null:t.id}for(let t of e?.formulas??[])if(!this._isAdHocFormula(t))return t.id}return null}_autoSelectInitialDataField(){if(this.value.length>0||this.allowEmpty||this.retrieving)return;let e=this._getAutoSelectValue();e&&this._resolveDataFieldFromValue(e,this.datasetsDataFields)&&(this._pendingAutoSelectEvent=!0,this.value=[e])}willUpdate(e){if(super.willUpdate(e),(e.has(`value`)||e.has(`datasetsDataFields`)||e.has(`allowEmpty`)||e.has(`retrieving`)||e.has(`levels`))&&this._autoSelectInitialDataField(),e.has(`value`)||e.has(`datasetsDataFields`)||e.has(`levels`)){if(e.has(`levels`)&&this.levels===`off`){let e=this._normalizeValueForLevels(this.value);JSON.stringify(e)!==JSON.stringify(this.value)&&(this._pendingAutoSelectEvent=!0,this.value=e)}this._findDataFieldsInDatasetsDataFields(this.value)}}updated(e){super.updated(e),this._pendingAutoSelectEvent&&e.has(`value`)&&this._dataFieldsSelected.length>0?(this._pendingAutoSelectEvent=!1,this._sendChangeEvent()):e.has(`value`)&&(this._lastEmittedValue=JSON.stringify(this.value))}_buildDatetimeChildren(e){let t=[],n=Math.min(Math.max(e.lowestLevel??1,1),a.n.length),r=Math.min(Math.max(e.highestLevel??1,1),a.n.length);for(let i=r;i<=n;i++)t.push({value:p(e.id,i),label:a.n[i-1]?.i18n()??``});return t}_buildHierarchyChildren(e){let t=[],n=e.hierarchyLevels??[];for(let i of n)i.level<1||t.push({value:p(e.id,i.level),label:r.t(i.name??{},this.contentLanguage)??``});return t}_isExpandableDatetime(e){let t=e.type;return this.levels!==`off`&&(t===`datetime`||t===`array[datetime]`)&&typeof e.lowestLevel==`number`}_isExpandableHierarchy(e){return this.levels!==`off`&&Array.isArray(e.hierarchyLevels)&&e.hierarchyLevels.length>2&&e.hierarchy_enabled===!0}render(){let e=[],t=this.icons!==`none`;for(let i of this.datasetsDataFields??[]){let a=i?.columns??[],s=i?.formulas??[];for(let i of a){let a={value:i.id,label:r.t(i?.name??{},this.contentLanguage)??``};t&&(a.icon=n.t(i,this.size)),this._isExpandableDatetime(i)?a.children=this._buildDatetimeChildren(i):this._isExpandableHierarchy(i)&&(a.children=this._buildHierarchyChildren(i)),e.push(a)}for(let i of s)if(this._isAdHocFormula(i)){let n=i.label?r.t(i.label,this.contentLanguage):(0,l.msg)(`Ad-hoc formula`),a={value:i.formula,label:n??(0,l.msg)(`Ad-hoc formula`)};t&&(a.icon=o.luzmoFormula),e.push(a)}else{let a={value:i.id,label:r.t(i?.name??{},this.contentLanguage)??``};t&&(a.icon=n.t(i,this.size)),e.push(a)}}let i=(0,l.msg)(`Select...`),a=this.pending?``:this.label||this.placeholder||i,c=this.pending||this.value.length===0?[]:this.value,u=this.icons===`none`||this.icons===`menu-only`?`none`:void 0;return s.html`<luzmo-select
-        id="data-fields"
-        .size=${this.size}
-        .label=${a}
-        .pendingLabel=${this.label||this.placeholder||i}
-        .retrieving=${this.retrieving}
-        .icons=${u}
-        .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=${c}
-        @change=${this.setDataField}
-      >
-      </luzmo-select>`}};e.t([(0,c.property)({type:String,attribute:`content-language`,reflect:!0})],h.prototype,`contentLanguage`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],h.prototype,`label`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],h.prototype,`icons`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],h.prototype,`levels`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`allow-empty`,reflect:!0})],h.prototype,`allowEmpty`,void 0),e.t([(0,c.property)({type:String,attribute:`placeholder`,reflect:!0})],h.prototype,`placeholder`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],h.prototype,`selects`,void 0),e.t([(0,c.property)({type:Array,reflect:!0})],h.prototype,`value`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`retrieving`,reflect:!0})],h.prototype,`retrieving`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`invalid`,reflect:!0})],h.prototype,`invalid`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`clearable`,reflect:!0})],h.prototype,`clearable`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`pending`,reflect:!0})],h.prototype,`pending`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`disabled`,reflect:!0})],h.prototype,`disabled`,void 0),e.t([(0,c.property)({type:String,attribute:`search`,reflect:!0})],h.prototype,`search`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],h.prototype,`placement`,void 0),e.t([(0,c.property)({type:Array,reflect:!1})],h.prototype,`datasetsDataFields`,void 0),h=e.t([(0,l.localized)()],h),customElements.get(`luzmo-data-fields-select`)||customElements.define(`luzmo-data-fields-select`,h),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/components/dataset-icon/dataset-icon.d.ts

@@ -1,45 +0,0 @@
-import { LitElement, PropertyValues, TemplateResult } from 'lit';
-import type { DatasetIcon } from './types';
-/**
- * Thumbnail size options
- */
-export type ThumbnailSize = '32px' | '64px';
-/**
- * Partial record type for thumbnails
- */
-export type PartialRecord<K extends keyof any, T> = {
-    [P in K]?: T;
-};
-/**
- * Public connectors list - these are well-known connectors that may have CSS-based icons
- * This list should match the one from `@shared-lib`
- */
-export declare const publicConnectors: readonly ["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"];
-/**
- * @customElement luzmo-dataset-icon
- * @summary Displays an icon for a dataset based on its type, thumbnails, and connector
- */
-export declare class LuzmoDatasetIcon extends LitElement {
-    static styles: import("lit").CSSResult;
-    static tagName: string;
-    /**
-     * The dataset information containing subtype and thumbnail data
-     */
-    datasetInfo?: DatasetIcon;
-    /**
-     * The size of the icon
-     * @default '32px'
-     */
-    size: '16px' | '24px' | '32px' | '48px' | '64px';
-    /**
-     * The base URL for the application (used for thumbnail URLs)
-     */
-    appUrl: string;
-    private _subtype;
-    private _isPublicConnector;
-    private _thumbnails;
-    private readonly thumbnailSizeMap;
-    protected willUpdate(changedProperties: PropertyValues): void;
-    private _updateDatasetProperties;
-    protected render(): TemplateResult;
-}

package/components/dataset-icon/index.cjs

@@ -1,20 +0,0 @@
-/*! * 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.
- * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../dataset-icon-BAV0S4sZ.cjs");exports.LuzmoDatasetIcon=e.t;

package/components/dataset-icon/index.d.ts

@@ -1,8 +0,0 @@
-import { LuzmoDatasetIcon } from './dataset-icon';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-dataset-icon': LuzmoDatasetIcon;
-    }
-}
-export { LuzmoDatasetIcon } from './dataset-icon';
-export type { DatasetIcon } from './types';

package/components/dataset-icon/index.js

@@ -1,28 +0,0 @@
-/*! * 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.
- * */
-// Auto-generated initialization code
-(function() {
-	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-		let e = document.createElement("style");
-		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: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--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: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--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: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--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: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--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: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--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 { t as e } from "../dataset-icon-CWT5Ju8w.js";
-export { e as LuzmoDatasetIcon };

package/components/dataset-icon/types.d.ts

@@ -1,11 +0,0 @@
-export interface DatasetIcon {
-    subtype: string;
-    account?: {
-        plugin?: {
-            thumbnails?: {
-                url: string;
-                size: string;
-            }[];
-        };
-    };
-}

package/components/dataset-icon-BAV0S4sZ.cjs

@@ -1,64 +0,0 @@
-/*! * 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("./decorate-DCJt-2rt.cjs");let t=require("@luzmo/icons"),n=require("lit"),r=require("lit/decorators.js");var i=`.dataset-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.dataset-icon .public-connector{overflow:hidden}.dataset-icon .public-connector img{object-fit:cover;display:block}.dataset-icon [class*=public-connector-]{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.dataset-icon .public-connector-16,.dataset-icon .public-connector-24,.dataset-icon .public-connector-32{background-image:var(--connector-sprite-64x64)}.dataset-icon .public-connector-48,.dataset-icon .public-connector-64{background-image:var(--connector-sprite-96x96)}.dataset-icon .text-primary{color:var(--luzmo-primary,#007bff);justify-content:center;align-items:center;display:flex}.dataset-icon .text-primary.upload-icon,.dataset-icon .text-primary.plugin-icon{width:100%;height:100%}.public-connector-16.amazonathena{background-position:0 0}.public-connector-16.asana{background-position:0 -16px}.public-connector-16.bigquery{background-position:0 -32px}.public-connector-16.citybikes{background-position:0 -48px}.public-connector-16.clickhouse{background-position:0 -64px}.public-connector-16.demodataplugin{background-position:0 -80px}.public-connector-16.elasticsearch{background-position:0 -96px}.public-connector-16.exactonline,.public-connector-16.exactonlinenl{background-position:0 -112px}.public-connector-16.google{background-position:0 -128px}.public-connector-16.googleanalytics,.public-connector-16.googleanalyticsv4{background-position:0 -144px}.public-connector-16.googledrive{background-position:0 -160px}.public-connector-16.hubspot{background-position:0 -176px}.public-connector-16.lobbipad{background-position:0 -192px}.public-connector-16.mailchimp{background-position:0 -208px}.public-connector-16.mariadb{background-position:0 -224px}.public-connector-16.mongodb{background-position:0 -240px}.public-connector-16.mysql{background-position:0 -256px}.public-connector-16.oracle{background-position:0 -272px}.public-connector-16.panoply{background-position:0 -288px}.public-connector-16.pipedrive{background-position:0 -304px}.public-connector-16.pipelinedb{background-position:0 -320px}.public-connector-16.postgresql{background-position:0 -336px}.public-connector-16.presto{background-position:0 -352px}.public-connector-16.redshift{background-position:0 -368px}.public-connector-16.salesforce{background-position:0 -384px}.public-connector-16.saphana{background-position:0 -400px}.public-connector-16.snowflake{background-position:0 -416px}.public-connector-16.sqlserver{background-position:0 -432px}.public-connector-16.stardog{background-position:0 -448px}.public-connector-16.synapse{background-position:0 -464px}.public-connector-16.teamleader{background-position:0 -480px}.public-connector-16.trino{background-position:0 -496px}.public-connector-16.typeform{background-position:0 -512px}.public-connector-16.zendesk{background-position:0 -528px}.public-connector-24.amazonathena{background-position:0 0}.public-connector-24.asana{background-position:0 -24px}.public-connector-24.bigquery{background-position:0 -48px}.public-connector-24.citybikes{background-position:0 -72px}.public-connector-24.clickhouse{background-position:0 -96px}.public-connector-24.demodataplugin{background-position:0 -120px}.public-connector-24.elasticsearch{background-position:0 -144px}.public-connector-24.exactonline,.public-connector-24.exactonlinenl{background-position:0 -168px}.public-connector-24.google{background-position:0 -192px}.public-connector-24.googleanalytics,.public-connector-24.googleanalyticsv4{background-position:0 -216px}.public-connector-24.googledrive{background-position:0 -240px}.public-connector-24.hubspot{background-position:0 -264px}.public-connector-24.lobbipad{background-position:0 -288px}.public-connector-24.mailchimp{background-position:0 -312px}.public-connector-24.mariadb{background-position:0 -336px}.public-connector-24.mongodb{background-position:0 -360px}.public-connector-24.mysql{background-position:0 -384px}.public-connector-24.oracle{background-position:0 -408px}.public-connector-24.panoply{background-position:0 -432px}.public-connector-24.pipedrive{background-position:0 -456px}.public-connector-24.pipelinedb{background-position:0 -480px}.public-connector-24.postgresql{background-position:0 -504px}.public-connector-24.presto{background-position:0 -528px}.public-connector-24.redshift{background-position:0 -552px}.public-connector-24.salesforce{background-position:0 -576px}.public-connector-24.saphana{background-position:0 -600px}.public-connector-24.snowflake{background-position:0 -624px}.public-connector-24.sqlserver{background-position:0 -648px}.public-connector-24.stardog{background-position:0 -672px}.public-connector-24.synapse{background-position:0 -696px}.public-connector-24.teamleader{background-position:0 -720px}.public-connector-24.trino{background-position:0 -744px}.public-connector-24.typeform{background-position:0 -768px}.public-connector-24.zendesk{background-position:0 -792px}.public-connector-32.amazonathena{background-position:0 0}.public-connector-32.asana{background-position:0 -32px}.public-connector-32.bigquery{background-position:0 -64px}.public-connector-32.citybikes{background-position:0 -96px}.public-connector-32.clickhouse{background-position:0 -128px}.public-connector-32.demodataplugin{background-position:0 -160px}.public-connector-32.elasticsearch{background-position:0 -192px}.public-connector-32.exactonline,.public-connector-32.exactonlinenl{background-position:0 -224px}.public-connector-32.google{background-position:0 -256px}.public-connector-32.googleanalytics,.public-connector-32.googleanalyticsv4{background-position:0 -288px}.public-connector-32.googledrive{background-position:0 -320px}.public-connector-32.hubspot{background-position:0 -352px}.public-connector-32.lobbipad{background-position:0 -384px}.public-connector-32.mailchimp{background-position:0 -416px}.public-connector-32.mariadb{background-position:0 -448px}.public-connector-32.mongodb{background-position:0 -480px}.public-connector-32.mysql{background-position:0 -512px}.public-connector-32.oracle{background-position:0 -544px}.public-connector-32.panoply{background-position:0 -576px}.public-connector-32.pipedrive{background-position:0 -608px}.public-connector-32.pipelinedb{background-position:0 -640px}.public-connector-32.postgresql{background-position:0 -672px}.public-connector-32.presto{background-position:0 -704px}.public-connector-32.redshift{background-position:0 -736px}.public-connector-32.salesforce{background-position:0 -768px}.public-connector-32.saphana{background-position:0 -800px}.public-connector-32.snowflake{background-position:0 -832px}.public-connector-32.sqlserver{background-position:0 -864px}.public-connector-32.stardog{background-position:0 -896px}.public-connector-32.synapse{background-position:0 -928px}.public-connector-32.teamleader{background-position:0 -960px}.public-connector-32.trino{background-position:0 -992px}.public-connector-32.typeform{background-position:0 -1024px}.public-connector-32.zendesk{background-position:0 -1056px}.public-connector-48.amazonathena{background-position:0 0}.public-connector-48.asana{background-position:0 -48px}.public-connector-48.bigquery{background-position:0 -96px}.public-connector-48.citybikes{background-position:0 -144px}.public-connector-48.clickhouse{background-position:0 -192px}.public-connector-48.demodataplugin{background-position:0 -240px}.public-connector-48.elasticsearch{background-position:0 -288px}.public-connector-48.exactonline,.public-connector-48.exactonlinenl{background-position:0 -336px}.public-connector-48.google{background-position:0 -384px}.public-connector-48.googleanalytics,.public-connector-48.googleanalyticsv4{background-position:0 -432px}.public-connector-48.googledrive{background-position:0 -480px}.public-connector-48.hubspot{background-position:0 -528px}.public-connector-48.lobbipad{background-position:0 -576px}.public-connector-48.mailchimp{background-position:0 -624px}.public-connector-48.mariadb{background-position:0 -672px}.public-connector-48.mongodb{background-position:0 -720px}.public-connector-48.mysql{background-position:0 -768px}.public-connector-48.oracle{background-position:0 -816px}.public-connector-48.panoply{background-position:0 -864px}.public-connector-48.pipedrive{background-position:0 -912px}.public-connector-48.pipelinedb{background-position:0 -960px}.public-connector-48.postgresql{background-position:0 -1008px}.public-connector-48.presto{background-position:0 -1056px}.public-connector-48.redshift{background-position:0 -1104px}.public-connector-48.salesforce{background-position:0 -1152px}.public-connector-48.saphana{background-position:0 -1200px}.public-connector-48.snowflake{background-position:0 -1248px}.public-connector-48.sqlserver{background-position:0 -1296px}.public-connector-48.stardog{background-position:0 -1344px}.public-connector-48.synapse{background-position:0 -1392px}.public-connector-48.teamleader{background-position:0 -1440px}.public-connector-48.trino{background-position:0 -1488px}.public-connector-48.typeform{background-position:0 -1536px}.public-connector-48.zendesk{background-position:0 -1584px}.public-connector-64.amazonathena{background-position:0 0}.public-connector-64.asana{background-position:0 -64px}.public-connector-64.bigquery{background-position:0 -128px}.public-connector-64.citybikes{background-position:0 -192px}.public-connector-64.clickhouse{background-position:0 -256px}.public-connector-64.demodataplugin{background-position:0 -320px}.public-connector-64.elasticsearch{background-position:0 -384px}.public-connector-64.exactonline,.public-connector-64.exactonlinenl{background-position:0 -448px}.public-connector-64.google{background-position:0 -512px}.public-connector-64.googleanalytics,.public-connector-64.googleanalyticsv4{background-position:0 -576px}.public-connector-64.googledrive{background-position:0 -640px}.public-connector-64.hubspot{background-position:0 -704px}.public-connector-64.lobbipad{background-position:0 -768px}.public-connector-64.mailchimp{background-position:0 -832px}.public-connector-64.mariadb{background-position:0 -896px}.public-connector-64.mongodb{background-position:0 -960px}.public-connector-64.mysql{background-position:0 -1024px}.public-connector-64.oracle{background-position:0 -1088px}.public-connector-64.panoply{background-position:0 -1152px}.public-connector-64.pipedrive{background-position:0 -1216px}.public-connector-64.pipelinedb{background-position:0 -1280px}.public-connector-64.postgresql{background-position:0 -1344px}.public-connector-64.presto{background-position:0 -1408px}.public-connector-64.redshift{background-position:0 -1472px}.public-connector-64.salesforce{background-position:0 -1536px}.public-connector-64.saphana{background-position:0 -1600px}.public-connector-64.snowflake{background-position:0 -1664px}.public-connector-64.sqlserver{background-position:0 -1728px}.public-connector-64.stardog{background-position:0 -1792px}.public-connector-64.synapse{background-position:0 -1856px}.public-connector-64.teamleader{background-position:0 -1920px}.public-connector-64.trino{background-position:0 -1984px}.public-connector-64.typeform{background-position:0 -2048px}.public-connector-64.zendesk{background-position:0 -2112px}`,a=`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`.split(`.`);function o(e){let t={};return e.forEach(e=>{(e.size===`32px`||e.size===`64px`)&&(t[e.size]=e.url)}),t}var s=class extends n.LitElement{constructor(...e){super(...e),this.size=`32px`,this.appUrl=``,this._subtype=``,this._isPublicConnector=!1,this._thumbnails={},this.thumbnailSizeMap={"16px":`32px`,"24px":`32px`,"32px":`32px`,"48px":`64px`,"64px":`64px`}}static{this.styles=(0,n.unsafeCSS)(i)}static{this.tagName=`luzmo-dataset-icon`}willUpdate(e){(e.has(`datasetInfo`)||e.has(`size`))&&this._updateDatasetProperties()}_updateDatasetProperties(){if(!this.datasetInfo){this._subtype=``,this._isPublicConnector=!1,this._thumbnails={};return}this._subtype=this.datasetInfo.subtype||``,this._isPublicConnector=this.datasetInfo.subtype!==`api`&&this.datasetInfo.subtype!==`upload`&&a.includes(this.datasetInfo.subtype),this._thumbnails=this.datasetInfo.account?.plugin?.thumbnails?o(this.datasetInfo.account.plugin.thumbnails):{}}render(){if(!this.datasetInfo)return n.html`
-        
-      `;let e=this.thumbnailSizeMap[this.size],r=!!this._thumbnails[e],i=this.size.slice(0,-2),a=this.appUrl?`${this.appUrl}/assets/images/connectors/sprites/all-connectors.64x64.png`:``,o=this.appUrl?`${this.appUrl}/assets/images/connectors/sprites/all-connectors.96x96.png`:``;if(this._subtype!==`upload`&&r){let t=this._thumbnails[e],r=t?`${this.appUrl}/${t}`:``;return n.html`
-        <div
-          class="position-relative dataset-icon d-flex justify-content-center"
-          style="width: ${this.size}; height: ${this.size};"
-        >
-          <div class="public-connector">
-            <img
-              src=${r}
-              style="width: ${this.size}; height: ${this.size};"
-              alt="Dataset icon"
-            />
-          </div>
-        </div>
-      `}return this._isPublicConnector&&this._subtype!==`upload`&&!r?n.html`
-        <div
-          class="position-relative dataset-icon d-flex justify-content-center"
-          style="width: ${this.size}; height: ${this.size}; --connector-sprite-64x64: url('${a}'); --connector-sprite-96x96: url('${o}');"
-        >
-          <div
-            class="public-connector-${i} ${this._subtype}"
-          ></div>
-        </div>
-      `:!this._isPublicConnector&&this._subtype===`upload`?n.html`
-        <div
-          class="position-relative dataset-icon d-flex justify-content-center"
-          style="width: ${this.size}; height: ${this.size};"
-        >
-          <div class="text-primary d-flex align-items-center" style="font-size: ${this.size};">
-            ${(0,t.luzmoIcon)(t.luzmoFileUploadOutline)}
-          </div>
-        </div>
-      `:!this._isPublicConnector&&this._subtype!==`upload`&&!r?n.html`
-        <div
-          class="position-relative dataset-icon d-flex justify-content-center"
-          style="width: ${this.size}; height: ${this.size};"
-        >
-          <div class="text-primary ${this._subtype}" style="font-size: ${this.size};">
-            ${(0,t.luzmoIcon)(t.luzmoPlugin)}
-          </div>
-        </div>
-      `:n.html`
-      
-    `}};e.t([(0,r.property)({type:Object,attribute:`dataset`})],s.prototype,`datasetInfo`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],s.prototype,`size`,void 0),e.t([(0,r.property)({type:String,attribute:`app-url`})],s.prototype,`appUrl`,void 0),customElements.get(`luzmo-dataset-icon`)||customElements.define(`luzmo-dataset-icon`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});