@luzmo/analytics-components-kit 1.0.9-beta.7 → 1.0.9-beta.9

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

@@ -1,21 +1,21 @@
-/*! * 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.
+/*! * 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 "../dataset-selector-row-CiqZrv0T.js";
+import { t as e } from "../dataset-selector-row-CERTR_-i.js";
 export { e as LuzmoDatasetSelectorRow };

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

@@ -0,0 +1,104 @@
+/*! * 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.
+ * */
+require("./tokens-BWMfo_w4.cjs");const e=require("./base-BXg3O7H2.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./set-locale-B1IG9a_t.cjs"),r=require("./data-broker-DWgqaHoY.cjs"),i=require("./get-dataset-name-BUBY88G6.cjs");require("./dataset-icon-CP_oZswB.cjs");let a=require("@luzmo/icons");require("@luzmo/lucero/icon");let o=require("lit"),s=require("lit/decorators.js"),c=require("@lit/localize");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/select"),require("@luzmo/lucero/tags"),require("@luzmo/lucero/tooltip");let l=require("lit/directives/repeat.js");var u=`: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;--luzmo-options-section-header-color:var(--luzmo-font-color)}:host .selected-dataset-tag,:host .selected-agent-tag{--luzmo-tag-max-inline-size:var(--dataset-selector-row-tag-max-inline-size);--luzmo-tag-height:var(--dataset-selector-row-tag-height);--luzmo-tag-spacing-inline-start:var(--dataset-selector-row-tag-spacing-inline-start);--luzmo-tag-icon-spacing-inline-end:var(--dataset-selector-row-tag-icon-spacing-inline-end);--luzmo-tag-label-spacing-inline-end:var(--dataset-selector-row-tag-label-spacing-inline-end);--luzmo-tag-clear-button-spacing-inline-start:var(--dataset-selector-row-tag-clear-button-spacing);--luzmo-tag-clear-button-spacing-inline-end:var(--dataset-selector-row-tag-clear-button-spacing);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,:host .selected-agent-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:var(--luzmo-component-height-s);--dataset-selector-row-font-size:var(--luzmo-font-size-s);--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-tag-height:var(--luzmo-component-height);--dataset-selector-row-tag-spacing-inline-start:var(--luzmo-spacing-3);--dataset-selector-row-tag-icon-spacing-inline-end:var(--luzmo-spacing-3);--dataset-selector-row-tag-label-spacing-inline-end:var(--luzmo-spacing-2);--dataset-selector-row-tag-clear-button-spacing:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--dataset-selector-row-search-max-width:23.75rem;--dataset-selector-row-search-popover-max-height:400px}:host([size=s]){--dataset-selector-row-min-height:var(--luzmo-component-height-xs);--dataset-selector-row-font-size:var(--luzmo-font-size-xs);--dataset-selector-row-tag-height:var(--luzmo-component-height-s);--dataset-selector-row-tag-spacing-inline-start:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--dataset-selector-row-tag-icon-spacing-inline-end:var(--luzmo-spacing-2);--dataset-selector-row-tag-clear-button-spacing:var(--luzmo-spacing-2)}:host([size=l]){--dataset-selector-row-gap:var(--luzmo-spacing-3);--dataset-selector-row-min-height:var(--luzmo-component-height);--dataset-selector-row-font-size:var(--luzmo-font-size-m);--dataset-selector-row-tag-height:var(--luzmo-component-height-l);--dataset-selector-row-tag-spacing-inline-start:var(--luzmo-spacing-4);--dataset-selector-row-tag-icon-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--dataset-selector-row-tag-label-spacing-inline-end:var(--luzmo-spacing-3);--dataset-selector-row-tag-clear-button-spacing:var(--luzmo-spacing-3)}:host([size=xl]){--dataset-selector-row-gap:var(--luzmo-spacing-3);--dataset-selector-row-min-height:var(--luzmo-component-height-l);--dataset-selector-row-font-size:var(--luzmo-font-size-l);--dataset-selector-row-tag-height:var(--luzmo-component-height-xl);--dataset-selector-row-tag-spacing-inline-start:var(--luzmo-spacing-5);--dataset-selector-row-tag-icon-spacing-inline-end:var(--luzmo-spacing-4);--dataset-selector-row-tag-label-spacing-inline-end:var(--luzmo-spacing-3);--dataset-selector-row-tag-clear-button-spacing:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}`,d=400,f=50,p=5,m=`dataset:`,h=`agent:`,g={s:`14px`,m:`16px`,l:`18px`,xl:`20px`},_={s:`12px`,m:`14px`,l:`16px`,xl:`18px`},v=[`datasets`,`agents`];function y(e,t){return t.length>0?[{header:!0,label:e},...t]:[]}var b=class extends e.n(o.LitElement,{validSizes:[`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.selectedDatasets=[],this.selectedAgent=null,this.hideAgents=!1,this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.appServer=`https://app.luzmo.com`,this.includePublicDatasets=!1,this.disabled=!1,this.disableDatasetModification=!1,this.hideDatasetIcons=!1,this._availableDatasets=[],this._availableAgents=[],this._removalAnnouncement=``,this._selectValue=[],this._retrieving=!1,this._showAllSelectedDatasets=!1,this._searchValue=``,this._activeSearchRequestId=0,this._searchDebounceTimer=null,this._announcementTimer=null,this._loadedSections=new Set,this._agentsLocale=n.t(),this._renderDatasetOptionIcon=e=>{if(this.hideDatasetIcons)return null;let t=e.value;if(typeof t!=`string`||!t.startsWith(m))return null;let n=t.slice(8),r=this._availableDatasets.find(e=>e.id===n);return r?o.html`
+      <luzmo-dataset-icon
+        slot="icon"
+        .datasetInfo=${r}
+        size=${_[this.size]??`14px`}
+        app-url=${this.appServer}
+      ></luzmo-dataset-icon>
+    `:null}}static{this.styles=(0,o.unsafeCSS)(u)}static{this.tagName=`luzmo-dataset-selector-row`}get flagOpendata(){return this.includePublicDatasets}set flagOpendata(e){this.includePublicDatasets=e}get _selectedDatasetIds(){return new Set(this.selectedDatasets.map(e=>e.id))}get _triggerLabel(){return this.buttonLabel===void 0?this.hideAgents?(0,c.msg)(`Add dataset`,{desc:`Label for the control that opens dataset search to add a dataset`}):(0,c.msg)(`Add dataset or agent`,{desc:`Label for the control that opens the dropdown listing both datasets and agents`}):this.buttonLabel}get _activeAgent(){return this.hideAgents?null:this.selectedAgent}get _visibleSections(){return this.hideAgents?[`datasets`]:v}get _unloadedSections(){return this._visibleSections.filter(e=>!this._loadedSections.has(e))}get _hasSelection(){return this.selectedDatasets.length>0||!!this._activeAgent}get _datasetModificationDisabled(){return this.disabled||this.disableDatasetModification}get _visibleSelectedDatasets(){let e=this.maxVisibleSelectedDatasets;return this._showAllSelectedDatasets||e===void 0||!Number.isFinite(e)?this.selectedDatasets:this.selectedDatasets.slice(0,Math.max(0,Math.floor(e)))}connectedCallback(){super.connectedCallback(),this._configureBroker()}disconnectedCallback(){this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),this._announcementTimer!==null&&(clearTimeout(this._announcementTimer),this._announcementTimer=null),super.disconnectedCallback()}willUpdate(e){super.willUpdate(e),this._agentsLocale!==n.t()&&(this._agentsLocale=n.t(),this._loadedSections.delete(`agents`)),(e.has(`authKey`)||e.has(`authToken`)||e.has(`apiUrl`))&&(this._configureBroker(),this._activeSearchRequestId++,this._loadedSections.clear(),this._availableDatasets=[],this._availableAgents=[],this._retrieving=!1)}_configureBroker(){r.n.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}async _loadAvailableOptions(e=this._visibleSections){let t=++this._activeSearchRequestId;e.forEach(e=>this._loadedSections.delete(e)),e.includes(`datasets`)&&(this._availableDatasets=[]),e.includes(`agents`)&&(this._availableAgents=[]),this._retrieving=this._getOptions().length===0;let i=()=>t===this._activeSearchRequestId;await Promise.all([(async()=>{if(e.includes(`datasets`))try{let e=await r.n.fetchApi(`/securable`,{action:`get`,version:`0.1.0`,find:this._generateQuery()});i()&&(this._availableDatasets=e.rows??[],this._loadedSections.add(`datasets`))}catch(e){console.error(`Error loading datasets:`,e)}})(),(async()=>{if(!e.includes(`agents`))return;let t=n.t();try{let e=await r.n.fetchApi(`/agent`,{action:`get`,version:`0.1.0`,find:this._generateAgentQuery()});i()&&t===n.t()&&(this._availableAgents=e.rows??[],this._loadedSections.add(`agents`))}catch(e){console.error(`Error loading agents:`,e)}})()]),i()&&(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:f,offset:0,...this._searchValue?{search:{match_types:[`name`,`description`],keyphrase:this._searchValue,securable_types:`dataset`},order:[[`name`,`asc`]]}:{order:[[`updated_at`,`desc`]]},...this.includePublicDatasets?{options:{public:null}}:{}}}_generateAgentQuery(){return{attributes:[`id`,`name`],limit:6,offset:0,order:[[`name`,`asc`,{case_sensitive:!1,locales:[n.t()]}]],...this._searchValue?{search:{match_types:[`name`],keyphrase:this._searchValue}}:{}}}_handleSearch(e){if(this._datasetModificationDisabled)return;let t=e.detail?.string??``;t!==this._searchValue&&(this._searchValue=t,this._loadedSections.clear(),this._activeSearchRequestId++,this._retrieving=!0,this._searchDebounceTimer!==null&&clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=window.setTimeout(()=>{this._loadAvailableOptions()},d))}_handleSearchOpened(){if(this._datasetModificationDisabled)return;this._searchValue=``;let e=this._unloadedSections;e.length>0&&this._loadAvailableOptions(e)}_handleSearchClosed(){this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),this._searchValue!==``&&(this._activeSearchRequestId++,this._searchValue=``,this._availableDatasets=[],this._availableAgents=[],this._loadedSections.clear()),this._retrieving=!1}_handleOptionSelected(e){if(this._datasetModificationDisabled)return;let t=e.detail?.value?.[0];if(this._selectValue=[],t?.startsWith(h)){this._selectAgent(t.slice(6));return}t?.startsWith(m)&&this._selectDataset(t.slice(8))}_selectAgent(e){let t=this._availableAgents.find(t=>t.id===e);!t||this.selectedAgent?.id===t.id||(this.selectedAgent=t,this.dispatchEvent(new CustomEvent(`luzmo-agent-selected`,{detail:t,bubbles:!0,composed:!0})))}_selectDataset(e){let t=this._availableDatasets.find(t=>t.id===e);if(t&&!this._selectedDatasetIds.has(t.id)){let e=[...this.selectedDatasets,t],n=this.maxVisibleSelectedDatasets;typeof n==`number`&&Number.isFinite(n)&&e.length>Math.floor(n)&&(this._showAllSelectedDatasets=!0),this.selectedDatasets=e,this.dispatchEvent(new CustomEvent(`dataset-selected`,{detail:t,bubbles:!0,composed:!0}))}}_handleDatasetRemoved(e){if(this._datasetModificationDisabled)return;let t=i.t(e),n=this.selectedDatasets.filter(t=>t.id!==e.id);this.selectedDatasets=n,this._announceRemoval(t),this.dispatchEvent(new CustomEvent(`dataset-removed`,{detail:e,bubbles:!0,composed:!0}))}_handleAgentRemoved(e){this._datasetModificationDisabled||(this.selectedAgent=null,this._announceRemoval(i.n(e)),this.dispatchEvent(new CustomEvent(`luzmo-agent-removed`,{detail:e,bubbles:!0,composed:!0})))}_announceRemoval(e){this._announcementTimer!==null&&clearTimeout(this._announcementTimer),this._removalAnnouncement=``,this._announcementTimer=window.setTimeout(()=>{this._removalAnnouncement=(0,c.msg)(c.str`Removed ${e}`,{desc:`Screen reader announcement when a selected tag is removed; the interpolated value is the dataset or agent name`}),this._announcementTimer=window.setTimeout(()=>{this._removalAnnouncement=``,this._announcementTimer=null},1e3)})}_renderDatasetTag(e){return o.html`
+      <luzmo-tag
+        class="selected-dataset-tag"
+        ?deletable=${!this._datasetModificationDisabled}
+        tabindex=${this._datasetModificationDisabled?-1:0}
+        aria-label=${this._datasetModificationDisabled?i.t(e):(0,c.msg)(c.str`Remove ${i.t(e)}`,{desc:`Accessible label for the delete control on a selected tag; the interpolated value is the dataset or agent name`})}
+        @delete=${this._createDatasetRemovedHandler(e)}
+      >
+        ${this.hideDatasetIcons?o.nothing:o.html`
+                <luzmo-dataset-icon
+                  slot="icon"
+                  .datasetInfo=${e}
+                  size=${g[this.size]??`16px`}
+                  app-url=${this.appServer}
+                ></luzmo-dataset-icon>
+              `}
+        <span class="dataset-tag-label">${i.t(e)}</span>
+      </luzmo-tag>
+    `}_renderAgentTag(e){let t=i.n(e);return o.html`
+      <luzmo-tag
+        class="selected-agent-tag"
+        ?deletable=${!this._datasetModificationDisabled}
+        tabindex=${this._datasetModificationDisabled?-1:0}
+        aria-label=${this._datasetModificationDisabled?t:(0,c.msg)(c.str`Remove ${t}`,{desc:`Accessible label for the delete control on a selected tag; the interpolated value is the dataset or agent name`})}
+        @delete=${()=>this._handleAgentRemoved(e)}
+      >
+        <luzmo-icon slot="icon" .icon=${a.luzmoRobot} .size=${this._oneSizeSmaller} aria-hidden="true"></luzmo-icon>
+        <span class="dataset-tag-label">${t}</span>
+      </luzmo-tag>
+    `}_getDatasetOptions(){return this._availableDatasets.filter(e=>!this._selectedDatasetIds.has(e.id)).map(e=>({value:`${m}${e.id}`,label:i.t(e),...this.hideDatasetIcons?{}:{icon:e.subtype===`upload`?a.luzmoFileUploadOutline:a.luzmoPlugin}}))}_getAgentOptions(){return this._availableAgents.filter(e=>e.id!==this.selectedAgent?.id).slice(0,p).map(e=>({value:`${h}${e.id}`,label:i.n(e),icon:a.luzmoRobot}))}_getOptions(){return this.hideAgents?this._getDatasetOptions():[...y((0,c.msg)(`Agents`,{desc:`Section header above the agents in the add dropdown`}),this._getAgentOptions()),...y((0,c.msg)(`Datasets`,{desc:`Section header above the datasets in the add dropdown`}),this._getDatasetOptions())]}_renderDatasetSearch(){return o.html`
+      <luzmo-select
+        class="dataset-search"
+        .size=${this.size}
+        search="on"
+        selects="single"
+        variant="highlight"
+        placement="bottom-start"
+        hide-dropdown-icon
+        no-wrap
+        .label=${this._triggerLabel}
+        .options=${this._getOptions()}
+        .value=${this._selectValue}
+        .retrieving=${this._retrieving}
+        .optionIconRenderer=${this._renderDatasetOptionIcon}
+        ?disabled=${this._datasetModificationDisabled}
+        @change=${this._handleOptionSelected}
+        @luzmo-search=${this._handleSearch}
+        @luzmo-opened=${this._handleSearchOpened}
+        @luzmo-closed=${this._handleSearchClosed}
+      >
+        <span slot="label" class="dataset-search-trigger-layout">
+          <luzmo-icon .icon=${a.luzmoPlus} .size=${this._oneSizeSmaller} aria-hidden="true"></luzmo-icon>
+          ${this._hasSelection?o.nothing:o.html`<span class="dataset-search-trigger-label">${this._triggerLabel}</span>`}
+        </span>
+        ${this._hasSelection?o.html`<luzmo-tooltip slot="tooltip" self-managed placement="top" .size=${this._oneSizeSmaller}>${this._triggerLabel}</luzmo-tooltip>`:o.nothing}
+      </luzmo-select>
+    `}get _oneSizeSmaller(){return{s:`xs`,m:`s`,l:`m`,xl:`l`}[this.size]??`s`}_createDatasetRemovedHandler(e){return()=>this._handleDatasetRemoved(e)}async _handleShowAllDatasets(){if(this.disabled)return;let e=this._visibleSelectedDatasets.length;this._showAllSelectedDatasets=!0,await this.updateComplete,this.shadowRoot?.querySelectorAll(`.selected-dataset-tag`)[e]?.focus()}render(){let e=this._visibleSelectedDatasets,t=this.selectedDatasets.length-e.length,n=t===1?(0,c.msg)(`Show 1 more selected dataset`,{desc:`Accessible label for the button that reveals one selected dataset tag hidden by the visible tag limit`}):(0,c.msg)(c.str`Show ${t} more selected datasets`,{desc:`Accessible label for the button that reveals selected dataset tags hidden by the visible tag limit`});return o.html`
+      ${this._renderDatasetSearch()}
+      ${this._hasSelection?o.html`
+            <luzmo-tags class="selected-datasets-tags" .size=${this.size}>
+              ${this._activeAgent?this._renderAgentTag(this._activeAgent):o.nothing}
+              ${(0,l.repeat)(e,e=>e.id,e=>this._renderDatasetTag(e))}
+            </luzmo-tags>
+            ${t>0?o.html`
+                    <luzmo-action-button
+                      class="show-more-datasets"
+                      .size=${this.size}
+                      quiet
+                      aria-label=${n}
+                      ?disabled=${this.disabled}
+                      @click=${this._handleShowAllDatasets}
+                    >
+                      ${(0,c.msg)(c.str`+ ${t} more`,{desc:`Button that reveals selected dataset tags hidden by the visible tag limit`})}
+                    </luzmo-action-button>
+                  `:o.nothing}
+          `:o.nothing}
+      <span class="sr-only" role="status" aria-live="polite">${this._removalAnnouncement}</span>
+    `}};t.t([(0,s.property)({type:Array})],b.prototype,`selectedDatasets`,void 0),t.t([(0,s.property)({attribute:!1})],b.prototype,`selectedAgent`,void 0),t.t([(0,s.property)({type:Boolean,reflect:!0,attribute:`hide-agents`})],b.prototype,`hideAgents`,void 0),t.t([(0,s.property)({type:String,attribute:`button-label`})],b.prototype,`buttonLabel`,void 0),t.t([(0,s.property)({type:String,attribute:`auth-key`})],b.prototype,`authKey`,void 0),t.t([(0,s.property)({type:String,attribute:`auth-token`})],b.prototype,`authToken`,void 0),t.t([(0,s.property)({type:String,attribute:`api-url`})],b.prototype,`apiUrl`,void 0),t.t([(0,s.property)({type:String,attribute:`app-server`})],b.prototype,`appServer`,void 0),t.t([(0,s.property)({type:Boolean,reflect:!0,attribute:`include-public-datasets`})],b.prototype,`includePublicDatasets`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`flag-opendata`})],b.prototype,`flagOpendata`,null),t.t([(0,s.property)({type:Boolean,reflect:!0,attribute:`disabled`})],b.prototype,`disabled`,void 0),t.t([(0,s.property)({type:Boolean,reflect:!0,attribute:`disable-dataset-modification`})],b.prototype,`disableDatasetModification`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`hide-dataset-icons`})],b.prototype,`hideDatasetIcons`,void 0),t.t([(0,s.property)({type:Number,reflect:!0,attribute:`max-visible-selected-datasets`})],b.prototype,`maxVisibleSelectedDatasets`,void 0),t.t([(0,s.state)()],b.prototype,`_availableDatasets`,void 0),t.t([(0,s.state)()],b.prototype,`_availableAgents`,void 0),t.t([(0,s.state)()],b.prototype,`_removalAnnouncement`,void 0),t.t([(0,s.state)()],b.prototype,`_selectValue`,void 0),t.t([(0,s.state)()],b.prototype,`_retrieving`,void 0),t.t([(0,s.state)()],b.prototype,`_showAllSelectedDatasets`,void 0),b=t.t([(0,c.localized)()],b),customElements.get(`luzmo-dataset-selector-row`)||customElements.define(`luzmo-dataset-selector-row`,b),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return b}});

package/components/dataset-selector-row-CERTR_-i.js

@@ -0,0 +1,454 @@
+/*! * 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 "./tokens-Ov1pCR4Y.js";
+import { n as e } from "./base-CH2yUuWp.js";
+import { t } from "./decorate-DyMgX_Uh.js";
+import { t as n } from "./set-locale-jywkF7Cd.js";
+import { n as r } from "./data-broker-BNXS5_qc.js";
+import { n as i, t as a } from "./get-dataset-name-DcVX3h2Y.js";
+import "./dataset-icon-DUtfpbLX.js";
+import { luzmoFileUploadOutline as o, luzmoPlugin as s, luzmoPlus as c, luzmoRobot as l } from "@luzmo/icons";
+import "@luzmo/lucero/icon";
+import { LitElement as u, html as d, nothing as f, unsafeCSS as p } from "lit";
+import { property as m, state as h } from "lit/decorators.js";
+import { localized as g, msg as _, str as v } from "@lit/localize";
+import "@luzmo/lucero/action-button";
+import "@luzmo/lucero/select";
+import "@luzmo/lucero/tags";
+import "@luzmo/lucero/tooltip";
+import { repeat as y } from "lit/directives/repeat.js";
+//#region src/components/dataset-selector-row/dataset-selector-row.module.scss?inline
+var b = ":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;--luzmo-options-section-header-color:var(--luzmo-font-color)}:host .selected-dataset-tag,:host .selected-agent-tag{--luzmo-tag-max-inline-size:var(--dataset-selector-row-tag-max-inline-size);--luzmo-tag-height:var(--dataset-selector-row-tag-height);--luzmo-tag-spacing-inline-start:var(--dataset-selector-row-tag-spacing-inline-start);--luzmo-tag-icon-spacing-inline-end:var(--dataset-selector-row-tag-icon-spacing-inline-end);--luzmo-tag-label-spacing-inline-end:var(--dataset-selector-row-tag-label-spacing-inline-end);--luzmo-tag-clear-button-spacing-inline-start:var(--dataset-selector-row-tag-clear-button-spacing);--luzmo-tag-clear-button-spacing-inline-end:var(--dataset-selector-row-tag-clear-button-spacing);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,:host .selected-agent-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:var(--luzmo-component-height-s);--dataset-selector-row-font-size:var(--luzmo-font-size-s);--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-tag-height:var(--luzmo-component-height);--dataset-selector-row-tag-spacing-inline-start:var(--luzmo-spacing-3);--dataset-selector-row-tag-icon-spacing-inline-end:var(--luzmo-spacing-3);--dataset-selector-row-tag-label-spacing-inline-end:var(--luzmo-spacing-2);--dataset-selector-row-tag-clear-button-spacing:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--dataset-selector-row-search-max-width:23.75rem;--dataset-selector-row-search-popover-max-height:400px}:host([size=s]){--dataset-selector-row-min-height:var(--luzmo-component-height-xs);--dataset-selector-row-font-size:var(--luzmo-font-size-xs);--dataset-selector-row-tag-height:var(--luzmo-component-height-s);--dataset-selector-row-tag-spacing-inline-start:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--dataset-selector-row-tag-icon-spacing-inline-end:var(--luzmo-spacing-2);--dataset-selector-row-tag-clear-button-spacing:var(--luzmo-spacing-2)}:host([size=l]){--dataset-selector-row-gap:var(--luzmo-spacing-3);--dataset-selector-row-min-height:var(--luzmo-component-height);--dataset-selector-row-font-size:var(--luzmo-font-size-m);--dataset-selector-row-tag-height:var(--luzmo-component-height-l);--dataset-selector-row-tag-spacing-inline-start:var(--luzmo-spacing-4);--dataset-selector-row-tag-icon-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--dataset-selector-row-tag-label-spacing-inline-end:var(--luzmo-spacing-3);--dataset-selector-row-tag-clear-button-spacing:var(--luzmo-spacing-3)}:host([size=xl]){--dataset-selector-row-gap:var(--luzmo-spacing-3);--dataset-selector-row-min-height:var(--luzmo-component-height-l);--dataset-selector-row-font-size:var(--luzmo-font-size-l);--dataset-selector-row-tag-height:var(--luzmo-component-height-xl);--dataset-selector-row-tag-spacing-inline-start:var(--luzmo-spacing-5);--dataset-selector-row-tag-icon-spacing-inline-end:var(--luzmo-spacing-4);--dataset-selector-row-tag-label-spacing-inline-end:var(--luzmo-spacing-3);--dataset-selector-row-tag-clear-button-spacing:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}", x = 400, S = 50, C = 5, w = "dataset:", T = "agent:", E = {
+	s: "14px",
+	m: "16px",
+	l: "18px",
+	xl: "20px"
+}, D = {
+	s: "12px",
+	m: "14px",
+	l: "16px",
+	xl: "18px"
+}, O = ["datasets", "agents"];
+function k(e, t) {
+	return t.length > 0 ? [{
+		header: !0,
+		label: e
+	}, ...t] : [];
+}
+var A = class extends e(u, { validSizes: [
+	"s",
+	"m",
+	"l",
+	"xl"
+] }) {
+	constructor(...e) {
+		super(...e), this.selectedDatasets = [], this.selectedAgent = null, this.hideAgents = !1, this.authKey = "", this.authToken = "", this.apiUrl = "https://api.luzmo.com", this.appServer = "https://app.luzmo.com", this.includePublicDatasets = !1, this.disabled = !1, this.disableDatasetModification = !1, this.hideDatasetIcons = !1, this._availableDatasets = [], this._availableAgents = [], this._removalAnnouncement = "", this._selectValue = [], this._retrieving = !1, this._showAllSelectedDatasets = !1, this._searchValue = "", this._activeSearchRequestId = 0, this._searchDebounceTimer = null, this._announcementTimer = null, this._loadedSections = /* @__PURE__ */ new Set(), this._agentsLocale = n(), this._renderDatasetOptionIcon = (e) => {
+			if (this.hideDatasetIcons) return null;
+			let t = e.value;
+			if (typeof t != "string" || !t.startsWith(w)) return null;
+			let n = t.slice(8), r = this._availableDatasets.find((e) => e.id === n);
+			return r ? d`
+      <luzmo-dataset-icon
+        slot="icon"
+        .datasetInfo=${r}
+        size=${D[this.size] ?? "14px"}
+        app-url=${this.appServer}
+      ></luzmo-dataset-icon>
+    ` : null;
+		};
+	}
+	static {
+		this.styles = p(b);
+	}
+	static {
+		this.tagName = "luzmo-dataset-selector-row";
+	}
+	get flagOpendata() {
+		return this.includePublicDatasets;
+	}
+	set flagOpendata(e) {
+		this.includePublicDatasets = e;
+	}
+	get _selectedDatasetIds() {
+		return new Set(this.selectedDatasets.map((e) => e.id));
+	}
+	get _triggerLabel() {
+		return this.buttonLabel === void 0 ? this.hideAgents ? _("Add dataset", { desc: "Label for the control that opens dataset search to add a dataset" }) : _("Add dataset or agent", { desc: "Label for the control that opens the dropdown listing both datasets and agents" }) : this.buttonLabel;
+	}
+	get _activeAgent() {
+		return this.hideAgents ? null : this.selectedAgent;
+	}
+	get _visibleSections() {
+		return this.hideAgents ? ["datasets"] : O;
+	}
+	get _unloadedSections() {
+		return this._visibleSections.filter((e) => !this._loadedSections.has(e));
+	}
+	get _hasSelection() {
+		return this.selectedDatasets.length > 0 || !!this._activeAgent;
+	}
+	get _datasetModificationDisabled() {
+		return this.disabled || this.disableDatasetModification;
+	}
+	get _visibleSelectedDatasets() {
+		let e = this.maxVisibleSelectedDatasets;
+		return this._showAllSelectedDatasets || e === void 0 || !Number.isFinite(e) ? this.selectedDatasets : this.selectedDatasets.slice(0, Math.max(0, Math.floor(e)));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._configureBroker();
+	}
+	disconnectedCallback() {
+		this._searchDebounceTimer !== null && (clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = null), this._announcementTimer !== null && (clearTimeout(this._announcementTimer), this._announcementTimer = null), super.disconnectedCallback();
+	}
+	willUpdate(e) {
+		super.willUpdate(e), this._agentsLocale !== n() && (this._agentsLocale = n(), this._loadedSections.delete("agents")), (e.has("authKey") || e.has("authToken") || e.has("apiUrl")) && (this._configureBroker(), this._activeSearchRequestId++, this._loadedSections.clear(), this._availableDatasets = [], this._availableAgents = [], this._retrieving = !1);
+	}
+	_configureBroker() {
+		r.configure({
+			authKey: this.authKey,
+			authToken: this.authToken,
+			apiUrl: this.apiUrl
+		});
+	}
+	async _loadAvailableOptions(e = this._visibleSections) {
+		let t = ++this._activeSearchRequestId;
+		e.forEach((e) => this._loadedSections.delete(e)), e.includes("datasets") && (this._availableDatasets = []), e.includes("agents") && (this._availableAgents = []), this._retrieving = this._getOptions().length === 0;
+		let i = () => t === this._activeSearchRequestId;
+		await Promise.all([(async () => {
+			if (e.includes("datasets")) try {
+				let e = await r.fetchApi("/securable", {
+					action: "get",
+					version: "0.1.0",
+					find: this._generateQuery()
+				});
+				i() && (this._availableDatasets = e.rows ?? [], this._loadedSections.add("datasets"));
+			} catch (e) {
+				console.error("Error loading datasets:", e);
+			}
+		})(), (async () => {
+			if (!e.includes("agents")) return;
+			let t = n();
+			try {
+				let e = await r.fetchApi("/agent", {
+					action: "get",
+					version: "0.1.0",
+					find: this._generateAgentQuery()
+				});
+				i() && t === n() && (this._availableAgents = e.rows ?? [], this._loadedSections.add("agents"));
+			} catch (e) {
+				console.error("Error loading agents:", e);
+			}
+		})()]), i() && (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: S,
+			offset: 0,
+			...this._searchValue ? {
+				search: {
+					match_types: ["name", "description"],
+					keyphrase: this._searchValue,
+					securable_types: "dataset"
+				},
+				order: [["name", "asc"]]
+			} : { order: [["updated_at", "desc"]] },
+			...this.includePublicDatasets ? { options: { public: null } } : {}
+		};
+	}
+	_generateAgentQuery() {
+		return {
+			attributes: ["id", "name"],
+			limit: 6,
+			offset: 0,
+			order: [[
+				"name",
+				"asc",
+				{
+					case_sensitive: !1,
+					locales: [n()]
+				}
+			]],
+			...this._searchValue ? { search: {
+				match_types: ["name"],
+				keyphrase: this._searchValue
+			} } : {}
+		};
+	}
+	_handleSearch(e) {
+		if (this._datasetModificationDisabled) return;
+		let t = e.detail?.string ?? "";
+		t !== this._searchValue && (this._searchValue = t, this._loadedSections.clear(), this._activeSearchRequestId++, this._retrieving = !0, this._searchDebounceTimer !== null && clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = window.setTimeout(() => {
+			this._loadAvailableOptions();
+		}, x));
+	}
+	_handleSearchOpened() {
+		if (this._datasetModificationDisabled) return;
+		this._searchValue = "";
+		let e = this._unloadedSections;
+		e.length > 0 && this._loadAvailableOptions(e);
+	}
+	_handleSearchClosed() {
+		this._searchDebounceTimer !== null && (clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = null), this._searchValue !== "" && (this._activeSearchRequestId++, this._searchValue = "", this._availableDatasets = [], this._availableAgents = [], this._loadedSections.clear()), this._retrieving = !1;
+	}
+	_handleOptionSelected(e) {
+		if (this._datasetModificationDisabled) return;
+		let t = e.detail?.value?.[0];
+		if (this._selectValue = [], t?.startsWith(T)) {
+			this._selectAgent(t.slice(6));
+			return;
+		}
+		t?.startsWith(w) && this._selectDataset(t.slice(8));
+	}
+	_selectAgent(e) {
+		let t = this._availableAgents.find((t) => t.id === e);
+		!t || this.selectedAgent?.id === t.id || (this.selectedAgent = t, this.dispatchEvent(new CustomEvent("luzmo-agent-selected", {
+			detail: t,
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	_selectDataset(e) {
+		let t = this._availableDatasets.find((t) => t.id === e);
+		if (t && !this._selectedDatasetIds.has(t.id)) {
+			let e = [...this.selectedDatasets, t], n = this.maxVisibleSelectedDatasets;
+			typeof n == "number" && Number.isFinite(n) && e.length > Math.floor(n) && (this._showAllSelectedDatasets = !0), this.selectedDatasets = e, this.dispatchEvent(new CustomEvent("dataset-selected", {
+				detail: t,
+				bubbles: !0,
+				composed: !0
+			}));
+		}
+	}
+	_handleDatasetRemoved(e) {
+		if (this._datasetModificationDisabled) return;
+		let t = a(e), n = this.selectedDatasets.filter((t) => t.id !== e.id);
+		this.selectedDatasets = n, this._announceRemoval(t), this.dispatchEvent(new CustomEvent("dataset-removed", {
+			detail: e,
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_handleAgentRemoved(e) {
+		this._datasetModificationDisabled || (this.selectedAgent = null, this._announceRemoval(i(e)), this.dispatchEvent(new CustomEvent("luzmo-agent-removed", {
+			detail: e,
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	_announceRemoval(e) {
+		this._announcementTimer !== null && clearTimeout(this._announcementTimer), this._removalAnnouncement = "", this._announcementTimer = window.setTimeout(() => {
+			this._removalAnnouncement = _(v`Removed ${e}`, { desc: "Screen reader announcement when a selected tag is removed; the interpolated value is the dataset or agent name" }), this._announcementTimer = window.setTimeout(() => {
+				this._removalAnnouncement = "", this._announcementTimer = null;
+			}, 1e3);
+		});
+	}
+	_renderDatasetTag(e) {
+		return d`
+      <luzmo-tag
+        class="selected-dataset-tag"
+        ?deletable=${!this._datasetModificationDisabled}
+        tabindex=${this._datasetModificationDisabled ? -1 : 0}
+        aria-label=${this._datasetModificationDisabled ? a(e) : _(v`Remove ${a(e)}`, { desc: "Accessible label for the delete control on a selected tag; the interpolated value is the dataset or agent name" })}
+        @delete=${this._createDatasetRemovedHandler(e)}
+      >
+        ${this.hideDatasetIcons ? f : d`
+                <luzmo-dataset-icon
+                  slot="icon"
+                  .datasetInfo=${e}
+                  size=${E[this.size] ?? "16px"}
+                  app-url=${this.appServer}
+                ></luzmo-dataset-icon>
+              `}
+        <span class="dataset-tag-label">${a(e)}</span>
+      </luzmo-tag>
+    `;
+	}
+	_renderAgentTag(e) {
+		let t = i(e);
+		return d`
+      <luzmo-tag
+        class="selected-agent-tag"
+        ?deletable=${!this._datasetModificationDisabled}
+        tabindex=${this._datasetModificationDisabled ? -1 : 0}
+        aria-label=${this._datasetModificationDisabled ? t : _(v`Remove ${t}`, { desc: "Accessible label for the delete control on a selected tag; the interpolated value is the dataset or agent name" })}
+        @delete=${() => this._handleAgentRemoved(e)}
+      >
+        <luzmo-icon slot="icon" .icon=${l} .size=${this._oneSizeSmaller} aria-hidden="true"></luzmo-icon>
+        <span class="dataset-tag-label">${t}</span>
+      </luzmo-tag>
+    `;
+	}
+	_getDatasetOptions() {
+		return this._availableDatasets.filter((e) => !this._selectedDatasetIds.has(e.id)).map((e) => ({
+			value: `${w}${e.id}`,
+			label: a(e),
+			...this.hideDatasetIcons ? {} : { icon: e.subtype === "upload" ? o : s }
+		}));
+	}
+	_getAgentOptions() {
+		return this._availableAgents.filter((e) => e.id !== this.selectedAgent?.id).slice(0, C).map((e) => ({
+			value: `${T}${e.id}`,
+			label: i(e),
+			icon: l
+		}));
+	}
+	_getOptions() {
+		return this.hideAgents ? this._getDatasetOptions() : [...k(_("Agents", { desc: "Section header above the agents in the add dropdown" }), this._getAgentOptions()), ...k(_("Datasets", { desc: "Section header above the datasets in the add dropdown" }), this._getDatasetOptions())];
+	}
+	_renderDatasetSearch() {
+		return d`
+      <luzmo-select
+        class="dataset-search"
+        .size=${this.size}
+        search="on"
+        selects="single"
+        variant="highlight"
+        placement="bottom-start"
+        hide-dropdown-icon
+        no-wrap
+        .label=${this._triggerLabel}
+        .options=${this._getOptions()}
+        .value=${this._selectValue}
+        .retrieving=${this._retrieving}
+        .optionIconRenderer=${this._renderDatasetOptionIcon}
+        ?disabled=${this._datasetModificationDisabled}
+        @change=${this._handleOptionSelected}
+        @luzmo-search=${this._handleSearch}
+        @luzmo-opened=${this._handleSearchOpened}
+        @luzmo-closed=${this._handleSearchClosed}
+      >
+        <span slot="label" class="dataset-search-trigger-layout">
+          <luzmo-icon .icon=${c} .size=${this._oneSizeSmaller} aria-hidden="true"></luzmo-icon>
+          ${this._hasSelection ? f : d`<span class="dataset-search-trigger-label">${this._triggerLabel}</span>`}
+        </span>
+        ${this._hasSelection ? d`<luzmo-tooltip slot="tooltip" self-managed placement="top" .size=${this._oneSizeSmaller}>${this._triggerLabel}</luzmo-tooltip>` : f}
+      </luzmo-select>
+    `;
+	}
+	get _oneSizeSmaller() {
+		return {
+			s: "xs",
+			m: "s",
+			l: "m",
+			xl: "l"
+		}[this.size] ?? "s";
+	}
+	_createDatasetRemovedHandler(e) {
+		return () => this._handleDatasetRemoved(e);
+	}
+	async _handleShowAllDatasets() {
+		if (this.disabled) return;
+		let e = this._visibleSelectedDatasets.length;
+		this._showAllSelectedDatasets = !0, await this.updateComplete, this.shadowRoot?.querySelectorAll(".selected-dataset-tag")[e]?.focus();
+	}
+	render() {
+		let e = this._visibleSelectedDatasets, t = this.selectedDatasets.length - e.length, n = t === 1 ? _("Show 1 more selected dataset", { desc: "Accessible label for the button that reveals one selected dataset tag hidden by the visible tag limit" }) : _(v`Show ${t} more selected datasets`, { desc: "Accessible label for the button that reveals selected dataset tags hidden by the visible tag limit" });
+		return d`
+      ${this._renderDatasetSearch()}
+      ${this._hasSelection ? d`
+            <luzmo-tags class="selected-datasets-tags" .size=${this.size}>
+              ${this._activeAgent ? this._renderAgentTag(this._activeAgent) : f}
+              ${y(e, (e) => e.id, (e) => this._renderDatasetTag(e))}
+            </luzmo-tags>
+            ${t > 0 ? d`
+                    <luzmo-action-button
+                      class="show-more-datasets"
+                      .size=${this.size}
+                      quiet
+                      aria-label=${n}
+                      ?disabled=${this.disabled}
+                      @click=${this._handleShowAllDatasets}
+                    >
+                      ${_(v`+ ${t} more`, { desc: "Button that reveals selected dataset tags hidden by the visible tag limit" })}
+                    </luzmo-action-button>
+                  ` : f}
+          ` : f}
+      <span class="sr-only" role="status" aria-live="polite">${this._removalAnnouncement}</span>
+    `;
+	}
+};
+//#endregion
+//#region src/components/dataset-selector-row/index.ts
+t([m({ type: Array })], A.prototype, "selectedDatasets", void 0), t([m({ attribute: !1 })], A.prototype, "selectedAgent", void 0), t([m({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-agents"
+})], A.prototype, "hideAgents", void 0), t([m({
+	type: String,
+	attribute: "button-label"
+})], A.prototype, "buttonLabel", void 0), t([m({
+	type: String,
+	attribute: "auth-key"
+})], A.prototype, "authKey", void 0), t([m({
+	type: String,
+	attribute: "auth-token"
+})], A.prototype, "authToken", void 0), t([m({
+	type: String,
+	attribute: "api-url"
+})], A.prototype, "apiUrl", void 0), t([m({
+	type: String,
+	attribute: "app-server"
+})], A.prototype, "appServer", void 0), t([m({
+	type: Boolean,
+	reflect: !0,
+	attribute: "include-public-datasets"
+})], A.prototype, "includePublicDatasets", void 0), t([m({
+	type: Boolean,
+	attribute: "flag-opendata"
+})], A.prototype, "flagOpendata", null), t([m({
+	type: Boolean,
+	reflect: !0,
+	attribute: "disabled"
+})], A.prototype, "disabled", void 0), t([m({
+	type: Boolean,
+	reflect: !0,
+	attribute: "disable-dataset-modification"
+})], A.prototype, "disableDatasetModification", void 0), t([m({
+	type: Boolean,
+	attribute: "hide-dataset-icons"
+})], A.prototype, "hideDatasetIcons", void 0), t([m({
+	type: Number,
+	reflect: !0,
+	attribute: "max-visible-selected-datasets"
+})], A.prototype, "maxVisibleSelectedDatasets", void 0), t([h()], A.prototype, "_availableDatasets", void 0), t([h()], A.prototype, "_availableAgents", void 0), t([h()], A.prototype, "_removalAnnouncement", void 0), t([h()], A.prototype, "_selectValue", void 0), t([h()], A.prototype, "_retrieving", void 0), t([h()], A.prototype, "_showAllSelectedDatasets", void 0), A = t([g()], A), customElements.get("luzmo-dataset-selector-row") || customElements.define("luzmo-dataset-selector-row", A);
+//#endregion
+export { A as t };