@luzmo/analytics-components-kit 1.0.8-beta.3 → 1.0.8-beta.5

package/components/{data-fields-select-BMDWXAMz.cjs → data-fields-select-D4Sxxb_Z.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require("./decorate-DCJt-2rt.cjs"),t=require("./localized-mixin-BbOPy_BO.cjs"),n=require("./calculate-data-field-icon-DenGmW74.cjs"),r=require("./localize-D3i4Epy_.cjs"),i=require("./convert-datasets-to-data-fields-B13rl1an.cjs"),a=require("./periods.const-Db0nXrwr.cjs");let o=require("@luzmo/icons"),s=require("lit"),c=require("lit/decorators.js"),l=require("@lit/localize");require("@luzmo/lucero/select");let u=require("@luzmo/lucero/utils");var d=`:host{font-family:var(--luzmo-font-family)}luzmo-select{--luzmo-option-icon-width:var(--data-fields-select-option-icon-width);width:100%}:host{--data-fields-select-option-icon-width:calc(var(--luzmo-font-size) * 1.4)}:host([size=xxs]),:host([size=xs]),:host([size=s]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-s) * 1.4)}:host([size=l]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-l) * 1.4)}:host([size=xl]),:host([size=xxl]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-xl) * 1.4)}`,f=`::level::`,p=(e,t)=>`${e}${f}${t}`,m=e=>{let t=e.indexOf(f);return t===-1?null:{columnId:e.slice(0,t),level:Number(e.slice(t+9))}},h=class extends t.t((0,u.SizedMixin)(u.LuzmoElement,{validSizes:Object.values(u.ElementSizes)})){constructor(...e){super(...e),this.contentLanguage=`en`,this.icons=`menu-only`,this.levels=`on`,this.allowEmpty=!1,this.selects=`single`,this.value=[],this.retrieving=!1,this.invalid=!1,this.clearable=!1,this.pending=!1,this.disabled=!1,this.search=`auto`,this.placement=`bottom-start`,this.datasetsDataFields=[],this._dataFieldsSelected=[],this._lastEmittedValue=`[]`,this._pendingAutoSelectEvent=!1}static get styles(){return[(0,s.unsafeCSS)(d)]}_isAdHocFormula(e){return`formula`in e&&typeof e.formula==`string`}_sendChangeEvent(){let e=JSON.stringify(this.value);e!==this._lastEmittedValue&&(this._lastEmittedValue=e,this.dispatchEvent(new CustomEvent(`luzmo-data-fields-selected`,{bubbles:!0,composed:!0,cancelable:!0,detail:{dataFields:this._dataFieldsSelected}})))}_toDataFieldData(e,t,n=!1){return n?i.r(t,e,{includeHidden:!0}):i.n(t,e,{includeHidden:!0})}_toAdHocFormulaFieldData(e,t){return{datasetId:t,formula:e.formula,type:e.type,name:e.label??{en:`Ad-hoc formula`},subtype:e.subtype??void 0,format:e.format}}_findFormulaMatch(e,t,n){for(let r of e)if(this._isAdHocFormula(r)){if(r.formula===t)return this._toAdHocFormulaFieldData(r,n)}else if(r.id===t)return this._toDataFieldData(r,n,!0);return null}_resolveDataFieldFromValue(e,t){let n=m(e),r=n?n.columnId:e;for(let i of t){let t=i.columns??[],a=i.formulas??[],o=t.find(e=>e.id===r);if(o){let e=this._toDataFieldData(o,i.id,!1);if(e&&n&&(e.level=n.level,this._isExpandableHierarchy(o))){let t=o.hierarchyLevels?.find(e=>e.level===n.level);t&&(e.name=t.name)}return e}let s=this._findFormulaMatch(a,e,i.id);if(s)return s}return null}setDataField(e){let t=e?.detail?.value??[];this._dataFieldsSelected=[];for(let e of t){let t=this._resolveDataFieldFromValue(e,this.datasetsDataFields);t&&this._dataFieldsSelected.push(t)}this.value=t,this._sendChangeEvent()}_normalizeValueForLevels(e){if(this.levels!==`off`)return e;let t=[];for(let n of e){let e=m(n)?.columnId??n;t.includes(e)||t.push(e)}return t}_findDataFieldsInDatasetsDataFields(e){this._dataFieldsSelected=[];for(let t of e){let e=this._resolveDataFieldFromValue(t,this.datasetsDataFields);e&&this._dataFieldsSelected.push(e)}}_getAutoSelectValue(){for(let e of this.datasetsDataFields){if(e?.columns?.length>0){let t=e.columns[0];return this._isExpandableDatetime(t)?this._buildDatetimeChildren(t)[0]?.value??null:this._isExpandableHierarchy(t)?this._buildHierarchyChildren(t)[0]?.value??null:t.id}for(let t of e?.formulas??[])if(!this._isAdHocFormula(t))return t.id}return null}_autoSelectInitialDataField(){if(this.value.length>0||this.allowEmpty||this.retrieving)return;let e=this._getAutoSelectValue();e&&this._resolveDataFieldFromValue(e,this.datasetsDataFields)&&(this._pendingAutoSelectEvent=!0,this.value=[e])}willUpdate(e){if(super.willUpdate(e),(e.has(`value`)||e.has(`datasetsDataFields`)||e.has(`allowEmpty`)||e.has(`retrieving`)||e.has(`levels`))&&this._autoSelectInitialDataField(),e.has(`value`)||e.has(`datasetsDataFields`)||e.has(`levels`)){if(e.has(`levels`)&&this.levels===`off`){let e=this._normalizeValueForLevels(this.value);JSON.stringify(e)!==JSON.stringify(this.value)&&(this._pendingAutoSelectEvent=!0,this.value=e)}this._findDataFieldsInDatasetsDataFields(this.value)}}updated(e){super.updated(e),this._pendingAutoSelectEvent&&e.has(`value`)&&this._dataFieldsSelected.length>0?(this._pendingAutoSelectEvent=!1,this._sendChangeEvent()):e.has(`value`)&&(this._lastEmittedValue=JSON.stringify(this.value))}_buildDatetimeChildren(e){let t=[],n=Math.min(Math.max(e.lowestLevel??1,1),a.n.length),r=Math.min(Math.max(e.highestLevel??1,1),a.n.length);for(let i=r;i<=n;i++)t.push({value:p(e.id,i),label:a.n[i-1]?.i18n()??``});return t}_buildHierarchyChildren(e){let t=[],n=e.hierarchyLevels??[];for(let i of n)i.level<1||t.push({value:p(e.id,i.level),label:r.t(i.name??{},this.contentLanguage)??``});return t}_isExpandableDatetime(e){let t=e.type;return this.levels!==`off`&&(t===`datetime`||t===`array[datetime]`)&&typeof e.lowestLevel==`number`}_isExpandableHierarchy(e){return this.levels!==`off`&&Array.isArray(e.hierarchyLevels)&&e.hierarchyLevels.length>2&&e.hierarchy_enabled===!0}render(){let e=[],t=this.icons!==`none`;for(let i of this.datasetsDataFields??[]){let a=i?.columns??[],s=i?.formulas??[];for(let i of a){let a={value:i.id,label:r.t(i?.name??{},this.contentLanguage)??``};t&&(a.icon=n.t(i,this.size)),this._isExpandableDatetime(i)?a.children=this._buildDatetimeChildren(i):this._isExpandableHierarchy(i)&&(a.children=this._buildHierarchyChildren(i)),e.push(a)}for(let i of s)if(this._isAdHocFormula(i)){let n=i.label?r.t(i.label,this.contentLanguage):(0,l.msg)(`Ad-hoc formula`),a={value:i.formula,label:n??(0,l.msg)(`Ad-hoc formula`)};t&&(a.icon=o.luzmoFormula),e.push(a)}else{let a={value:i.id,label:r.t(i?.name??{},this.contentLanguage)??``};t&&(a.icon=n.t(i,this.size)),e.push(a)}}let i=(0,l.msg)(`Select...`),a=this.pending?``:this.label||this.placeholder||i,c=this.pending||this.value.length===0?[]:this.value,u=this.icons===`none`||this.icons===`menu-only`?`none`:void 0;return s.html`<luzmo-select
+const e=require("./decorate-DCJt-2rt.cjs"),t=require("./localized-mixin-DZFYG6RG.cjs"),n=require("./calculate-data-field-icon-DenGmW74.cjs"),r=require("./localize-D3i4Epy_.cjs"),i=require("./convert-datasets-to-data-fields-B13rl1an.cjs"),a=require("./periods.const-Db0nXrwr.cjs");let o=require("@luzmo/icons"),s=require("lit"),c=require("lit/decorators.js"),l=require("@lit/localize");require("@luzmo/lucero/select");let u=require("@luzmo/lucero/utils");var d=`:host{font-family:var(--luzmo-font-family)}luzmo-select{--luzmo-option-icon-width:var(--data-fields-select-option-icon-width);width:100%}:host{--data-fields-select-option-icon-width:calc(var(--luzmo-font-size) * 1.4)}:host([size=xxs]),:host([size=xs]),:host([size=s]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-s) * 1.4)}:host([size=l]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-l) * 1.4)}:host([size=xl]),:host([size=xxl]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-xl) * 1.4)}`,f=`::level::`,p=(e,t)=>`${e}${f}${t}`,m=e=>{let t=e.indexOf(f);return t===-1?null:{columnId:e.slice(0,t),level:Number(e.slice(t+9))}},h=class extends t.t((0,u.SizedMixin)(u.LuzmoElement,{validSizes:Object.values(u.ElementSizes)})){constructor(...e){super(...e),this.contentLanguage=`en`,this.icons=`menu-only`,this.levels=`on`,this.allowEmpty=!1,this.selects=`single`,this.value=[],this.retrieving=!1,this.invalid=!1,this.clearable=!1,this.pending=!1,this.disabled=!1,this.search=`auto`,this.placement=`bottom-start`,this.datasetsDataFields=[],this._dataFieldsSelected=[],this._lastEmittedValue=`[]`,this._pendingAutoSelectEvent=!1}static get styles(){return[(0,s.unsafeCSS)(d)]}_isAdHocFormula(e){return`formula`in e&&typeof e.formula==`string`}_sendChangeEvent(){let e=JSON.stringify(this.value);e!==this._lastEmittedValue&&(this._lastEmittedValue=e,this.dispatchEvent(new CustomEvent(`luzmo-data-fields-selected`,{bubbles:!0,composed:!0,cancelable:!0,detail:{dataFields:this._dataFieldsSelected}})))}_toDataFieldData(e,t,n=!1){return n?i.r(t,e,{includeHidden:!0}):i.n(t,e,{includeHidden:!0})}_toAdHocFormulaFieldData(e,t){return{datasetId:t,formula:e.formula,type:e.type,name:e.label??{en:`Ad-hoc formula`},subtype:e.subtype??void 0,format:e.format}}_findFormulaMatch(e,t,n){for(let r of e)if(this._isAdHocFormula(r)){if(r.formula===t)return this._toAdHocFormulaFieldData(r,n)}else if(r.id===t)return this._toDataFieldData(r,n,!0);return null}_resolveDataFieldFromValue(e,t){let n=m(e),r=n?n.columnId:e;for(let i of t){let t=i.columns??[],a=i.formulas??[],o=t.find(e=>e.id===r);if(o){let e=this._toDataFieldData(o,i.id,!1);if(e&&n&&(e.level=n.level,this._isExpandableHierarchy(o))){let t=o.hierarchyLevels?.find(e=>e.level===n.level);t&&(e.name=t.name)}return e}let s=this._findFormulaMatch(a,e,i.id);if(s)return s}return null}setDataField(e){let t=e?.detail?.value??[];this._dataFieldsSelected=[];for(let e of t){let t=this._resolveDataFieldFromValue(e,this.datasetsDataFields);t&&this._dataFieldsSelected.push(t)}this.value=t,this._sendChangeEvent()}_normalizeValueForLevels(e){if(this.levels!==`off`)return e;let t=[];for(let n of e){let e=m(n)?.columnId??n;t.includes(e)||t.push(e)}return t}_findDataFieldsInDatasetsDataFields(e){this._dataFieldsSelected=[];for(let t of e){let e=this._resolveDataFieldFromValue(t,this.datasetsDataFields);e&&this._dataFieldsSelected.push(e)}}_getAutoSelectValue(){for(let e of this.datasetsDataFields){if(e?.columns?.length>0){let t=e.columns[0];return this._isExpandableDatetime(t)?this._buildDatetimeChildren(t)[0]?.value??null:this._isExpandableHierarchy(t)?this._buildHierarchyChildren(t)[0]?.value??null:t.id}for(let t of e?.formulas??[])if(!this._isAdHocFormula(t))return t.id}return null}_autoSelectInitialDataField(){if(this.value.length>0||this.allowEmpty||this.retrieving)return;let e=this._getAutoSelectValue();e&&this._resolveDataFieldFromValue(e,this.datasetsDataFields)&&(this._pendingAutoSelectEvent=!0,this.value=[e])}willUpdate(e){if(super.willUpdate(e),(e.has(`value`)||e.has(`datasetsDataFields`)||e.has(`allowEmpty`)||e.has(`retrieving`)||e.has(`levels`))&&this._autoSelectInitialDataField(),e.has(`value`)||e.has(`datasetsDataFields`)||e.has(`levels`)){if(e.has(`levels`)&&this.levels===`off`){let e=this._normalizeValueForLevels(this.value);JSON.stringify(e)!==JSON.stringify(this.value)&&(this._pendingAutoSelectEvent=!0,this.value=e)}this._findDataFieldsInDatasetsDataFields(this.value)}}updated(e){super.updated(e),this._pendingAutoSelectEvent&&e.has(`value`)&&this._dataFieldsSelected.length>0?(this._pendingAutoSelectEvent=!1,this._sendChangeEvent()):e.has(`value`)&&(this._lastEmittedValue=JSON.stringify(this.value))}_buildDatetimeChildren(e){let t=[],n=Math.min(Math.max(e.lowestLevel??1,1),a.n.length),r=Math.min(Math.max(e.highestLevel??1,1),a.n.length);for(let i=r;i<=n;i++)t.push({value:p(e.id,i),label:a.n[i-1]?.i18n()??``});return t}_buildHierarchyChildren(e){let t=[],n=e.hierarchyLevels??[];for(let i of n)i.level<1||t.push({value:p(e.id,i.level),label:r.t(i.name??{},this.contentLanguage)??``});return t}_isExpandableDatetime(e){let t=e.type;return this.levels!==`off`&&(t===`datetime`||t===`array[datetime]`)&&typeof e.lowestLevel==`number`}_isExpandableHierarchy(e){return this.levels!==`off`&&Array.isArray(e.hierarchyLevels)&&e.hierarchyLevels.length>2&&e.hierarchy_enabled===!0}render(){let e=[],t=this.icons!==`none`;for(let i of this.datasetsDataFields??[]){let a=i?.columns??[],s=i?.formulas??[];for(let i of a){let a={value:i.id,label:r.t(i?.name??{},this.contentLanguage)??``};t&&(a.icon=n.t(i,this.size)),this._isExpandableDatetime(i)?a.children=this._buildDatetimeChildren(i):this._isExpandableHierarchy(i)&&(a.children=this._buildHierarchyChildren(i)),e.push(a)}for(let i of s)if(this._isAdHocFormula(i)){let n=i.label?r.t(i.label,this.contentLanguage):(0,l.msg)(`Ad-hoc formula`),a={value:i.formula,label:n??(0,l.msg)(`Ad-hoc formula`)};t&&(a.icon=o.luzmoFormula),e.push(a)}else{let a={value:i.id,label:r.t(i?.name??{},this.contentLanguage)??``};t&&(a.icon=n.t(i,this.size)),e.push(a)}}let i=(0,l.msg)(`Select...`),a=this.pending?``:this.label||this.placeholder||i,c=this.pending||this.value.length===0?[]:this.value,u=this.icons===`none`||this.icons===`menu-only`?`none`:void 0;return s.html`<luzmo-select
         id="data-fields"
         .size=${this.size}
         .label=${a}

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../dataset-selector-list-BWgvikkr.cjs");exports.LuzmoDatasetSelectorList=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../dataset-selector-list-m1XmVt8T.cjs");exports.LuzmoDatasetSelectorList=e.t;

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

@@ -24,5 +24,5 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../dataset-selector-list-5y3eFlPa.js";
+import { t as e } from "../dataset-selector-list-CK9KzC1a.js";
 export { e as LuzmoDatasetSelectorList };

package/components/{dataset-selector-list-5y3eFlPa.js → dataset-selector-list-CK9KzC1a.js}

@@ -19,7 +19,7 @@
  * */
 import { t as e } from "./decorate-DyMgX_Uh.js";
 import { t } from "./data-broker-B0uUO5er.js";
-import { t as n } from "./get-dataset-name-CXdZ2oH_.js";
+import { t as n } from "./get-dataset-name-CIf7x0nh.js";
 import "./dataset-icon-CWT5Ju8w.js";
 import { LitElement as r, html as i, nothing as a, unsafeCSS as o } from "lit";
 import { property as s, state as c } from "lit/decorators.js";

package/components/{dataset-selector-list-BWgvikkr.cjs → dataset-selector-list-m1XmVt8T.cjs}

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

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

@@ -4,18 +4,22 @@ import '@luzmo/lucero/select';
 import '@luzmo/lucero/tags';
 import '@luzmo/lucero/tooltip';
 import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import type { Agent } from '../../types/agent.types';
 import type { Dataset } from '../../types/dataset.types';
 import '../dataset-icon';
 /**
  * @customElement luzmo-dataset-selector-row
- * @summary A row component for selecting and managing datasets with pills and overlay. Theme Lucero primitives (`luzmo-select`, options, popover, tags) with `--luzmo-select-*`, `--luzmo-popover-max-height`, `--luzmo-option-*`, `--luzmo-tag-*` on this host or an ancestor; optional `--luzmo-dataset-selector-row-*` overrides ACK row shell defaults (gap, typography, search max width, scoped popover height).
+ * @summary A row component for selecting and managing datasets with pills and overlay. The dropdown lists up to five saved Agents in a labelled section above the datasets, so a chat can be scoped to an agent from the same control; `hide-agents` turns that section off. Theme Lucero primitives (`luzmo-select`, options, popover, tags) with `--luzmo-select-*`, `--luzmo-popover-max-height`, `--luzmo-option-*`, `--luzmo-tag-*` on this host or an ancestor; optional `--luzmo-dataset-selector-row-*` overrides ACK row shell defaults (gap, typography, search max width, scoped popover height).
  * @fires {CustomEvent<Dataset>} dataset-selected - Fired when a dataset is selected
  * @fires {CustomEvent<Dataset>} dataset-removed - Fired when a dataset is removed
+ * @fires {CustomEvent<Agent>} luzmo-agent-selected - Fired when an agent is selected
+ * @fires {CustomEvent<Agent>} luzmo-agent-removed - Fired when the selected agent is removed
  *
  * @property {boolean} disabled - When true, disables all interactions: disables the add button, removes dataset pill delete buttons, and makes tags non-interactive
  * @property {boolean} disable-dataset-modification - When true, disables dataset search and removal while leaving informational controls interactive
  * @property {boolean} hide-dataset-icons - When true, hides dataset icons in selected tags and search options
  * @property {number} max-visible-selected-datasets - Maximum number of selected dataset tags shown before the overflow control; unset shows all tags
+ * @property {boolean} hide-agents - When true, hides the Agents section and ignores `selectedAgent`
  *
  * @property {string} --luzmo-dataset-selector-row-gap - Gap between row elements
  * @property {string} --luzmo-dataset-selector-row-min-height - Minimum height of the row
@@ -32,8 +36,18 @@ export declare class LuzmoDatasetSelectorRow extends LitElement {
      * Array of selected datasets
      */
     selectedDatasets: Dataset[];
-    /** Accessible label and hover tooltip text for the dataset search trigger */
-    buttonLabel: string;
+    /**
+     * The agent the chat is scoped to, or null
+     */
+    selectedAgent: Agent | null;
+    /**
+     * When true, hides the Agents section and ignores `selectedAgent`
+     */
+    hideAgents: boolean;
+    /**
+     * Accessible label and hover tooltip text for the search trigger
+     */
+    buttonLabel?: string;
     /**
      * Auth key for DataBroker authentication
      */
@@ -73,6 +87,7 @@ export declare class LuzmoDatasetSelectorRow extends LitElement {
     /** Maximum number of selected dataset tags shown before the overflow control; unset shows all tags. */
     maxVisibleSelectedDatasets?: number;
     private _availableDatasets;
+    private _availableAgents;
     private _removalAnnouncement;
     private _selectValue;
     private _retrieving;
@@ -80,22 +95,38 @@ export declare class LuzmoDatasetSelectorRow extends LitElement {
     private _searchValue;
     private _activeSearchRequestId;
     private _searchDebounceTimer;
+    private _announcementTimer;
+    private _loadedSections;
+    private _agentsLocale;
     private get _selectedDatasetIds();
+    private get _triggerLabel();
+    private get _activeAgent();
+    private get _visibleSections();
+    private get _unloadedSections();
+    private get _hasSelection();
     private get _datasetModificationDisabled();
     private get _visibleSelectedDatasets();
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues): void;
     private _configureBroker;
-    private _loadAvailableDatasets;
+    private _loadAvailableOptions;
     private _generateQuery;
+    private _generateAgentQuery;
     private _handleSearch;
     private _handleSearchOpened;
     private _handleSearchClosed;
-    private _handleDatasetSelected;
+    private _handleOptionSelected;
+    private _selectAgent;
+    private _selectDataset;
     private _handleDatasetRemoved;
+    private _handleAgentRemoved;
+    private _announceRemoval;
     private _renderDatasetTag;
+    private _renderAgentTag;
     private _getDatasetOptions;
+    private _getAgentOptions;
+    private _getOptions;
     private _renderDatasetOptionIcon;
     private _renderDatasetSearch;
     private _createDatasetRemovedHandler;

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../dataset-selector-row-BjyeiTVy.cjs");Object.defineProperty(exports,"LuzmoDatasetSelectorRow",{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../dataset-selector-row-B78ZLWQS.cjs");Object.defineProperty(exports,"LuzmoDatasetSelectorRow",{enumerable:!0,get:function(){return e.t}});

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

@@ -5,4 +5,5 @@ declare global {
     }
 }
 export { LuzmoDatasetSelectorRow } from './dataset-selector-row';
+export type { Agent } from '../../types/agent.types';
 export type { Dataset } from '../../types/dataset.types';

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

@@ -24,5 +24,5 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../dataset-selector-row-pEM8hLyJ.js";
+import { t as e } from "../dataset-selector-row-gBQl1Bza.js";
 export { e as LuzmoDatasetSelectorRow };

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

@@ -0,0 +1,102 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./decorate-DCJt-2rt.cjs"),t=require("./set-locale-v6POkwmC.cjs"),n=require("./data-broker-CyMYR6w1.cjs"),r=require("./get-dataset-name-BR_H1MNL.cjs");require("./dataset-icon-BAV0S4sZ.cjs");let i=require("@luzmo/icons");require("@luzmo/lucero/icon");let a=require("lit"),o=require("lit/decorators.js"),s=require("@lit/localize");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/select"),require("@luzmo/lucero/tags"),require("@luzmo/lucero/tooltip");let c=require("lit/directives/repeat.js");var l=`: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(--luzmo-component-height);--luzmo-tag-spacing-inline-start:var(--luzmo-spacing-3);--luzmo-tag-icon-spacing-inline-end:var(--luzmo-spacing-3);--luzmo-tag-label-spacing-inline-end:var(--luzmo-spacing-2);--luzmo-tag-clear-button-spacing-inline-start:.375rem;--luzmo-tag-clear-button-spacing-inline-end:.375rem;margin:0}:host .selected-datasets-tags{--luzmo-tag-group-item-margin-block:0;--luzmo-tag-group-item-margin-inline:0;display:contents}:host .selected-dataset-tag .dataset-tag-label,: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:1.75rem;--dataset-selector-row-font-size:.75rem;--dataset-selector-row-color:var(--luzmo-font-color-extra-dimmed);--dataset-selector-row-font-family:var(--luzmo-font-family);--dataset-selector-row-tag-max-inline-size:var(--luzmo-tag-max-inline-size,180px);--dataset-selector-row-search-max-width:23.75rem;--dataset-selector-row-search-popover-max-height:400px}`,u=400,d=50,f=5,p=`dataset:`,m=`agent:`,h=[`datasets`,`agents`];function g(e,t){return t.length>0?[{header:!0,label:e},...t]:[]}var _=class extends a.LitElement{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=t.t(),this._renderDatasetOptionIcon=e=>{if(this.hideDatasetIcons)return null;let t=e.value;if(typeof t!=`string`||!t.startsWith(p))return null;let n=t.slice(8),r=this._availableDatasets.find(e=>e.id===n);return r?a.html`
+      <luzmo-dataset-icon
+        slot="icon"
+        .datasetInfo=${r}
+        size="16px"
+        app-url=${this.appServer}
+      ></luzmo-dataset-icon>
+    `:null}}static{this.styles=(0,a.unsafeCSS)(l)}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,s.msg)(`Add dataset`,{desc:`Label for the control that opens dataset search to add a dataset`}):(0,s.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`]:h}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!==t.t()&&(this._agentsLocale=t.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(){n.t.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}async _loadAvailableOptions(e=this._visibleSections){let r=++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=()=>r===this._activeSearchRequestId;await Promise.all([(async()=>{if(e.includes(`datasets`))try{let e=await n.t.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 r=t.t();try{let e=await n.t.fetchApi(`/agent`,{action:`get`,version:`0.1.0`,find:this._generateAgentQuery()});i()&&r===t.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:d,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:[t.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()},u))}_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(m)){this._selectAgent(t.slice(6));return}t?.startsWith(p)&&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=r.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(r.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,s.msg)(s.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 a.html`
+      <luzmo-tag
+        class="selected-dataset-tag"
+        ?deletable=${!this._datasetModificationDisabled}
+        tabindex=${this._datasetModificationDisabled?-1:0}
+        aria-label=${this._datasetModificationDisabled?r.t(e):(0,s.msg)(s.str`Remove ${r.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?a.nothing:a.html`
+                <luzmo-dataset-icon
+                  slot="icon"
+                  .datasetInfo=${e}
+                  size="16px"
+                  app-url=${this.appServer}
+                ></luzmo-dataset-icon>
+              `}
+        <span class="dataset-tag-label">${r.t(e)}</span>
+      </luzmo-tag>
+    `}_renderAgentTag(e){let t=r.n(e);return a.html`
+      <luzmo-tag
+        class="selected-agent-tag"
+        ?deletable=${!this._datasetModificationDisabled}
+        tabindex=${this._datasetModificationDisabled?-1:0}
+        aria-label=${this._datasetModificationDisabled?t:(0,s.msg)(s.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=${i.luzmoRobot} size="s" 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:`${p}${e.id}`,label:r.t(e),...this.hideDatasetIcons?{}:{icon:e.subtype===`upload`?i.luzmoFileUploadOutline:i.luzmoPlugin}}))}_getAgentOptions(){return this._availableAgents.filter(e=>e.id!==this.selectedAgent?.id).slice(0,f).map(e=>({value:`${m}${e.id}`,label:r.n(e),icon:i.luzmoRobot}))}_getOptions(){return this.hideAgents?this._getDatasetOptions():[...g((0,s.msg)(`Agents`,{desc:`Section header above the agents in the add dropdown`}),this._getAgentOptions()),...g((0,s.msg)(`Datasets`,{desc:`Section header above the datasets in the add dropdown`}),this._getDatasetOptions())]}_renderDatasetSearch(){return a.html`
+      <luzmo-select
+        class="dataset-search"
+        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=${i.luzmoPlus} size="s" aria-hidden="true"></luzmo-icon>
+          ${this._hasSelection?a.nothing:a.html`<span class="dataset-search-trigger-label">${this._triggerLabel}</span>`}
+        </span>
+        ${this._hasSelection?a.html`<luzmo-tooltip slot="tooltip" self-managed placement="top" size="s">${this._triggerLabel}</luzmo-tooltip>`:a.nothing}
+      </luzmo-select>
+    `}_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,s.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,s.msg)(s.str`Show ${t} more selected datasets`,{desc:`Accessible label for the button that reveals selected dataset tags hidden by the visible tag limit`});return a.html`
+      ${this._renderDatasetSearch()}
+      ${this._hasSelection?a.html`
+            <luzmo-tags class="selected-datasets-tags">
+              ${this._activeAgent?this._renderAgentTag(this._activeAgent):a.nothing}
+              ${(0,c.repeat)(e,e=>e.id,e=>this._renderDatasetTag(e))}
+            </luzmo-tags>
+            ${t>0?a.html`
+                    <luzmo-action-button
+                      class="show-more-datasets"
+                      quiet
+                      aria-label=${n}
+                      ?disabled=${this.disabled}
+                      @click=${this._handleShowAllDatasets}
+                    >
+                      ${(0,s.msg)(s.str`+ ${t} more`,{desc:`Button that reveals selected dataset tags hidden by the visible tag limit`})}
+                    </luzmo-action-button>
+                  `:a.nothing}
+          `:a.nothing}
+      <span class="sr-only" role="status" aria-live="polite">${this._removalAnnouncement}</span>
+    `}};e.t([(0,o.property)({type:Array})],_.prototype,`selectedDatasets`,void 0),e.t([(0,o.property)({attribute:!1})],_.prototype,`selectedAgent`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`hide-agents`})],_.prototype,`hideAgents`,void 0),e.t([(0,o.property)({type:String,attribute:`button-label`})],_.prototype,`buttonLabel`,void 0),e.t([(0,o.property)({type:String,attribute:`auth-key`})],_.prototype,`authKey`,void 0),e.t([(0,o.property)({type:String,attribute:`auth-token`})],_.prototype,`authToken`,void 0),e.t([(0,o.property)({type:String,attribute:`api-url`})],_.prototype,`apiUrl`,void 0),e.t([(0,o.property)({type:String,attribute:`app-server`})],_.prototype,`appServer`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`include-public-datasets`})],_.prototype,`includePublicDatasets`,void 0),e.t([(0,o.property)({type:Boolean,attribute:`flag-opendata`})],_.prototype,`flagOpendata`,null),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`disabled`})],_.prototype,`disabled`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`disable-dataset-modification`})],_.prototype,`disableDatasetModification`,void 0),e.t([(0,o.property)({type:Boolean,attribute:`hide-dataset-icons`})],_.prototype,`hideDatasetIcons`,void 0),e.t([(0,o.property)({type:Number,reflect:!0,attribute:`max-visible-selected-datasets`})],_.prototype,`maxVisibleSelectedDatasets`,void 0),e.t([(0,o.state)()],_.prototype,`_availableDatasets`,void 0),e.t([(0,o.state)()],_.prototype,`_availableAgents`,void 0),e.t([(0,o.state)()],_.prototype,`_removalAnnouncement`,void 0),e.t([(0,o.state)()],_.prototype,`_selectValue`,void 0),e.t([(0,o.state)()],_.prototype,`_retrieving`,void 0),e.t([(0,o.state)()],_.prototype,`_showAllSelectedDatasets`,void 0),_=e.t([(0,s.localized)()],_),customElements.get(`luzmo-dataset-selector-row`)||customElements.define(`luzmo-dataset-selector-row`,_),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});