@luzmo/analytics-components-kit 1.0.1-alpha.91 → 1.0.1-alpha.96

package/components/filter-value-picker-datetime/index.js

@@ -21,47 +21,49 @@ import "@luzmo/lucero/date-time-picker";
 import "@luzmo/lucero/number-field";
 import "@luzmo/lucero/picker";
 import "@luzmo/lucero/text-field";
-import { unsafeCSS as d, html as l } from "lit";
-import { SizedMixin as z, LuzmoElement as f, ElementSizes as p } from "@luzmo/lucero/utils";
-import { g, t as h, s as b } from "../set-locale-hKTMz37h.js";
-import { D as u } from "../periods.const-CjHXYn-w.js";
-import { property as n } from "lit/decorators.js";
+import { unsafeCSS as y, html as f } from "lit";
+import { SizedMixin as k, LuzmoElement as w, ElementSizes as _ } from "@luzmo/lucero/utils";
+import { g as S, t as $, s as E } from "../set-locale-Dp3N_gXN.js";
+import { D as h } from "../periods.const-CjHXYn-w.js";
+import { property as b } from "lit/decorators.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const e = document.createElement("style");
     e.setAttribute("data-luzmo-vars", ""), e.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: 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(e);
   }
 })();
-const v = ":host{display:flex;flex-direction:row;gap:var(--luzmo-filter-value-picker-datetime-gap, var(--filter-value-picker-datetime-gap))}:host{--filter-value-picker-datetime-gap: var(--luzmo-spacing-3)}:host([size=s]){--filter-value-picker-datetime-gap: var(--luzmo-spacing-2)}:host([size=m]){--filter-value-picker-datetime-gap: var(--luzmo-spacing-3)}:host([size=l]){--filter-value-picker-datetime-gap: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--filter-value-picker-datetime-gap: var(--luzmo-spacing-4)}";
-var x = Object.defineProperty, s = (a, e, o, t) => {
-  for (var r = void 0, m = a.length - 1, c; m >= 0; m--)
-    (c = a[m]) && (r = c(e, o, r) || r);
-  return r && x(e, o, r), r;
+const L = ":host{display:flex;flex-direction:row;gap:var(--luzmo-filter-value-picker-datetime-gap, var(--filter-value-picker-datetime-gap))}:host{--filter-value-picker-datetime-gap: var(--luzmo-spacing-3)}:host([size=s]){--filter-value-picker-datetime-gap: var(--luzmo-spacing-2)}:host([size=m]){--filter-value-picker-datetime-gap: var(--luzmo-spacing-3)}:host([size=l]){--filter-value-picker-datetime-gap: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--filter-value-picker-datetime-gap: var(--luzmo-spacing-4)}";
+var C = Object.defineProperty, v = (g, e, o, r) => {
+  for (var t = void 0, i = g.length - 1, l; i >= 0; i--)
+    (l = g[i]) && (t = l(e, o, t) || t);
+  return t && C(e, o, t), t;
 };
-class i extends z(f, {
-  validSizes: Object.values(p)
+class p extends k(w, {
+  validSizes: Object.values(_)
 }) {
   constructor() {
     super(...arguments), this.language = "en", this.contentLanguage = "en";
   }
   static get styles() {
-    return [d(v)];
+    return [y(L)];
   }
   willUpdate(e) {
-    const o = e.has("language"), t = e.get("filter");
-    o && this.language !== g() && ([...h].includes(this.language ?? "en") || this.language === "en") && b(this.language), t && (["last_now", "last_available", "next_now"].includes(
-      this.filter?.expression
+    var t, i, l, a, u, s, m, n, c, d, z;
+    const o = e.has("language"), r = e.get("filter");
+    o && this.language !== S() && ([...$].includes(this.language ?? "en") || this.language === "en") && E(this.language), r && (["last_now", "last_available", "next_now"].includes(
+      (t = this.filter) == null ? void 0 : t.expression
     ) ? this.filter.parameters[1] = {
-      quantity: this.filter?.parameters?.[1]?.quantity ?? 1,
-      unit: this.filter?.parameters?.[1]?.unit ?? 1
+      quantity: ((a = (l = (i = this.filter) == null ? void 0 : i.parameters) == null ? void 0 : l[1]) == null ? void 0 : a.quantity) ?? 1,
+      unit: ((m = (s = (u = this.filter) == null ? void 0 : u.parameters) == null ? void 0 : s[1]) == null ? void 0 : m.unit) ?? 1
     } : ["last_completed", "next_full", "to_date"].includes(
-      this.filter?.expression
+      (n = this.filter) == null ? void 0 : n.expression
     ) ? this.filter.parameters[1] = {
-      unit: this.filter?.parameters?.[1]?.unit ?? 1
+      unit: ((z = (d = (c = this.filter) == null ? void 0 : c.parameters) == null ? void 0 : d[1]) == null ? void 0 : z.unit) ?? 1
     } : this.filter.parameters[1] = typeof this.filter.parameters[1] == "string" ? this.filter.parameters[1] : (/* @__PURE__ */ new Date()).toISOString());
   }
   _sendChangeEvent() {
-    this.filter.parameters = [{ ...this.filter?.parameters?.[0] }, this._value], this.dispatchEvent(
+    var e, o;
+    this.filter.parameters = [{ ...(o = (e = this.filter) == null ? void 0 : e.parameters) == null ? void 0 : o[0] }, this._value], this.dispatchEvent(
       new CustomEvent("filter-value-changed", {
         bubbles: !0,
         composed: !0,
@@ -73,49 +75,61 @@ class i extends z(f, {
     );
   }
   setDate(e) {
-    this._value = e.detail.value, this._value !== this.filter?.parameters?.[1] && this._sendChangeEvent();
+    var o, r;
+    this._value = e.detail.value, this._value !== ((r = (o = this.filter) == null ? void 0 : o.parameters) == null ? void 0 : r[1]) && this._sendChangeEvent();
   }
   setUnit(e) {
-    const o = u.find(
-      (t) => t.key === e?.target?.value
-    )?.level;
-    this.filter?.parameters?.[1]?.unit !== o && (this._value = {
+    var r, t, i, l, a, u, s;
+    const o = (r = h.find(
+      (m) => {
+        var n;
+        return m.key === ((n = e == null ? void 0 : e.target) == null ? void 0 : n.value);
+      }
+    )) == null ? void 0 : r.level;
+    ((l = (i = (t = this.filter) == null ? void 0 : t.parameters) == null ? void 0 : i[1]) == null ? void 0 : l.unit) !== o && (this._value = {
       unit: o ?? 1,
-      quantity: this.filter?.parameters?.[1]?.quantity ?? 1
+      quantity: ((s = (u = (a = this.filter) == null ? void 0 : a.parameters) == null ? void 0 : u[1]) == null ? void 0 : s.quantity) ?? 1
     }, this._sendChangeEvent());
   }
   setQuantity(e) {
-    const o = e?.target?.value;
-    this.filter?.parameters?.[1]?.quantity !== o && (this._value = {
+    var r, t, i, l, a, u, s;
+    const o = (r = e == null ? void 0 : e.target) == null ? void 0 : r.value;
+    ((l = (i = (t = this.filter) == null ? void 0 : t.parameters) == null ? void 0 : i[1]) == null ? void 0 : l.quantity) !== o && (this._value = {
       quantity: o,
-      unit: this.filter?.parameters?.[1]?.unit ?? 1
+      unit: ((s = (u = (a = this.filter) == null ? void 0 : a.parameters) == null ? void 0 : u[1]) == null ? void 0 : s.unit) ?? 1
     }, this._sendChangeEvent());
   }
   renderDatePicker() {
+    var o, r, t, i, l, a, u, s, m, n, c, d, z, x;
     let e = "second";
-    return this.filter?.parameters?.[0]?.lowestLevel > 4 && (this.filter?.parameters?.[0]?.lowestLevel === 5 ? e = "day" : this.filter?.parameters?.[0]?.lowestLevel === 6 ? e = "hour" : this.filter?.parameters?.[0]?.lowestLevel === 7 ? e = "minute" : e = "second"), l`<luzmo-date-time-picker
+    return ((t = (r = (o = this.filter) == null ? void 0 : o.parameters) == null ? void 0 : r[0]) == null ? void 0 : t.lowestLevel) > 4 && (((a = (l = (i = this.filter) == null ? void 0 : i.parameters) == null ? void 0 : l[0]) == null ? void 0 : a.lowestLevel) === 5 ? e = "day" : ((m = (s = (u = this.filter) == null ? void 0 : u.parameters) == null ? void 0 : s[0]) == null ? void 0 : m.lowestLevel) === 6 ? e = "hour" : ((d = (c = (n = this.filter) == null ? void 0 : n.parameters) == null ? void 0 : c[0]) == null ? void 0 : d.lowestLevel) === 7 ? e = "minute" : e = "second"), f`<luzmo-date-time-picker
       .size=${this.size}
       .precision=${e}
       .timeZone=${this.timeZone}
       @change=${this.setDate}
-      .value=${this.filter?.parameters?.[1]}
+      .value=${(x = (z = this.filter) == null ? void 0 : z.parameters) == null ? void 0 : x[1]}
     ></luzmo-date-time-picker>`;
   }
   renderQuantityField() {
-    return l`<luzmo-number-field
+    var e, o, r;
+    return f`<luzmo-number-field
       .size=${this.size}
-      .value=${this.filter?.parameters?.[1]?.quantity}
+      .value=${(r = (o = (e = this.filter) == null ? void 0 : e.parameters) == null ? void 0 : o[1]) == null ? void 0 : r.quantity}
       @input=${this.setQuantity}
       @change=${this.setQuantity}
     ></luzmo-number-field>`;
   }
   renderUnitPicker() {
-    const e = u.map((t) => l`<luzmo-menu-item .value=${t.key}>
-        ${t.i18n()}
-      </luzmo-menu-item>`), o = u.find(
-      (t) => t.level === this.filter?.parameters?.[1]?.unit
-    )?.key ?? u?.[0]?.key;
-    return l`<luzmo-picker
+    var r, t, i;
+    const e = h.map((l) => f`<luzmo-menu-item .value=${l.key}>
+        ${l.i18n()}
+      </luzmo-menu-item>`), o = ((r = h.find(
+      (l) => {
+        var a, u, s;
+        return l.level === ((s = (u = (a = this.filter) == null ? void 0 : a.parameters) == null ? void 0 : u[1]) == null ? void 0 : s.unit);
+      }
+    )) == null ? void 0 : r.key) ?? ((i = (t = h) == null ? void 0 : t[0]) == null ? void 0 : i.key);
+    return f`<luzmo-picker
       .size=${this.size}
       .value=${o}
       @change=${this.setUnit}
@@ -124,26 +138,27 @@ class i extends z(f, {
     >`;
   }
   render() {
-    const e = this.filter?.expression;
-    return ["last_now", "last_available", "next_now"].includes(e) ? l`${this.renderQuantityField()}${this.renderUnitPicker()}` : ["last_completed", "next_full"].includes(e) ? this.renderUnitPicker() : this.renderDatePicker();
+    var o;
+    const e = (o = this.filter) == null ? void 0 : o.expression;
+    return ["last_now", "last_available", "next_now"].includes(e) ? f`${this.renderQuantityField()}${this.renderUnitPicker()}` : ["last_completed", "next_full"].includes(e) ? this.renderUnitPicker() : this.renderDatePicker();
   }
 }
-s([
-  n({ type: String, reflect: !0 })
-], i.prototype, "language");
-s([
-  n({ type: String, attribute: "content-language", reflect: !0 })
-], i.prototype, "contentLanguage");
-s([
-  n({ type: String, attribute: "time-zone", reflect: !0 })
-], i.prototype, "timeZone");
-s([
-  n({ type: Object, reflect: !1 })
-], i.prototype, "filter");
+v([
+  b({ type: String, reflect: !0 })
+], p.prototype, "language");
+v([
+  b({ type: String, attribute: "content-language", reflect: !0 })
+], p.prototype, "contentLanguage");
+v([
+  b({ type: String, attribute: "time-zone", reflect: !0 })
+], p.prototype, "timeZone");
+v([
+  b({ type: Object, reflect: !1 })
+], p.prototype, "filter");
 customElements.get("luzmo-filter-value-picker-datetime") || customElements.define(
   "luzmo-filter-value-picker-datetime",
-  i
+  p
 );
 export {
-  i as LuzmoFilterValuePickerDatetime
+  p as LuzmoFilterValuePickerDatetime
 };

package/components/filter-value-picker-hierarchy/index.js

@@ -19,34 +19,34 @@
  * */
 import "@luzmo/lucero/select";
 import "@luzmo/lucero/text-field";
-import { unsafeCSS as x, html as z } from "lit";
-import { msg as f, localized as w } from "@lit/localize";
-import { SizedMixin as S, LuzmoElement as k, ElementSizes as L } from "@luzmo/lucero/utils";
-import { d as v } from "../index-DNPULp4A.js";
-import { l as y } from "../localize-CcDpq940.js";
-import { property as h, state as p } from "lit/decorators.js";
-import { g as V, t as $, s as C } from "../set-locale-hKTMz37h.js";
+import { unsafeCSS as $, html as y } from "lit";
+import { msg as b, localized as C } from "@lit/localize";
+import { SizedMixin as T, LuzmoElement as E, ElementSizes as I } from "@luzmo/lucero/utils";
+import { d as v } from "../index-CDi4fe3N.js";
+import { l as w } from "../localize-BX7q0S0M.js";
+import { property as z, state as _ } from "lit/decorators.js";
+import { g as H, t as R, s as O } from "../set-locale-Dp3N_gXN.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");
     r.setAttribute("data-luzmo-vars", ""), r.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(r);
   }
 })();
-const T = ".missing-value{opacity:.4}:host{--var: blue}";
-var E = Object.defineProperty, I = Object.getOwnPropertyDescriptor, s = (e, r, t, i) => {
-  for (var o = i > 1 ? void 0 : i ? I(r, t) : r, c = e.length - 1, u; c >= 0; c--)
-    (u = e[c]) && (o = (i ? u(r, t, o) : u(o)) || o);
-  return i && o && E(r, t, o), o;
+const D = ".missing-value{opacity:.4}:host{--var: blue}";
+var P = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, m = (e, r, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Q(r, o) : r, n = e.length - 1, a; n >= 0; n--)
+    (a = e[n]) && (t = (s ? a(r, o, t) : a(t)) || t);
+  return s && t && P(r, o, t), t;
 };
-const _ = 5e3;
-let l = class extends S(k, {
-  validSizes: Object.values(L)
+const S = 5e3;
+let u = class extends T(E, {
+  validSizes: Object.values(I)
 }) {
   constructor() {
     super(...arguments), this.language = "en", this.contentLanguage = "en", this._hierarchyValues = [], this._retrieving = !0, this._search = "", this._error = null, this._allValuesRetrieved = !1, this._runningQueries = [];
   }
   static get styles() {
-    return [x(T)];
+    return [$(D)];
   }
   connectedCallback() {
     super.connectedCallback();
@@ -54,12 +54,13 @@ let l = class extends S(k, {
     this.apiUrl && (e.apiUrl = this.apiUrl), this.cacheTime && (e.staleTime = this.cacheTime, e.gcTime = this.cacheTime * 2), this.authKey && this.authToken && (e.authKey = this.authKey, e.authToken = this.authToken), v.configure(e);
   }
   willUpdate(e) {
-    if (e.has("language") && this.language !== V() && ([...$].includes(this.language ?? "en") || this.language === "en") && C(this.language), e.has("filter") && this.filter) {
-      const t = e.get("filter")?.expression, i = e.get("filter")?.parameters?.[0]?.columnId || e.get("filter")?.parameters?.[0]?.formulaId, o = this.filter?.parameters?.[0]?.columnId || this.filter?.parameters?.[0]?.formulaId;
-      i !== o && (["? in ?", "? not in ?", "? = ?", "? != ?"].includes(
-        this.filter?.expression
+    var o, s, t, n, a, d, c, f, g, p, i, l, h, x;
+    if (e.has("language") && this.language !== H() && ([...R].includes(this.language ?? "en") || this.language === "en") && O(this.language), e.has("filter") && this.filter) {
+      const k = (o = e.get("filter")) == null ? void 0 : o.expression, L = ((n = (t = (s = e.get("filter")) == null ? void 0 : s.parameters) == null ? void 0 : t[0]) == null ? void 0 : n.columnId) || ((c = (d = (a = e.get("filter")) == null ? void 0 : a.parameters) == null ? void 0 : d[0]) == null ? void 0 : c.formulaId), V = ((p = (g = (f = this.filter) == null ? void 0 : f.parameters) == null ? void 0 : g[0]) == null ? void 0 : p.columnId) || ((h = (l = (i = this.filter) == null ? void 0 : i.parameters) == null ? void 0 : l[0]) == null ? void 0 : h.formulaId);
+      L !== V && (["? in ?", "? not in ?", "? = ?", "? != ?"].includes(
+        (x = this.filter) == null ? void 0 : x.expression
       ) || !["? in ?", "? not in ?", "? = ?", "? != ?"].includes(
-        t
+        k
       )) && (this._hierarchyValues = [], this._allValuesRetrieved = !1, this._retrieving = !0);
     }
   }
@@ -67,75 +68,76 @@ let l = class extends S(k, {
    * Fetches hierarchy values from the databroker
    */
   async _fetchHierarchyValues(e = 0) {
+    var g, p;
     if (this._allValuesRetrieved) {
       this._retrieving = !1;
       return;
     }
-    if (!this.filter?.parameters?.[0]) {
+    if (!((p = (g = this.filter) == null ? void 0 : g.parameters) != null && p[0])) {
       this._retrieving = !1, this._error = "Missing column parameters";
       return;
     }
-    const r = this.filter.parameters[0], t = r.columnId, i = r.formulaId, o = r.datasetId;
-    if (!t && !i) {
+    const r = this.filter.parameters[0], o = r.columnId, s = r.formulaId, t = r.datasetId;
+    if (!o && !s) {
       this._retrieving = !1, this._error = "Missing column id or formula id";
       return;
-    } else if (!o) {
+    } else if (!t) {
       this._retrieving = !1, this._error = "Missing dataset id";
       return;
     }
     this._retrieving = !0, this._error = null;
-    const c = {
+    const n = {
       expression: "? like ?",
       parameters: [
         {
-          column_id: t,
-          formula_id: i,
-          dataset_id: o
+          column_id: o,
+          formula_id: s,
+          dataset_id: t
         },
         this._search
       ]
-    }, u = {
+    }, a = {
       dimensions: [
         {
-          column_id: t,
-          formula_id: i,
-          dataset_id: o
+          column_id: o,
+          formula_id: s,
+          dataset_id: t
         }
       ],
       where: [],
       order: [
         {
-          column_id: t,
-          formula_id: i,
-          dataset_id: o,
+          column_id: o,
+          formula_id: s,
+          dataset_id: t,
           order: "asc"
         }
       ],
       limit: {
-        by: _,
+        by: S,
         offset: e
       }
     };
-    this._search && this._allValuesRetrieved && u.where.push(c);
-    const g = new AbortController(), n = new Promise((a, m) => {
-      v.fetchData(u).then(a).catch(m), g.signal.addEventListener("abort", () => {
-        console.warn("Request aborted"), m({ status: "aborted" });
+    this._search && this._allValuesRetrieved && a.where.push(n);
+    const d = new AbortController(), c = new Promise((i, l) => {
+      v.fetchData(a).then(i).catch(l), d.signal.addEventListener("abort", () => {
+        console.warn("Request aborted"), l({ status: "aborted" });
       });
-    }), d = {
-      promise: n,
-      abortController: g
+    }), f = {
+      promise: c,
+      abortController: d
     };
-    this._runningQueries.push(d);
+    this._runningQueries.push(f);
     try {
-      const a = await n, m = a && Array.isArray(a.data) ? a.data.map((b) => b[0]) : [];
-      this._search || (this._allValuesRetrieved = m.length < _), this._hierarchyValues = e > 0 ? [...this._hierarchyValues, ...m] : m;
-    } catch (a) {
-      if (a?.status === "aborted")
+      const i = await c, l = i && Array.isArray(i.data) ? i.data.map((h) => h[0]) : [];
+      this._search || (this._allValuesRetrieved = l.length < S), this._hierarchyValues = e > 0 ? [...this._hierarchyValues, ...l] : l;
+    } catch (i) {
+      if ((i == null ? void 0 : i.status) === "aborted")
         return;
-      this._error = a instanceof Error ? a.message : "Unknown error", this._hierarchyValues = [];
+      this._error = i instanceof Error ? i.message : "Unknown error", this._hierarchyValues = [];
     } finally {
       this._runningQueries = this._runningQueries.filter(
-        (a) => a.promise !== n
+        (i) => i.promise !== c
       ), this._retrieving = !1;
     }
   }
@@ -152,26 +154,30 @@ let l = class extends S(k, {
     );
   }
   setHierarchy(e) {
+    var o, s, t, n, a, d, c, f;
     let r;
-    ["? in ?", "? not in ?"].includes(this.filter?.expression) ? r = e?.detail?.value : ["? = ?", "? != ?"].includes(this.filter?.expression) ? r = e?.detail?.value?.[0] : r = e?.target?.value, this._value !== r && (this._value = r, this.filter = {
+    ["? in ?", "? not in ?"].includes((o = this.filter) == null ? void 0 : o.expression) ? r = (s = e == null ? void 0 : e.detail) == null ? void 0 : s.value : ["? = ?", "? != ?"].includes((t = this.filter) == null ? void 0 : t.expression) ? r = (a = (n = e == null ? void 0 : e.detail) == null ? void 0 : n.value) == null ? void 0 : a[0] : r = (d = e == null ? void 0 : e.target) == null ? void 0 : d.value, this._value !== r && (this._value = r, this.filter = {
       ...this.filter,
-      parameters: [{ ...this.filter?.parameters?.[0] }, this._value]
+      parameters: [{ ...(f = (c = this.filter) == null ? void 0 : c.parameters) == null ? void 0 : f[0] }, this._value]
     }, this._sendChangeEvent());
   }
   onScrolled(e) {
-    !this._retrieving && !this._allValuesRetrieved && e?.detail?.last === this._hierarchyValues.length - 1 && this._fetchHierarchyValues(this._hierarchyValues.length);
+    var r;
+    !this._retrieving && !this._allValuesRetrieved && ((r = e == null ? void 0 : e.detail) == null ? void 0 : r.last) === this._hierarchyValues.length - 1 && this._fetchHierarchyValues(this._hierarchyValues.length);
   }
   renderTextField() {
-    return z`<luzmo-text-field
+    var e, r;
+    return y`<luzmo-text-field
       .size=${this.size}
       @change=${this.setHierarchy}
       @input=${this.setHierarchy}
-      .value=${this.filter?.parameters?.[1] ?? ""}
+      .value=${((r = (e = this.filter) == null ? void 0 : e.parameters) == null ? void 0 : r[1]) ?? ""}
     ></luzmo-text-field>`;
   }
   setSearchString(e) {
-    this._search = e?.detail?.string ?? "", this._allValuesRetrieved || (this._searchQueryTimeout && (this._runningQueries.forEach((r) => {
-      r?.abortController && r.abortController.abort();
+    var r;
+    this._search = ((r = e == null ? void 0 : e.detail) == null ? void 0 : r.string) ?? "", this._allValuesRetrieved || (this._searchQueryTimeout && (this._runningQueries.forEach((o) => {
+      o != null && o.abortController && o.abortController.abort();
     }), this._runningQueries = [], clearTimeout(this._searchQueryTimeout)), this._searchQueryTimeout = setTimeout(() => {
       this._fetchHierarchyValues();
     }, 500));
@@ -183,83 +189,88 @@ let l = class extends S(k, {
     this._fetchHierarchyValues();
   }
   renderHierarchyPicker() {
+    var c, f, g, p, i;
     if (this._error)
-      return z`<div class="error">Error: ${this._error}</div>`;
-    const e = (this._search ? this._hierarchyValues.filter((n) => y(n.name, this.contentLanguage, { allowEmpty: !0 })?.toLowerCase().includes(this._search.toLowerCase()) || n.toString().toLowerCase().includes(this._search.toLowerCase())) : this._hierarchyValues).map((n) => {
-      let d = y(n?.name, this.contentLanguage) ?? "N/A";
-      return typeof d != "string" && (d = "N/A"), {
-        value: n?.id,
-        label: d
+      return y`<div class="error">Error: ${this._error}</div>`;
+    const e = (this._search ? this._hierarchyValues.filter((l) => {
+      var h;
+      return ((h = w(l.name, this.contentLanguage, { allowEmpty: !0 })) == null ? void 0 : h.toLowerCase().includes(this._search.toLowerCase())) || l.toString().toLowerCase().includes(this._search.toLowerCase());
+    }) : this._hierarchyValues).map((l) => {
+      let h = w(l == null ? void 0 : l.name, this.contentLanguage) ?? "N/A";
+      return typeof h != "string" && (h = "N/A"), {
+        value: l == null ? void 0 : l.id,
+        label: h
       };
-    }), r = this.filter?.expression, t = ["? = ?", "? != ?"].includes(r), i = f("Selected {count} items"), o = f("Search"), c = f("No data"), u = f("No results"), g = f("Select...");
-    return z`<luzmo-select
+    }), r = (c = this.filter) == null ? void 0 : c.expression, o = ["? = ?", "? != ?"].includes(r), s = b("Selected {count} items"), t = b("Search"), n = b("No data"), a = b("No results"), d = b("Select...");
+    return y`<luzmo-select
       .size=${this.size}
-      .label=${g}
+      .label=${d}
       .retrieving=${this._retrieving}
-      .selects=${t ? "single" : "multiple"}
-      .variant=${t ? "highlight" : "checkboxes"}
+      .selects=${o ? "single" : "multiple"}
+      .variant=${o ? "highlight" : "checkboxes"}
       emphasized
       no-wrap
       ?invalid=${!!this._error}
-      .multipleLabelTemplate=${i}
-      .searchLabel=${o}
-      .noDataLabel=${c}
-      .noResultsLabel=${u}
+      .multipleLabelTemplate=${s}
+      .searchLabel=${t}
+      .noDataLabel=${n}
+      .noResultsLabel=${a}
       @change=${this.setHierarchy}
       @luzmo-search=${this.setSearchString}
       @luzmo-opened=${this.onOpened}
       @luzmo-closed=${this.resetSearchString}
       @luzmo-scrolled=${this.onScrolled}
       .options=${e}
-      .value=${t ? [this.filter?.parameters?.[1]] : this.filter?.parameters?.[1]}
+      .value=${o ? [(g = (f = this.filter) == null ? void 0 : f.parameters) == null ? void 0 : g[1]] : (i = (p = this.filter) == null ? void 0 : p.parameters) == null ? void 0 : i[1]}
     >
     </luzmo-select>`;
   }
   render() {
-    const e = this.filter?.expression;
+    var r;
+    const e = (r = this.filter) == null ? void 0 : r.expression;
     return ["? in ?", "? not in ?", "? = ?", "? != ?"].includes(e) ? this.renderHierarchyPicker() : this.renderTextField();
   }
 };
-s([
-  h({ type: String, attribute: "api-url", reflect: !0 })
-], l.prototype, "apiUrl", 2);
-s([
-  h({ type: String, attribute: "auth-key", reflect: !0 })
-], l.prototype, "authKey", 2);
-s([
-  h({ type: String, attribute: "auth-token", reflect: !0 })
-], l.prototype, "authToken", 2);
-s([
-  h({ type: Number, attribute: "cache-time", reflect: !0 })
-], l.prototype, "cacheTime", 2);
-s([
-  h({ type: String, reflect: !0 })
-], l.prototype, "language", 2);
-s([
-  h({ type: String, attribute: "content-language", reflect: !0 })
-], l.prototype, "contentLanguage", 2);
-s([
-  h({ type: Object, reflect: !1 })
-], l.prototype, "filter", 2);
-s([
-  p()
-], l.prototype, "_hierarchyValues", 2);
-s([
-  p()
-], l.prototype, "_retrieving", 2);
-s([
-  p()
-], l.prototype, "_search", 2);
-s([
-  p()
-], l.prototype, "_error", 2);
-l = s([
-  w()
-], l);
+m([
+  z({ type: String, attribute: "api-url", reflect: !0 })
+], u.prototype, "apiUrl", 2);
+m([
+  z({ type: String, attribute: "auth-key", reflect: !0 })
+], u.prototype, "authKey", 2);
+m([
+  z({ type: String, attribute: "auth-token", reflect: !0 })
+], u.prototype, "authToken", 2);
+m([
+  z({ type: Number, attribute: "cache-time", reflect: !0 })
+], u.prototype, "cacheTime", 2);
+m([
+  z({ type: String, reflect: !0 })
+], u.prototype, "language", 2);
+m([
+  z({ type: String, attribute: "content-language", reflect: !0 })
+], u.prototype, "contentLanguage", 2);
+m([
+  z({ type: Object, reflect: !1 })
+], u.prototype, "filter", 2);
+m([
+  _()
+], u.prototype, "_hierarchyValues", 2);
+m([
+  _()
+], u.prototype, "_retrieving", 2);
+m([
+  _()
+], u.prototype, "_search", 2);
+m([
+  _()
+], u.prototype, "_error", 2);
+u = m([
+  C()
+], u);
 customElements.get("luzmo-filter-value-picker-hierarchy") || customElements.define(
   "luzmo-filter-value-picker-hierarchy",
-  l
+  u
 );
 export {
-  l as LuzmoFilterValuePickerHierarchy
+  u as LuzmoFilterValuePickerHierarchy
 };