@luzmo/analytics-components-kit 1.0.5-beta.3 → 1.0.6

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

@@ -1,75 +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("./data-broker-DWEXs6-2.cjs"),n=require("./get-dataset-name-DrTVBElb.cjs");require("./dataset-icon-BAV0S4sZ.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("lit/directives/repeat.js");var o=`: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-dataset-selector-list-scrollbar-track-background,var(--dataset-selector-list-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)}}@media (prefers-reduced-motion:reduce){:host .available-dataset-item{transition:none}:host .loader .spinner{animation:none}}: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)}`,s=7,c=600,l=5,u=class extends r.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,r.unsafeCSS)(o)}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)&&t.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 s;let t=getComputedStyle(e),n=e.clientHeight,r=Number.parseFloat(t.height),i=Math.max(n,r);if(i<=0)return s;let a=Math.floor(i/24),o=Math.max(a+l,s);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){let t=e.target;this._searchValue=t.value,this._searchDebounceTimer!==null&&clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=window.setTimeout(()=>{this._loadAvailableDatasets({append:!1})},c)}_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 n=this._generateQuery(e),r=JSON.stringify(n),i=this._queryCache.has(r);try{let a;i?a=this._queryCache.get(r):(a=await t.t.fetchApi(`/securable`,{action:`get`,version:`0.1.0`,find:n}),this._queryCache.set(r,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){return n.t(e)}_escapeRegExp(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}_renderHighlightedDatasetName(e){let t=this._getDatasetName(e),n=this._searchValue.trim();if(!this.highlightSearchMatches||!n)return t;let i=this._escapeRegExp(n),a=RegExp(`(${i})`,`gi`),o=t.split(a),s=n.toLowerCase();return o.length===1?t:r.html`${o.map(e=>e.toLowerCase()===s?r.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 r.html`
-      <div class="loader">
-        <div class="spinner"></div>
-      </div>
-    `}_renderDatasetIcon(e){return r.html`
-      <luzmo-dataset-icon
-        .datasetInfo=${e}
-        size="16px"
-        app-url=${this.appServer}
-      ></luzmo-dataset-icon>
-    `}_renderSearchInput(){return this.showSearch?r.html`
-      <input
-        name="dataset-search"
-        type="text"
-        autocomplete="off"
-        autofocus
-        aria-label=${this.searchPlaceholder}
-        .value=${this._searchValue}
-        placeholder=${this.searchPlaceholder}
-        @input=${this._handleSearchInput}
-        class="search-input"
-      />
-    `:r.nothing}_renderDatasetList(){return this._filteredDatasets.length===0?this._status.busy&&!this._status.paging?this._renderLoader():r.html`
-        <div class="no-datasets-found" role="status">${this.noDatasetsMessage}</div>
-      `:r.html`
-      <div class="datasets-scroll-container" @scroll=${this._handleScroll}>
-        ${this._status.busy&&!this._status.paging?this._renderLoader():r.nothing}
-        <div class="datasets-list">
-          ${(0,a.repeat)(this._filteredDatasets,e=>e.id,e=>r.html`
-              <div
-                class="available-dataset-item"
-                data-dataset-id=${e.id}
-                @click=${this._handleDatasetClick}
-                role="button"
-                tabindex="0"
-                @keydown=${this._handleDatasetKeydown}
-              >
-                <div class="dataset-icon">
-                  ${this._renderDatasetIcon(e)}
-                </div>
-                <span
-                  class="dataset-name"
-                  title=${this._getDatasetName(e)}
-                >
-                  ${this._renderHighlightedDatasetName(e)}
-                </span>
-              </div>
-            `)}
-          ${this._status.paging?this._renderLoader():r.nothing}
-        </div>
-      </div>
-    `}render(){return r.html`
-      <div class="dataset-selector-list" aria-busy=${this._status.busy?`true`:`false`}>
-        ${this._renderSearchInput()} ${this._renderDatasetList()}
-      </div>
-    `}};e.t([(0,i.property)({type:Object,attribute:!1})],u.prototype,`selectedDatasets`,null),e.t([(0,i.property)({type:Boolean,attribute:`show-search`})],u.prototype,`showSearch`,void 0),e.t([(0,i.property)({type:String,attribute:`search-placeholder`})],u.prototype,`searchPlaceholder`,void 0),e.t([(0,i.property)({type:String,attribute:`no-datasets-message`})],u.prototype,`noDatasetsMessage`,void 0),e.t([(0,i.property)({type:Boolean,attribute:`highlight-search-matches`})],u.prototype,`highlightSearchMatches`,void 0),e.t([(0,i.property)({type:String,attribute:`auth-key`})],u.prototype,`authKey`,void 0),e.t([(0,i.property)({type:String,attribute:`auth-token`})],u.prototype,`authToken`,void 0),e.t([(0,i.property)({type:String,attribute:`api-url`})],u.prototype,`apiUrl`,void 0),e.t([(0,i.property)({type:String,attribute:`app-server`})],u.prototype,`appServer`,void 0),e.t([(0,i.property)({type:Boolean,attribute:`flag-opendata`})],u.prototype,`flagOpendata`,void 0),e.t([(0,i.state)()],u.prototype,`_availableDatasets`,void 0),e.t([(0,i.state)()],u.prototype,`_status`,void 0),e.t([(0,i.state)()],u.prototype,`_searchValue`,void 0),customElements.get(`luzmo-dataset-selector-list`)||customElements.define(`luzmo-dataset-selector-list`,u),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});

package/components/dataset-selector-row/dataset-selector-row.d.ts

@@ -1,89 +0,0 @@
-import '@luzmo/lucero/icon';
-import '@luzmo/lucero/select';
-import '@luzmo/lucero/tags';
-import '@luzmo/lucero/tooltip';
-import { LitElement, PropertyValues, TemplateResult } from 'lit';
-import type { Dataset } from '../../types/dataset.types';
-import '../dataset-icon';
-/**
- * @customElement luzmo-dataset-selector-row
- * @summary A row component for selecting and managing datasets with pills and overlay. Theme Lucero primitives (`luzmo-select`, options, popover, tags) with `--luzmo-select-*`, `--luzmo-popover-max-height`, `--luzmo-option-*`, `--luzmo-tag-*` on this host or an ancestor; optional `--luzmo-dataset-selector-row-*` overrides ACK row shell defaults (gap, typography, search max width, scoped popover height).
- * @fires {CustomEvent<Dataset>} dataset-selected - Fired when a dataset is selected
- * @fires {CustomEvent<Dataset>} dataset-removed - Fired when a dataset is removed
- *
- * @property {boolean} disabled - When true, disables all interactions: disables the add button, removes dataset pill delete buttons, and makes tags non-interactive
- * @property {boolean} hide-dataset-icons - When true, hides dataset icons in selected tags and search options
- *
- * @property {string} --luzmo-dataset-selector-row-gap - Gap between row elements
- * @property {string} --luzmo-dataset-selector-row-min-height - Minimum height of the row
- * @property {string} --luzmo-dataset-selector-row-font-size - Font size of the row
- * @property {string} --luzmo-dataset-selector-row-color - Text color of the row
- * @property {string} --luzmo-dataset-selector-row-font-family - Font family of the row
- * @property {string} --luzmo-dataset-selector-row-search-max-width - Maximum width of the dataset search select
- * @property {string} --luzmo-dataset-selector-row-search-popover-max-height - Optional scoped max height for this row’s search dropdown; falls back to inherited `--luzmo-popover-max-height`, then `400px`
- */
-export declare class LuzmoDatasetSelectorRow extends LitElement {
-    static styles: import("lit").CSSResult;
-    static tagName: string;
-    /**
-     * Array of selected datasets
-     */
-    selectedDatasets: Dataset[];
-    /** Accessible label and hover tooltip text for the dataset search trigger */
-    buttonLabel: string;
-    /**
-     * Auth key for DataBroker authentication
-     */
-    authKey: string;
-    /**
-     * Auth token for DataBroker authentication
-     */
-    authToken: string;
-    /**
-     * API URL for DataBroker
-     * @default https://api.luzmo.com
-     */
-    apiUrl: string;
-    /**
-     * The URL of the app server for thumbnails and assets
-     * @default https://app.luzmo.com
-     */
-    appServer: string;
-    /**
-     * When true, restricts results to public datasets (opendata parity)
-     */
-    flagOpendata: boolean;
-    /**
-     * When true, disables all interactions with the component
-     */
-    disabled: boolean;
-    /**
-     * When true, hides dataset icons in selected tags and search options
-     */
-    hideDatasetIcons: boolean;
-    private _availableDatasets;
-    private _removalAnnouncement;
-    private _selectValue;
-    private _retrieving;
-    private _searchValue;
-    private _activeSearchRequestId;
-    private _searchDebounceTimer;
-    private get _selectedDatasetIds();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues): void;
-    private _configureBroker;
-    private _loadAvailableDatasets;
-    private _generateQuery;
-    private _handleSearch;
-    private _handleSearchOpened;
-    private _handleSearchClosed;
-    private _handleDatasetSelected;
-    private _handleDatasetRemoved;
-    private _renderDatasetTag;
-    private _getDatasetOptions;
-    private _renderDatasetOptionIcon;
-    private _renderDatasetSearch;
-    private _createDatasetRemovedHandler;
-    protected render(): TemplateResult;
-}

package/components/dataset-selector-row/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-selector-row-_FZPTBE1.cjs");Object.defineProperty(exports,"LuzmoDatasetSelectorRow",{enumerable:!0,get:function(){return e.t}});

package/components/dataset-selector-row/index.d.ts

@@ -1,8 +0,0 @@
-import { LuzmoDatasetSelectorRow } from './dataset-selector-row';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-dataset-selector-row': LuzmoDatasetSelectorRow;
-    }
-}
-export { LuzmoDatasetSelectorRow } from './dataset-selector-row';
-export type { Dataset } from '../../types/dataset.types';

package/components/dataset-selector-row/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-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-selector-row-DP6QUWYs.js";
-export { e as LuzmoDatasetSelectorRow };

package/components/dataset-selector-row-DP6QUWYs.js

@@ -1,273 +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.
- * */
-import { t as e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./data-broker-Bdv5V8Yp.js";
-import { t as n } from "./get-dataset-name-DYLJB67F.js";
-import "./dataset-icon-CWT5Ju8w.js";
-import { luzmoFileUploadOutline as r, luzmoPlugin as i, luzmoPlus as a } from "@luzmo/icons";
-import "@luzmo/lucero/icon";
-import { LitElement as o, html as s, nothing as c, unsafeCSS as l } from "lit";
-import { property as u, state as d } from "lit/decorators.js";
-import { localized as f, msg as p, str as m } from "@lit/localize";
-import "@luzmo/lucero/select";
-import "@luzmo/lucero/tags";
-import "@luzmo/lucero/tooltip";
-import { repeat as h } from "lit/directives/repeat.js";
-//#region src/components/dataset-selector-row/dataset-selector-row.module.scss?inline
-var g = ":host([disabled]){pointer-events:none}:host{box-sizing:border-box;gap:var(--luzmo-dataset-selector-row-gap,var(--dataset-selector-row-gap));min-height:var(--luzmo-dataset-selector-row-min-height,var(--dataset-selector-row-min-height));font-size:var(--luzmo-dataset-selector-row-font-size,var(--dataset-selector-row-font-size));color:var(--luzmo-dataset-selector-row-color,var(--dataset-selector-row-color));font-family:var(--luzmo-dataset-selector-row-font-family,var(--dataset-selector-row-font-family));flex-flow:wrap;align-items:flex-start;display:flex}:host .dataset-search{--luzmo-select-inline-size:fit-content;flex:none;align-self:flex-start;inline-size:auto}:host .dataset-search .dataset-search-trigger-layout{align-items:center;gap:var(--luzmo-spacing-2);--luzmo-icon-vertical-align:top;min-inline-size:0;display:flex}:host .dataset-search .dataset-search-trigger-label{white-space:nowrap;line-height:1}:host .dataset-search{max-inline-size:var(--luzmo-dataset-selector-row-search-max-width,var(--dataset-selector-row-search-max-width));--luzmo-popover-max-height:var(--luzmo-dataset-selector-row-search-popover-max-height,var(--dataset-selector-row-search-popover-max-height,var(--luzmo-popover-max-height)));--select-minimum-width-multiplier:1}:host .selected-dataset-tag{--luzmo-tag-max-inline-size:var(--dataset-selector-row-tag-max-inline-size);--luzmo-tag-height:var(--luzmo-component-height);--luzmo-tag-spacing-inline-start:var(--luzmo-spacing-3);--luzmo-tag-icon-spacing-inline-end:var(--luzmo-spacing-3);--luzmo-tag-label-spacing-inline-end:var(--luzmo-spacing-2);--luzmo-tag-clear-button-spacing-inline-start:.375rem;--luzmo-tag-clear-button-spacing-inline-end:.375rem;margin:0}:host .selected-datasets-tags{--luzmo-tag-group-item-margin-block:0;--luzmo-tag-group-item-margin-inline:0;display:contents}:host .selected-dataset-tag .dataset-tag-label{align-items:center;line-height:1}:host .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host{--dataset-selector-row-gap:var(--luzmo-spacing-2);--dataset-selector-row-min-height:1.75rem;--dataset-selector-row-font-size:.75rem;--dataset-selector-row-color:var(--luzmo-font-color-extra-dimmed);--dataset-selector-row-font-family:var(--luzmo-font-family);--dataset-selector-row-tag-max-inline-size:var(--luzmo-tag-max-inline-size,180px);--dataset-selector-row-search-max-width:23.75rem;--dataset-selector-row-search-popover-max-height:400px}", _ = 400, v = 50, y = class extends o {
-	constructor(...e) {
-		super(...e), this.selectedDatasets = [], this.buttonLabel = p("Add dataset", { desc: "Label for the control that opens dataset search to add a dataset" }), this.authKey = "", this.authToken = "", this.apiUrl = "https://api.luzmo.com", this.appServer = "https://app.luzmo.com", this.flagOpendata = !1, this.disabled = !1, this.hideDatasetIcons = !1, this._availableDatasets = [], this._removalAnnouncement = "", this._selectValue = [], this._retrieving = !1, this._searchValue = "", this._activeSearchRequestId = 0, this._searchDebounceTimer = null, this._renderDatasetOptionIcon = (e) => {
-			if (this.hideDatasetIcons) return null;
-			let t = e.value;
-			if (typeof t != "string") return null;
-			let n = this._availableDatasets.find((e) => e.id === t);
-			return n ? s`
-      <luzmo-dataset-icon
-        slot="icon"
-        .datasetInfo=${n}
-        size="16px"
-        app-url=${this.appServer}
-      ></luzmo-dataset-icon>
-    ` : null;
-		};
-	}
-	static {
-		this.styles = l(g);
-	}
-	static {
-		this.tagName = "luzmo-dataset-selector-row";
-	}
-	get _selectedDatasetIds() {
-		return new Set(this.selectedDatasets.map((e) => e.id));
-	}
-	connectedCallback() {
-		super.connectedCallback(), this._configureBroker();
-	}
-	disconnectedCallback() {
-		this._searchDebounceTimer !== null && (clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = null), super.disconnectedCallback();
-	}
-	willUpdate(e) {
-		super.willUpdate(e), (e.has("authKey") || e.has("authToken") || e.has("apiUrl")) && this._configureBroker();
-	}
-	_configureBroker() {
-		t.configure({
-			authKey: this.authKey,
-			authToken: this.authToken,
-			apiUrl: this.apiUrl
-		});
-	}
-	async _loadAvailableDatasets() {
-		let e = ++this._activeSearchRequestId;
-		this._availableDatasets = [], this._retrieving = !0;
-		try {
-			let n = await t.fetchApi("/securable", {
-				action: "get",
-				version: "0.1.0",
-				find: this._generateQuery()
-			});
-			if (e !== this._activeSearchRequestId) return;
-			this._availableDatasets = n.rows ?? [];
-		} catch (t) {
-			console.error("Error loading datasets:", t), e === this._activeSearchRequestId && (this._availableDatasets = []);
-		} finally {
-			e === this._activeSearchRequestId && (this._retrieving = !1);
-		}
-	}
-	_generateQuery() {
-		return {
-			attributes: [
-				"id",
-				"updated_at",
-				"name",
-				"subtype"
-			],
-			include: [{
-				model: "Account",
-				attributes: [
-					"id",
-					"provider",
-					"name"
-				],
-				include: [{
-					model: "Plugin",
-					attributes: ["id"],
-					include: [{
-						model: "Thumbnail",
-						where: { size: "32px" }
-					}]
-				}]
-			}],
-			where: { type: "dataset" },
-			limit: v,
-			offset: 0,
-			...this._searchValue ? {
-				search: {
-					match_types: ["name", "description"],
-					keyphrase: this._searchValue,
-					securable_types: "dataset"
-				},
-				order: [["name", "asc"]]
-			} : { order: [["updated_at", "desc"]] },
-			...this.flagOpendata ? { public: null } : {}
-		};
-	}
-	_handleSearch(e) {
-		if (this.disabled) return;
-		let t = e.detail?.string ?? "";
-		t !== this._searchValue && (this._searchValue = t, this._activeSearchRequestId++, this._retrieving = !0, this._searchDebounceTimer !== null && clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = window.setTimeout(() => {
-			this._loadAvailableDatasets();
-		}, _));
-	}
-	_handleSearchOpened() {
-		this.disabled || (this._searchValue = "", this._availableDatasets.length === 0 && this._loadAvailableDatasets());
-	}
-	_handleSearchClosed() {
-		this._searchDebounceTimer !== null && (clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = null), this._searchValue !== "" && (this._activeSearchRequestId++, this._searchValue = "", this._availableDatasets = []), this._retrieving = !1;
-	}
-	_handleDatasetSelected(e) {
-		if (this.disabled) return;
-		let t = e.detail?.value?.[0], n = this._availableDatasets.find((e) => e.id === t);
-		if (!n) {
-			this._selectValue = [];
-			return;
-		}
-		if (!this._selectedDatasetIds.has(n.id)) {
-			let e = [...this.selectedDatasets, n];
-			this.selectedDatasets = e, this.dispatchEvent(new CustomEvent("dataset-selected", {
-				detail: n,
-				bubbles: !0,
-				composed: !0
-			}));
-		}
-		this._selectValue = [];
-	}
-	_handleDatasetRemoved(e) {
-		if (this.disabled) return;
-		let t = n(e), r = this.selectedDatasets.filter((t) => t.id !== e.id);
-		this.selectedDatasets = r, this._removalAnnouncement = p(m`Removed ${t}`, { desc: "Screen reader announcement when a dataset tag is removed; the interpolated value is the dataset name" }), setTimeout(() => {
-			this._removalAnnouncement = "";
-		}, 1e3), this.dispatchEvent(new CustomEvent("dataset-removed", {
-			detail: e,
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-	_renderDatasetTag(e) {
-		return s`
-      <luzmo-tag
-        class="selected-dataset-tag"
-        ?deletable=${!this.disabled}
-        tabindex=${this.disabled ? -1 : 0}
-        aria-label=${this.disabled ? n(e) : p(m`Remove ${n(e)}`, { desc: "Accessible label for the delete control on a selected dataset tag; the interpolated value is the dataset name" })}
-        @delete=${this._createDatasetRemovedHandler(e)}
-      >
-        ${this.hideDatasetIcons ? c : s`
-                <luzmo-dataset-icon
-                  slot="icon"
-                  .datasetInfo=${e}
-                  size="16px"
-                  app-url=${this.appServer}
-                ></luzmo-dataset-icon>
-              `}
-        <span class="dataset-tag-label">${n(e)}</span>
-      </luzmo-tag>
-    `;
-	}
-	_getDatasetOptions() {
-		return this._availableDatasets.filter((e) => !this._selectedDatasetIds.has(e.id)).map((e) => ({
-			value: e.id,
-			label: n(e),
-			...this.hideDatasetIcons ? {} : { icon: e.subtype === "upload" ? r : i }
-		}));
-	}
-	_renderDatasetSearch() {
-		return s`
-      <luzmo-select
-        class="dataset-search"
-        search="on"
-        selects="single"
-        variant="highlight"
-        placement="bottom-start"
-        hide-dropdown-icon
-        no-wrap
-        .label=${this.buttonLabel}
-        .options=${this._getDatasetOptions()}
-        .value=${this._selectValue}
-        .retrieving=${this._retrieving}
-        .optionIconRenderer=${this._renderDatasetOptionIcon}
-        ?disabled=${this.disabled}
-        @change=${this._handleDatasetSelected}
-        @luzmo-search=${this._handleSearch}
-        @luzmo-opened=${this._handleSearchOpened}
-        @luzmo-closed=${this._handleSearchClosed}
-      >
-        <span slot="label" class="dataset-search-trigger-layout">
-          <luzmo-icon .icon=${a} size="s" aria-hidden="true"></luzmo-icon>
-          ${this.selectedDatasets.length === 0 ? s`<span class="dataset-search-trigger-label">${this.buttonLabel}</span>` : c}
-        </span>
-        ${this.selectedDatasets.length > 0 ? s`<luzmo-tooltip slot="tooltip" self-managed placement="top" size="s">${this.buttonLabel}</luzmo-tooltip>` : c}
-      </luzmo-select>
-    `;
-	}
-	_createDatasetRemovedHandler(e) {
-		return () => this._handleDatasetRemoved(e);
-	}
-	render() {
-		return s`
-      ${this._renderDatasetSearch()}
-      ${this.selectedDatasets.length > 0 ? s`
-            <luzmo-tags class="selected-datasets-tags">
-              ${h(this.selectedDatasets, (e) => e.id, (e) => this._renderDatasetTag(e))}
-            </luzmo-tags>
-          ` : c}
-      <span class="sr-only" role="status" aria-live="polite">${this._removalAnnouncement}</span>
-    `;
-	}
-};
-//#endregion
-//#region src/components/dataset-selector-row/index.ts
-e([u({ type: Array })], y.prototype, "selectedDatasets", void 0), e([u({
-	type: String,
-	attribute: "button-label"
-})], y.prototype, "buttonLabel", void 0), e([u({
-	type: String,
-	attribute: "auth-key"
-})], y.prototype, "authKey", void 0), e([u({
-	type: String,
-	attribute: "auth-token"
-})], y.prototype, "authToken", void 0), e([u({
-	type: String,
-	attribute: "api-url"
-})], y.prototype, "apiUrl", void 0), e([u({
-	type: String,
-	attribute: "app-server"
-})], y.prototype, "appServer", void 0), e([u({
-	type: Boolean,
-	attribute: "flag-opendata"
-})], y.prototype, "flagOpendata", void 0), e([u({
-	type: Boolean,
-	reflect: !0,
-	attribute: "disabled"
-})], y.prototype, "disabled", void 0), e([u({
-	type: Boolean,
-	attribute: "hide-dataset-icons"
-})], y.prototype, "hideDatasetIcons", void 0), e([d()], y.prototype, "_availableDatasets", void 0), e([d()], y.prototype, "_removalAnnouncement", void 0), e([d()], y.prototype, "_selectValue", void 0), e([d()], y.prototype, "_retrieving", void 0), y = e([f()], y), customElements.get("luzmo-dataset-selector-row") || customElements.define("luzmo-dataset-selector-row", y);
-//#endregion
-export { y as t };

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

@@ -1,79 +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("./data-broker-DWEXs6-2.cjs"),n=require("./get-dataset-name-DrTVBElb.cjs");require("./dataset-icon-BAV0S4sZ.cjs");let r=require("@luzmo/icons");require("@luzmo/lucero/icon");let i=require("lit"),a=require("lit/decorators.js"),o=require("@lit/localize");require("@luzmo/lucero/select"),require("@luzmo/lucero/tags"),require("@luzmo/lucero/tooltip");let s=require("lit/directives/repeat.js");var c=`:host([disabled]){pointer-events:none}:host{box-sizing:border-box;gap:var(--luzmo-dataset-selector-row-gap,var(--dataset-selector-row-gap));min-height:var(--luzmo-dataset-selector-row-min-height,var(--dataset-selector-row-min-height));font-size:var(--luzmo-dataset-selector-row-font-size,var(--dataset-selector-row-font-size));color:var(--luzmo-dataset-selector-row-color,var(--dataset-selector-row-color));font-family:var(--luzmo-dataset-selector-row-font-family,var(--dataset-selector-row-font-family));flex-flow:wrap;align-items:flex-start;display:flex}:host .dataset-search{--luzmo-select-inline-size:fit-content;flex:none;align-self:flex-start;inline-size:auto}:host .dataset-search .dataset-search-trigger-layout{align-items:center;gap:var(--luzmo-spacing-2);--luzmo-icon-vertical-align:top;min-inline-size:0;display:flex}:host .dataset-search .dataset-search-trigger-label{white-space:nowrap;line-height:1}:host .dataset-search{max-inline-size:var(--luzmo-dataset-selector-row-search-max-width,var(--dataset-selector-row-search-max-width));--luzmo-popover-max-height:var(--luzmo-dataset-selector-row-search-popover-max-height,var(--dataset-selector-row-search-popover-max-height,var(--luzmo-popover-max-height)));--select-minimum-width-multiplier:1}:host .selected-dataset-tag{--luzmo-tag-max-inline-size:var(--dataset-selector-row-tag-max-inline-size);--luzmo-tag-height:var(--luzmo-component-height);--luzmo-tag-spacing-inline-start:var(--luzmo-spacing-3);--luzmo-tag-icon-spacing-inline-end:var(--luzmo-spacing-3);--luzmo-tag-label-spacing-inline-end:var(--luzmo-spacing-2);--luzmo-tag-clear-button-spacing-inline-start:.375rem;--luzmo-tag-clear-button-spacing-inline-end:.375rem;margin:0}:host .selected-datasets-tags{--luzmo-tag-group-item-margin-block:0;--luzmo-tag-group-item-margin-inline:0;display:contents}:host .selected-dataset-tag .dataset-tag-label{align-items:center;line-height:1}:host .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host{--dataset-selector-row-gap:var(--luzmo-spacing-2);--dataset-selector-row-min-height:1.75rem;--dataset-selector-row-font-size:.75rem;--dataset-selector-row-color:var(--luzmo-font-color-extra-dimmed);--dataset-selector-row-font-family:var(--luzmo-font-family);--dataset-selector-row-tag-max-inline-size:var(--luzmo-tag-max-inline-size,180px);--dataset-selector-row-search-max-width:23.75rem;--dataset-selector-row-search-popover-max-height:400px}`,l=400,u=50,d=class extends i.LitElement{constructor(...e){super(...e),this.selectedDatasets=[],this.buttonLabel=(0,o.msg)(`Add dataset`,{desc:`Label for the control that opens dataset search to add a dataset`}),this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.appServer=`https://app.luzmo.com`,this.flagOpendata=!1,this.disabled=!1,this.hideDatasetIcons=!1,this._availableDatasets=[],this._removalAnnouncement=``,this._selectValue=[],this._retrieving=!1,this._searchValue=``,this._activeSearchRequestId=0,this._searchDebounceTimer=null,this._renderDatasetOptionIcon=e=>{if(this.hideDatasetIcons)return null;let t=e.value;if(typeof t!=`string`)return null;let n=this._availableDatasets.find(e=>e.id===t);return n?i.html`
-      <luzmo-dataset-icon
-        slot="icon"
-        .datasetInfo=${n}
-        size="16px"
-        app-url=${this.appServer}
-      ></luzmo-dataset-icon>
-    `:null}}static{this.styles=(0,i.unsafeCSS)(c)}static{this.tagName=`luzmo-dataset-selector-row`}get _selectedDatasetIds(){return new Set(this.selectedDatasets.map(e=>e.id))}connectedCallback(){super.connectedCallback(),this._configureBroker()}disconnectedCallback(){this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),super.disconnectedCallback()}willUpdate(e){super.willUpdate(e),(e.has(`authKey`)||e.has(`authToken`)||e.has(`apiUrl`))&&this._configureBroker()}_configureBroker(){t.t.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}async _loadAvailableDatasets(){let e=++this._activeSearchRequestId;this._availableDatasets=[],this._retrieving=!0;try{let n=await t.t.fetchApi(`/securable`,{action:`get`,version:`0.1.0`,find:this._generateQuery()});if(e!==this._activeSearchRequestId)return;this._availableDatasets=n.rows??[]}catch(t){console.error(`Error loading datasets:`,t),e===this._activeSearchRequestId&&(this._availableDatasets=[])}finally{e===this._activeSearchRequestId&&(this._retrieving=!1)}}_generateQuery(){return{attributes:[`id`,`updated_at`,`name`,`subtype`],include:[{model:`Account`,attributes:[`id`,`provider`,`name`],include:[{model:`Plugin`,attributes:[`id`],include:[{model:`Thumbnail`,where:{size:`32px`}}]}]}],where:{type:`dataset`},limit:u,offset:0,...this._searchValue?{search:{match_types:[`name`,`description`],keyphrase:this._searchValue,securable_types:`dataset`},order:[[`name`,`asc`]]}:{order:[[`updated_at`,`desc`]]},...this.flagOpendata?{public:null}:{}}}_handleSearch(e){if(this.disabled)return;let t=e.detail?.string??``;t!==this._searchValue&&(this._searchValue=t,this._activeSearchRequestId++,this._retrieving=!0,this._searchDebounceTimer!==null&&clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=window.setTimeout(()=>{this._loadAvailableDatasets()},l))}_handleSearchOpened(){this.disabled||(this._searchValue=``,this._availableDatasets.length===0&&this._loadAvailableDatasets())}_handleSearchClosed(){this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),this._searchValue!==``&&(this._activeSearchRequestId++,this._searchValue=``,this._availableDatasets=[]),this._retrieving=!1}_handleDatasetSelected(e){if(this.disabled)return;let t=e.detail?.value?.[0],n=this._availableDatasets.find(e=>e.id===t);if(!n){this._selectValue=[];return}if(!this._selectedDatasetIds.has(n.id)){let e=[...this.selectedDatasets,n];this.selectedDatasets=e,this.dispatchEvent(new CustomEvent(`dataset-selected`,{detail:n,bubbles:!0,composed:!0}))}this._selectValue=[]}_handleDatasetRemoved(e){if(this.disabled)return;let t=n.t(e),r=this.selectedDatasets.filter(t=>t.id!==e.id);this.selectedDatasets=r,this._removalAnnouncement=(0,o.msg)(o.str`Removed ${t}`,{desc:`Screen reader announcement when a dataset tag is removed; the interpolated value is the dataset name`}),setTimeout(()=>{this._removalAnnouncement=``},1e3),this.dispatchEvent(new CustomEvent(`dataset-removed`,{detail:e,bubbles:!0,composed:!0}))}_renderDatasetTag(e){return i.html`
-      <luzmo-tag
-        class="selected-dataset-tag"
-        ?deletable=${!this.disabled}
-        tabindex=${this.disabled?-1:0}
-        aria-label=${this.disabled?n.t(e):(0,o.msg)(o.str`Remove ${n.t(e)}`,{desc:`Accessible label for the delete control on a selected dataset tag; the interpolated value is the dataset name`})}
-        @delete=${this._createDatasetRemovedHandler(e)}
-      >
-        ${this.hideDatasetIcons?i.nothing:i.html`
-                <luzmo-dataset-icon
-                  slot="icon"
-                  .datasetInfo=${e}
-                  size="16px"
-                  app-url=${this.appServer}
-                ></luzmo-dataset-icon>
-              `}
-        <span class="dataset-tag-label">${n.t(e)}</span>
-      </luzmo-tag>
-    `}_getDatasetOptions(){return this._availableDatasets.filter(e=>!this._selectedDatasetIds.has(e.id)).map(e=>({value:e.id,label:n.t(e),...this.hideDatasetIcons?{}:{icon:e.subtype===`upload`?r.luzmoFileUploadOutline:r.luzmoPlugin}}))}_renderDatasetSearch(){return i.html`
-      <luzmo-select
-        class="dataset-search"
-        search="on"
-        selects="single"
-        variant="highlight"
-        placement="bottom-start"
-        hide-dropdown-icon
-        no-wrap
-        .label=${this.buttonLabel}
-        .options=${this._getDatasetOptions()}
-        .value=${this._selectValue}
-        .retrieving=${this._retrieving}
-        .optionIconRenderer=${this._renderDatasetOptionIcon}
-        ?disabled=${this.disabled}
-        @change=${this._handleDatasetSelected}
-        @luzmo-search=${this._handleSearch}
-        @luzmo-opened=${this._handleSearchOpened}
-        @luzmo-closed=${this._handleSearchClosed}
-      >
-        <span slot="label" class="dataset-search-trigger-layout">
-          <luzmo-icon .icon=${r.luzmoPlus} size="s" aria-hidden="true"></luzmo-icon>
-          ${this.selectedDatasets.length===0?i.html`<span class="dataset-search-trigger-label">${this.buttonLabel}</span>`:i.nothing}
-        </span>
-        ${this.selectedDatasets.length>0?i.html`<luzmo-tooltip slot="tooltip" self-managed placement="top" size="s">${this.buttonLabel}</luzmo-tooltip>`:i.nothing}
-      </luzmo-select>
-    `}_createDatasetRemovedHandler(e){return()=>this._handleDatasetRemoved(e)}render(){return i.html`
-      ${this._renderDatasetSearch()}
-      ${this.selectedDatasets.length>0?i.html`
-            <luzmo-tags class="selected-datasets-tags">
-              ${(0,s.repeat)(this.selectedDatasets,e=>e.id,e=>this._renderDatasetTag(e))}
-            </luzmo-tags>
-          `:i.nothing}
-      <span class="sr-only" role="status" aria-live="polite">${this._removalAnnouncement}</span>
-    `}};e.t([(0,a.property)({type:Array})],d.prototype,`selectedDatasets`,void 0),e.t([(0,a.property)({type:String,attribute:`button-label`})],d.prototype,`buttonLabel`,void 0),e.t([(0,a.property)({type:String,attribute:`auth-key`})],d.prototype,`authKey`,void 0),e.t([(0,a.property)({type:String,attribute:`auth-token`})],d.prototype,`authToken`,void 0),e.t([(0,a.property)({type:String,attribute:`api-url`})],d.prototype,`apiUrl`,void 0),e.t([(0,a.property)({type:String,attribute:`app-server`})],d.prototype,`appServer`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`flag-opendata`})],d.prototype,`flagOpendata`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`disabled`})],d.prototype,`disabled`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`hide-dataset-icons`})],d.prototype,`hideDatasetIcons`,void 0),e.t([(0,a.state)()],d.prototype,`_availableDatasets`,void 0),e.t([(0,a.state)()],d.prototype,`_removalAnnouncement`,void 0),e.t([(0,a.state)()],d.prototype,`_selectValue`,void 0),e.t([(0,a.state)()],d.prototype,`_retrieving`,void 0),d=e.t([(0,o.localized)()],d),customElements.get(`luzmo-dataset-selector-row`)||customElements.define(`luzmo-dataset-selector-row`,d),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});