@luzmo/analytics-components-kit 1.0.1-alpha.98 → 1.0.1-alpha.99

package/components/edit-filters/edit-filters.d.ts

@@ -0,0 +1,79 @@
+import '@luzmo/lucero/action-button';
+import '@luzmo/lucero/button';
+import '@luzmo/lucero/icon';
+import { LuzmoElement } from '@luzmo/lucero/utils';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import '../filter-item';
+import type { FilterGroup } from './types';
+declare const LuzmoEditFilters_base: typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").SizedElementInterface;
+};
+/**
+ * @element luzmo-edit-filters
+ * @fires filters-changed - Announces that the filters have changed
+ */
+export declare class LuzmoEditFilters extends LuzmoEditFilters_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The API URL of the databroker
+     * @default https://api.luzmo.com
+     */
+    apiUrl?: string;
+    /**
+     * The auth key of the databroker
+     */
+    authKey?: string;
+    /**
+     * The auth token of the databroker
+     */
+    authToken?: string;
+    /**
+     * The cache time of the databroker
+     */
+    cacheTime?: number;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language to use for locale-aware formatting and labels
+     */
+    contentLanguage: string;
+    /**
+     * The time zone to use for the date picker
+     */
+    timeZone?: string;
+    /**
+     * The dataset ids to fetch columns & formulas
+     */
+    datasetIds?: string[];
+    /**
+     * The filter group structure to display
+     */
+    filters: FilterGroup | null;
+    private _internalFilterGroup;
+    /**
+     * Get a smaller size for the condition badges
+     */
+    private get _oneSizeSmaller();
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private _generateEmptyGroup;
+    private _generateEmptyFilter;
+    private _cleanFilterGroupForExport;
+    private _sendChangeEvent;
+    private _isGroup;
+    private _toggleCondition;
+    private _addFilter;
+    private _addSubGroup;
+    private _removeFilter;
+    private _updateFilter;
+    private _addGroup;
+    private _renderFilterItem;
+    private _renderGroup;
+    private _findParentGroup;
+    private _collapseIfNeeded;
+    private _collapseGroupsAfterDelete;
+    protected render(): TemplateResult;
+}
+export {};

package/components/edit-filters/index.cjs

@@ -0,0 +1,144 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 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.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@lit/localize"),d=require("@luzmo/icons");require("@luzmo/lucero/action-button");require("@luzmo/lucero/button");require("@luzmo/lucero/icon");const p=require("@luzmo/lucero/utils"),o=require("lit"),a=require("lit/decorators.js"),g=require("lit/directives/repeat.js"),m=require("../set-locale-B8iQGfk0.cjs");require("../filter-item/index.cjs");const f=':host{display:block;font-family:var(--luzmo-edit-filters-font-family, var(--luzmo-font-family));color:var(--luzmo-edit-filters-font-color, var(--luzmo-font-color));max-width:100%}.filter-group-container{max-width:100%;overflow:hidden}.filter-group{display:flex;flex-direction:row;max-width:100%;min-width:0}.filter-group.nested{margin-top:var(--luzmo-edit-filters-nested-group-margin-top, var(--edit-filters-nested-group-margin-top));margin-bottom:var(--luzmo-edit-filters-nested-group-margin-bottom, var(--edit-filters-nested-group-margin-bottom))}.group-content{display:flex;flex-direction:column;flex:1;min-width:0}.filters-list{display:flex;flex-direction:column;gap:var(--luzmo-edit-filters-filters-list-gap, var(--edit-filters-filters-list-gap));min-width:0;max-width:100%}.filter-item-wrapper{position:relative;display:flex;align-items:flex-start;min-width:0;max-width:100%}.filter-item-content{display:flex;align-items:center;gap:var(--luzmo-edit-filters-filter-line-gap, var(--edit-filters-filter-line-gap));flex:1;min-width:0}.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{position:relative;flex:0 0 var(--luzmo-edit-filters-condition-warpper-width, var(--edit-filters-condition-warpper-width));display:flex;align-items:center;justify-content:center}.condition-wrapper:before{content:"";position:absolute;left:50%;top:var(--luzmo-edit-filters-vertical-line-top, var(--edit-filters-vertical-line-top));bottom:var(--luzmo-edit-filters-vertical-line-bottom, var(--edit-filters-vertical-line-bottom));width:var(--luzmo-edit-filters-vertical-line-width, var(--edit-filters-vertical-line-width));background:var(--luzmo-edit-filters-vertical-line-color, var(--luzmo-border-color))}.condition-badge{min-width:auto;padding-inline:var(--luzmo-edit-filters-condition-padding-horizontal, var(--edit-filters-condition-padding-horizontal));font-weight:700;text-transform:uppercase;background:var(--luzmo-edit-filters-condition-badge-background, var(--luzmo-primary));color:var(--luzmo-edit-filters-condition-badge-color, var(--luzmo-primary-inverse-color));border-radius:var(--luzmo-edit-filters-condition-badge-border-radius, var(--luzmo-border-radius));box-shadow:0 0 0 var(--luzmo-edit-filters-condition-badge-halo, var(--edit-filters-condition-badge-halo)) var(--luzmo-edit-filters-condition-badge-background, var(--luzmo-background-color))}.condition-badge:hover{background:var(--luzmo-edit-filters-condition-badge-background-hover, var(--luzmo-primary-hover))}.group-actions{display:flex;margin-top:var(--luzmo-edit-filters-group-actions-margin-top, var(--edit-filters-group-actions-margin-top));gap:var(--luzmo-edit-filters-group-actions-gap, var(--edit-filters-group-actions-gap));flex-wrap:wrap}.delete-group-button{margin-left:auto}.add-root-group-container{margin-top:var(--luzmo-edit-filters-add-root-group-container-margin-top, var(--edit-filters-add-root-group-container-margin-top));padding-left:0}.add-subgroup-button,.add-filter-button{--luzmo-action-button-text-to-visual: var(--luzmo-edit-filters-group-actions-text-to-visual, var(--edit-filters-group-actions-text-to-visual));--luzmo-action-button-content-color-default: var(--luzmo-edit-filters-group-actions-color, var(--luzmo-primary-hover));--luzmo-action-button-content-color-hover: var(--luzmo-edit-filters-group-actions-color-hover, var(--luzmo-primary-hover));--luzmo-action-button-content-color-down: var(--luzmo-edit-filters-group-actions-color-down, var(--luzmo-primary-down));--luzmo-action-button-content-color-focus: var(--luzmo-edit-filters-group-actions-color-focus, var(--luzmo-primary-focus))}.add-group-button{--luzmo-button-padding-label-to-icon: var(--luzmo-edit-filters-add-group-button-text-to-visual, var(--edit-filters-add-group-button-text-to-visual))}:host{--edit-filters-condition-warpper-width: 56px;--edit-filters-condition-padding-horizontal: var(--luzmo-spacing-2);--edit-filters-condition-badge-halo: var(--luzmo-spacing-3);--edit-filters-filters-list-gap: var(--luzmo-spacing-3);--edit-filters-nested-group-margin-top: var(--luzmo-spacing-3);--edit-filters-nested-group-margin-bottom: var(--luzmo-spacing-3);--edit-filters-vertical-line-top: var(--luzmo-spacing-2);--edit-filters-vertical-line-bottom: var(--luzmo-spacing-2);--edit-filters-vertical-line-width: 1px;--edit-filters-group-actions-text-to-visual: var(--luzmo-spacing-2);--edit-filters-add-group-button-text-to-visual: var(--luzmo-spacing-3);--edit-filters-group-actions-gap: var(--luzmo-spacing-3);--edit-filters-add-root-group-container-margin-top: var(--luzmo-spacing-4);--edit-filters-filter-line-gap: var(--luzmo-spacing-3);--edit-filters-group-actions-margin-top: var(--luzmo-spacing-3)}:host([size=s]){--edit-filters-condition-warpper-width: 48px;--edit-filters-condition-padding-horizontal: var(--luzmo-spacing-2);--edit-filters-condition-badge-halo: var(--luzmo-spacing-2);--edit-filters-filters-list-gap: calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-top: calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-bottom: calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--edit-filters-vertical-line-top: var(--luzmo-spacing-2);--edit-filters-vertical-line-bottom: var(--luzmo-spacing-2);--edit-filters-group-actions-text-to-visual: var(--luzmo-spacing-1);--edit-filters-add-group-button-text-to-visual: var(--luzmo-spacing-2);--edit-filters-group-actions-gap: var(--luzmo-spacing-2);--edit-filters-add-root-group-container-margin-top: var(--luzmo-spacing-3);--edit-filters-filter-line-gap: var(--luzmo-spacing-2);--edit-filters-group-actions-margin-top: var(--luzmo-spacing-2)}:host([size=l]){--edit-filters-condition-warpper-width: 64px;--edit-filters-condition-padding-horizontal: var(--luzmo-spacing-3);--edit-filters-condition-badge-halo: var(--luzmo-spacing-4);--edit-filters-filters-list-gap: var(--luzmo-spacing-4);--edit-filters-nested-group-margin-top: var(--luzmo-spacing-4);--edit-filters-nested-group-margin-bottom: var(--luzmo-spacing-4);--edit-filters-vertical-line-top: var(--luzmo-spacing-3);--edit-filters-vertical-line-bottom: var(--luzmo-spacing-3);--edit-filters-group-actions-text-to-visual: var(--luzmo-spacing-2);--edit-filters-add-group-button-text-to-visual: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--edit-filters-group-actions-gap: var(--luzmo-spacing-3);--edit-filters-add-root-group-container-margin-top: calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-filter-line-gap: var(--luzmo-spacing-3);--edit-filters-group-actions-margin-top: var(--luzmo-spacing-3)}:host([size=xl]){--edit-filters-condition-warpper-width: 72px;--edit-filters-condition-padding-horizontal: var(--luzmo-spacing-3);--edit-filters-condition-badge-halo: var(--luzmo-spacing-4);--edit-filters-filters-list-gap: calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-top: calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-bottom: calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-vertical-line-top: var(--luzmo-spacing-3);--edit-filters-vertical-line-bottom: var(--luzmo-spacing-3);--edit-filters-group-actions-text-to-visual: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--edit-filters-add-group-button-text-to-visual: var(--luzmo-spacing-4);--edit-filters-group-actions-gap: var(--luzmo-spacing-4);--edit-filters-add-root-group-container-margin-top: var(--luzmo-spacing-5);--edit-filters-filter-line-gap: var(--luzmo-spacing-4);--edit-filters-group-actions-margin-top: var(--luzmo-spacing-4)}';var h=Object.defineProperty,z=Object.getOwnPropertyDescriptor,n=(c,t,i,e)=>{for(var r=e>1?void 0:e?z(t,i):t,l=c.length-1,s;l>=0;l--)(s=c[l])&&(r=(e?s(t,i,r):s(r))||r);return e&&r&&h(t,i,r),r};exports.LuzmoEditFilters=class extends p.SizedMixin(p.LuzmoElement,{validSizes:Object.values(p.ElementSizes)}){constructor(){super(...arguments),this.apiUrl="https://api.luzmo.com",this.language="en",this.contentLanguage="en",this.filters=null,this._internalFilterGroup=null}static get styles(){return[o.unsafeCSS(f)]}get _oneSizeSmaller(){return{xxs:"xxs",xs:"xs",s:"xs",m:"s",l:"m",xl:"l",xxl:"xl"}[this.size]||"s"}willUpdate(t){t.has("language")&&this.language!==m.getLocale()&&([...m.targetLocales].includes(this.language??"en")||this.language==="en")&&m.setLocale(this.language),t.has("filters")&&(this._internalFilterGroup=this.filters?structuredClone(this.filters):this._generateEmptyGroup())}_generateEmptyGroup(){return{condition:"AND",filters:[]}}_generateEmptyFilter(){return{expression:void 0,parameters:[]}}_cleanFilterGroupForExport(t){return t?{condition:t.condition,filters:t.filters.map(e=>this._isGroup(e)?this._cleanFilterGroupForExport(e):{...e})}:null}_sendChangeEvent(){this.dispatchEvent(new CustomEvent("filters-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{filters:this._cleanFilterGroupForExport(this._internalFilterGroup)}}))}_isGroup(t){return"condition"in t&&"filters"in t}_toggleCondition(t){t.condition=t.condition==="AND"?"OR":"AND",this.requestUpdate(),this._sendChangeEvent()}_addFilter(t){t.filters.push(this._generateEmptyFilter()),this.requestUpdate(),this._sendChangeEvent()}_addSubGroup(t){const i=this._generateEmptyGroup();i.condition=t.condition==="AND"?"OR":"AND",i.filters.push(this._generateEmptyFilter()),t.filters.push(i),this.requestUpdate(),this._sendChangeEvent()}_removeFilter(t,i){if(!this._internalFilterGroup)return;if(t.filters.splice(i,1),!(t===this._internalFilterGroup)&&t.filters.length===0){const r=this._findParentGroup(this._internalFilterGroup,t);if(r){const l=r.filters.indexOf(t);l!==-1&&r.filters.splice(l,1)}}this._collapseGroupsAfterDelete(),this.requestUpdate(),this._sendChangeEvent()}_updateFilter(t,i,e){e.stopPropagation(),this._isGroup(t.filters[i])||(t.filters[i]=e.detail.filter,this._sendChangeEvent())}_addGroup(){this._internalFilterGroup||(this._internalFilterGroup=this._generateEmptyGroup());const t=this._generateEmptyGroup();t.condition=this._internalFilterGroup.condition==="AND"?"OR":"AND",t.filters.push(this._internalFilterGroup);const i=this._generateEmptyGroup();i.condition=t.condition==="AND"?"OR":"AND",i.filters.push(this._generateEmptyFilter()),t.filters.push(i),this._internalFilterGroup=t,this.requestUpdate(),this._sendChangeEvent()}_renderFilterItem(t,i,e){return o.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=${t}
+            .size=${this.size}
+            @filter-changed=${this._updateFilter.bind(this,i,e)}
+          ></luzmo-filter-item>
+          <luzmo-action-button
+            class="delete-filter-button"
+            .size=${this.size}
+            quiet
+            @click=${this._removeFilter.bind(this,i,e)}
+          >
+            <luzmo-icon slot="icon" .icon=${d.luzmoTrashOutline} .size=${this.size}></luzmo-icon>
+          </luzmo-action-button>
+        </div>
+      </div>
+    `}_renderGroup(t,i=!1){const e=t.filters.length>0,r=t.filters.length>1;return o.html`
+      <div class="filter-group ${i?"nested":""}">
+        ${i?o.html`
+              <div class="condition-wrapper">
+                ${r?o.html`
+                      <luzmo-action-button
+                        class="condition-badge"
+                        .size=${this._oneSizeSmaller}
+                        quiet
+                        @click=${this._toggleCondition.bind(this,t)}
+                      >
+                        ${t.condition}
+                      </luzmo-action-button>
+                    `:""}
+              </div>
+            `:r?o.html`
+                <div class="condition-wrapper">
+                  <luzmo-action-button
+                    class="condition-badge"
+                    .size=${this._oneSizeSmaller}
+                    quiet
+                    @click=${this._toggleCondition.bind(this,t)}
+                  >
+                    ${t.condition}
+                  </luzmo-action-button>
+                </div>
+              `:""}
+        <div class="group-content">
+          ${e?o.html`
+                <div class="filters-list">
+                  ${g.repeat(t.filters,(l,s)=>s,(l,s)=>o.html`
+                      ${this._isGroup(l)?this._renderGroup(l,!0):this._renderFilterItem(l,t,s)}
+                    `)}
+                </div>
+              `:""}
+
+          <div class="group-actions">
+            <luzmo-action-button
+              class="add-filter-button"
+              .size=${this.size}
+              quiet
+              @click=${this._addFilter.bind(this,t)}
+            >
+              <luzmo-icon slot="icon" .icon=${d.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
+              ${u.msg("Filter",{desc:"Add filter button label"})}
+            </luzmo-action-button>
+
+            <luzmo-action-button
+              class="add-subgroup-button"
+              .size=${this.size}
+              quiet
+              @click=${this._addSubGroup.bind(this,t)}
+            >
+              <luzmo-icon slot="icon" .icon=${d.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
+              ${u.msg("Subgroup",{desc:"Add subgroup button label"})}
+            </luzmo-action-button>
+          </div>
+        </div>
+      </div>
+    `}_findParentGroup(t,i){for(const e of t.filters){if(e===i)return t;if(this._isGroup(e)){const r=this._findParentGroup(e,i);if(r)return r}}return null}_collapseIfNeeded(t){if(t.filters.length===1&&this._isGroup(t.filters[0])){const i=t.filters[0];t.condition=i.condition,t.filters=i.filters}}_collapseGroupsAfterDelete(){if(!this._internalFilterGroup)return;const t=i=>{for(const e of i.filters)this._isGroup(e)&&t(e);this._collapseIfNeeded(i)};t(this._internalFilterGroup)}render(){if(!this._internalFilterGroup)return o.html`
+        <div class="filter-group-container">
+          <luzmo-action-button
+            class="add-filter-group-button"
+            @click=${this._addGroup}
+          >
+            ${u.msg("Add filter group",{desc:"Add filter group button label"})}
+          </luzmo-action-button>
+        </div>
+      `;if(!(this._internalFilterGroup.filters.length>0))return o.html`
+        <div class="filter-group-container">
+          <luzmo-button
+            class="add-filter-button"
+            .size=${this.size}
+            treatment="outline"
+            @click=${this._addFilter.bind(this,this._internalFilterGroup)}
+          >
+            <luzmo-icon slot="icon" .icon=${d.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
+            ${u.msg("Add filter",{desc:"Add filter button label"})}
+          </luzmo-button>
+        </div>
+      `;const i=this._internalFilterGroup.filters.length>1;return o.html`
+      <div class="filter-group-container">
+        ${this._renderGroup(this._internalFilterGroup)}
+
+        ${i?o.html`
+              <div class="add-root-group-container">
+                <luzmo-button
+                  class="add-group-button"
+                  .size=${this.size}
+                  treatment="outline"
+                  @click=${this._addGroup}
+                >
+                  <luzmo-icon slot="icon" .icon=${d.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
+                  ${u.msg("Group",{desc:"Add group button label"})}
+                </luzmo-button>
+              </div>
+            `:""}
+      </div>
+    `}};n([a.property({type:String,attribute:"api-url",reflect:!0})],exports.LuzmoEditFilters.prototype,"apiUrl",2);n([a.property({type:String,attribute:"auth-key",reflect:!0})],exports.LuzmoEditFilters.prototype,"authKey",2);n([a.property({type:String,attribute:"auth-token",reflect:!0})],exports.LuzmoEditFilters.prototype,"authToken",2);n([a.property({type:Number,attribute:"cache-time",reflect:!0})],exports.LuzmoEditFilters.prototype,"cacheTime",2);n([a.property({type:String,reflect:!0})],exports.LuzmoEditFilters.prototype,"language",2);n([a.property({type:String,attribute:"content-language",reflect:!0})],exports.LuzmoEditFilters.prototype,"contentLanguage",2);n([a.property({type:String,attribute:"time-zone",reflect:!0})],exports.LuzmoEditFilters.prototype,"timeZone",2);n([a.property({type:Array,attribute:"dataset-ids",reflect:!0})],exports.LuzmoEditFilters.prototype,"datasetIds",2);n([a.property({type:Object,reflect:!1})],exports.LuzmoEditFilters.prototype,"filters",2);n([a.state()],exports.LuzmoEditFilters.prototype,"_internalFilterGroup",2);exports.LuzmoEditFilters=n([u.localized()],exports.LuzmoEditFilters);customElements.get("luzmo-edit-filters")||customElements.define("luzmo-edit-filters",exports.LuzmoEditFilters);

package/components/edit-filters/index.d.ts

@@ -0,0 +1,8 @@
+import { LuzmoEditFilters } from './edit-filters';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-edit-filters': LuzmoEditFilters;
+    }
+}
+export { LuzmoEditFilters } from './edit-filters';
+export type { FilterCondition, FilterGroup } from './types';

package/components/edit-filters/index.js

@@ -0,0 +1,341 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { msg as c, localized as m } from "@lit/localize";
+import { luzmoTrashOutline as f, luzmoPlus as d } from "@luzmo/icons";
+import "@luzmo/lucero/action-button";
+import "@luzmo/lucero/button";
+import "@luzmo/lucero/icon";
+import { SizedMixin as g, LuzmoElement as z, ElementSizes as h } from "@luzmo/lucero/utils";
+import { unsafeCSS as v, html as n } from "lit";
+import { property as s, state as b } from "lit/decorators.js";
+import { repeat as x } from "lit/directives/repeat.js";
+import { g as _, t as y, s as w } from "../set-locale-B5562CBM.js";
+import "../filter-item/index.js";
+(function() {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const o = document.createElement("style");
+    o.setAttribute("data-luzmo-vars", ""), o.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: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--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: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--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: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--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(o);
+  }
+})();
+const G = ':host{display:block;font-family:var(--luzmo-edit-filters-font-family, var(--luzmo-font-family));color:var(--luzmo-edit-filters-font-color, var(--luzmo-font-color));max-width:100%}.filter-group-container{max-width:100%;overflow:hidden}.filter-group{display:flex;flex-direction:row;max-width:100%;min-width:0}.filter-group.nested{margin-top:var(--luzmo-edit-filters-nested-group-margin-top, var(--edit-filters-nested-group-margin-top));margin-bottom:var(--luzmo-edit-filters-nested-group-margin-bottom, var(--edit-filters-nested-group-margin-bottom))}.group-content{display:flex;flex-direction:column;flex:1;min-width:0}.filters-list{display:flex;flex-direction:column;gap:var(--luzmo-edit-filters-filters-list-gap, var(--edit-filters-filters-list-gap));min-width:0;max-width:100%}.filter-item-wrapper{position:relative;display:flex;align-items:flex-start;min-width:0;max-width:100%}.filter-item-content{display:flex;align-items:center;gap:var(--luzmo-edit-filters-filter-line-gap, var(--edit-filters-filter-line-gap));flex:1;min-width:0}.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{position:relative;flex:0 0 var(--luzmo-edit-filters-condition-warpper-width, var(--edit-filters-condition-warpper-width));display:flex;align-items:center;justify-content:center}.condition-wrapper:before{content:"";position:absolute;left:50%;top:var(--luzmo-edit-filters-vertical-line-top, var(--edit-filters-vertical-line-top));bottom:var(--luzmo-edit-filters-vertical-line-bottom, var(--edit-filters-vertical-line-bottom));width:var(--luzmo-edit-filters-vertical-line-width, var(--edit-filters-vertical-line-width));background:var(--luzmo-edit-filters-vertical-line-color, var(--luzmo-border-color))}.condition-badge{min-width:auto;padding-inline:var(--luzmo-edit-filters-condition-padding-horizontal, var(--edit-filters-condition-padding-horizontal));font-weight:700;text-transform:uppercase;background:var(--luzmo-edit-filters-condition-badge-background, var(--luzmo-primary));color:var(--luzmo-edit-filters-condition-badge-color, var(--luzmo-primary-inverse-color));border-radius:var(--luzmo-edit-filters-condition-badge-border-radius, var(--luzmo-border-radius));box-shadow:0 0 0 var(--luzmo-edit-filters-condition-badge-halo, var(--edit-filters-condition-badge-halo)) var(--luzmo-edit-filters-condition-badge-background, var(--luzmo-background-color))}.condition-badge:hover{background:var(--luzmo-edit-filters-condition-badge-background-hover, var(--luzmo-primary-hover))}.group-actions{display:flex;margin-top:var(--luzmo-edit-filters-group-actions-margin-top, var(--edit-filters-group-actions-margin-top));gap:var(--luzmo-edit-filters-group-actions-gap, var(--edit-filters-group-actions-gap));flex-wrap:wrap}.delete-group-button{margin-left:auto}.add-root-group-container{margin-top:var(--luzmo-edit-filters-add-root-group-container-margin-top, var(--edit-filters-add-root-group-container-margin-top));padding-left:0}.add-subgroup-button,.add-filter-button{--luzmo-action-button-text-to-visual: var(--luzmo-edit-filters-group-actions-text-to-visual, var(--edit-filters-group-actions-text-to-visual));--luzmo-action-button-content-color-default: var(--luzmo-edit-filters-group-actions-color, var(--luzmo-primary-hover));--luzmo-action-button-content-color-hover: var(--luzmo-edit-filters-group-actions-color-hover, var(--luzmo-primary-hover));--luzmo-action-button-content-color-down: var(--luzmo-edit-filters-group-actions-color-down, var(--luzmo-primary-down));--luzmo-action-button-content-color-focus: var(--luzmo-edit-filters-group-actions-color-focus, var(--luzmo-primary-focus))}.add-group-button{--luzmo-button-padding-label-to-icon: var(--luzmo-edit-filters-add-group-button-text-to-visual, var(--edit-filters-add-group-button-text-to-visual))}:host{--edit-filters-condition-warpper-width: 56px;--edit-filters-condition-padding-horizontal: var(--luzmo-spacing-2);--edit-filters-condition-badge-halo: var(--luzmo-spacing-3);--edit-filters-filters-list-gap: var(--luzmo-spacing-3);--edit-filters-nested-group-margin-top: var(--luzmo-spacing-3);--edit-filters-nested-group-margin-bottom: var(--luzmo-spacing-3);--edit-filters-vertical-line-top: var(--luzmo-spacing-2);--edit-filters-vertical-line-bottom: var(--luzmo-spacing-2);--edit-filters-vertical-line-width: 1px;--edit-filters-group-actions-text-to-visual: var(--luzmo-spacing-2);--edit-filters-add-group-button-text-to-visual: var(--luzmo-spacing-3);--edit-filters-group-actions-gap: var(--luzmo-spacing-3);--edit-filters-add-root-group-container-margin-top: var(--luzmo-spacing-4);--edit-filters-filter-line-gap: var(--luzmo-spacing-3);--edit-filters-group-actions-margin-top: var(--luzmo-spacing-3)}:host([size=s]){--edit-filters-condition-warpper-width: 48px;--edit-filters-condition-padding-horizontal: var(--luzmo-spacing-2);--edit-filters-condition-badge-halo: var(--luzmo-spacing-2);--edit-filters-filters-list-gap: calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-top: calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-bottom: calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--edit-filters-vertical-line-top: var(--luzmo-spacing-2);--edit-filters-vertical-line-bottom: var(--luzmo-spacing-2);--edit-filters-group-actions-text-to-visual: var(--luzmo-spacing-1);--edit-filters-add-group-button-text-to-visual: var(--luzmo-spacing-2);--edit-filters-group-actions-gap: var(--luzmo-spacing-2);--edit-filters-add-root-group-container-margin-top: var(--luzmo-spacing-3);--edit-filters-filter-line-gap: var(--luzmo-spacing-2);--edit-filters-group-actions-margin-top: var(--luzmo-spacing-2)}:host([size=l]){--edit-filters-condition-warpper-width: 64px;--edit-filters-condition-padding-horizontal: var(--luzmo-spacing-3);--edit-filters-condition-badge-halo: var(--luzmo-spacing-4);--edit-filters-filters-list-gap: var(--luzmo-spacing-4);--edit-filters-nested-group-margin-top: var(--luzmo-spacing-4);--edit-filters-nested-group-margin-bottom: var(--luzmo-spacing-4);--edit-filters-vertical-line-top: var(--luzmo-spacing-3);--edit-filters-vertical-line-bottom: var(--luzmo-spacing-3);--edit-filters-group-actions-text-to-visual: var(--luzmo-spacing-2);--edit-filters-add-group-button-text-to-visual: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--edit-filters-group-actions-gap: var(--luzmo-spacing-3);--edit-filters-add-root-group-container-margin-top: calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-filter-line-gap: var(--luzmo-spacing-3);--edit-filters-group-actions-margin-top: var(--luzmo-spacing-3)}:host([size=xl]){--edit-filters-condition-warpper-width: 72px;--edit-filters-condition-padding-horizontal: var(--luzmo-spacing-3);--edit-filters-condition-badge-halo: var(--luzmo-spacing-4);--edit-filters-filters-list-gap: calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-top: calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-bottom: calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-vertical-line-top: var(--luzmo-spacing-3);--edit-filters-vertical-line-bottom: var(--luzmo-spacing-3);--edit-filters-group-actions-text-to-visual: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--edit-filters-add-group-button-text-to-visual: var(--luzmo-spacing-4);--edit-filters-group-actions-gap: var(--luzmo-spacing-4);--edit-filters-add-root-group-container-margin-top: var(--luzmo-spacing-5);--edit-filters-filter-line-gap: var(--luzmo-spacing-4);--edit-filters-group-actions-margin-top: var(--luzmo-spacing-4)}';
+var $ = Object.defineProperty, F = Object.getOwnPropertyDescriptor, a = (t, o, i, r) => {
+  for (var e = r > 1 ? void 0 : r ? F(o, i) : o, u = t.length - 1, p; u >= 0; u--)
+    (p = t[u]) && (e = (r ? p(o, i, e) : p(e)) || e);
+  return r && e && $(o, i, e), e;
+};
+let l = class extends g(z, {
+  validSizes: Object.values(h)
+}) {
+  constructor() {
+    super(...arguments), this.apiUrl = "https://api.luzmo.com", this.language = "en", this.contentLanguage = "en", this.filters = null, this._internalFilterGroup = null;
+  }
+  static get styles() {
+    return [v(G)];
+  }
+  /**
+   * Get a smaller size for the condition badges
+   */
+  get _oneSizeSmaller() {
+    return {
+      xxs: "xxs",
+      xs: "xs",
+      s: "xs",
+      m: "s",
+      l: "m",
+      xl: "l",
+      xxl: "xl"
+    }[this.size] || "s";
+  }
+  willUpdate(t) {
+    t.has("language") && this.language !== _() && ([...y].includes(this.language ?? "en") || this.language === "en") && w(this.language), t.has("filters") && (this._internalFilterGroup = this.filters ? structuredClone(this.filters) : this._generateEmptyGroup());
+  }
+  _generateEmptyGroup() {
+    return {
+      condition: "AND",
+      filters: []
+    };
+  }
+  _generateEmptyFilter() {
+    return {
+      expression: void 0,
+      parameters: []
+    };
+  }
+  _cleanFilterGroupForExport(t) {
+    return t ? {
+      condition: t.condition,
+      filters: t.filters.map((i) => this._isGroup(i) ? this._cleanFilterGroupForExport(i) : { ...i })
+    } : null;
+  }
+  _sendChangeEvent() {
+    this.dispatchEvent(
+      new CustomEvent("filters-changed", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+        detail: {
+          filters: this._cleanFilterGroupForExport(this._internalFilterGroup)
+        }
+      })
+    );
+  }
+  _isGroup(t) {
+    return "condition" in t && "filters" in t;
+  }
+  _toggleCondition(t) {
+    t.condition = t.condition === "AND" ? "OR" : "AND", this.requestUpdate(), this._sendChangeEvent();
+  }
+  _addFilter(t) {
+    t.filters.push(this._generateEmptyFilter()), this.requestUpdate(), this._sendChangeEvent();
+  }
+  _addSubGroup(t) {
+    const o = this._generateEmptyGroup();
+    o.condition = t.condition === "AND" ? "OR" : "AND", o.filters.push(this._generateEmptyFilter()), t.filters.push(o), this.requestUpdate(), this._sendChangeEvent();
+  }
+  _removeFilter(t, o) {
+    if (!this._internalFilterGroup) return;
+    if (t.filters.splice(o, 1), !(t === this._internalFilterGroup) && t.filters.length === 0) {
+      const r = this._findParentGroup(this._internalFilterGroup, t);
+      if (r) {
+        const e = r.filters.indexOf(t);
+        e !== -1 && r.filters.splice(e, 1);
+      }
+    }
+    this._collapseGroupsAfterDelete(), this.requestUpdate(), this._sendChangeEvent();
+  }
+  _updateFilter(t, o, i) {
+    i.stopPropagation(), this._isGroup(t.filters[o]) || (t.filters[o] = i.detail.filter, this._sendChangeEvent());
+  }
+  _addGroup() {
+    this._internalFilterGroup || (this._internalFilterGroup = this._generateEmptyGroup());
+    const t = this._generateEmptyGroup();
+    t.condition = this._internalFilterGroup.condition === "AND" ? "OR" : "AND", t.filters.push(this._internalFilterGroup);
+    const o = this._generateEmptyGroup();
+    o.condition = t.condition === "AND" ? "OR" : "AND", o.filters.push(this._generateEmptyFilter()), t.filters.push(o), this._internalFilterGroup = t, this.requestUpdate(), this._sendChangeEvent();
+  }
+  _renderFilterItem(t, o, i) {
+    return n`
+      <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=${t}
+            .size=${this.size}
+            @filter-changed=${this._updateFilter.bind(this, o, i)}
+          ></luzmo-filter-item>
+          <luzmo-action-button
+            class="delete-filter-button"
+            .size=${this.size}
+            quiet
+            @click=${this._removeFilter.bind(this, o, i)}
+          >
+            <luzmo-icon slot="icon" .icon=${f} .size=${this.size}></luzmo-icon>
+          </luzmo-action-button>
+        </div>
+      </div>
+    `;
+  }
+  _renderGroup(t, o = !1) {
+    const i = t.filters.length > 0, r = t.filters.length > 1;
+    return n`
+      <div class="filter-group ${o ? "nested" : ""}">
+        ${o ? n`
+              <div class="condition-wrapper">
+                ${r ? n`
+                      <luzmo-action-button
+                        class="condition-badge"
+                        .size=${this._oneSizeSmaller}
+                        quiet
+                        @click=${this._toggleCondition.bind(this, t)}
+                      >
+                        ${t.condition}
+                      </luzmo-action-button>
+                    ` : ""}
+              </div>
+            ` : r ? n`
+                <div class="condition-wrapper">
+                  <luzmo-action-button
+                    class="condition-badge"
+                    .size=${this._oneSizeSmaller}
+                    quiet
+                    @click=${this._toggleCondition.bind(this, t)}
+                  >
+                    ${t.condition}
+                  </luzmo-action-button>
+                </div>
+              ` : ""}
+        <div class="group-content">
+          ${i ? n`
+                <div class="filters-list">
+                  ${x(
+      t.filters,
+      (e, u) => u,
+      (e, u) => n`
+                      ${this._isGroup(e) ? this._renderGroup(e, !0) : this._renderFilterItem(e, t, u)}
+                    `
+    )}
+                </div>
+              ` : ""}
+
+          <div class="group-actions">
+            <luzmo-action-button
+              class="add-filter-button"
+              .size=${this.size}
+              quiet
+              @click=${this._addFilter.bind(this, t)}
+            >
+              <luzmo-icon slot="icon" .icon=${d} .size=${this._oneSizeSmaller}></luzmo-icon>
+              ${c("Filter", { desc: "Add filter button label" })}
+            </luzmo-action-button>
+
+            <luzmo-action-button
+              class="add-subgroup-button"
+              .size=${this.size}
+              quiet
+              @click=${this._addSubGroup.bind(this, t)}
+            >
+              <luzmo-icon slot="icon" .icon=${d} .size=${this._oneSizeSmaller}></luzmo-icon>
+              ${c("Subgroup", { desc: "Add subgroup button label" })}
+            </luzmo-action-button>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  _findParentGroup(t, o) {
+    for (const i of t.filters) {
+      if (i === o)
+        return t;
+      if (this._isGroup(i)) {
+        const r = this._findParentGroup(i, o);
+        if (r) return r;
+      }
+    }
+    return null;
+  }
+  _collapseIfNeeded(t) {
+    if (t.filters.length === 1 && this._isGroup(t.filters[0])) {
+      const o = t.filters[0];
+      t.condition = o.condition, t.filters = o.filters;
+    }
+  }
+  _collapseGroupsAfterDelete() {
+    if (!this._internalFilterGroup) return;
+    const t = (o) => {
+      for (const i of o.filters)
+        this._isGroup(i) && t(i);
+      this._collapseIfNeeded(o);
+    };
+    t(this._internalFilterGroup);
+  }
+  render() {
+    if (!this._internalFilterGroup)
+      return n`
+        <div class="filter-group-container">
+          <luzmo-action-button
+            class="add-filter-group-button"
+            @click=${this._addGroup}
+          >
+            ${c("Add filter group", {
+        desc: "Add filter group button label"
+      })}
+          </luzmo-action-button>
+        </div>
+      `;
+    if (!(this._internalFilterGroup.filters.length > 0))
+      return n`
+        <div class="filter-group-container">
+          <luzmo-button
+            class="add-filter-button"
+            .size=${this.size}
+            treatment="outline"
+            @click=${this._addFilter.bind(this, this._internalFilterGroup)}
+          >
+            <luzmo-icon slot="icon" .icon=${d} .size=${this._oneSizeSmaller}></luzmo-icon>
+            ${c("Add filter", { desc: "Add filter button label" })}
+          </luzmo-button>
+        </div>
+      `;
+    const o = this._internalFilterGroup.filters.length > 1;
+    return n`
+      <div class="filter-group-container">
+        ${this._renderGroup(this._internalFilterGroup)}
+
+        ${o ? n`
+              <div class="add-root-group-container">
+                <luzmo-button
+                  class="add-group-button"
+                  .size=${this.size}
+                  treatment="outline"
+                  @click=${this._addGroup}
+                >
+                  <luzmo-icon slot="icon" .icon=${d} .size=${this._oneSizeSmaller}></luzmo-icon>
+                  ${c("Group", { desc: "Add group button label" })}
+                </luzmo-button>
+              </div>
+            ` : ""}
+      </div>
+    `;
+  }
+};
+a([
+  s({ type: String, attribute: "api-url", reflect: !0 })
+], l.prototype, "apiUrl", 2);
+a([
+  s({ type: String, attribute: "auth-key", reflect: !0 })
+], l.prototype, "authKey", 2);
+a([
+  s({ type: String, attribute: "auth-token", reflect: !0 })
+], l.prototype, "authToken", 2);
+a([
+  s({ type: Number, attribute: "cache-time", reflect: !0 })
+], l.prototype, "cacheTime", 2);
+a([
+  s({ type: String, reflect: !0 })
+], l.prototype, "language", 2);
+a([
+  s({ type: String, attribute: "content-language", reflect: !0 })
+], l.prototype, "contentLanguage", 2);
+a([
+  s({ type: String, attribute: "time-zone", reflect: !0 })
+], l.prototype, "timeZone", 2);
+a([
+  s({ type: Array, attribute: "dataset-ids", reflect: !0 })
+], l.prototype, "datasetIds", 2);
+a([
+  s({ type: Object, reflect: !1 })
+], l.prototype, "filters", 2);
+a([
+  b()
+], l.prototype, "_internalFilterGroup", 2);
+l = a([
+  m()
+], l);
+customElements.get("luzmo-edit-filters") || customElements.define("luzmo-edit-filters", l);
+export {
+  l as LuzmoEditFilters
+};

package/components/edit-filters/types.d.ts

@@ -0,0 +1,8 @@
+export interface FilterCondition {
+    expression?: string;
+    parameters?: any[];
+}
+export interface FilterGroup {
+    condition: 'AND' | 'OR';
+    filters: (FilterCondition | FilterGroup)[];
+}