@luzmo/analytics-components-kit 1.0.1-beta.3 → 1.0.2-beta.1

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

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

@@ -1,309 +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 __decorate } from "./decorate-Da6S_xrw.js";
-import { t as getLocale } from "./set-locale-DcalLjdU.js";
-import { t as localize } from "./localize-Dlt3EN5i.js";
-import { t as dataBroker } from "./data-broker-cLR-t5LM.js";
-import { LitElement, html, nothing, unsafeCSS } from "lit";
-import { property, state } from "lit/decorators.js";
-import { repeat } from "lit/directives/repeat.js";
-var dataset_selector_list_module_default = ":host{box-sizing:border-box;height:100%;font-family:var(--luzmo-dataset-selector-list-font-family,var(--dataset-selector-list-font-family));color:var(--luzmo-dataset-selector-list-color);flex-direction:column;display:flex}:host .dataset-selector-list{gap:var(--luzmo-dataset-selector-list-gap,var(--dataset-selector-list-gap));background:var(--luzmo-dataset-selector-list-background,var(--dataset-selector-list-background));height:100%;padding:var(--luzmo-dataset-selector-list-padding,var(--dataset-selector-list-padding));border-radius:var(--luzmo-dataset-selector-list-border-radius,var(--dataset-selector-list-border-radius));flex-direction:column;display:flex}:host .search-input{background-color:var(--luzmo-dataset-selector-list-input-background,var(--dataset-selector-list-input-background));border:none;border-bottom:1px solid var(--luzmo-dataset-selector-list-input-border-color,var(--dataset-selector-list-input-border-color));color:var(--luzmo-dataset-selector-list-input-color,var(--dataset-selector-list-input-color));line-height:var(--luzmo-dataset-selector-list-input-line-height,var(--dataset-selector-list-input-line-height));font-size:var(--luzmo-dataset-selector-list-input-font-size,var(--dataset-selector-list-input-font-size));padding:var(--luzmo-dataset-selector-list-input-padding,var(--dataset-selector-list-input-padding));box-sizing:border-box;outline:none;width:100%;margin:0}:host .search-input::placeholder{color:var(--luzmo-font-color-tertiary,#999)}:host .datasets-scroll-container{flex:1;min-height:0;overflow:hidden auto}:host .datasets-scroll-container::-webkit-scrollbar{width:var(--luzmo-dataset-selector-list-scrollbar-width,var(--dataset-selector-list-scrollbar-width))}:host .datasets-scroll-container::-webkit-scrollbar-track{background:var(--luzmo-dataset-selector-list-scrollbar-track-background,var(--dataset-selector-list-scrollbar-track-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-track-border-radius,var(--dataset-selector-list-scrollbar-track-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-background,var(--dataset-selector-list-scrollbar-thumb-background));border-radius:var(--luzmo-dataset-selector-list-scrollbar-thumb-border-radius,var(--dataset-selector-list-scrollbar-thumb-border-radius))}:host .datasets-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--luzmo-dataset-selector-list-scrollbar-thumb-hover-background,var(--dataset-selector-list-scrollbar-thumb-hover-background))}:host .datasets-scroll-container{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-dataset-selector-list-scrollbar-thumb-background,var(--dataset-selector-list-scrollbar-thumb-background,var(--luzmo-scrollbar-thumb-background)))var(--luzmo-dataset-selector-list-scrollbar-track-background,var(--dataset-selector-list-scrollbar-track-background,var(--luzmo-scrollbar-track-background)))}:host .datasets-list{flex-direction:column;display:flex}:host .available-dataset-item{padding:var(--luzmo-dataset-selector-list-item-padding,var(--dataset-selector-list-item-padding));color:var(--luzmo-dataset-selector-available-dataset-color,var(--dataset-selector-available-dataset-color));align-items:center;gap:var(--luzmo-dataset-selector-list-item-gap,var(--dataset-selector-list-item-gap));cursor:pointer;border-radius:var(--luzmo-dataset-selector-list-item-border-radius,var(--dataset-selector-list-item-border-radius));flex-direction:row;transition:background-color .15s;display:flex}:host .available-dataset-item:hover{background-color:var(--luzmo-dataset-selector-list-item-hover-background,var(--dataset-selector-list-item-hover-background))}:host .available-dataset-item:focus{outline:none}:host .available-dataset-item .dataset-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}:host .available-dataset-item .dataset-icon luzmo-icon{display:flex}:host .available-dataset-item .dataset-icon-img{object-fit:contain;width:16px;height:16px}:host .available-dataset-item .dataset-name{line-height:var(--luzmo-dataset-selector-list-item-line-height,var(--dataset-selector-list-item-line-height));font-size:var(--luzmo-dataset-selector-list-item-font-size,var(--dataset-selector-list-item-font-size));text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}:host .available-dataset-item .dataset-name .dataset-name-search-highlight{background:var(--luzmo-dataset-selector-list-search-highlight-background,var(--dataset-selector-list-search-highlight-background));color:var(--luzmo-dataset-selector-list-search-highlight-color,var(--dataset-selector-list-search-highlight-color));border-radius:var(--luzmo-border-radius-s);padding:0}:host .no-datasets-found{height:50%;color:var(--luzmo-dataset-selector-list-no-datasets-color,var(--dataset-selector-list-no-datasets-color));font-size:var(--luzmo-dataset-selector-list-no-datasets-font-size,var(--dataset-selector-list-no-datasets-font-size));text-align:center;padding:var(--luzmo-spacing-4,1rem);justify-content:center;align-items:center;display:flex}:host .loader{padding:var(--luzmo-spacing-5,1.25rem)0;justify-content:center;align-items:center;display:flex}:host .loader .spinner{width:var(--luzmo-dataset-selector-list-loader-size,var(--dataset-selector-list-loader-size));height:var(--luzmo-dataset-selector-list-loader-size,var(--dataset-selector-list-loader-size));border:2px solid var(--luzmo-border-color-light,#e0e0e0);border-top-color:var(--luzmo-dataset-selector-list-loader-color,var(--dataset-selector-list-loader-color));border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@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)}", DEFAULT_DATASET_QUERY_LIMIT = 7, SEARCH_DEBOUNCE_MS = 600, ITEM_HEIGHT_BUFFER = 5, LuzmoDatasetSelectorList = class extends LitElement {
-	constructor(...e) {
-		super(...e), this._selectedDatasets = /* @__PURE__ */ 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 = /* @__PURE__ */ new Map(), this._calculatedQueryLimit = null, this._hasLoadedEmptyPage = !1;
-	}
-	static {
-		this.styles = unsafeCSS(dataset_selector_list_module_default);
-	}
-	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) && dataBroker.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 DEFAULT_DATASET_QUERY_LIMIT;
-		let l = getComputedStyle(e), u = e.clientHeight, d = Number.parseFloat(l.height), f = Math.max(u, d);
-		if (f <= 0) return DEFAULT_DATASET_QUERY_LIMIT;
-		let p = Math.floor(f / 24), m = Math.max(p + ITEM_HEIGHT_BUFFER, DEFAULT_DATASET_QUERY_LIMIT);
-		return this._calculatedQueryLimit = m, m;
-	}
-	get _filteredDatasets() {
-		return this._selectedDatasets.size === 0 ? this._availableDatasets : this._availableDatasets.filter((e) => !this._selectedDatasets.has(e.id));
-	}
-	_handleSearchInput(e) {
-		this._searchValue = e.target.value, this._searchDebounceTimer !== null && clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = window.setTimeout(() => {
-			this._loadAvailableDatasets({ append: !1 });
-		}, SEARCH_DEBOUNCE_MS);
-	}
-	_handleScroll(e) {
-		let l = e.target, u = l.scrollTop, d = l.scrollHeight;
-		u + l.clientHeight >= d - 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 l = this._generateQuery(e), u = JSON.stringify(l), f = this._queryCache.has(u);
-		try {
-			let p;
-			f ? p = this._queryCache.get(u) : (p = await dataBroker.fetchApi("/securable", {
-				action: "get",
-				version: "0.1.0",
-				find: l
-			}), this._queryCache.set(u, p)), this._onDatasetsLoaded(e, p), 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 l = this._calculateOptimalQueryLimit();
-		e ? this._currentOffset += l : this._currentOffset = 0;
-		let u = 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: l,
-			offset: this._currentOffset,
-			...u,
-			...this.flagOpendata ? { public: null } : {}
-		};
-	}
-	_onDatasetsLoaded(e, { rows: l, count: u }) {
-		let d;
-		if (e) {
-			let e = new Set(this._availableDatasets.map((e) => e.id)), u = l.filter((l) => !e.has(l.id));
-			d = [...this._availableDatasets, ...u];
-		} else d = l || [];
-		e && l.length === 0 ? this._hasLoadedEmptyPage = !0 : l.length > 0 && (this._hasLoadedEmptyPage = !1);
-		let f = d.reduce((e, l) => (e.some((e) => e.id === l.id) || e.push(l), e), []), p = d.length, m = this._hasLoadedEmptyPage || p >= u;
-		this._status = {
-			...this._status,
-			allDatasetsLoaded: m
-		}, this._availableDatasets = f;
-	}
-	_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 l = e.clientHeight, u = Math.ceil(l / 24), d = Math.ceil(u * 1.5);
-		return this._filteredDatasets.length < d;
-	}
-	_getDatasetName(e) {
-		let d = getLocale();
-		return localize(e.name, d) || e.id || "Unknown Dataset";
-	}
-	_escapeRegExp(e) {
-		return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-	}
-	_renderHighlightedDatasetName(e) {
-		let l = this._getDatasetName(e), u = this._searchValue.trim();
-		if (!this.highlightSearchMatches || !u) return l;
-		let d = this._escapeRegExp(u), f = RegExp(`(${d})`, "gi"), m = l.split(f), h = u.toLowerCase();
-		return m.length === 1 ? l : html`${m.map((e) => e.toLowerCase() === h ? 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 l = e.currentTarget.dataset.datasetId, u = this._filteredDatasets.find((e) => e.id === l);
-		u && this._selectDataset(u);
-	}
-	_handleDatasetKeydown(e) {
-		if (e.key === "Enter" || e.key === " ") {
-			e.preventDefault();
-			let l = e.currentTarget.dataset.datasetId, u = this._filteredDatasets.find((e) => e.id === l);
-			u && this._selectDataset(u);
-		}
-	}
-	_renderLoader() {
-		return html`
-      <div class="loader">
-        <div class="spinner"></div>
-      </div>
-    `;
-	}
-	_renderDatasetIcon(e) {
-		return html`
-      <luzmo-dataset-icon
-        .datasetInfo=${e}
-        size="16px"
-        app-url=${this.appServer}
-      ></luzmo-dataset-icon>
-    `;
-	}
-	_renderSearchInput() {
-		return this.showSearch ? 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"
-      />
-    ` : nothing;
-	}
-	_renderDatasetList() {
-		return this._filteredDatasets.length === 0 ? this._status.busy && !this._status.paging ? this._renderLoader() : html`
-        <div class="no-datasets-found" role="status">${this.noDatasetsMessage}</div>
-      ` : html`
-      <div class="datasets-scroll-container" @scroll=${this._handleScroll}>
-        ${this._status.busy && !this._status.paging ? this._renderLoader() : nothing}
-        <div class="datasets-list">
-          ${repeat(this._filteredDatasets, (e) => e.id, (e) => 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() : nothing}
-        </div>
-      </div>
-    `;
-	}
-	render() {
-		return html`
-      <div class="dataset-selector-list" aria-busy=${this._status.busy ? "true" : "false"}>
-        ${this._renderSearchInput()} ${this._renderDatasetList()}
-      </div>
-    `;
-	}
-};
-__decorate([property({
-	type: Object,
-	attribute: !1
-})], LuzmoDatasetSelectorList.prototype, "selectedDatasets", null), __decorate([property({
-	type: Boolean,
-	attribute: "show-search"
-})], LuzmoDatasetSelectorList.prototype, "showSearch", void 0), __decorate([property({
-	type: String,
-	attribute: "search-placeholder"
-})], LuzmoDatasetSelectorList.prototype, "searchPlaceholder", void 0), __decorate([property({
-	type: String,
-	attribute: "no-datasets-message"
-})], LuzmoDatasetSelectorList.prototype, "noDatasetsMessage", void 0), __decorate([property({
-	type: Boolean,
-	attribute: "highlight-search-matches"
-})], LuzmoDatasetSelectorList.prototype, "highlightSearchMatches", void 0), __decorate([property({
-	type: String,
-	attribute: "auth-key"
-})], LuzmoDatasetSelectorList.prototype, "authKey", void 0), __decorate([property({
-	type: String,
-	attribute: "auth-token"
-})], LuzmoDatasetSelectorList.prototype, "authToken", void 0), __decorate([property({
-	type: String,
-	attribute: "api-url"
-})], LuzmoDatasetSelectorList.prototype, "apiUrl", void 0), __decorate([property({
-	type: String,
-	attribute: "app-server"
-})], LuzmoDatasetSelectorList.prototype, "appServer", void 0), __decorate([property({
-	type: Boolean,
-	attribute: "flag-opendata"
-})], LuzmoDatasetSelectorList.prototype, "flagOpendata", void 0), __decorate([state()], LuzmoDatasetSelectorList.prototype, "_availableDatasets", void 0), __decorate([state()], LuzmoDatasetSelectorList.prototype, "_status", void 0), __decorate([state()], LuzmoDatasetSelectorList.prototype, "_searchValue", void 0), customElements.get("luzmo-dataset-selector-list") || customElements.define("luzmo-dataset-selector-list", LuzmoDatasetSelectorList);
-export { LuzmoDatasetSelectorList as t };

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

@@ -1,196 +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 __decorate } from "./decorate-Da6S_xrw.js";
-import { t as getLocale } from "./set-locale-DcalLjdU.js";
-import { t as localize } from "./localize-Dlt3EN5i.js";
-import { luzmoClose12, luzmoIcon, luzmoPlus } from "@luzmo/icons";
-import "@luzmo/lucero/overlay";
-import "@luzmo/lucero/popover";
-import { LitElement, html, nothing, unsafeCSS } from "lit";
-import { property, state } from "lit/decorators.js";
-import { msg } from "@lit/localize";
-import "@luzmo/lucero/tooltip";
-import { repeat } from "lit/directives/repeat.js";
-var dataset_selector_row_module_default = ":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;display:flex}:host[disabled]{cursor:not-allowed;opacity:.6}:host .add-dataset-button{align-items:center;gap:var(--luzmo-dataset-selector-row-button-gap,var(--dataset-selector-row-button-gap));min-width:var(--luzmo-dataset-selector-row-button-min-width,var(--dataset-selector-row-button-min-width));height:var(--luzmo-dataset-selector-row-button-height,var(--dataset-selector-row-button-height));border-radius:var(--luzmo-dataset-selector-row-button-border-radius,var(--dataset-selector-row-button-border-radius));border:1px solid var(--luzmo-dataset-selector-row-button-border-color,var(--dataset-selector-row-button-border-color));background-color:var(--luzmo-dataset-selector-row-button-background,var(--dataset-selector-row-button-background));color:var(--luzmo-dataset-selector-row-button-color,var(--dataset-selector-row-button-color));padding:var(--luzmo-dataset-selector-row-button-padding,var(--dataset-selector-row-button-padding));cursor:pointer;font-size:inherit;outline:none;justify-content:center;font-family:inherit;transition:all .15s;display:inline-flex}:host .add-dataset-button:hover{background-color:var(--luzmo-dataset-selector-row-button-hover-background,var(--dataset-selector-row-button-hover-background));border-color:var(--luzmo-dataset-selector-row-button-hover-border-color,var(--dataset-selector-row-button-border-color));color:var(--luzmo-dataset-selector-row-hover-color,var(--dataset-selector-row-hover-color))}:host .add-dataset-button:focus{outline:none}:host .add-dataset-button svg{font-size:var(--luzmo-dataset-selector-row-button-icon-size,var(--dataset-selector-row-button-icon-size));color:var(--luzmo-dataset-selector-row-button-icon-color,var(--dataset-selector-row-button-icon-color))}:host .add-dataset-button.icon-only{padding:var(--luzmo-dataset-selector-row-button-icon-only-padding,var(--dataset-selector-row-button-icon-only-padding))}:host .add-dataset-button:disabled{cursor:not-allowed;opacity:.6}:host .add-dataset-button:disabled:hover{background-color:var(--luzmo-dataset-selector-row-button-background,var(--dataset-selector-row-button-background))}:host[disabled] .removable-pill{cursor:not-allowed}:host[disabled] .removable-pill:hover{background-color:var(--luzmo-dataset-selector-row-pill-background,var(--dataset-selector-row-pill-background));border-color:var(--luzmo-dataset-selector-row-pill-border-color,var(--dataset-selector-row-pill-border-color))}:host[disabled] .removable-pill:hover .dataset-icon{display:flex}:host[disabled] .removable-pill:hover .close-icon{display:none}:host .removable-pill{font:inherit;color:inherit;box-sizing:border-box;max-width:var(--luzmo-dataset-selector-row-pill-max-width,var(--dataset-selector-row-pill-max-width));height:var(--luzmo-dataset-selector-row-pill-height,var(--dataset-selector-row-pill-height));padding:0;padding:var(--luzmo-dataset-selector-row-pill-padding,var(--dataset-selector-row-pill-padding));gap:var(--luzmo-dataset-selector-row-pill-gap,var(--dataset-selector-row-pill-gap));border-radius:var(--luzmo-dataset-selector-row-pill-border-radius,var(--dataset-selector-row-pill-border-radius));border:none;border:1px solid var(--luzmo-dataset-selector-row-pill-border-color,var(--dataset-selector-row-pill-border-color));background:0 0;background-color:var(--luzmo-dataset-selector-row-pill-background,var(--dataset-selector-row-pill-background));cursor:pointer;flex-direction:row;align-items:center;transition:all .15s;display:flex}:host .removable-pill:hover{background-color:var(--luzmo-dataset-selector-row-pill-hover-background,var(--dataset-selector-row-pill-hover-background));border-color:var(--luzmo-dataset-selector-row-pill-hover-border-color,var(--dataset-selector-row-pill-border-color))}:host .removable-pill:hover .dataset-icon{display:none}:host .removable-pill:hover .close-icon{color:var(--luzmo-dataset-selector-row-pill-close-color,var(--dataset-selector-row-pill-close-color));display:inline-flex}:host .removable-pill .close-icon{width:var(--luzmo-dataset-selector-row-pill-close-size,var(--dataset-selector-row-pill-close-size));flex-shrink:0;display:none}:host .removable-pill .dataset-icon{width:var(--luzmo-dataset-selector-row-pill-icon-size,var(--dataset-selector-row-pill-icon-size));height:var(--luzmo-dataset-selector-row-pill-icon-size,var(--dataset-selector-row-pill-icon-size));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host .removable-pill .dataset-icon luzmo-icon{display:flex}:host .removable-pill .dataset-icon-img{width:var(--luzmo-dataset-selector-row-pill-icon-size,var(--dataset-selector-row-pill-icon-size));height:var(--luzmo-dataset-selector-row-pill-icon-size,var(--dataset-selector-row-pill-icon-size));object-fit:contain}:host .removable-pill .dataset-name{text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:var(--luzmo-dataset-selector-row-pill-text-line-height,var(--dataset-selector-row-pill-text-line-height));flex:1;overflow:hidden}:host luzmo-popover{width:var(--luzmo-dataset-selector-row-popover-width,var(--dataset-selector-row-popover-width));height:var(--luzmo-dataset-selector-row-popover-height,var(--dataset-selector-row-popover-height))}: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-dimmed);--dataset-selector-row-hover-color:var(--luzmo-font-color);--dataset-selector-row-font-family:var(--luzmo-font-family);--dataset-selector-row-button-gap:var(--luzmo-spacing-2);--dataset-selector-row-button-min-width:1.75rem;--dataset-selector-row-button-height:1.75rem;--dataset-selector-row-button-border-radius:.375rem;--dataset-selector-row-button-border-color:var(--luzmo-border-color);--dataset-selector-row-button-background:var(--luzmo-background-color,#f8f8f8);--dataset-selector-row-button-color:var(--luzmo-font-color-tertiary,#a5a5a5);--dataset-selector-row-button-padding:.25rem .375rem;--dataset-selector-row-button-icon-only-padding:.25rem;--dataset-selector-row-button-icon-size:.875rem;--dataset-selector-row-button-icon-color:var(--luzmo-font-color-tertiary);--dataset-selector-row-button-hover-background:var(--luzmo-background-color-highlight,#f8f8f8);--dataset-selector-row-button-focus-outline-color:var(--luzmo-primary);--dataset-selector-row-pill-max-width:10rem;--dataset-selector-row-pill-height:1.75rem;--dataset-selector-row-pill-padding:.125rem .5rem;--dataset-selector-row-pill-gap:var(--luzmo-spacing-2);--dataset-selector-row-pill-border-radius:.5rem;--dataset-selector-row-pill-border-color:var(--luzmo-border-color);--dataset-selector-row-pill-background:var(--luzmo-background-color-alt-1,#f8f8f8);--dataset-selector-row-pill-hover-background:var(--luzmo-background-color-highlight,#f8f8f8);--dataset-selector-row-pill-hover-border-color:var(--luzmo-border-color-hover);--dataset-selector-row-pill-icon-size:1rem;--dataset-selector-row-pill-close-size:1rem;--dataset-selector-row-pill-close-color:var(--luzmo-danger,#dc3545);--dataset-selector-row-pill-text-line-height:1.2;--dataset-selector-row-popover-width:23.75rem;--dataset-selector-row-popover-height:15rem}", LuzmoDatasetSelectorRow = class extends LitElement {
-	constructor(...e) {
-		super(...e), this.selectedDatasets = [], this.buttonLabel = "Add dataset", this.authKey = "", this.authToken = "", this.apiUrl = "https://api.luzmo.com", this.appServer = "https://app.luzmo.com", this.flagOpendata = !1, this.disabled = !1, this._overlayOpen = !1, this._removalAnnouncement = "";
-	}
-	static {
-		this.styles = unsafeCSS(dataset_selector_row_module_default);
-	}
-	static {
-		this.tagName = "luzmo-dataset-selector-row";
-	}
-	get _hasSelectedDatasets() {
-		return this.selectedDatasets.length > 0;
-	}
-	get _selectedDatasetIds() {
-		return new Set(this.selectedDatasets.map((e) => e.id));
-	}
-	_handleAddDatasetClick() {
-		this.disabled || (this._overlayOpen = !this._overlayOpen);
-	}
-	_handleDatasetSelected(e) {
-		let p = e.detail;
-		this._selectedDatasetIds.has(p.id) || (this.selectedDatasets = [...this.selectedDatasets, p], this.dispatchEvent(new CustomEvent("dataset-selected", {
-			detail: p,
-			bubbles: !0,
-			composed: !0
-		})));
-		let m = this.shadowRoot?.getElementById("add-dataset-button");
-		m && m.click(), this._overlayOpen = !1;
-	}
-	_handleDatasetRemoved(e) {
-		if (this.disabled) return;
-		let p = this._getDatasetName(e);
-		this.selectedDatasets = this.selectedDatasets.filter((p) => p.id !== e.id), this._removalAnnouncement = msg("Removed", { desc: "Screen reader announcement prefix for removed dataset" }) + ` ${p}`, setTimeout(() => {
-			this._removalAnnouncement = "";
-		}, 1e3), this.dispatchEvent(new CustomEvent("dataset-removed", {
-			detail: e,
-			bubbles: !0,
-			composed: !0
-		})), requestAnimationFrame(() => {
-			(this.shadowRoot?.getElementById("add-dataset-button"))?.focus();
-		});
-	}
-	_getDatasetName(e) {
-		let h = getLocale();
-		return localize(e.name, h) || e.id || "Unknown Dataset";
-	}
-	_renderDatasetIcon(e) {
-		return html`
-      <luzmo-dataset-icon
-        .datasetInfo=${e}
-        size="16px"
-        app-url=${this.appServer}
-      ></luzmo-dataset-icon>
-    `;
-	}
-	_renderAddButton() {
-		return html`
-      <button
-        id="add-dataset-button"
-        type="button"
-        class="add-dataset-button ${this._hasSelectedDatasets ? "icon-only" : ""}"
-        ?disabled=${this.disabled}
-        aria-label=${this.buttonLabel}
-        aria-expanded=${this._overlayOpen}
-        @click=${this._handleAddDatasetClick}
-      >
-        ${luzmoIcon(luzmoPlus)}
-        ${this._hasSelectedDatasets ? nothing : this.buttonLabel}
-      </button>
-    `;
-	}
-	_renderDatasetPill(e) {
-		return html`
-      <button class="removable-pill" aria-label="Remove ${this._getDatasetName(e)}" @click=${this._createDatasetRemovedHandler(e)}>
-        <div class="dataset-icon">
-          ${this._renderDatasetIcon(e)}
-        </div>
-        <span class="close-icon">${luzmoIcon(luzmoClose12)}</span>
-        <span
-          class="dataset-name text-truncate"
-          title=${this._getDatasetName(e)}
-        >
-          ${this._getDatasetName(e)}
-        </span>
-        <luzmo-tooltip
-          self-managed
-          placement="top"
-          show-only-if-truncated
-          truncated-element-selector=".dataset-name"
-        >
-          ${this._getDatasetName(e)}
-        </luzmo-tooltip>
-      </button>
-    `;
-	}
-	_handleOverlayOpened() {
-		this._overlayOpen = !0, requestAnimationFrame(() => {
-			let e = (this.shadowRoot?.querySelector("luzmo-dataset-selector-list"))?.shadowRoot?.querySelector(".search-input");
-			e && e.focus();
-		});
-	}
-	_handleOverlayClosed() {
-		this._overlayOpen = !1, requestAnimationFrame(() => {
-			let e = this.shadowRoot?.activeElement ?? document.activeElement;
-			(!e || e === document.body) && (this.shadowRoot?.getElementById("add-dataset-button"))?.focus();
-		});
-	}
-	_createDatasetRemovedHandler(e) {
-		return () => this._handleDatasetRemoved(e);
-	}
-	_renderOverlay() {
-		return html`
-      <luzmo-overlay
-        id="dataset-overlay"
-        trigger="add-dataset-button@click"
-        placement="top-start"
-        @luzmo-opened=${this._handleOverlayOpened}
-        @luzmo-closed=${this._handleOverlayClosed}
-      >
-        <luzmo-popover style="position: relative">
-            <luzmo-dataset-selector-list
-            .selectedDatasets=${this._selectedDatasetIds}
-            auth-key=${this.authKey}
-            auth-token=${this.authToken}
-            api-url=${this.apiUrl}
-            app-server=${this.appServer}
-            ?flag-opendata=${this.flagOpendata}
-            @dataset-selected=${this._handleDatasetSelected}
-            ></luzmo-dataset-selector-list>
-        </luzmo-popover>
-      </luzmo-overlay>
-    `;
-	}
-	render() {
-		return html`
-      ${this._renderAddButton()}
-      ${repeat(this.selectedDatasets, (e) => e.id, (e) => this._renderDatasetPill(e))}
-      ${this._renderOverlay()}
-      <span class="sr-only" role="status" aria-live="polite">${this._removalAnnouncement}</span>
-    `;
-	}
-};
-__decorate([property({ type: Array })], LuzmoDatasetSelectorRow.prototype, "selectedDatasets", void 0), __decorate([property({
-	type: String,
-	attribute: "button-label"
-})], LuzmoDatasetSelectorRow.prototype, "buttonLabel", void 0), __decorate([property({
-	type: String,
-	attribute: "auth-key"
-})], LuzmoDatasetSelectorRow.prototype, "authKey", void 0), __decorate([property({
-	type: String,
-	attribute: "auth-token"
-})], LuzmoDatasetSelectorRow.prototype, "authToken", void 0), __decorate([property({
-	type: String,
-	attribute: "api-url"
-})], LuzmoDatasetSelectorRow.prototype, "apiUrl", void 0), __decorate([property({
-	type: String,
-	attribute: "app-server"
-})], LuzmoDatasetSelectorRow.prototype, "appServer", void 0), __decorate([property({
-	type: Boolean,
-	attribute: "flag-opendata"
-})], LuzmoDatasetSelectorRow.prototype, "flagOpendata", void 0), __decorate([property({
-	type: Boolean,
-	reflect: !0,
-	attribute: "disabled"
-})], LuzmoDatasetSelectorRow.prototype, "disabled", void 0), __decorate([state()], LuzmoDatasetSelectorRow.prototype, "_overlayOpen", void 0), __decorate([state()], LuzmoDatasetSelectorRow.prototype, "_removalAnnouncement", void 0), customElements.get("luzmo-dataset-selector-row") || customElements.define("luzmo-dataset-selector-row", LuzmoDatasetSelectorRow);
-export { LuzmoDatasetSelectorRow as t };