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

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)[];
+}

package/components/{es-BxR1uGKR.js → es-B1TeapPZ.js}

@@ -96,6 +96,7 @@ const e = {
   s8665d029b5cb8b24: "Totales generales",
   s8a56a8c8bd19c9c7: "falta",
   s8d0259032729869d: "Segundo",
+  s8de2a5b227e80c95: "(x) períodos o más atrás",
   s965c503c3e42fdfe: "Activado",
   s9689e928323dc124: "último (período) completado",
   s981f232bd33ec927: "Tasa",
@@ -113,10 +114,12 @@ const e = {
   sa6f2645578b2d2bc: "Año",
   sa7effa06c0f6784c: "mayor que",
   sa8beb6b1182241ac: "Filtros",
+  sa91d4991fca9514e: "más de atrás",
   sac8256732f2ee1e5: "Datos",
   sac8b59943205b14f: "próximo (período) completo",
   sac94bb71f7737997: "Mediana",
   sacae74732f544fca: "Días",
+  saf2a19f4eaf00f68: "o más atrás",
   saf63b34c8601a6e1: ">",
   sb1f654608a3eea75: "Día de la semana",
   sb3b793ff5cc1bc39: "próximos (x) períodos",
@@ -146,6 +149,7 @@ const e = {
   se0955919920ee87d: "Día",
   se211e3d21bbf3bff: "Medida",
   se2b7530e30fa607d: "Comparación de períodos",
+  se2d6ee866b592a9f: "más de (x) períodos atrás",
   se415bbea6c976fb1: "Agrupar por",
   se5316cbaa025f028: "siguiente",
   se715be190539325a: "hace",
@@ -166,7 +170,12 @@ const e = {
   sfad9ed343e97551c: "Valor pasado",
   sfb9e6d0c6baa99f5: "Coincide con el rango de fechas visible en el gráfico o tabla",
   sfbac36245480ddbc: "Separador",
-  sfda1c9d0be35cec8: "trimestre hasta la fecha"
+  sfda1c9d0be35cec8: "trimestre hasta la fecha",
+  s7c95876637f6a9d7: "Filter",
+  s92ab9b834d8fd1fc: "Subgroup",
+  s79f7983c97f2aaed: "Add filter group",
+  s8ba2b22eee9bb57e: "Add filter",
+  s98b1cb8fb62909ec: "Group"
 };
 export {
   e as templates

package/components/{es-CaKfa7fn.cjs → es-DcQvrHgz.cjs}

@@ -17,4 +17,4 @@
  * 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 e={s00decbd8fed4f501:"Máximo",s0218a6cc95bc9386:"Tipo de rango",s0456d2ad905847d9:"último",s079a052719914d71:"Categoría",s08098b07b4c86ff2:"<=",s08108707b4ce87d4:">=",s088e3b07b5394bc3:"ig",s099b18e1bd8a1154:"Horas",s09c2b609dff29061:"Suma acumulativa",s0acece4c687177a9:"Números de trimestre",s0bb151c9319a6813:"Eje X",s0bca0c91195d8d6d:"cont",s1125d159f7e64df5:"Mostrar",s11326fd2590f4e5e:"Por defecto",s122f7f3f1a22ea50:"no ig",s13f5793e33ebda4f:"entre",s146475c4daa430ed:"Decimales",s178b06f4d02cfd40:"no falta",s184501a399a815dc:"Trimestres",s18498398aeb37b07:"La semana comienza el",s187528426100c44e:"Sin datos",s1cdb6b07fe827486:"Número de semana",s1e593719b55d60c0:"MTD",s1e7745005c37315c:"Desplazamiento relativo",s1f0916624a87d415:"Día del año",s2454d1f117573457:"Precisión",s247d110f13a3a288:"Día de la semana",s26273c258ddde0e1:"Seleccionar...",s2695506122ffd614:"Segundo en el minuto",s2718cebf7de190e1:"está entre",s2798d16f4e04857e:"Minuto en la hora",s281f1d977ddc0ebe:"Número de mes",s2ea38ce3da088075:"Períodos",s2fb2a49481123d6a:"Semanas",s2fedf26ef08343d4:"es igual a",s31f1afc1bfe1cb3a:"Saber más",s3924c3d773a80312:"último disp",s3c6455b19fb1c3e4:"Cambio absoluto",s3dcf7b255596a2c3:"Desviación estándar",s441accd1cd3484c9:"Minuto",s463b8c4e92751ba5:"Opciones",s467b030b9a34b3c8:"Promedio",s48e186fb300e5464:"Tiempo",s496c60f73bdf5725:"Agregación",s4b30fad1c34464e1:"mayor o igual que",s4b58c01e2578f5e4:"Leyenda",s4e585eeea351a038:"contiene",s4efbcab48a433013:"Largo",s4f27f6b48a68b5c2:"Bloquear",s519d0aa80bbafd42:"semana hasta la fecha",s57ace73e7c6e719f:"no está en",s58ec693e33483873:"menor que",s5d73a3b3b68e6cba:"Definido por el usuario",s5d929ff1619ac0c9:"Buscar",s5e2654fb8587f442:"Clonar",s602805b1eb3106c6:"Eje Y",s6031881827829901:"24h",s60b34c3c17dc35bd:"Años",s64ef2a6c2dd1d3d1:"Editar",s66722bc2ea775e05:"Desactivado",s669b18c6d2d9c95b:"Ninguno",s66dcbbc0355c2759:"Domingo",s680f01021b5e339d:"Semana",s6b0bffd88024372f:"Hora",s6de3d6e9660857a1:"Ejemplo",s708bbac083d05109:"no empieza con",s70a773eb3133e5fa:"mes hasta la fecha",s716a6024e3fe999c:"Mostrar",s74dcd519e6563a26:"WTD",s7632fc9aa12bf382:"Meses",s782f286a79cca35d:"Relativo",s7a6878d41ffac284:"último completado",s7e357543a7b769f4:"Columna de fecha de desplazamiento",s846876f9b712e843:"no es igual a",s862f5319f0256b94:"QTD",s8665d029b5cb8b24:"Totales generales",s8a56a8c8bd19c9c7:"falta",s8d0259032729869d:"Segundo",s965c503c3e42fdfe:"Activado",s9689e928323dc124:"último (período) completado",s981f232bd33ec927:"Tasa",s9854300ef4a37d18:"no termina en",s987abe19fac8d108:"Suma",s98c337186f2d57c6:"Ancho del bin",s98db41a3eb532203:"año hasta la fecha",s991d216e6efc157c:"Sin resultados",s996319f23f6cf0b5:"termina en",s9b9009d4a5004fb8:"Agrupamiento",s9b9d6ce29d05a298:"menor o igual que",s9e40e59654c8ad67:"Columna",sa3c9339de23c1752:"Formato",sa6ab5184d6315895:"De",sa6f2645578b2d2bc:"Año",sa7effa06c0f6784c:"mayor que",sa8beb6b1182241ac:"Filtros",sac8256732f2ee1e5:"Datos",sac8b59943205b14f:"próximo (período) completo",sac94bb71f7737997:"Mediana",sacae74732f544fca:"Días",saf63b34c8601a6e1:">",sb1f654608a3eea75:"Día de la semana",sb3b793ff5cc1bc39:"próximos (x) períodos",sb47daaf9e1c4a905:"Mes",sb5b295e3a7500b9c:"Niveles de duración",sb6513caf69971fb5:"Corto",sb70671db5700ff60:"no termina en",sb93e5af29aca2e3d:"falta",sbbb97b1c63507dc0:"Número",sbeebe911264bed23:"últimos (x) períodos disponibles",sc1bf67624fa6d498:"% de cambio",sc4842e5b8b90466a:"Segundos",sc6e49f3d37e54030:"Hora en el día",sc6f5a4fc0583d734:"está en",sc86e72c4fdd4e0ec:"Contar distinto",scb7bab1a17663a6c:"YTD",scf2bb2b0de9cdb8a:"Milisegundo",sd237be440de38cc7:"Trimestre",sd28141a332dc31fa:"Día del mes",sd5b1040899eb149d:"siguiente completo",sd66a74fff07a11fb:"{count} elementos seleccionados",sd7ebafacf602c9bd:"Letra",sdb73788b3c975f16:"Automático",sdc673e73b5c13aea:"Eliminar",sdebe99a43259a451:"Contar filas",sdfeb2151b9e78d4d:"no contiene",se0955919920ee87d:"Día",se211e3d21bbf3bff:"Medida",se2b7530e30fa607d:"Comparación de períodos",se415bbea6c976fb1:"Agrupar por",se5316cbaa025f028:"siguiente",se715be190539325a:"hace",se9e535bb9591039e:"Seleccionar una expresión",se9ff6e9a514d8cf9:"Lunes",seb4eae68d45315b7:"Mínimo",seb9c440de1ce6044:"empieza con",sec2f608650e36ac5:"último período completado",secf42ec1c7c47be2:"no falta",see0ec27fb03d880e:"Minutos",sef49aec68fd1dc66:"Nombre",sf095cc47a4ff9c3d:"Fórmula",sf518b78d9734f57b:"no empieza con",sf6cda8263b3170af:"Usar período hasta la fecha para períodos incompletos",sf70eaf9ab4c93082:"no cont",sf9c10516a62a23db:"Mostrar como",sfa2d0aa30ee5aa58:"últimos (x) períodos",sfad9ed343e97551c:"Valor pasado",sfb9e6d0c6baa99f5:"Coincide con el rango de fechas visible en el gráfico o tabla",sfbac36245480ddbc:"Separador",sfda1c9d0be35cec8:"trimestre hasta la fecha"};exports.templates=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={s00decbd8fed4f501:"Máximo",s0218a6cc95bc9386:"Tipo de rango",s0456d2ad905847d9:"último",s079a052719914d71:"Categoría",s08098b07b4c86ff2:"<=",s08108707b4ce87d4:">=",s088e3b07b5394bc3:"ig",s099b18e1bd8a1154:"Horas",s09c2b609dff29061:"Suma acumulativa",s0acece4c687177a9:"Números de trimestre",s0bb151c9319a6813:"Eje X",s0bca0c91195d8d6d:"cont",s1125d159f7e64df5:"Mostrar",s11326fd2590f4e5e:"Por defecto",s122f7f3f1a22ea50:"no ig",s13f5793e33ebda4f:"entre",s146475c4daa430ed:"Decimales",s178b06f4d02cfd40:"no falta",s184501a399a815dc:"Trimestres",s18498398aeb37b07:"La semana comienza el",s187528426100c44e:"Sin datos",s1cdb6b07fe827486:"Número de semana",s1e593719b55d60c0:"MTD",s1e7745005c37315c:"Desplazamiento relativo",s1f0916624a87d415:"Día del año",s2454d1f117573457:"Precisión",s247d110f13a3a288:"Día de la semana",s26273c258ddde0e1:"Seleccionar...",s2695506122ffd614:"Segundo en el minuto",s2718cebf7de190e1:"está entre",s2798d16f4e04857e:"Minuto en la hora",s281f1d977ddc0ebe:"Número de mes",s2ea38ce3da088075:"Períodos",s2fb2a49481123d6a:"Semanas",s2fedf26ef08343d4:"es igual a",s31f1afc1bfe1cb3a:"Saber más",s3924c3d773a80312:"último disp",s3c6455b19fb1c3e4:"Cambio absoluto",s3dcf7b255596a2c3:"Desviación estándar",s441accd1cd3484c9:"Minuto",s463b8c4e92751ba5:"Opciones",s467b030b9a34b3c8:"Promedio",s48e186fb300e5464:"Tiempo",s496c60f73bdf5725:"Agregación",s4b30fad1c34464e1:"mayor o igual que",s4b58c01e2578f5e4:"Leyenda",s4e585eeea351a038:"contiene",s4efbcab48a433013:"Largo",s4f27f6b48a68b5c2:"Bloquear",s519d0aa80bbafd42:"semana hasta la fecha",s57ace73e7c6e719f:"no está en",s58ec693e33483873:"menor que",s5d73a3b3b68e6cba:"Definido por el usuario",s5d929ff1619ac0c9:"Buscar",s5e2654fb8587f442:"Clonar",s602805b1eb3106c6:"Eje Y",s6031881827829901:"24h",s60b34c3c17dc35bd:"Años",s64ef2a6c2dd1d3d1:"Editar",s66722bc2ea775e05:"Desactivado",s669b18c6d2d9c95b:"Ninguno",s66dcbbc0355c2759:"Domingo",s680f01021b5e339d:"Semana",s6b0bffd88024372f:"Hora",s6de3d6e9660857a1:"Ejemplo",s708bbac083d05109:"no empieza con",s70a773eb3133e5fa:"mes hasta la fecha",s716a6024e3fe999c:"Mostrar",s74dcd519e6563a26:"WTD",s7632fc9aa12bf382:"Meses",s782f286a79cca35d:"Relativo",s7a6878d41ffac284:"último completado",s7e357543a7b769f4:"Columna de fecha de desplazamiento",s846876f9b712e843:"no es igual a",s862f5319f0256b94:"QTD",s8665d029b5cb8b24:"Totales generales",s8a56a8c8bd19c9c7:"falta",s8d0259032729869d:"Segundo",s8de2a5b227e80c95:"(x) períodos o más atrás",s965c503c3e42fdfe:"Activado",s9689e928323dc124:"último (período) completado",s981f232bd33ec927:"Tasa",s9854300ef4a37d18:"no termina en",s987abe19fac8d108:"Suma",s98c337186f2d57c6:"Ancho del bin",s98db41a3eb532203:"año hasta la fecha",s991d216e6efc157c:"Sin resultados",s996319f23f6cf0b5:"termina en",s9b9009d4a5004fb8:"Agrupamiento",s9b9d6ce29d05a298:"menor o igual que",s9e40e59654c8ad67:"Columna",sa3c9339de23c1752:"Formato",sa6ab5184d6315895:"De",sa6f2645578b2d2bc:"Año",sa7effa06c0f6784c:"mayor que",sa8beb6b1182241ac:"Filtros",sa91d4991fca9514e:"más de atrás",sac8256732f2ee1e5:"Datos",sac8b59943205b14f:"próximo (período) completo",sac94bb71f7737997:"Mediana",sacae74732f544fca:"Días",saf2a19f4eaf00f68:"o más atrás",saf63b34c8601a6e1:">",sb1f654608a3eea75:"Día de la semana",sb3b793ff5cc1bc39:"próximos (x) períodos",sb47daaf9e1c4a905:"Mes",sb5b295e3a7500b9c:"Niveles de duración",sb6513caf69971fb5:"Corto",sb70671db5700ff60:"no termina en",sb93e5af29aca2e3d:"falta",sbbb97b1c63507dc0:"Número",sbeebe911264bed23:"últimos (x) períodos disponibles",sc1bf67624fa6d498:"% de cambio",sc4842e5b8b90466a:"Segundos",sc6e49f3d37e54030:"Hora en el día",sc6f5a4fc0583d734:"está en",sc86e72c4fdd4e0ec:"Contar distinto",scb7bab1a17663a6c:"YTD",scf2bb2b0de9cdb8a:"Milisegundo",sd237be440de38cc7:"Trimestre",sd28141a332dc31fa:"Día del mes",sd5b1040899eb149d:"siguiente completo",sd66a74fff07a11fb:"{count} elementos seleccionados",sd7ebafacf602c9bd:"Letra",sdb73788b3c975f16:"Automático",sdc673e73b5c13aea:"Eliminar",sdebe99a43259a451:"Contar filas",sdfeb2151b9e78d4d:"no contiene",se0955919920ee87d:"Día",se211e3d21bbf3bff:"Medida",se2b7530e30fa607d:"Comparación de períodos",se2d6ee866b592a9f:"más de (x) períodos atrás",se415bbea6c976fb1:"Agrupar por",se5316cbaa025f028:"siguiente",se715be190539325a:"hace",se9e535bb9591039e:"Seleccionar una expresión",se9ff6e9a514d8cf9:"Lunes",seb4eae68d45315b7:"Mínimo",seb9c440de1ce6044:"empieza con",sec2f608650e36ac5:"último período completado",secf42ec1c7c47be2:"no falta",see0ec27fb03d880e:"Minutos",sef49aec68fd1dc66:"Nombre",sf095cc47a4ff9c3d:"Fórmula",sf518b78d9734f57b:"no empieza con",sf6cda8263b3170af:"Usar período hasta la fecha para períodos incompletos",sf70eaf9ab4c93082:"no cont",sf9c10516a62a23db:"Mostrar como",sfa2d0aa30ee5aa58:"últimos (x) períodos",sfad9ed343e97551c:"Valor pasado",sfb9e6d0c6baa99f5:"Coincide con el rango de fechas visible en el gráfico o tabla",sfbac36245480ddbc:"Separador",sfda1c9d0be35cec8:"trimestre hasta la fecha",s7c95876637f6a9d7:"Filter",s92ab9b834d8fd1fc:"Subgroup",s79f7983c97f2aaed:"Add filter group",s8ba2b22eee9bb57e:"Add filter",s98b1cb8fb62909ec:"Group"};exports.templates=e;

package/components/filter-expression-picker/index.cjs

@@ -17,4 +17,4 @@
  * 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 e=require("../index-BNAmjOkm.cjs");Object.defineProperty(exports,"LuzmoFilterExpressionPicker",{enumerable:!0,get:()=>e.LuzmoFilterExpressionPicker});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DM58h73U.cjs");Object.defineProperty(exports,"LuzmoFilterExpressionPicker",{enumerable:!0,get:()=>e.LuzmoFilterExpressionPicker});

package/components/filter-expression-picker/index.js

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { L as u } from "../index-DdyZ2g5L.js";
+import { L as u } from "../index-DR5275fa.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/filter-item/filter-item.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
 import { LuzmoElement } from '@luzmo/lucero/utils';
-import './../filter-data-item-picker';
+import './../data-items-select';
 import './../filter-expression-picker';
 import './../filter-value-picker';
 declare const LuzmoFilterItem_base: typeof LuzmoElement & {