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

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

@@ -19,60 +19,62 @@
  * */
 import "@luzmo/lucero/number-field";
 import "@luzmo/lucero/select";
-import { unsafeCSS as x, html as z } from "lit";
-import { msg as h, localized as y } from "@lit/localize";
-import { SizedMixin as S, LuzmoElement as V, ElementSizes as w } from "@luzmo/lucero/utils";
-import { d as b } from "../index-DNPULp4A.js";
-import { g as k, t as L, s as $ } from "../set-locale-hKTMz37h.js";
-import { property as c, state as d } from "lit/decorators.js";
+import { unsafeCSS as C, html as y } from "lit";
+import { msg as z, localized as T } from "@lit/localize";
+import { SizedMixin as E, LuzmoElement as I, ElementSizes as N } from "@luzmo/lucero/utils";
+import { d as S } from "../index-CDi4fe3N.js";
+import { g as R, t as O, s as D } from "../set-locale-Dp3N_gXN.js";
+import { property as d, state as _ } from "lit/decorators.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 C = ".missing-value{opacity:.4}:host{--var: blue}";
-var T = Object.defineProperty, E = Object.getOwnPropertyDescriptor, a = (e, r, l, t) => {
-  for (var o = t > 1 ? void 0 : t ? E(r, l) : r, n = e.length - 1, s; n >= 0; n--)
-    (s = e[n]) && (o = (t ? s(r, l, o) : s(o)) || o);
-  return t && o && T(r, l, o), o;
+const Q = ".missing-value{opacity:.4}:host{--var: blue}";
+var U = Object.defineProperty, F = Object.getOwnPropertyDescriptor, n = (e, r, t, l) => {
+  for (var o = l > 1 ? void 0 : l ? F(r, t) : r, s = e.length - 1, i; s >= 0; s--)
+    (i = e[s]) && (o = (l ? i(r, t, o) : i(o)) || o);
+  return l && o && U(r, t, o), o;
 };
-const v = 5e3;
-let i = class extends S(V, {
-  validSizes: Object.values(w)
+const V = 5e3;
+let u = class extends E(I, {
+  validSizes: Object.values(N)
 }) {
   constructor() {
     super(...arguments), this.language = "en", this.contentLanguage = "en", this._numericValues = [], this._retrieving = !0, this._search = "", this._error = null, this._allValuesRetrieved = !1, this._runningQueries = [];
   }
   static get styles() {
-    return [x(C)];
+    return [C(Q)];
   }
   connectedCallback() {
     super.connectedCallback();
     const e = {};
-    this.apiUrl && (e.apiUrl = this.apiUrl), this.cacheTime && (e.staleTime = this.cacheTime, e.gcTime = this.cacheTime * 2), this.authKey && this.authToken && (e.authKey = this.authKey, e.authToken = this.authToken), b.configure(e);
+    this.apiUrl && (e.apiUrl = this.apiUrl), this.cacheTime && (e.staleTime = this.cacheTime, e.gcTime = this.cacheTime * 2), this.authKey && this.authToken && (e.authKey = this.authKey, e.authToken = this.authToken), S.configure(e);
   }
   willUpdate(e) {
+    var l, o, s, i, h, c, b, f, g, a, m, p, v, x;
     const r = e.has("filter");
-    if (e.has("language") && this.language !== k() && ([...L].includes(this.language ?? "en") || this.language === "en") && $(this.language), r && this.filter) {
-      const t = e.get("filter")?.expression, o = this.filter?.expression, n = e.get("filter")?.parameters?.[0]?.columnId || e.get("filter")?.parameters?.[0]?.formulaId, s = this.filter?.parameters?.[0]?.columnId || this.filter?.parameters?.[0]?.formulaId;
-      (n !== s || !["? in ?", "? not in ?"].includes(t)) && ["? in ?", "? not in ?"].includes(o) && (this._numericValues = [], this._allValuesRetrieved = !1, this._retrieving = !0);
+    if (e.has("language") && this.language !== R() && ([...O].includes(this.language ?? "en") || this.language === "en") && D(this.language), r && this.filter) {
+      const w = (l = e.get("filter")) == null ? void 0 : l.expression, k = (o = this.filter) == null ? void 0 : o.expression, L = ((h = (i = (s = e.get("filter")) == null ? void 0 : s.parameters) == null ? void 0 : i[0]) == null ? void 0 : h.columnId) || ((f = (b = (c = e.get("filter")) == null ? void 0 : c.parameters) == null ? void 0 : b[0]) == null ? void 0 : f.formulaId), $ = ((m = (a = (g = this.filter) == null ? void 0 : g.parameters) == null ? void 0 : a[0]) == null ? void 0 : m.columnId) || ((x = (v = (p = this.filter) == null ? void 0 : p.parameters) == null ? void 0 : v[0]) == null ? void 0 : x.formulaId);
+      (L !== $ || !["? in ?", "? not in ?"].includes(w)) && ["? in ?", "? not in ?"].includes(k) && (this._numericValues = [], this._allValuesRetrieved = !1, this._retrieving = !0);
     }
   }
   /**
    * Fetches numeric values from the databroker
    */
   async _fetchNumericValues(e = 0) {
+    var f, g;
     if (this._allValuesRetrieved) {
       this._retrieving = !1;
       return;
     }
-    if (!this.filter?.parameters?.[0]) {
+    if (!((g = (f = this.filter) == null ? void 0 : f.parameters) != null && g[0])) {
       this._retrieving = !1, this._error = "Missing column parameters";
       return;
     }
-    const r = this.filter.parameters[0], l = r.columnId, t = r.formulaId, o = r.datasetId;
-    if (!l && !t) {
+    const r = this.filter.parameters[0], t = r.columnId, l = r.formulaId, o = r.datasetId;
+    if (!t && !l) {
       this._retrieving = !1, this._error = "Missing column id or formula id";
       return;
     } else if (!o) {
@@ -80,57 +82,57 @@ let i = class extends S(V, {
       return;
     }
     this._retrieving = !0, this._error = null;
-    const n = {
+    const s = {
       expression: "? like ?",
       parameters: [
         {
           dataset_id: o,
-          expression: `CAST({${o}:${l ?? t}},hierarchy)`
+          expression: `CAST({${o}:${t ?? l}},hierarchy)`
         },
         this._search
       ]
-    }, s = {
+    }, i = {
       dimensions: [
         {
-          column_id: l,
-          formula_id: t,
+          column_id: t,
+          formula_id: l,
           dataset_id: o
         }
       ],
       where: [],
       order: [
         {
-          column_id: l,
-          formula_id: t,
+          column_id: t,
+          formula_id: l,
           dataset_id: o,
           order: "asc"
         }
       ],
       limit: {
-        by: v,
+        by: V,
         offset: e
       }
     };
-    this._search && !this._allValuesRetrieved && s.where.push(n);
-    const g = new AbortController(), f = new Promise((u, m) => {
-      b.fetchData(s).then(u).catch(m), g.signal.addEventListener("abort", () => {
+    this._search && !this._allValuesRetrieved && i.where.push(s);
+    const h = new AbortController(), c = new Promise((a, m) => {
+      S.fetchData(i).then(a).catch(m), h.signal.addEventListener("abort", () => {
         console.warn("Request aborted"), m({ status: "aborted" });
       });
-    }), _ = {
-      promise: f,
-      abortController: g
+    }), b = {
+      promise: c,
+      abortController: h
     };
-    this._runningQueries.push(_);
+    this._runningQueries.push(b);
     try {
-      const u = await f, m = u && Array.isArray(u.data) ? u.data.map((p) => p[0]) : [];
-      this._search || (this._allValuesRetrieved = m.length < v), this._numericValues = e > 0 ? [...this._numericValues, ...m] : m;
-    } catch (u) {
-      if (u?.status === "aborted")
+      const a = await c, m = a && Array.isArray(a.data) ? a.data.map((p) => p[0]) : [];
+      this._search || (this._allValuesRetrieved = m.length < V), this._numericValues = e > 0 ? [...this._numericValues, ...m] : m;
+    } catch (a) {
+      if ((a == null ? void 0 : a.status) === "aborted")
         return;
-      this._error = u instanceof Error ? u.message : "Unknown error", this._numericValues = [];
+      this._error = a instanceof Error ? a.message : "Unknown error", this._numericValues = [];
     } finally {
       this._runningQueries = this._runningQueries.filter(
-        (u) => u.promise !== f
+        (a) => a.promise !== c
       ), this._retrieving = !1;
     }
   }
@@ -147,33 +149,38 @@ let i = class extends S(V, {
     );
   }
   setValue(e) {
-    const r = ["? in ?", "? not in ?"].includes(this.filter?.expression) ? e?.detail?.value : e?.target?.value;
+    var t, l, o, s, i;
+    const r = ["? in ?", "? not in ?"].includes((t = this.filter) == null ? void 0 : t.expression) ? (l = e == null ? void 0 : e.detail) == null ? void 0 : l.value : (o = e == null ? void 0 : e.target) == null ? void 0 : o.value;
     this._value !== r && (this._value = r, this.filter = {
       ...this.filter,
-      parameters: [{ ...this.filter?.parameters?.[0] }, r]
+      parameters: [{ ...(i = (s = this.filter) == null ? void 0 : s.parameters) == null ? void 0 : i[0] }, r]
     }, this._sendChangeEvent());
   }
   selectValue(e) {
-    const l = (e.detail?.value ?? "").map((t) => Number.parseFloat(t));
+    var l, o, s;
+    const t = (((l = e.detail) == null ? void 0 : l.value) ?? "").map((i) => Number.parseFloat(i));
     this.filter = {
       ...this.filter,
-      parameters: [{ ...this.filter?.parameters?.[0] }, l]
-    }, this._value = l, this._sendChangeEvent();
+      parameters: [{ ...(s = (o = this.filter) == null ? void 0 : o.parameters) == null ? void 0 : s[0] }, t]
+    }, this._value = t, this._sendChangeEvent();
   }
   onScrolled(e) {
-    !this._retrieving && !this._allValuesRetrieved && e?.detail?.last === this._numericValues.length - 1 && this._fetchNumericValues(this._numericValues.length);
+    var r;
+    !this._retrieving && !this._allValuesRetrieved && ((r = e == null ? void 0 : e.detail) == null ? void 0 : r.last) === this._numericValues.length - 1 && this._fetchNumericValues(this._numericValues.length);
   }
   renderNumberField() {
-    return z`<luzmo-number-field
+    var e, r;
+    return y`<luzmo-number-field
       .size=${this.size}
       @change=${this.setValue}
       @input=${this.setValue}
-      .value=${this.filter?.parameters?.[1]}
+      .value=${(r = (e = this.filter) == null ? void 0 : e.parameters) == null ? void 0 : r[1]}
     ></luzmo-number-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((t) => {
+      t != null && t.abortController && t.abortController.abort();
     }), this._runningQueries = [], clearTimeout(this._searchQueryTimeout)), this._searchQueryTimeout = setTimeout(() => {
       this._fetchNumericValues();
     }, 500));
@@ -185,14 +192,15 @@ let i = class extends S(V, {
     this._fetchNumericValues();
   }
   renderValuePicker() {
+    var i, h;
     this._error && console.error(`Numeric value retrieve error: ${this._error}`);
-    const e = this._numericValues.filter((s) => s.toString().toLowerCase().includes(this._search.toLowerCase())).map((s) => ({
-      value: s,
-      label: s
-    })), r = h("Selected {count} items"), l = h("Search"), t = h("No data"), o = h("No results"), n = h("Select...");
-    return z`<luzmo-select
+    const e = this._numericValues.filter((c) => c.toString().toLowerCase().includes(this._search.toLowerCase())).map((c) => ({
+      value: c,
+      label: c
+    })), r = z("Selected {count} items"), t = z("Search"), l = z("No data"), o = z("No results"), s = z("Select...");
+    return y`<luzmo-select
       .size=${this.size}
-      .label=${n}
+      .label=${s}
       .retrieving=${this._retrieving}
       selects="multiple"
       variant="checkboxes"
@@ -200,8 +208,8 @@ let i = class extends S(V, {
       no-wrap
       ?invalid=${!!this._error}
       .multipleLabelTemplate=${r}
-      .searchLabel=${l}
-      .noDataLabel=${t}
+      .searchLabel=${t}
+      .noDataLabel=${l}
       .noResultsLabel=${o}
       @change=${this.selectValue}
       @luzmo-search=${this.setSearchString}
@@ -209,55 +217,56 @@ let i = class extends S(V, {
       @luzmo-closed=${this.resetSearchString}
       @luzmo-scrolled=${this.onScrolled}
       .options=${e}
-      .value=${this.filter?.parameters?.[1]}
+      .value=${(h = (i = this.filter) == null ? void 0 : i.parameters) == null ? void 0 : h[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.renderValuePicker() : this.renderNumberField();
   }
 };
-a([
-  c({ type: String, attribute: "api-url", reflect: !0 })
-], i.prototype, "apiUrl", 2);
-a([
-  c({ type: String, attribute: "auth-key", reflect: !0 })
-], i.prototype, "authKey", 2);
-a([
-  c({ type: String, attribute: "auth-token", reflect: !0 })
-], i.prototype, "authToken", 2);
-a([
-  c({ type: Number, attribute: "cache-time", reflect: !0 })
-], i.prototype, "cacheTime", 2);
-a([
-  c({ type: String, reflect: !0 })
-], i.prototype, "language", 2);
-a([
-  c({ type: String, attribute: "content-language", reflect: !0 })
-], i.prototype, "contentLanguage", 2);
-a([
-  c({ type: Object, reflect: !1 })
-], i.prototype, "filter", 2);
-a([
-  d()
-], i.prototype, "_numericValues", 2);
-a([
-  d()
-], i.prototype, "_retrieving", 2);
-a([
-  d()
-], i.prototype, "_search", 2);
-a([
-  d()
-], i.prototype, "_error", 2);
-i = a([
-  y()
-], i);
+n([
+  d({ type: String, attribute: "api-url", reflect: !0 })
+], u.prototype, "apiUrl", 2);
+n([
+  d({ type: String, attribute: "auth-key", reflect: !0 })
+], u.prototype, "authKey", 2);
+n([
+  d({ type: String, attribute: "auth-token", reflect: !0 })
+], u.prototype, "authToken", 2);
+n([
+  d({ type: Number, attribute: "cache-time", reflect: !0 })
+], u.prototype, "cacheTime", 2);
+n([
+  d({ type: String, reflect: !0 })
+], u.prototype, "language", 2);
+n([
+  d({ type: String, attribute: "content-language", reflect: !0 })
+], u.prototype, "contentLanguage", 2);
+n([
+  d({ type: Object, reflect: !1 })
+], u.prototype, "filter", 2);
+n([
+  _()
+], u.prototype, "_numericValues", 2);
+n([
+  _()
+], u.prototype, "_retrieving", 2);
+n([
+  _()
+], u.prototype, "_search", 2);
+n([
+  _()
+], u.prototype, "_error", 2);
+u = n([
+  T()
+], u);
 customElements.get("luzmo-filter-value-picker-numeric") || customElements.define(
   "luzmo-filter-value-picker-numeric",
-  i
+  u
 );
 export {
-  i as LuzmoFilterValuePickerNumeric
+  u as LuzmoFilterValuePickerNumeric
 };

package/components/{focusable-BS2pbY7w.js → focusable-DCIFkpiW.js}

@@ -18,19 +18,19 @@
  * SOFTWARE.
  * */
 import { property as c } from "lit/decorators.js";
-import { LitElement as p } from "lit";
-const u = /* @__PURE__ */ new Set(), E = () => {
+import { LitElement as E } from "lit";
+const u = /* @__PURE__ */ new Set(), g = () => {
   const n = document.documentElement.dir === "rtl" ? document.documentElement.dir : "ltr";
   u.forEach((e) => {
     e.setAttribute("dir", n);
   });
-}, g = new MutationObserver(E);
-g.observe(document.documentElement, {
+}, x = new MutationObserver(g);
+x.observe(document.documentElement, {
   attributes: !0,
   attributeFilter: ["dir"]
 });
-const x = (n) => n.startManagingContentDirection !== void 0 || n.tagName === "LUZMO-THEME";
-function y(n) {
+const y = (n) => n.startManagingContentDirection !== void 0 || n.tagName === "LUZMO-THEME";
+function v(n) {
   class e extends n {
     /**
      * @private
@@ -40,12 +40,13 @@ function y(n) {
     }
     hasVisibleFocusInTree() {
       const s = ((a = document) => {
+        var b;
         let t = a.activeElement;
-        for (; t?.shadowRoot && t.shadowRoot.activeElement; )
+        for (; t != null && t.shadowRoot && t.shadowRoot.activeElement; )
           t = t.shadowRoot.activeElement;
         const l = t ? [t] : [];
         for (; t; ) {
-          const r = t.assignedSlot || t.parentElement || t.getRootNode()?.host;
+          const r = t.assignedSlot || t.parentElement || ((b = t.getRootNode()) == null ? void 0 : b.host);
           r && l.push(r), t = r;
         }
         return l;
@@ -61,7 +62,7 @@ function y(n) {
     connectedCallback() {
       if (super.connectedCallback(), !this.hasAttribute("dir")) {
         let i = this.assignedSlot || this.parentNode;
-        for (; i !== document.documentElement && !x(i); )
+        for (; i !== document.documentElement && !y(i); )
           i = i.assignedSlot || // step into the shadow DOM of the parent of a slotted node
           i.parentNode || // DOM Element detected
           i.host;
@@ -83,15 +84,15 @@ function y(n) {
   }
   return e;
 }
-class v extends y(p) {
+class A extends v(E) {
 }
 let d = !0;
 try {
   document.body.querySelector(":focus-visible");
 } catch {
-  d = !1, Promise.resolve().then(() => A);
+  d = !1, Promise.resolve().then(() => w);
 }
-const m = (n) => {
+const p = (n) => {
   var e, o;
   const i = (t) => {
     if (t.shadowRoot == null || Object.hasOwn(t.dataset, "jsFocusVisible"))
@@ -135,19 +136,19 @@ const m = (n) => {
     }
   }
   return a;
-}, A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FocusVisiblePolyfillMixin: m
+  FocusVisiblePolyfillMixin: p
 }, Symbol.toStringTag, { value: "Module" }));
-var w = Object.defineProperty, C = Object.getOwnPropertyDescriptor, h = (n, e, o, i) => {
-  for (var s = i > 1 ? void 0 : i ? C(e, o) : e, a = n.length - 1, t; a >= 0; a--)
+var C = Object.defineProperty, F = Object.getOwnPropertyDescriptor, h = (n, e, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? F(e, o) : e, a = n.length - 1, t; a >= 0; a--)
     (t = n[a]) && (s = (i ? t(e, o, s) : t(s)) || s);
-  return i && s && w(e, o, s), s;
+  return i && s && C(e, o, s), s;
 };
-function b() {
+function m() {
   return new Promise((n) => requestAnimationFrame(() => n()));
 }
-class f extends m(v) {
+class f extends p(A) {
   constructor() {
     super(...arguments), this.disabled = !1, this.autofocus = !1, this._tabIndex = 0, this.manipulatingTabindex = !1, this.autofocusReady = Promise.resolve();
   }
@@ -162,6 +163,7 @@ class f extends m(v) {
     return this.disabled || e < 0 ? -1 : this.focusElement ? this._tabIndex : e;
   }
   set tabIndex(e) {
+    var o;
     if (this.manipulatingTabindex) {
       this.manipulatingTabindex = !1;
       return;
@@ -171,8 +173,8 @@ class f extends m(v) {
         this._tabIndex = e;
       else if (e !== this._tabIndex) {
         this._tabIndex = e;
-        const o = "" + e;
-        this.manipulatingTabindex = !0, this.setAttribute("tabindex", o);
+        const i = "" + e;
+        this.manipulatingTabindex = !0, this.setAttribute("tabindex", i);
       }
       return;
     }
@@ -185,7 +187,7 @@ class f extends m(v) {
     )), e === -1 || this.disabled) {
       if (this.manipulatingTabindex = !0, this.setAttribute("tabindex", "-1"), this.removeAttribute("focusable"), this.selfManageFocusElement)
         return;
-      e === -1 ? this.focusElement?.removeAttribute("tabindex") : (this._tabIndex = e, this.manageFocusElementTabindex(e));
+      e === -1 ? (o = this.focusElement) == null || o.removeAttribute("tabindex") : (this._tabIndex = e, this.manageFocusElementTabindex(e));
       return;
     }
     this.setAttribute("focusable", ""), this.hasAttribute("tabindex") ? this.removeAttribute("tabindex") : this.manipulatingTabindex = !1, this._tabIndex = e, this.manageFocusElementTabindex(e);
@@ -254,7 +256,7 @@ class f extends m(v) {
   }
   connectedCallback() {
     super.connectedCallback(), this.autofocus && (this.autofocusReady = new Promise(async (e) => {
-      await b(), await b(), e();
+      await m(), await m(), e();
     }), this.updateComplete.then(() => {
       this.manageAutoFocus();
     }));
@@ -270,5 +272,5 @@ h([
   c({ type: Number })
 ], f.prototype, "tabIndex", 1);
 export {
-  v as L
+  A as L
 };

package/components/{funnel-chart-options.config-CrJy2U7_.js → funnel-chart-options.config-C_VjTOvD.js}

@@ -37,7 +37,10 @@ const t = [
           type: "switch",
           label: "Legend",
           default: !0,
-          calculateValue: ({ options: e }) => e?.display?.legend !== !1 || e?.display?.categoryLabels === !0,
+          calculateValue: ({ options: e }) => {
+            var l, a;
+            return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1 || ((a = e == null ? void 0 : e.display) == null ? void 0 : a.categoryLabels) === !0;
+          },
           toOptions: ({ options: e, value: l }) => ({
             ...e,
             display: {
@@ -65,7 +68,10 @@ const t = [
             }
           })
         },
-        visibleIf: ({ options: e }) => e?.display?.legend !== !1 || e?.display?.categoryLabels === !0
+        visibleIf: ({ options: e }) => {
+          var l, a;
+          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1 || ((a = e == null ? void 0 : e.display) == null ? void 0 : a.categoryLabels) === !0;
+        }
       },
       {
         key: "display.values",
@@ -82,7 +88,10 @@ const t = [
           label: "Show absolute values",
           default: !0
         },
-        visibleIf: ({ options: e }) => e?.display?.values === !0
+        visibleIf: ({ options: e }) => {
+          var l;
+          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.values) === !0;
+        }
       },
       {
         key: "funnel.perc",
@@ -92,7 +101,10 @@ const t = [
           default: "hide",
           enum: ["hide", "ofMax", "ofTot"]
         },
-        visibleIf: ({ options: e }) => e?.display?.values === !0
+        visibleIf: ({ options: e }) => {
+          var l;
+          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.values) === !0;
+        }
       }
     ]
   },
@@ -162,7 +174,10 @@ const t = [
         }
       }
     ],
-    visibleIf: ({ options: e }) => e?.display?.legend === !0 && e.display?.categoryLabels === "false"
+    visibleIf: ({ options: e }) => {
+      var l, a;
+      return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) === !0 && ((a = e.display) == null ? void 0 : a.categoryLabels) === "false";
+    }
   }
 ];
 export {