@luzmo/analytics-components-kit 1.0.1-beta.2 → 1.0.1

package/components/filters-DaPTSt9B.cjs

@@ -0,0 +1,323 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./localized-mixin-FYdeD8xw.cjs`),n=require(`./type-check-B3D6_Mcx.cjs`),r=require(`./localize-1PfTYVMY.cjs`),i=require(`./data-broker-mFGFQfak.cjs`),a=require(`./periods.const-DhGqpGg4.cjs`);let o=require(`@luzmo/icons`),s=require(`lit`),c=require(`lit/decorators.js`),l=require(`@lit/localize`),u=require(`lit/directives/repeat.js`);require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/field-label`),require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/text-field`),require(`@luzmo/lucero/number-field`),require(`@luzmo/lucero/picker`);let d=require(`lit/directives/if-defined.js`);require(`@luzmo/lucero/menu`),require(`@luzmo/lucero/select`),require(`@luzmo/lucero/button`);let f=require(`@luzmo/lucero/utils`);require(`@luzmo/lucero/date-time-picker`);function p(e){return typeof e==`object`&&!!e&&`condition`in e&&`filters`in e}function m(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function h(e){if(!Array.isArray(e)||e.length===0)return[];let t=m(e[0])?e[0]:void 0,n=e.length>1?e[1]:void 0;return e.length>1?[t,n]:[t]}function g(e){return typeof e.expression!=`string`||e.expression.length===0?null:{expression:e.expression,parameters:h(e.parameters)}}function _(e){if(!e||!e.filters)return{condition:`and`,filters:[],subGroups:[]};let t=[],n=[];for(let r of e.filters)if(p(r))n.push(_(r));else{let e=g(r);e&&t.push(e)}return{condition:e.condition?.toLowerCase()===`or`?`or`:`and`,filters:t,subGroups:n}}function v(e){return e?[_(e)]:[]}function y(e){return{expression:e.expression,parameters:Array.isArray(e.parameters)?[...e.parameters]:[]}}function b(e){let t=e.subGroups??[];return{condition:e.condition===`or`?`OR`:`AND`,filters:[...e.filters.map(y),...t.map(e=>b(e))]}}function x(e){return!e||e.length===0?[]:e.map(e=>b(e))}const S=()=>[{id:`? = ?`,key:`? = ?`,expression:`? = ?`,name:(0,l.msg)(`equals`,{desc:`Filter expression for equals comparison`}),description:(0,l.msg)(`equals`,{desc:`Filter expression for equals comparison`}),tiny:(0,l.msg)(`eq`,{desc:`Short form of equals comparison`}),type:[`numeric`,`hierarchy`],subtype:[`ip_address`]},{id:`? != ?`,key:`? != ?`,expression:`? != ?`,name:(0,l.msg)(`not equals`,{desc:`Filter expression for not equals comparison`}),description:(0,l.msg)(`not equals`,{desc:`Filter expression for not equals comparison`}),tiny:(0,l.msg)(`not eq`,{desc:`Short form of not equals comparison`}),type:[`numeric`,`hierarchy`],subtype:[`ip_address`]},{id:`? in ?`,key:`? in ?`,expression:`? in ?`,name:(0,l.msg)(`is in`,{desc:`Filter expression for in comparison`}),description:(0,l.msg)(`is in`,{desc:`Filter expression for in comparison`}),tiny:(0,l.msg)(`is in`,{desc:`Filter expression for in comparison`}),type:[`numeric`,`hierarchy`],subtype:[`ip_address`]},{id:`? not in ?`,key:`? not in ?`,expression:`? not in ?`,name:(0,l.msg)(`is not in`,{desc:`Filter expression for not in comparison`}),description:(0,l.msg)(`is not in`,{desc:`Filter expression for not in comparison`}),tiny:(0,l.msg)(`is not in`,{desc:`Filter expression for not in comparison`}),type:[`numeric`,`hierarchy`],subtype:[`ip_address`]},{id:`? like ?`,key:`? like ?`,expression:`? like ?`,name:(0,l.msg)(`contains`,{desc:`Filter expression for contains comparison`}),description:(0,l.msg)(`contains`,{desc:`Filter expression for contains comparison`}),tiny:(0,l.msg)(`cont`,{desc:`Short form of contains comparison in filter expression`}),type:[`hierarchy`],subtype:[`ip_address`]},{id:`? not like ?`,key:`? not like ?`,expression:`? not like ?`,name:(0,l.msg)(`does not contain`,{desc:`Filter expression for does not contain comparison`}),description:(0,l.msg)(`does not contain`,{desc:`Filter expression for does not contain comparison`}),tiny:(0,l.msg)(`not cont`,{desc:`Short form of does not contain comparison in filter expression`}),type:[`hierarchy`],subtype:[`ip_address`]},{id:`? starts with ?`,key:`? starts with ?`,expression:`? starts with ?`,name:(0,l.msg)(`starts with`,{desc:`Filter expression for starts with comparison`}),description:(0,l.msg)(`starts with`,{desc:`Filter expression for starts with comparison`}),tiny:(0,l.msg)(`starts with`,{desc:`Filter expression for starts with comparison`}),type:[`hierarchy`],subtype:[`ip_address`]},{id:`? not starts with ?`,key:`? not starts with ?`,expression:`? not starts with ?`,name:(0,l.msg)(`does not start with`,{desc:`Filter expression for does not start with comparison`}),description:(0,l.msg)(`does not start with`,{desc:`Filter expression for does not start with comparison`}),tiny:(0,l.msg)(`not starts with`,{desc:`Short form of does not start with comparison in filter expression`}),type:[`hierarchy`],subtype:[`ip_address`]},{id:`? ends with ?`,key:`? ends with ?`,expression:`? ends with ?`,name:(0,l.msg)(`ends with`,{desc:`Filter expression for ends with comparison`}),description:(0,l.msg)(`ends with`,{desc:`Filter expression for ends with comparison`}),tiny:(0,l.msg)(`ends with`,{desc:`Filter expression for ends with comparison`}),type:[`hierarchy`],subtype:[`ip_address`]},{id:`? not ends with ?`,key:`? not ends with ?`,expression:`? not ends with ?`,name:(0,l.msg)(`does not end with`,{desc:`Filter expression for does not end with comparison`}),description:(0,l.msg)(`does not end with`,{desc:`Filter expression for does not end with comparison`}),tiny:(0,l.msg)(`not ends with`,{desc:`Short form of does not end with comparison in filter expression`}),type:[`hierarchy`],subtype:[`ip_address`]},{id:`? < ?`,key:`? < ?`,expression:`? < ?`,name:(0,l.msg)(`less than`,{desc:`Filter expression for less than comparison`}),description:(0,l.msg)(`less than`,{desc:`Filter expression for less than comparison`}),tiny:`<`,type:[`numeric`,`datetime`],subtype:[`ip_address`]},{id:`? <= ?`,key:`? <= ?`,expression:`? <= ?`,name:(0,l.msg)(`less than or equal`,{desc:`Filter expression for less than or equal comparison`}),description:(0,l.msg)(`less than or equal`,{desc:`Filter expression for less than or equal comparison`}),tiny:`<=`,type:[`numeric`,`datetime`],subtype:[`ip_address`]},{id:`? > ?`,key:`? > ?`,expression:`? > ?`,name:(0,l.msg)(`greater than`,{desc:`Filter expression for greater than comparison`}),description:(0,l.msg)(`greater than`,{desc:`Filter expression for greater than comparison`}),tiny:`>`,type:[`numeric`,`datetime`],subtype:[`ip_address`]},{id:`? >= ?`,key:`? >= ?`,expression:`? >= ?`,name:(0,l.msg)(`greater than or equal`,{desc:`Filter expression for greater than or equal comparison`}),description:(0,l.msg)(`greater than or equal`,{desc:`Filter expression for greater than or equal comparison`}),tiny:`>=`,type:[`numeric`,`datetime`],subtype:[`ip_address`]},{id:`? between ?`,key:`? between ?`,expression:`? between ?`,name:(0,l.msg)(`is between`,{desc:`Filter expression for between comparison`}),description:(0,l.msg)(`is between`,{desc:`Filter expression for between comparison`}),tiny:(0,l.msg)(`between`,{desc:`Short form of between comparison in filter expression`}),type:[],subtype:[`ip_address`]},{id:`last_now`,key:`last_now`,expression:`last_now`,name:(0,l.msg)(`last (x) periods`,{desc:`Filter expression for last (x) periods`}),description:(0,l.msg)(`last (x) periods`,{desc:`Filter expression for last (x) periods`}),tiny:(0,l.msg)(`last`,{desc:`Short form of last (x) periods in filter expression`}),type:[`datetime`]},{id:`last_available`,key:`last_available`,expression:`last_available`,name:(0,l.msg)(`last (x) available periods`,{desc:`Filter expression for last (x) available periods`}),description:(0,l.msg)(`last (x) available periods`,{desc:`Filter expression for last (x) available periods`}),tiny:(0,l.msg)(`last available`,{desc:`Short form of last (x) available periods in filter expression`}),type:[`datetime`]},{id:`last_completed`,key:`last_completed`,expression:`last_completed`,name:(0,l.msg)(`last completed period`,{desc:`Filter expression for last completed period`}),description:(0,l.msg)(`last completed (period)`,{desc:`Filter expression for last completed period`}),tiny:(0,l.msg)(`last completed`,{desc:`Short form of last completed period in filter expression`}),type:[`datetime`]},{id:`next_now`,key:`next_now`,expression:`next_now`,name:(0,l.msg)(`next (x) periods`,{desc:`Filter expression for next (x) periods`}),description:(0,l.msg)(`next (x) periods`,{desc:`Filter expression for next (x) periods`}),tiny:(0,l.msg)(`next`,{desc:`Short form of next (x) periods in filter expression`}),type:[`datetime`]},{id:`more_than_ago`,key:`more_than_ago`,expression:`more_than_ago`,name:(0,l.msg)(`more than (x) periods ago`,{desc:`Filter expression for more than (x) periods ago`}),description:(0,l.msg)(`more than (x) periods ago`,{desc:`Filter expression for more than (x) periods ago`}),tiny:(0,l.msg)(`more than ago`,{desc:`Short form of more than (x) periods ago in filter expression`}),type:[`datetime`]},{id:`or_more_ago`,key:`or_more_ago`,expression:`or_more_ago`,name:(0,l.msg)(`(x) periods or more ago`,{desc:`Filter expression for (x) periods or more ago`}),description:(0,l.msg)(`(x) periods or more ago`,{desc:`Filter expression for (x) periods or more ago`}),tiny:(0,l.msg)(`or more ago`,{desc:`Short form of (x) periods or more ago in filter expression`}),type:[`datetime`]},{id:`next_full`,key:`next_full`,expression:`next_full`,name:(0,l.msg)(`next full (period)`,{desc:`Filter expression for next full period`}),description:(0,l.msg)(`next full (period)`,{desc:`Filter expression for next full period`}),tiny:(0,l.msg)(`next full`,{desc:`Short form of next full period in filter expression`}),type:[`datetime`]},{id:`WTD`,key:`to_date`,expression:`to_date`,unit:4,name:(0,l.msg)(`week to date`,{desc:`Filter expression for week to date`}),description:(0,l.msg)(`week to date`,{desc:`Filter expression for week to date`}),tiny:(0,l.msg)(`WTD`,{desc:`Short form of week to date in filter expression`}),type:[`datetime`]},{id:`MTD`,key:`to_date`,expression:`to_date`,unit:3,name:(0,l.msg)(`month to date`,{desc:`Filter expression for month to date`}),description:(0,l.msg)(`month to date`,{desc:`Filter expression for month to date`}),tiny:(0,l.msg)(`MTD`,{desc:`Short form of month to date in filter expression`}),type:[`datetime`]},{id:`QTD`,key:`to_date`,expression:`to_date`,unit:2,name:(0,l.msg)(`quarter to date`,{desc:`Filter expression for quarter to date`}),description:(0,l.msg)(`quarter to date`,{desc:`Filter expression for quarter to date`}),tiny:(0,l.msg)(`QTD`,{desc:`Short form of quarter to date in filter expression`}),type:[`datetime`]},{id:`YTD`,key:`to_date`,expression:`to_date`,unit:1,name:(0,l.msg)(`year to date`,{desc:`Filter expression for year to date`}),description:(0,l.msg)(`year to date`,{desc:`Filter expression for year to date`}),tiny:(0,l.msg)(`YTD`,{desc:`Short form of year to date in filter expression`}),type:[`datetime`]},{id:`? is null`,key:`? is null`,expression:`? is null`,name:(0,l.msg)(`is missing`,{desc:`Filter expression for is missing`}),description:(0,l.msg)(`is missing`,{desc:`Filter expression for is missing`}),tiny:(0,l.msg)(`missing`,{desc:`Short form of is missing in filter expression`}),type:[`numeric`,`datetime`,`hierarchy`,`spatial`],subtype:[`ip_address`]},{id:`? is not null`,key:`? is not null`,expression:`? is not null`,name:(0,l.msg)(`is not missing`,{desc:`Filter expression for is not missing`}),description:(0,l.msg)(`is not missing`,{desc:`Filter expression for is not missing`}),tiny:(0,l.msg)(`not missing`,{desc:`Short form of is not missing in filter expression`}),type:[`numeric`,`datetime`,`hierarchy`,`spatial`],subtype:[`ip_address`]}],C=(e,t,n)=>{let r=new Set([`? in ?`,`? not in ?`]);return!e&&!t?S():S().filter(i=>(e&&i.type.includes(e)||t&&i.subtype?.includes(t))&&!(n&&r.has(i.key)))};var w=`:host{font-family:var(--luzmo-font-family);--var:blue}`,T=class extends t.t((0,f.SizedMixin)(f.LuzmoElement,{validSizes:Object.values(f.ElementSizes)})){constructor(...e){super(...e),this.hasLabel=!1,this.allowEmpty=!1,this.placeholder=``,this.disabled=!1,this.invalid=!1,this.isFormula=!1,this._expressionConfigurations=S()}static get styles(){return[(0,s.unsafeCSS)(w)]}_sendChangeEvent(){if(this.disabled)return;let e={expression:this.filter?.expression};this.filter?.parameters?.[1]?.unit&&(e.unit=this.filter?.parameters?.[1]?.unit),this.dispatchEvent(new CustomEvent(`luzmo-expression-selected`,{bubbles:!0,composed:!0,cancelable:!0,detail:e}))}setExpression(e){this._richExpression=e?.detail?.value?.[0];let t=this._expressionConfigurations.find(e=>e.id===this._richExpression),n=structuredClone(this.filter);n.expression=t?.expression,t?.unit&&(this._unit=t.unit,n?.parameters[0]&&(n.parameters[1]={unit:this._unit})),this.filter=n,this._sendChangeEvent()}willUpdate(e){super.willUpdate(e);let t=e.has(`filter`),n=e.has(`type`),r=e.has(`subtype`),i=e.has(`isFormula`),a=C(this.type,this.subtype,this.isFormula),o=[`YTD`,`QTD`,`MTD`,`WTD`];if(this.filter?.expression===`to_date`){let e=this.filter?.parameters[1]?.unit??1;this._unit=e,this._richExpression=o[e-1]??`YTD`}else this._richExpression=this.filter?.expression;(n||r||i||t)&&this.filter&&!this.disabled&&!a?.find(e=>e.expression===this.filter?.expression)?(this.invalid=!0,console.warn(`Warning: ${this.filter?.expression} is not valid given the type: ${this.type} and subtype: ${this.subtype}`)):this.invalid=!1,!this.filter?.expression&&!this.allowEmpty&&(this._richExpression=a?.[0]?.id,this.filter={...this.filter,expression:this._richExpression},this._sendChangeEvent())}render(){let e=C(this.type,this.subtype,this.isFormula)?.map(e=>({value:e.id,label:e.description,shortLabel:e.tiny})),t=this.disabled||!this.filter?.expression&&!this.allowEmpty,n=s.html`<luzmo-field-label
+      for="expression"
+      size=${this.size}
+      >${this.label??(0,l.msg)(`Select an expression`,{desc:`Label for expression picker`})}</luzmo-field-label
+    >`,r=this.hasLabel?this.placeholder??(0,l.msg)(`Select...`):this.placeholder||this.label||(0,l.msg)(`Filter expression`,{desc:`Accessible label for expression picker`});return s.html`${this.hasLabel?n:``}
+      <luzmo-select
+        label=${r}
+        id="expression"
+        size=${this.size}
+        variant="highlight"
+        selects="single"
+        .language=${this.language}
+        ?disabled=${t}
+        ?invalid=${this.invalid}
+        .options=${e}
+        .value=${[this._richExpression]}
+        @change=${this.setExpression}
+      >
+      </luzmo-select>`}};t.n([(0,c.property)({type:String,reflect:!0})],T.prototype,`filter`,void 0),t.n([(0,c.property)({type:Boolean,attribute:`has-label`,reflect:!0})],T.prototype,`hasLabel`,void 0),t.n([(0,c.property)({type:String,reflect:!0})],T.prototype,`label`,void 0),t.n([(0,c.property)({type:Boolean,attribute:`allow-empty`,reflect:!0})],T.prototype,`allowEmpty`,void 0),t.n([(0,c.property)({type:String,attribute:`placeholder`,reflect:!0})],T.prototype,`placeholder`,void 0),t.n([(0,c.property)({type:Boolean,attribute:`disabled`,reflect:!0})],T.prototype,`disabled`,void 0),t.n([(0,c.property)({type:String,attribute:`type`,reflect:!0})],T.prototype,`type`,void 0),t.n([(0,c.property)({type:String,attribute:`subtype`,reflect:!0})],T.prototype,`subtype`,void 0),t.n([(0,c.property)({type:Boolean,attribute:`invalid`,reflect:!0})],T.prototype,`invalid`,void 0),t.n([(0,c.property)({type:Boolean,attribute:`is-formula`,reflect:!0})],T.prototype,`isFormula`,void 0),t.n([(0,c.state)()],T.prototype,`_richExpression`,void 0),t.n([(0,c.state)()],T.prototype,`_unit`,void 0),T=t.n([(0,l.localized)()],T),customElements.get(`luzmo-filter-expression-picker`)||customElements.define(`luzmo-filter-expression-picker`,T);var E=`:host{--var:blue}`,D=`:host{gap:var(--luzmo-filter-value-picker-datetime-gap,var(--filter-value-picker-datetime-gap));--filter-value-picker-datetime-gap:var(--luzmo-spacing-3);flex-direction:row;flex-shrink:1;min-width:0;display:flex}:host([size=s]){--filter-value-picker-datetime-gap:var(--luzmo-spacing-2)}:host([size=m]){--filter-value-picker-datetime-gap:var(--luzmo-spacing-3)}:host([size=l]){--filter-value-picker-datetime-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]){--filter-value-picker-datetime-gap:var(--luzmo-spacing-4)}`,O=class extends t.t((0,f.SizedMixin)(f.LuzmoElement,{validSizes:Object.values(f.ElementSizes)})){constructor(...e){super(...e),this.contentLanguage=`en`}static get styles(){return[(0,s.unsafeCSS)(D)]}willUpdate(e){super.willUpdate(e),e.get(`filter`)&&([`last_now`,`last_available`,`next_now`,`more_than_ago`,`or_more_ago`].includes(this.filter?.expression)?this.filter.parameters[1]={quantity:this.filter?.parameters?.[1]?.quantity??1,unit:this.filter?.parameters?.[1]?.unit??1}:[`last_completed`,`next_full`,`to_date`].includes(this.filter?.expression)?this.filter.parameters[1]={unit:this.filter?.parameters?.[1]?.unit??1}:this.filter.parameters[1]=typeof this.filter.parameters[1]==`string`?this.filter.parameters[1]:new Date().toISOString())}_sendChangeEvent(){this.filter.parameters=[{...this.filter?.parameters?.[0]},this._value],this.dispatchEvent(new CustomEvent(`luzmo-filter-value-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this._value}}))}setDate(e){this._value=e.detail.value,this._value!==this.filter?.parameters?.[1]&&this._sendChangeEvent()}setUnit(e){let t=a.n.find(t=>t.key===e?.target?.value)?.level;this.filter?.parameters?.[1]?.unit!==t&&(this._value={unit:t??1,quantity:this.filter?.parameters?.[1]?.quantity??1},this._sendChangeEvent())}setQuantity(e){let t=e?.target?.value;this.filter?.parameters?.[1]?.quantity!==t&&(this._value={quantity:t,unit:this.filter?.parameters?.[1]?.unit??1},this._sendChangeEvent())}renderDatePicker(){let e=`second`;return this.filter?.parameters?.[0]?.lowestLevel>4&&(e=this.filter?.parameters?.[0]?.lowestLevel===5?`day`:this.filter?.parameters?.[0]?.lowestLevel===6?`hour`:this.filter?.parameters?.[0]?.lowestLevel===7?`minute`:`second`),s.html`<luzmo-date-time-picker
+      aria-label=${(0,l.msg)(`Filter date`,{desc:`Aria label for filter date picker`})}
+      .size=${this.size}
+      .precision=${e}
+      .timeZone=${this.timeZone}
+      @change=${this.setDate}
+      .value=${this.filter?.parameters?.[1]}
+    ></luzmo-date-time-picker>`}renderQuantityField(){return s.html`<luzmo-number-field
+      label=${(0,l.msg)(`Quantity`,{desc:`Label for quantity number field`})}
+      .size=${this.size}
+      .value=${this.filter?.parameters?.[1]?.quantity}
+      @input=${this.setQuantity}
+      @change=${this.setQuantity}
+    ></luzmo-number-field>`}renderUnitPicker(){let e=a.n.map(e=>s.html`<luzmo-menu-item .value=${e.key}>
+        ${e.i18n()}
+      </luzmo-menu-item>`),t=a.n.find(e=>e.level===this.filter?.parameters?.[1]?.unit)?.key??a.n?.[0]?.key;return s.html`<luzmo-picker
+      .label=${(0,l.msg)(`Time unit`,{desc:`Aria label for time unit picker`})}
+      .size=${this.size}
+      .value=${t}
+      @change=${this.setUnit}
+      variant="highlight"
+      >${e}</luzmo-picker
+    >`}render(){let e=this.filter?.expression;return[`last_now`,`last_available`,`next_now`,`more_than_ago`,`or_more_ago`].includes(e)?s.html`${this.renderQuantityField()}${this.renderUnitPicker()}`:[`last_completed`,`next_full`].includes(e)?this.renderUnitPicker():this.renderDatePicker()}};t.n([(0,c.property)({type:String,attribute:`content-language`,reflect:!0})],O.prototype,`contentLanguage`,void 0),t.n([(0,c.property)({type:String,attribute:`time-zone`,reflect:!0})],O.prototype,`timeZone`,void 0),t.n([(0,c.property)({type:Object,reflect:!1})],O.prototype,`filter`,void 0),O=t.n([(0,l.localized)()],O),customElements.get(`luzmo-filter-value-picker-datetime`)||customElements.define(`luzmo-filter-value-picker-datetime`,O);var k=`.missing-value{color:var(--luzmo-filter-value-picker-hierarchy-missing-value-color,#767676)}:host{--var:blue}`,A=5e3,j=class extends t.t((0,f.SizedMixin)(f.LuzmoElement,{validSizes:Object.values(f.ElementSizes)})){constructor(...e){super(...e),this.contentLanguage=`en`,this._hierarchyValues=[],this._retrieving=!0,this._search=``,this._error=null,this._allValuesRetrieved=!1,this._runningQueries=[]}static get styles(){return[(0,s.unsafeCSS)(k)]}connectedCallback(){super.connectedCallback();let e={};this.apiUrl&&(e.apiUrl=this.apiUrl),this.cacheTime&&(e.staleTime=this.cacheTime,e.gcTime=this.cacheTime*2),this.authKey&&this.authToken&&(e.authKey=this.authKey,e.authToken=this.authToken),i.t.configure(e)}willUpdate(e){if(super.willUpdate(e),e.has(`filter`)&&this.filter){let t=e.get(`filter`)?.expression;(e.get(`filter`)?.parameters?.[0]?.columnId||e.get(`filter`)?.parameters?.[0]?.formulaId)!==(this.filter?.parameters?.[0]?.columnId||this.filter?.parameters?.[0]?.formulaId)&&([`? in ?`,`? not in ?`,`? = ?`,`? != ?`].includes(this.filter?.expression)||![`? in ?`,`? not in ?`,`? = ?`,`? != ?`].includes(t))&&(this._hierarchyValues=[],this._allValuesRetrieved=!1,this._retrieving=!0)}}async _fetchHierarchyValues(e=0){if(this._allValuesRetrieved){this._retrieving=!1;return}if(!this.filter?.parameters?.[0]){this._retrieving=!1,this._error=`Missing column parameters`;return}let t=this.filter.parameters[0],n=t.columnId,r=t.formulaId,a=t.datasetId;if(!n&&!r){this._retrieving=!1,this._error=`Missing column id or formula id`;return}else if(!a){this._retrieving=!1,this._error=`Missing dataset id`;return}this._retrieving=!0,this._error=null;let o={expression:`? like ?`,parameters:[{column_id:n,formula_id:r,dataset_id:a},this._search]},s={dimensions:[{column_id:n,formula_id:r,dataset_id:a}],where:[],order:[{column_id:n,formula_id:r,dataset_id:a,order:`asc`}],limit:{by:A,offset:e}};this._search&&this._allValuesRetrieved&&s.where.push(o);let c=new AbortController,l=new Promise((e,t)=>{i.t.fetchData(s).then(e).catch(t),c.signal.addEventListener(`abort`,()=>{console.warn(`Request aborted`),t({status:`aborted`})})}),u={promise:l,abortController:c};this._runningQueries.push(u);try{let t=await l,n=t&&Array.isArray(t.data)?t.data.map(e=>e[0]):[];this._search||(this._allValuesRetrieved=n.length<A),this._hierarchyValues=e>0?[...this._hierarchyValues,...n]:n}catch(e){if(e?.status===`aborted`)return;this._error=e instanceof Error?e.message:`Unknown error`,this._hierarchyValues=[]}finally{this._runningQueries=this._runningQueries.filter(e=>e.promise!==l),this._retrieving=!1}}_sendChangeEvent(){this.dispatchEvent(new CustomEvent(`luzmo-filter-value-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this._value}}))}setHierarchy(e){let t;t=[`? in ?`,`? not in ?`].includes(this.filter?.expression)?e?.detail?.value:[`? = ?`,`? != ?`].includes(this.filter?.expression)?e?.detail?.value?.[0]:e?.target?.value,this._value!==t&&(this._value=t,this.filter={...this.filter,parameters:[{...this.filter?.parameters?.[0]},this._value]},this._sendChangeEvent())}onScrolled(e){!this._retrieving&&!this._allValuesRetrieved&&e?.detail?.last===this._hierarchyValues.length-1&&this._fetchHierarchyValues(this._hierarchyValues.length)}renderTextField(){return s.html`<luzmo-text-field
+      label=${(0,l.msg)(`Filter value`,{desc:`Label for filter value text field`})}
+      .size=${this.size}
+      @change=${this.setHierarchy}
+      @input=${this.setHierarchy}
+      .value=${this.filter?.parameters?.[1]??``}
+    ></luzmo-text-field>`}setSearchString(e){this._search=e?.detail?.string??``,this._allValuesRetrieved||(this._searchQueryTimeout&&(this._runningQueries.forEach(e=>{e?.abortController&&e.abortController.abort()}),this._runningQueries=[],clearTimeout(this._searchQueryTimeout)),this._searchQueryTimeout=setTimeout(()=>{this._fetchHierarchyValues()},500))}resetSearchString(){this._search=``}onOpened(){this._fetchHierarchyValues()}renderHierarchyPicker(){if(this._error)return s.html`<div class="error" role="alert">Error: ${this._error}</div>`;let e=(this._search?this._hierarchyValues.filter(e=>r.t(e.name,this.contentLanguage,{allowEmpty:!0})?.toLowerCase().includes(this._search.toLowerCase())||e.toString().toLowerCase().includes(this._search.toLowerCase())):this._hierarchyValues).map(e=>{let t=r.t(e?.name,this.contentLanguage)??`N/A`;return typeof t!=`string`&&(t=`N/A`),{value:e?.id,label:t}}),t=this.filter?.expression,n=[`? = ?`,`? != ?`].includes(t),i=(0,l.msg)(`Selected {count} items`),a=(0,l.msg)(`Search`),o=(0,l.msg)(`No data`),c=(0,l.msg)(`No results`),u=(0,l.msg)(`Select...`);return s.html`<luzmo-select
+      .size=${this.size}
+      .label=${u}
+      .retrieving=${this._retrieving}
+      .selects=${n?`single`:`multiple`}
+      .variant=${n?`highlight`:`checkboxes`}
+      emphasized
+      no-wrap
+      ?invalid=${!!this._error}
+      .multipleLabelTemplate=${i}
+      .searchLabel=${a}
+      .noDataLabel=${o}
+      .noResultsLabel=${c}
+      @change=${this.setHierarchy}
+      @luzmo-search=${this.setSearchString}
+      @luzmo-opened=${this.onOpened}
+      @luzmo-closed=${this.resetSearchString}
+      @luzmo-scrolled=${this.onScrolled}
+      .options=${e}
+      .value=${n?[this.filter?.parameters?.[1]]:this.filter?.parameters?.[1]}
+    >
+    </luzmo-select>`}render(){let e=this.filter?.expression;return[`? in ?`,`? not in ?`,`? = ?`,`? != ?`].includes(e)?this.renderHierarchyPicker():this.renderTextField()}};t.n([(0,c.property)({type:String,attribute:`api-url`,reflect:!0})],j.prototype,`apiUrl`,void 0),t.n([(0,c.property)({type:String,attribute:`auth-key`,reflect:!0})],j.prototype,`authKey`,void 0),t.n([(0,c.property)({type:String,attribute:`auth-token`,reflect:!0})],j.prototype,`authToken`,void 0),t.n([(0,c.property)({type:Number,attribute:`cache-time`,reflect:!0})],j.prototype,`cacheTime`,void 0),t.n([(0,c.property)({type:String,attribute:`content-language`,reflect:!0})],j.prototype,`contentLanguage`,void 0),t.n([(0,c.property)({type:Object,reflect:!1})],j.prototype,`filter`,void 0),t.n([(0,c.state)()],j.prototype,`_hierarchyValues`,void 0),t.n([(0,c.state)()],j.prototype,`_retrieving`,void 0),t.n([(0,c.state)()],j.prototype,`_search`,void 0),t.n([(0,c.state)()],j.prototype,`_error`,void 0),j=t.n([(0,l.localized)()],j),customElements.get(`luzmo-filter-value-picker-hierarchy`)||customElements.define(`luzmo-filter-value-picker-hierarchy`,j);var M=`.missing-value{opacity:.4}:host{--var:blue}`,N=5e3,P=class extends t.t((0,f.SizedMixin)(f.LuzmoElement,{validSizes:Object.values(f.ElementSizes)})){constructor(...e){super(...e),this.contentLanguage=`en`,this._numericValues=[],this._retrieving=!0,this._search=``,this._error=null,this._allValuesRetrieved=!1,this._runningQueries=[]}static get styles(){return[(0,s.unsafeCSS)(M)]}connectedCallback(){super.connectedCallback();let e={};this.apiUrl&&(e.apiUrl=this.apiUrl),this.cacheTime&&(e.staleTime=this.cacheTime,e.gcTime=this.cacheTime*2),this.authKey&&this.authToken&&(e.authKey=this.authKey,e.authToken=this.authToken),i.t.configure(e)}willUpdate(e){if(super.willUpdate(e),e.has(`filter`)&&this.filter){let t=e.get(`filter`)?.expression,n=this.filter?.expression;((e.get(`filter`)?.parameters?.[0]?.columnId||e.get(`filter`)?.parameters?.[0]?.formulaId)!==(this.filter?.parameters?.[0]?.columnId||this.filter?.parameters?.[0]?.formulaId)||![`? in ?`,`? not in ?`].includes(t))&&[`? in ?`,`? not in ?`].includes(n)&&(this._numericValues=[],this._allValuesRetrieved=!1,this._retrieving=!0)}}async _fetchNumericValues(e=0){if(this._allValuesRetrieved){this._retrieving=!1;return}if(!this.filter?.parameters?.[0]){this._retrieving=!1,this._error=`Missing column parameters`;return}let t=this.filter.parameters[0],n=t.columnId,r=t.formulaId,a=t.datasetId;if(!n&&!r){this._retrieving=!1,this._error=`Missing column id or formula id`;return}else if(!a){this._retrieving=!1,this._error=`Missing dataset id`;return}this._retrieving=!0,this._error=null;let o={expression:`? like ?`,parameters:[{dataset_id:a,expression:`CAST({${a}:${n??r}},hierarchy)`},this._search]},s={dimensions:[{column_id:n,formula_id:r,dataset_id:a}],where:[],order:[{column_id:n,formula_id:r,dataset_id:a,order:`asc`}],limit:{by:N,offset:e}};this._search&&!this._allValuesRetrieved&&s.where.push(o);let c=new AbortController,l=new Promise((e,t)=>{i.t.fetchData(s).then(e).catch(t),c.signal.addEventListener(`abort`,()=>{console.warn(`Request aborted`),t({status:`aborted`})})}),u={promise:l,abortController:c};this._runningQueries.push(u);try{let t=await l,n=t&&Array.isArray(t.data)?t.data.map(e=>e[0]):[];this._search||(this._allValuesRetrieved=n.length<N),this._numericValues=e>0?[...this._numericValues,...n]:n}catch(e){if(e?.status===`aborted`)return;this._error=e instanceof Error?e.message:`Unknown error`,this._numericValues=[]}finally{this._runningQueries=this._runningQueries.filter(e=>e.promise!==l),this._retrieving=!1}}_sendChangeEvent(){this.dispatchEvent(new CustomEvent(`luzmo-filter-value-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this._value}}))}setValue(e){let t=[`? in ?`,`? not in ?`].includes(this.filter?.expression)?e?.detail?.value:e?.target?.value;this._value!==t&&(this._value=t,this.filter={...this.filter,parameters:[{...this.filter?.parameters?.[0]},t]},this._sendChangeEvent())}selectValue(e){let t=(e.detail?.value??``).map(e=>Number.parseFloat(e));this.filter={...this.filter,parameters:[{...this.filter?.parameters?.[0]},t]},this._value=t,this._sendChangeEvent()}onScrolled(e){!this._retrieving&&!this._allValuesRetrieved&&e?.detail?.last===this._numericValues.length-1&&this._fetchNumericValues(this._numericValues.length)}renderNumberField(){return s.html`<luzmo-number-field
+      label="Numeric filter value"
+      grows
+      .size=${this.size}
+      @change=${this.setValue}
+      @input=${this.setValue}
+      .value=${this.filter?.parameters?.[1]}
+    ></luzmo-number-field>`}setSearchString(e){this._search=e?.detail?.string??``,this._allValuesRetrieved||(this._searchQueryTimeout&&(this._runningQueries.forEach(e=>{e?.abortController&&e.abortController.abort()}),this._runningQueries=[],clearTimeout(this._searchQueryTimeout)),this._searchQueryTimeout=setTimeout(()=>{this._fetchNumericValues()},500))}resetSearchString(){this._search=``}onOpened(){this._fetchNumericValues()}renderValuePicker(){if(this._error)return s.html`<div class="error" role="alert">${this._error}</div>`;let e=this._numericValues.filter(e=>e.toString().toLowerCase().includes(this._search.toLowerCase())).map(e=>({value:e,label:e})),t=(0,l.msg)(`Selected {count} items`),n=(0,l.msg)(`Search`),r=(0,l.msg)(`No data`),i=(0,l.msg)(`No results`),a=(0,l.msg)(`Select...`);return s.html`<luzmo-select
+      .size=${this.size}
+      .label=${a}
+      .retrieving=${this._retrieving}
+      selects="multiple"
+      variant="checkboxes"
+      emphasized
+      no-wrap
+      ?invalid=${!!this._error}
+      .multipleLabelTemplate=${t}
+      .searchLabel=${n}
+      .noDataLabel=${r}
+      .noResultsLabel=${i}
+      @change=${this.selectValue}
+      @luzmo-search=${this.setSearchString}
+      @luzmo-opened=${this.onOpened}
+      @luzmo-closed=${this.resetSearchString}
+      @luzmo-scrolled=${this.onScrolled}
+      .options=${e}
+      .value=${this.filter?.parameters?.[1]}
+    >
+    </luzmo-select>`}render(){let e=this.filter?.expression;return[`? in ?`,`? not in ?`].includes(e)?this.renderValuePicker():this.renderNumberField()}};t.n([(0,c.property)({type:String,attribute:`api-url`,reflect:!0})],P.prototype,`apiUrl`,void 0),t.n([(0,c.property)({type:String,attribute:`auth-key`,reflect:!0})],P.prototype,`authKey`,void 0),t.n([(0,c.property)({type:String,attribute:`auth-token`,reflect:!0})],P.prototype,`authToken`,void 0),t.n([(0,c.property)({type:Number,attribute:`cache-time`,reflect:!0})],P.prototype,`cacheTime`,void 0),t.n([(0,c.property)({type:String,attribute:`content-language`,reflect:!0})],P.prototype,`contentLanguage`,void 0),t.n([(0,c.property)({type:Object,reflect:!1})],P.prototype,`filter`,void 0),t.n([(0,c.state)()],P.prototype,`_numericValues`,void 0),t.n([(0,c.state)()],P.prototype,`_retrieving`,void 0),t.n([(0,c.state)()],P.prototype,`_search`,void 0),t.n([(0,c.state)()],P.prototype,`_error`,void 0),P=t.n([(0,l.localized)()],P),customElements.get(`luzmo-filter-value-picker-numeric`)||customElements.define(`luzmo-filter-value-picker-numeric`,P);var F=class extends t.t((0,f.SizedMixin)(f.LuzmoElement,{validSizes:Object.values(f.ElementSizes)})){constructor(...e){super(...e),this.contentLanguage=`en`,this._expressionsWithoutValuePicker=new Set([`? is null`,`? is not null`,`to_date`])}static get styles(){return[(0,s.unsafeCSS)(E)]}_sendChangeEvent(e){this.dispatchEvent(new CustomEvent(`luzmo-filter-value-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}setFilterValue(e){e.stopPropagation(),this._sendChangeEvent(e?.detail?.value)}renderNumericValuePicker(){return s.html`<luzmo-filter-value-picker-numeric
+      .apiUrl=${this.apiUrl}
+      .authKey=${this.authKey}
+      .authToken=${this.authToken}
+      .cacheTime=${this.cacheTime}
+      .filter=${this.filter}
+      .size=${this.size}
+      .language=${this.language}
+      .contentLanguage=${this.contentLanguage}
+      @luzmo-filter-value-changed=${this.setFilterValue}
+    ></luzmo-filter-value-picker-numeric>`}renderHierarchyValuePicker(){return s.html`<luzmo-filter-value-picker-hierarchy
+      .apiUrl=${this.apiUrl}
+      .authKey=${this.authKey}
+      .authToken=${this.authToken}
+      .cacheTime=${this.cacheTime}
+      .filter=${this.filter}
+      .size=${this.size}
+      .language=${this.language}
+      .contentLanguage=${this.contentLanguage}
+      @luzmo-filter-value-changed=${this.setFilterValue}
+    ></luzmo-filter-value-picker-hierarchy>`}renderDateTimeValuePicker(){return s.html`<luzmo-filter-value-picker-datetime
+      .apiUrl=${this.apiUrl}
+      .authKey=${this.authKey}
+      .authToken=${this.authToken}
+      .cacheTime=${this.cacheTime}
+      .filter=${this.filter}
+      .timeZone=${this.timeZone}
+      .language=${this.language}
+      .contentLanguage=${this.contentLanguage}
+      .size=${this.size}
+      @luzmo-filter-value-changed=${this.setFilterValue}
+    ></luzmo-filter-value-picker-datetime>`}renderDisabledTextField(){let e=this.filter?.parameters?.[1]??``;return s.html`<luzmo-text-field
+      label=${(0,l.msg)(`Filter value`,{desc:`Label for filter value text field`})}
+      .size=${this.size}
+      .value=${e}
+      .disabled=${!0}
+    ></luzmo-text-field>`}render(){let e=this.valueType??``,t=this.filter?.expression;return!t||this._expressionsWithoutValuePicker.has(t)?s.html`
+        
+      `:[`numeric`,`hierarchy`,`datetime`].includes(e)?e===`numeric`?this.renderNumericValuePicker():e===`datetime`?this.renderDateTimeValuePicker():this.renderHierarchyValuePicker():typeof this.filter?.parameters?.[1]==`string`?this.renderDisabledTextField():s.html`
+        
+      `}};t.n([(0,c.property)({type:String,attribute:`api-url`,reflect:!0})],F.prototype,`apiUrl`,void 0),t.n([(0,c.property)({type:String,attribute:`auth-key`,reflect:!0})],F.prototype,`authKey`,void 0),t.n([(0,c.property)({type:String,attribute:`auth-token`,reflect:!0})],F.prototype,`authToken`,void 0),t.n([(0,c.property)({type:Number,attribute:`cache-time`,reflect:!0})],F.prototype,`cacheTime`,void 0),t.n([(0,c.property)({type:String,attribute:`content-language`,reflect:!0})],F.prototype,`contentLanguage`,void 0),t.n([(0,c.property)({type:String,attribute:`time-zone`,reflect:!0})],F.prototype,`timeZone`,void 0),t.n([(0,c.property)({type:String,attribute:`value-type`,reflect:!0})],F.prototype,`valueType`,void 0),t.n([(0,c.property)({type:Object,reflect:!1})],F.prototype,`filter`,void 0),customElements.get(`luzmo-filter-value-picker`)||customElements.define(`luzmo-filter-value-picker`,F);var I=`:host{flex-direction:row;min-width:0;max-width:100%;display:flex}[role=group]{gap:var(--luzmo-filter-item-gap,var(--filter-item-gap));flex-direction:row;min-width:0;max-width:100%;display:flex}luzmo-data-fields-select{flex-shrink:1;min-width:0}luzmo-filter-value-picker{flex-shrink:2;min-width:0}:host{--filter-item-gap:var(--luzmo-spacing-3)}:host([size=s]){--filter-item-gap:var(--luzmo-spacing-2)}:host([size=m]){--filter-item-gap:var(--luzmo-spacing-3)}:host([size=l]){--filter-item-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]){--filter-item-gap:var(--luzmo-spacing-4)}`,L=class extends t.t((0,f.SizedMixin)(f.LuzmoElement,{validSizes:Object.values(f.ElementSizes)})){constructor(...e){super(...e),this.apiUrl=`https://api.luzmo.com`,this.contentLanguage=`en`,this.filter={},this._loading=!1,this._datasetsDataFields=[]}static get styles(){return[(0,s.unsafeCSS)(I)]}connectedCallback(){super.connectedCallback();let e={};this.apiUrl&&(e.apiUrl=this.apiUrl),this.cacheTime&&(e.staleTime=this.cacheTime,e.gcTime=this.cacheTime*2),e.authKey=this.authKey||``,e.authToken=this.authToken||``,i.t.configure(e)}_clearTypeState(){this._type=void 0,this._subType=void 0,this._isFormula=void 0}async _fetchDatasetDataFields(){if(!this.datasetIds||this.datasetIds.length===0){this._error=`Missing dataset ids to fetch columns & formulas`,this._datasetsDataFields=[],this._loading=!1;return}let{valid:e,invalid:t}=n.c(this.datasetIds);if(t.length>0&&console.warn(`[LuzmoFilterItem] Invalid dataset IDs provided (not valid UUIDs): ${t.join(`, `)}. These will be skipped.`),e.length===0){this._error=`Invalid dataset IDs provided. Dataset IDs must be valid UUIDs.`,this._datasetsDataFields=[],this._loading=!1;return}this._loading=!0,this._error=null;try{let t=await i.t.fetchDatasetsWithColumnsAndFormulas(e);for(let e of t)for(let t of[...e.columns,...e.formulas])t.datasetId=e.id;this._datasetsDataFields=t}catch(e){console.error(`Error fetching dataset columns & formulas:`,e),this._error=e instanceof Error?e.message:`Unknown error`,this._datasetsDataFields=[]}finally{this._loading=!1}}willUpdate(e){super.willUpdate(e);let t=e.has(`filter`),n=e.has(`datasetIds`),r=e.has(`authKey`),a=e.has(`authToken`),o=e.has(`_datasetsDataFields`);if(t||n||o&&this.filter?.parameters?.[0]?.columnId&&(this.filter?.parameters?.[0]?.datasetId||this.filter?.parameters?.[0]?.formulaId))if(!this.datasetIds||this.datasetIds.length===0||this._datasetsDataFields.length===0)this._clearTypeState();else{let e=this._datasetsDataFields.find(e=>e.id===this.filter.parameters?.[0]?.datasetId);if(e){let t=!1;for(let n of[...e.columns||[],...e?.formulas||[]])if(n.id===this.filter.parameters?.[0]?.columnId||n.id===this.filter.parameters?.[0]?.formulaId){this._type=n.type,this._subType=n.subtype,this._isFormula=n.id===this.filter.parameters?.[0]?.formulaId,t=!0;break}t||this._clearTypeState()}else this._clearTypeState()}if(r||a){let e={authKey:this.authKey||``,authToken:this.authToken||``};i.t.configure(e)}(n||r||a)&&this._fetchDatasetDataFields()}_sendChangeEvent(){this.dispatchEvent(new CustomEvent(`luzmo-filter-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{filter:this.filter}}))}setFilterDataField(e){if(this._cannotReferenceColumn())return;let t=e.detail?.dataFields?.[0],n=this._type,r=this.filter?.parameters?.[0]?.columnId||this.filter?.parameters?.[0]?.formulaId,i=t?.columnId||t?.formulaId;this._type=t?.type,this._subType=t?.subtype,this._isFormula=!!t?.formulaId;let a=C(this._type,this._subType,this._isFormula);this.filter=structuredClone(this.filter??{}),a?.includes(this.filter?.expression)||(this.filter.expression=a?.[0]?.expression),this.filter.parameters=this.filter?.parameters??[],this.filter.parameters[0]={datasetId:t?.datasetId},this._isFormula?this.filter.parameters[0].formulaId=t?.formulaId:this.filter.parameters[0].columnId=t?.columnId,t?.lowestLevel,n===this._type?r!==i&&this._type===`hierarchy`&&(this.filter.parameters[1]=[`? in ?`,`? not in ?`].includes(this.filter.expression)?[]:``):this._type===`hierarchy`?(this.filter.expression=`? like ?`,this.filter.parameters[1]=``):this._type===`numeric`?(this.filter.expression=`? > ?`,this.filter.parameters[1]=0):this._type===`datetime`?(this.filter.expression=`? < ?`,this.filter.parameters[1]=new Date().toISOString()):(this.filter.expression=`? is not null`,this.filter.parameters=[this.filter.parameters[0]]),this._sendChangeEvent()}setFilterExpression(e){if(this._cannotReferenceColumn())return;let t=structuredClone(this.filter??{}),n=t.expression;if(t.expression=e.detail?.expression,n!==t.expression){if([`? is null`,`? is not null`].includes(t.expression))t.parameters=[t.parameters[0]];else if(this._type===`datetime`)if([`YTD`,`QTD`,`MTD`,`WTD`].includes(t.expression)){let n=e?.detail?.unit;n&&(t.parameters[1]={unit:typeof n==`number`?n:1})}else if([`last_completed`,`next_full`,`to_date`].includes(t.expression)){let e=t?.parameters?.[1]?.unit;t.parameters[1]={unit:typeof e==`number`?e:1}}else if([`last_now`,`last_available`,`next_now`,`more_than_ago`,`or_more_ago`].includes(t.expression)){let e=t?.parameters?.[1]?.unit,n=t?.parameters?.[1]?.quantity;t.parameters[1]={unit:typeof e==`number`?e:1,quantity:typeof n==`number`?n:1}}else t.parameters[1]=new Date().toISOString();else this._type===`hierarchy`?[`? in ?`,`? not in ?`].includes(t.expression)?[`? = ?`,`? != ?`].includes(n)?t.parameters[1]=t.parameters[1]?[t.parameters[1]]:[]:t.parameters[1]=[]:[`? = ?`,`? != ?`].includes(t.expression)?[`? in ?`,`? not in ?`].includes(n)?t.parameters[1]=Array.isArray(t.parameters[1])&&t.parameters[1][0]?t.parameters[1][0]:``:t.parameters[1]=``:t.parameters[1]=[`? in ?`,`? not in ?`].includes(n)?``:t.parameters[1]??``:this._type===`numeric`&&([`? in ?`,`? not in ?`].includes(t.expression)&&[`? in ?`,`? not in ?`].includes(n)?t.parameters[1]=t.parameters[1]??[]:[`? in ?`,`? not in ?`].includes(t.expression)?t.parameters[1]=[]:t.parameters[1]=[`? in ?`,`? not in ?`].includes(n)?0:t.parameters[1]??0);this.filter=t,this._sendChangeEvent()}}setFilterValue(e){this._cannotReferenceColumn()||(this.filter.parameters[1]=e?.detail?.value,this._sendChangeEvent())}_cannotReferenceColumn(){if(!(this.filter?.parameters?.[0]?.columnId||this.filter?.parameters?.[0]?.formulaId))return!1;if(!this.datasetIds||this.datasetIds.length===0||this._datasetsDataFields.length===0)return!0;let e=this.filter?.parameters?.[0]?.datasetId,t=this._datasetsDataFields.find(t=>t.id===e);return t?![...t.columns||[],...t.formulas||[]].find(e=>e.id===this.filter?.parameters?.[0]?.columnId||e.id===this.filter?.parameters?.[0]?.formulaId):!0}renderDataFieldPicker(){let e=this._cannotReferenceColumn(),t=e?(0,l.msg)(`Unknown`):void 0,n=e||this._loading?``:this.filter?.parameters?.[0]?.columnId||this.filter?.parameters?.[0]?.formulaId;return s.html`<luzmo-data-fields-select
+      .language=${this.language}
+      .contentLanguage=${this.contentLanguage}
+      .size=${this.size}
+      .value=${n?[n]:[]}
+      selects="single"
+      .datasetsDataFields=${this._datasetsDataFields}
+      placeholder=${(0,d.ifDefined)(t)}
+      .invalid=${!!this._error||e}
+      ?disabled=${e}
+      .retrieving=${this._loading}
+      .pending=${this._loading}
+      @luzmo-data-fields-selected=${this.setFilterDataField}
+    ></luzmo-data-fields-select>`}renderExpressionPicker(){let e=this._cannotReferenceColumn(),t=!this.filter?.parameters?.[0]?.datasetId||!this.filter?.parameters?.[0]?.columnId||e;return s.html`<luzmo-filter-expression-picker
+      .language=${this.language}
+      .size=${this.size}
+      .type=${this._type}
+      .subtype=${this._subType}
+      .filter=${this.filter}
+      ?isFormula=${this._isFormula}
+      ?disabled=${t}
+      @luzmo-expression-selected=${this.setFilterExpression}
+    ></luzmo-filter-expression-picker>`}renderValuePicker(){let e=this._cannotReferenceColumn(),t=!this.filter?.parameters?.[0]?.datasetId||!this.filter?.parameters?.[0]?.columnId||e;return s.html`<luzmo-filter-value-picker
+      .apiUrl=${this.apiUrl}
+      .authKey=${this.authKey}
+      .authToken=${this.authToken}
+      .cacheTime=${this.cacheTime}
+      .language=${this.language}
+      .contentLanguage=${this.contentLanguage}
+      .timeZone=${this.timeZone}
+      .size=${this.size}
+      .filter=${this.filter}
+      .valueType=${this._type}
+      ?disabled=${t}
+      @luzmo-filter-value-changed=${this.setFilterValue}
+    ></luzmo-filter-value-picker>`}render(){return s.html`<div role="group" aria-label=${(0,l.msg)(`Filter condition`,{desc:`Accessible label for filter item group`})}>
+      ${this.renderDataFieldPicker()} ${this.renderExpressionPicker()}
+      ${this.renderValuePicker()}
+    </div>`}};t.n([(0,c.property)({type:String,attribute:`api-url`,reflect:!0})],L.prototype,`apiUrl`,void 0),t.n([(0,c.property)({type:String,attribute:`auth-key`,reflect:!0})],L.prototype,`authKey`,void 0),t.n([(0,c.property)({type:String,attribute:`auth-token`,reflect:!0})],L.prototype,`authToken`,void 0),t.n([(0,c.property)({type:Number,attribute:`cache-time`,reflect:!0})],L.prototype,`cacheTime`,void 0),t.n([(0,c.property)({type:String,reflect:!0})],L.prototype,`contentLanguage`,void 0),t.n([(0,c.property)({type:String,attribute:`time-zone`,reflect:!0})],L.prototype,`timeZone`,void 0),t.n([(0,c.property)({type:Array,attribute:`dataset-ids`,reflect:!0})],L.prototype,`datasetIds`,void 0),t.n([(0,c.property)({type:Object,reflect:!1})],L.prototype,`filter`,void 0),t.n([(0,c.state)()],L.prototype,`_type`,void 0),t.n([(0,c.state)()],L.prototype,`_subType`,void 0),t.n([(0,c.state)()],L.prototype,`_isFormula`,void 0),t.n([(0,c.state)()],L.prototype,`_error`,void 0),t.n([(0,c.state)()],L.prototype,`_loading`,void 0),t.n([(0,c.state)()],L.prototype,`_datasetsDataFields`,void 0),L=t.n([(0,l.localized)()],L),customElements.get(`luzmo-filter-item`)||customElements.define(`luzmo-filter-item`,L);var R=`:host{font-family:var(--luzmo-filters-font-family,var(--luzmo-font-family));color:var(--luzmo-filters-font-color,var(--luzmo-font-color));max-width:100%;display:block}.filter-group-container{max-width:100%;padding:calc(var(--luzmo-indicator-gap) + 2*var(--luzmo-indicator-width));overflow:hidden}.filter-group{flex-direction:row;min-width:0;max-width:100%;display:flex}.filter-group.nested{margin-top:var(--luzmo-filters-nested-group-margin-top,var(--filters-nested-group-margin-top));margin-bottom:var(--luzmo-filters-nested-group-margin-bottom,var(--filters-nested-group-margin-bottom))}.group-content{flex-direction:column;flex:1;min-width:0;display:flex}.filters-list{gap:var(--luzmo-filters-filters-list-gap,var(--filters-filters-list-gap));flex-direction:column;min-width:0;max-width:100%;display:flex}.filter-item-wrapper{align-items:flex-start;min-width:0;max-width:100%;display:flex;position:relative}.filter-item-content{align-items:center;gap:var(--luzmo-filters-filter-line-gap,var(--filters-filter-line-gap));flex:1;min-width:0;display:flex}.filter-item-content luzmo-filter-item{flex:1;min-width:0}.filter-item-content .delete-filter-button{flex-shrink:0;align-self:center}.condition-wrapper{flex:0 0 var(--luzmo-filters-condition-warpper-width,var(--filters-condition-warpper-width));justify-content:center;align-items:center;display:flex;position:relative}.condition-wrapper:before{content:"";left:50%;top:var(--luzmo-filters-vertical-line-top,var(--filters-vertical-line-top));bottom:var(--luzmo-filters-vertical-line-bottom,var(--filters-vertical-line-bottom));width:var(--luzmo-filters-vertical-line-width,var(--filters-vertical-line-width));background:var(--luzmo-filters-vertical-line-color,var(--luzmo-border-color));position:absolute}.condition-badge{min-width:auto;padding-inline:var(--luzmo-filters-condition-padding-horizontal,var(--filters-condition-padding-horizontal));text-transform:uppercase;background:var(--luzmo-filters-condition-badge-background,var(--luzmo-primary));color:var(--luzmo-filters-condition-badge-color,var(--luzmo-primary-inverse-color));border-radius:var(--luzmo-filters-condition-badge-border-radius,var(--luzmo-border-radius));box-shadow:0 0 0 var(--luzmo-filters-condition-badge-halo,var(--filters-condition-badge-halo))var(--luzmo-filters-condition-badge-background,var(--luzmo-background-color));font-weight:700}.condition-badge:hover{background:var(--luzmo-filters-condition-badge-background-hover,var(--luzmo-primary-hover))}.group-actions{margin-top:var(--luzmo-filters-group-actions-margin-top,var(--filters-group-actions-margin-top));gap:var(--luzmo-filters-group-actions-gap,var(--filters-group-actions-gap));flex-wrap:wrap;display:flex}.delete-group-button{margin-left:auto}.add-root-group-container{margin-top:var(--luzmo-filters-add-root-group-container-margin-top,var(--filters-add-root-group-container-margin-top));padding-left:0}.add-subgroup-button,.add-filter-button{--luzmo-action-button-text-to-visual:var(--luzmo-filters-group-actions-text-to-visual,var(--filters-group-actions-text-to-visual));--luzmo-action-button-content-color-default:var(--luzmo-filters-group-actions-color,var(--luzmo-primary-hover));--luzmo-action-button-content-color-hover:var(--luzmo-filters-group-actions-color-hover,var(--luzmo-primary-hover));--luzmo-action-button-content-color-down:var(--luzmo-filters-group-actions-color-down,var(--luzmo-primary-down));--luzmo-action-button-content-color-focus:var(--luzmo-filters-group-actions-color-focus,var(--luzmo-primary-focus))}.add-group-button{--luzmo-button-padding-label-to-icon:var(--luzmo-filters-add-group-button-text-to-visual,var(--filters-add-group-button-text-to-visual))}.dataset-ids-empty-message{color:var(--luzmo-filters-error-message-color,var(--luzmo-disabled-color));font-size:var(--luzmo-filters-error-message-font-size,var(--filters-font-size))}:host{--filters-condition-warpper-width:56px;--filters-condition-padding-horizontal:var(--luzmo-spacing-2);--filters-condition-badge-halo:var(--luzmo-spacing-3);--filters-filters-list-gap:var(--luzmo-spacing-3);--filters-nested-group-margin-top:var(--luzmo-spacing-3);--filters-nested-group-margin-bottom:var(--luzmo-spacing-3);--filters-vertical-line-top:var(--luzmo-spacing-2);--filters-vertical-line-bottom:var(--luzmo-spacing-2);--filters-vertical-line-width:1px;--filters-group-actions-text-to-visual:var(--luzmo-spacing-2);--filters-add-group-button-text-to-visual:var(--luzmo-spacing-3);--filters-group-actions-gap:var(--luzmo-spacing-3);--filters-add-root-group-container-margin-top:var(--luzmo-spacing-4);--filters-filter-line-gap:var(--luzmo-spacing-3);--filters-group-actions-margin-top:var(--luzmo-spacing-3);--filters-error-message-font-size:var(--luzmo-font-size)}:host([size=s]){--filters-condition-warpper-width:48px;--filters-condition-padding-horizontal:var(--luzmo-spacing-2);--filters-condition-badge-halo:var(--luzmo-spacing-2);--filters-filters-list-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--filters-nested-group-margin-top:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--filters-nested-group-margin-bottom:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--filters-vertical-line-top:var(--luzmo-spacing-2);--filters-vertical-line-bottom:var(--luzmo-spacing-2);--filters-group-actions-text-to-visual:var(--luzmo-spacing-1);--filters-add-group-button-text-to-visual:var(--luzmo-spacing-2);--filters-group-actions-gap:var(--luzmo-spacing-2);--filters-add-root-group-container-margin-top:var(--luzmo-spacing-3);--filters-filter-line-gap:var(--luzmo-spacing-2);--filters-group-actions-margin-top:var(--luzmo-spacing-2);--filters-error-message-font-size:var(--luzmo-font-size-s)}:host([size=l]){--filters-condition-warpper-width:64px;--filters-condition-padding-horizontal:var(--luzmo-spacing-3);--filters-condition-badge-halo:var(--luzmo-spacing-4);--filters-filters-list-gap:var(--luzmo-spacing-4);--filters-nested-group-margin-top:var(--luzmo-spacing-4);--filters-nested-group-margin-bottom:var(--luzmo-spacing-4);--filters-vertical-line-top:var(--luzmo-spacing-3);--filters-vertical-line-bottom:var(--luzmo-spacing-3);--filters-group-actions-text-to-visual:var(--luzmo-spacing-2);--filters-add-group-button-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--filters-group-actions-gap:var(--luzmo-spacing-3);--filters-add-root-group-container-margin-top:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-filter-line-gap:var(--luzmo-spacing-3);--filters-group-actions-margin-top:var(--luzmo-spacing-3);--filters-error-message-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--filters-condition-warpper-width:72px;--filters-condition-padding-horizontal:var(--luzmo-spacing-3);--filters-condition-badge-halo:var(--luzmo-spacing-4);--filters-filters-list-gap:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-nested-group-margin-top:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-nested-group-margin-bottom:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--filters-vertical-line-top:var(--luzmo-spacing-3);--filters-vertical-line-bottom:var(--luzmo-spacing-3);--filters-group-actions-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--filters-add-group-button-text-to-visual:var(--luzmo-spacing-4);--filters-group-actions-gap:var(--luzmo-spacing-4);--filters-add-root-group-container-margin-top:var(--luzmo-spacing-5);--filters-filter-line-gap:var(--luzmo-spacing-4);--filters-group-actions-margin-top:var(--luzmo-spacing-4);--filters-error-message-font-size:var(--luzmo-font-size-xl)}`,z={AND:()=>(0,l.msg)(`AND`,{desc:`Logical AND condition for combining filters`}),OR:()=>(0,l.msg)(`OR`,{desc:`Logical OR condition for combining filters`})},B=class extends t.t((0,f.SizedMixin)(f.LuzmoElement,{validSizes:Object.values(f.ElementSizes)})){constructor(...e){super(...e),this.apiUrl=`https://api.luzmo.com`,this.contentLanguage=`en`,this.filters=[],this.debounce=300,this._internalFilterGroup=null,this._debounceTimeout=null}static get styles(){return[(0,s.unsafeCSS)(R)]}get _oneSizeSmaller(){return{xxs:`xxs`,xs:`xs`,s:`xs`,m:`s`,l:`m`,xl:`l`,xxl:`xl`}[this.size]||`s`}get _isDatasetIdsEmpty(){return!this.datasetIds||this.datasetIds.length===0}disconnectedCallback(){super.disconnectedCallback(),this._debounceTimeout&&=(clearTimeout(this._debounceTimeout),null)}willUpdate(e){if(super.willUpdate(e),e.has(`filters`)){let e=x(this.filters);e.length===0?this._internalFilterGroup=null:e.length===1?this._internalFilterGroup=structuredClone(e[0]):this._internalFilterGroup={condition:`AND`,filters:structuredClone(e)}}}_generateEmptyGroup(){return{condition:`AND`,filters:[]}}_generateEmptyFilter(){return{expression:void 0,parameters:[]}}_getFiltersForExport(){if(!this._internalFilterGroup)return[];if(this._internalFilterGroup.filters.length>0&&this._internalFilterGroup.filters.every(e=>this._isGroup(e)))return structuredClone(this._internalFilterGroup.filters).map(e=>v(e)[0]).filter(e=>!!e);let[e]=v(structuredClone(this._internalFilterGroup));return e?[e]:[]}_sendChangeEvent(){this._debounceTimeout&&clearTimeout(this._debounceTimeout);let e=()=>{this.dispatchEvent(new CustomEvent(`luzmo-filters-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{filters:this._getFiltersForExport()}}))};this.debounce>0?this._debounceTimeout=setTimeout(e,this.debounce):e()}_isGroup(e){return`condition`in e&&`filters`in e}_toggleCondition(e){e.condition=e.condition===`AND`?`OR`:`AND`,this.requestUpdate(),this._sendChangeEvent()}_addFilter(e){if(this._isDatasetIdsEmpty)return;let t=e;t||=(this._internalFilterGroup||=this._generateEmptyGroup(),this._internalFilterGroup),t.filters.push(this._generateEmptyFilter()),this.requestUpdate(),this._sendChangeEvent()}_addSubGroup(e){if(this._isDatasetIdsEmpty)return;let t=this._generateEmptyGroup();t.condition=e.condition===`AND`?`OR`:`AND`,t.filters.push(this._generateEmptyFilter()),e.filters.push(t),this.requestUpdate(),this._sendChangeEvent()}_removeFilter(e,t){if(this._internalFilterGroup){if(e.filters.splice(t,1),e!==this._internalFilterGroup&&e.filters.length===0){let t=this._findParentGroup(this._internalFilterGroup,e);if(t){let n=t.filters.indexOf(e);n!==-1&&t.filters.splice(n,1)}}this._collapseGroupsAfterDelete(),this.requestUpdate(),this._sendChangeEvent()}}_updateFilter(e,t,n){n.stopPropagation(),this._isGroup(e.filters[t])||(e.filters[t]=n.detail.filter,this._sendChangeEvent())}_addGroup(){if(this._isDatasetIdsEmpty)return;this._internalFilterGroup||=this._generateEmptyGroup();let e=this._generateEmptyGroup();e.condition=this._internalFilterGroup.condition===`AND`?`OR`:`AND`,e.filters.push(this._internalFilterGroup);let t=this._generateEmptyGroup();t.condition=e.condition===`AND`?`OR`:`AND`,t.filters.push(this._generateEmptyFilter()),e.filters.push(t),this._internalFilterGroup=e,this.requestUpdate(),this._sendChangeEvent()}_renderFilterItem(e,t,n){return s.html`
+      <div class="filter-item-wrapper">
+        <div class="filter-item-content">
+          <luzmo-filter-item
+            .apiUrl=${this.apiUrl}
+            .authKey=${this.authKey}
+            .authToken=${this.authToken}
+            .cacheTime=${this.cacheTime}
+            .language=${this.language}
+            .contentLanguage=${this.contentLanguage}
+            .timeZone=${this.timeZone}
+            .datasetIds=${this.datasetIds}
+            .filter=${e}
+            .size=${this.size}
+            @luzmo-filter-changed=${this._updateFilter.bind(this,t,n)}
+          ></luzmo-filter-item>
+          <luzmo-action-button
+            class="delete-filter-button"
+            .size=${this.size}
+            quiet
+            .label=${(0,l.msg)(`Remove filter`,{desc:`Aria label for remove filter button`})}
+            @click=${this._removeFilter.bind(this,t,n)}
+          >
+            <luzmo-icon slot="icon" .icon=${o.luzmoTrashOutline} .size=${this.size}></luzmo-icon>
+          </luzmo-action-button>
+        </div>
+      </div>
+    `}_renderGroup(e,t=!1){let n=e.filters.length>0,r=e.filters.length>1,i=z[e.condition]?.()??e.condition;return s.html`
+      <div class="filter-group ${t?`nested`:``}" role="group">
+        ${t?s.html`
+              <div class="condition-wrapper">
+                ${r?s.html`
+                      <luzmo-action-button
+                        class="condition-badge"
+                        .size=${this._oneSizeSmaller}
+                        quiet
+                        aria-pressed=${e.condition===`AND`?`true`:`false`}
+                        .label=${(0,l.msg)(`Toggle filter condition, currently `,{desc:`Aria label prefix for filter condition toggle`})+i}
+                        @click=${this._toggleCondition.bind(this,e)}
+                      >
+                        ${i}
+                      </luzmo-action-button>
+                    `:``}
+              </div>
+            `:r?s.html`
+                <div class="condition-wrapper">
+                  <luzmo-action-button
+                    class="condition-badge"
+                    .size=${this._oneSizeSmaller}
+                    quiet
+                    aria-pressed=${e.condition===`AND`?`true`:`false`}
+                    .label=${(0,l.msg)(`Toggle filter condition, currently `,{desc:`Aria label prefix for filter condition toggle`})+i}
+                    @click=${this._toggleCondition.bind(this,e)}
+                  >
+                    ${i}
+                  </luzmo-action-button>
+                </div>
+              `:``}
+        <div class="group-content">
+          ${n?s.html`
+                <div class="filters-list">
+                  ${(0,u.repeat)(e.filters,(e,t)=>t,(t,n)=>s.html`
+                      ${this._isGroup(t)?this._renderGroup(t,!0):this._renderFilterItem(t,e,n)}
+                    `)}
+                </div>
+              `:``}
+
+          <div class="group-actions">
+            <luzmo-action-button
+              class="add-filter-button"
+              .size=${this.size}
+              quiet
+              ?disabled=${this._isDatasetIdsEmpty}
+              @click=${this._addFilter.bind(this,e)}
+            >
+              <luzmo-icon slot="icon" .icon=${o.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
+              ${(0,l.msg)(`Filter`,{desc:`Add filter button label`})}
+            </luzmo-action-button>
+
+            <luzmo-action-button
+              class="add-subgroup-button"
+              .size=${this.size}
+              quiet
+              ?disabled=${this._isDatasetIdsEmpty}
+              @click=${this._addSubGroup.bind(this,e)}
+            >
+              <luzmo-icon slot="icon" .icon=${o.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
+              ${(0,l.msg)(`Subgroup`,{desc:`Add subgroup button label`})}
+            </luzmo-action-button>
+          </div>
+        </div>
+      </div>
+    `}_findParentGroup(e,t){for(let n of e.filters){if(n===t)return e;if(this._isGroup(n)){let e=this._findParentGroup(n,t);if(e)return e}}return null}_collapseIfNeeded(e){if(e.filters.length===1&&this._isGroup(e.filters[0])){let t=e.filters[0];e.condition=t.condition,e.filters=t.filters}}_collapseGroupsAfterDelete(){if(!this._internalFilterGroup)return;let e=t=>{for(let n of t.filters)this._isGroup(n)&&e(n);this._collapseIfNeeded(t)};e(this._internalFilterGroup)}render(){if(this._isDatasetIdsEmpty)return s.html`
+        <div class="filter-group-container">
+          <div class="dataset-ids-empty-message" role="status">
+            ${(0,l.msg)(`Cannot retrieve dataset data fields`,{desc:`Error message when datasetIds is empty`})}
+          </div>
+        </div>
+      `;if(!this._internalFilterGroup||this._internalFilterGroup.filters.length===0)return s.html`
+        <div class="filter-group-container">
+          <luzmo-button
+            class="add-filter-button"
+            .size=${this.size}
+            treatment="outline"
+            ?disabled=${this._isDatasetIdsEmpty}
+            @click=${()=>this._addFilter()}
+          >
+            <luzmo-icon slot="icon" .icon=${o.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
+            ${(0,l.msg)(`Add filter`,{desc:`Add filter button label`})}
+          </luzmo-button>
+        </div>
+      `;let e=this._internalFilterGroup.filters.length>1;return s.html`
+      <div class="filter-group-container">
+        ${this._renderGroup(this._internalFilterGroup)}
+
+        ${e?s.html`
+              <div class="add-root-group-container">
+                <luzmo-button
+                  class="add-group-button"
+                  .size=${this.size}
+                  treatment="outline"
+                  ?disabled=${this._isDatasetIdsEmpty}
+                  @click=${this._addGroup}
+                >
+                  <luzmo-icon slot="icon" .icon=${o.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
+                  ${(0,l.msg)(`Group`,{desc:`Add group button label`})}
+                </luzmo-button>
+              </div>
+            `:``}
+      </div>
+    `}};t.n([(0,c.property)({type:String,attribute:`api-url`,reflect:!0})],B.prototype,`apiUrl`,void 0),t.n([(0,c.property)({type:String,attribute:`auth-key`,reflect:!0})],B.prototype,`authKey`,void 0),t.n([(0,c.property)({type:String,attribute:`auth-token`,reflect:!0})],B.prototype,`authToken`,void 0),t.n([(0,c.property)({type:Number,attribute:`cache-time`,reflect:!0})],B.prototype,`cacheTime`,void 0),t.n([(0,c.property)({type:String,attribute:`content-language`,reflect:!0})],B.prototype,`contentLanguage`,void 0),t.n([(0,c.property)({type:String,attribute:`time-zone`,reflect:!0})],B.prototype,`timeZone`,void 0),t.n([(0,c.property)({type:Array,attribute:`dataset-ids`,reflect:!0})],B.prototype,`datasetIds`,void 0),t.n([(0,c.property)({type:Array,reflect:!1})],B.prototype,`filters`,void 0),t.n([(0,c.property)({type:Number,reflect:!0})],B.prototype,`debounce`,void 0),t.n([(0,c.state)()],B.prototype,`_internalFilterGroup`,void 0),B=t.n([(0,l.localized)()],B),customElements.get(`luzmo-filters`)||customElements.define(`luzmo-filters`,B),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return B}});