@luzmo/analytics-components-kit 1.0.1-alpha.84 → 1.0.1-alpha.85

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

@@ -19,62 +19,60 @@
  * */
 import "@luzmo/lucero/number-field";
 import "@luzmo/lucero/select";
-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-BPN3bG9X.js";
-import { g as R, t as O, s as D } from "../set-locale-B-Tz2sdI.js";
-import { property as d, state as _ } from "lit/decorators.js";
+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-BGb_wRRW.js";
+import { g as k, t as L, s as $ } from "../set-locale-nv7fWEtl.js";
+import { property as c, state as d } 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 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 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 V = 5e3;
-let u = class extends E(I, {
-  validSizes: Object.values(N)
+const v = 5e3;
+let i = class extends S(V, {
+  validSizes: Object.values(w)
 }) {
   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 [C(Q)];
+    return [x(C)];
   }
   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), S.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), b.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 !== 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);
+    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);
     }
   }
   /**
    * Fetches numeric values from the databroker
    */
   async _fetchNumericValues(e = 0) {
-    var f, g;
     if (this._allValuesRetrieved) {
       this._retrieving = !1;
       return;
     }
-    if (!((g = (f = this.filter) == null ? void 0 : f.parameters) != null && g[0])) {
+    if (!this.filter?.parameters?.[0]) {
       this._retrieving = !1, this._error = "Missing column parameters";
       return;
     }
-    const r = this.filter.parameters[0], t = r.columnId, l = r.formulaId, o = r.datasetId;
-    if (!t && !l) {
+    const r = this.filter.parameters[0], l = r.columnId, t = r.formulaId, o = r.datasetId;
+    if (!l && !t) {
       this._retrieving = !1, this._error = "Missing column id or formula id";
       return;
     } else if (!o) {
@@ -82,57 +80,57 @@ let u = class extends E(I, {
       return;
     }
     this._retrieving = !0, this._error = null;
-    const s = {
+    const n = {
       expression: "? like ?",
       parameters: [
         {
           dataset_id: o,
-          expression: `CAST({${o}:${t ?? l}},hierarchy)`
+          expression: `CAST({${o}:${l ?? t}},hierarchy)`
         },
         this._search
       ]
-    }, i = {
+    }, s = {
       dimensions: [
         {
-          column_id: t,
-          formula_id: l,
+          column_id: l,
+          formula_id: t,
           dataset_id: o
         }
       ],
       where: [],
       order: [
         {
-          column_id: t,
-          formula_id: l,
+          column_id: l,
+          formula_id: t,
           dataset_id: o,
           order: "asc"
         }
       ],
       limit: {
-        by: V,
+        by: v,
         offset: e
       }
     };
-    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", () => {
+    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", () => {
         console.warn("Request aborted"), m({ status: "aborted" });
       });
-    }), b = {
-      promise: c,
-      abortController: h
+    }), _ = {
+      promise: f,
+      abortController: g
     };
-    this._runningQueries.push(b);
+    this._runningQueries.push(_);
     try {
-      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")
+      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")
         return;
-      this._error = a instanceof Error ? a.message : "Unknown error", this._numericValues = [];
+      this._error = u instanceof Error ? u.message : "Unknown error", this._numericValues = [];
     } finally {
       this._runningQueries = this._runningQueries.filter(
-        (a) => a.promise !== c
+        (u) => u.promise !== f
       ), this._retrieving = !1;
     }
   }
@@ -149,38 +147,33 @@ let u = class extends E(I, {
     );
   }
   setValue(e) {
-    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;
+    const r = ["? in ?", "? not in ?"].includes(this.filter?.expression) ? e?.detail?.value : e?.target?.value;
     this._value !== r && (this._value = r, this.filter = {
       ...this.filter,
-      parameters: [{ ...(i = (s = this.filter) == null ? void 0 : s.parameters) == null ? void 0 : i[0] }, r]
+      parameters: [{ ...this.filter?.parameters?.[0] }, r]
     }, this._sendChangeEvent());
   }
   selectValue(e) {
-    var l, o, s;
-    const t = (((l = e.detail) == null ? void 0 : l.value) ?? "").map((i) => Number.parseFloat(i));
+    const l = (e.detail?.value ?? "").map((t) => Number.parseFloat(t));
     this.filter = {
       ...this.filter,
-      parameters: [{ ...(s = (o = this.filter) == null ? void 0 : o.parameters) == null ? void 0 : s[0] }, t]
-    }, this._value = t, this._sendChangeEvent();
+      parameters: [{ ...this.filter?.parameters?.[0] }, l]
+    }, this._value = l, this._sendChangeEvent();
   }
   onScrolled(e) {
-    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);
+    !this._retrieving && !this._allValuesRetrieved && e?.detail?.last === this._numericValues.length - 1 && this._fetchNumericValues(this._numericValues.length);
   }
   renderNumberField() {
-    var e, r;
-    return y`<luzmo-number-field
+    return z`<luzmo-number-field
       .size=${this.size}
       @change=${this.setValue}
       @input=${this.setValue}
-      .value=${(r = (e = this.filter) == null ? void 0 : e.parameters) == null ? void 0 : r[1]}
+      .value=${this.filter?.parameters?.[1]}
     ></luzmo-number-field>`;
   }
   setSearchString(e) {
-    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._search = e?.detail?.string ?? "", this._allValuesRetrieved || (this._searchQueryTimeout && (this._runningQueries.forEach((r) => {
+      r?.abortController && r.abortController.abort();
     }), this._runningQueries = [], clearTimeout(this._searchQueryTimeout)), this._searchQueryTimeout = setTimeout(() => {
       this._fetchNumericValues();
     }, 500));
@@ -192,15 +185,14 @@ let u = class extends E(I, {
     this._fetchNumericValues();
   }
   renderValuePicker() {
-    var i, h;
     this._error && console.error(`Numeric value retrieve error: ${this._error}`);
-    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
+    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
       .size=${this.size}
-      .label=${s}
+      .label=${n}
       .retrieving=${this._retrieving}
       selects="multiple"
       variant="checkboxes"
@@ -208,8 +200,8 @@ let u = class extends E(I, {
       no-wrap
       ?invalid=${!!this._error}
       .multipleLabelTemplate=${r}
-      .searchLabel=${t}
-      .noDataLabel=${l}
+      .searchLabel=${l}
+      .noDataLabel=${t}
       .noResultsLabel=${o}
       @change=${this.selectValue}
       @luzmo-search=${this.setSearchString}
@@ -217,56 +209,55 @@ let u = class extends E(I, {
       @luzmo-closed=${this.resetSearchString}
       @luzmo-scrolled=${this.onScrolled}
       .options=${e}
-      .value=${(h = (i = this.filter) == null ? void 0 : i.parameters) == null ? void 0 : h[1]}
+      .value=${this.filter?.parameters?.[1]}
     >
     </luzmo-select>`;
   }
   render() {
-    var r;
-    const e = (r = this.filter) == null ? void 0 : r.expression;
+    const e = this.filter?.expression;
     return ["? in ?", "? not in ?"].includes(e) ? this.renderValuePicker() : this.renderNumberField();
   }
 };
-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);
+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);
 customElements.get("luzmo-filter-value-picker-numeric") || customElements.define(
   "luzmo-filter-value-picker-numeric",
-  u
+  i
 );
 export {
-  u as LuzmoFilterValuePickerNumeric
+  i as LuzmoFilterValuePickerNumeric
 };

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

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

package/components/focusable-QLh-LlNt.cjs

@@ -0,0 +1,20 @@
+/*! * 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";const d=require("lit/decorators.js"),E=require("lit"),u=new Set,g=()=>{const n=document.documentElement.dir==="rtl"?document.documentElement.dir:"ltr";u.forEach(e=>{e.setAttribute("dir",n)})},y=new MutationObserver(g);y.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});const x=n=>n.startManagingContentDirection!==void 0||n.tagName==="LUZMO-THEME";function v(n){class e extends n{get isLTR(){return this.dir==="ltr"}hasVisibleFocusInTree(){const s=((a=document)=>{let t=a.activeElement;for(;t?.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;const l=t?[t]:[];for(;t;){const r=t.assignedSlot||t.parentElement||t.getRootNode()?.host;r&&l.push(r),t=r}return l})(this.getRootNode())[0];if(!s)return!1;try{return s.matches(":focus-visible")||s.matches(".focus-visible")}catch{return s.matches(".focus-visible")}}connectedCallback(){if(super.connectedCallback(),!this.hasAttribute("dir")){let i=this.assignedSlot||this.parentNode;for(;i!==document.documentElement&&!x(i);)i=i.assignedSlot||i.parentNode||i.host;if(this.dir=i.dir==="rtl"?i.dir:this.dir||"ltr",i===document.documentElement)u.add(this);else{const{localName:s}=i;s.search("-")>-1&&!customElements.get(s)?customElements.whenDefined(s).then(()=>{i.startManagingContentDirection(this)}):i.startManagingContentDirection(this)}this._dirParent=i}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document.documentElement?u.delete(this):this._dirParent.stopManagingContentDirection(this),this.removeAttribute("dir"))}}return e}class m extends v(E.LitElement){}let c=!0;try{document.body.querySelector(":focus-visible")}catch{c=!1,Promise.resolve().then(()=>A)}const p=n=>{var e,o;const i=t=>{if(t.shadowRoot==null||Object.hasOwn(t.dataset,"jsFocusVisible"))return()=>{};if(self.applyFocusVisiblePolyfill)self.applyFocusVisiblePolyfill(t.shadowRoot),t.manageAutoFocus&&t.manageAutoFocus();else{const l=()=>{self.applyFocusVisiblePolyfill&&t.shadowRoot&&self.applyFocusVisiblePolyfill(t.shadowRoot),t.manageAutoFocus&&t.manageAutoFocus()};return self.addEventListener("focus-visible-polyfill-ready",l,{once:!0}),()=>{self.removeEventListener("focus-visible-polyfill-ready",l)}}return()=>{}},s=Symbol("endPolyfillCoordination");class a extends(o=n,e=s,o){constructor(){super(...arguments),this[e]=null}connectedCallback(){super.connectedCallback&&super.connectedCallback(),c||requestAnimationFrame(()=>{this[s]==null&&(this[s]=i(this))})}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),c||requestAnimationFrame(()=>{this[s]!=null&&(this[s](),this[s]=null)})}}return a},A=Object.freeze(Object.defineProperty({__proto__:null,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--)(t=n[a])&&(s=(i?t(e,o,s):t(s))||s);return i&&s&&w(e,o,s),s};function f(){return new Promise(n=>requestAnimationFrame(()=>n()))}class b extends p(m){constructor(){super(...arguments),this.disabled=!1,this.autofocus=!1,this._tabIndex=0,this.manipulatingTabindex=!1,this.autofocusReady=Promise.resolve()}get tabIndex(){if(this.focusElement===this){const o=this.hasAttribute("tabindex")?Number(this.getAttribute("tabindex")):Number.NaN;return Number.isNaN(o)?-1:o}const e=Number.parseFloat(this.hasAttribute("tabindex")&&this.getAttribute("tabindex")||"0");return this.disabled||e<0?-1:this.focusElement?this._tabIndex:e}set tabIndex(e){if(this.manipulatingTabindex){this.manipulatingTabindex=!1;return}if(this.focusElement===this){if(this.disabled)this._tabIndex=e;else if(e!==this._tabIndex){this._tabIndex=e;const o=""+e;this.manipulatingTabindex=!0,this.setAttribute("tabindex",o)}return}if(e===-1?this.addEventListener("pointerdown",this.onPointerdownManagementOfTabIndex):(this.manipulatingTabindex=!0,this.removeEventListener("pointerdown",this.onPointerdownManagementOfTabIndex)),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));return}this.setAttribute("focusable",""),this.hasAttribute("tabindex")?this.removeAttribute("tabindex"):this.manipulatingTabindex=!1,this._tabIndex=e,this.manageFocusElementTabindex(e)}onPointerdownManagementOfTabIndex(){this.tabIndex===-1&&setTimeout(()=>{this.tabIndex=0,this.focus({preventScroll:!0}),this.tabIndex=-1})}async manageFocusElementTabindex(e){this.focusElement||await this.updateComplete,e===null?this.focusElement.removeAttribute("tabindex"):this.focusElement!==this&&(this.focusElement.tabIndex=e)}get focusElement(){throw new Error("Must implement focusElement getter!")}get selfManageFocusElement(){return!1}focus(e){this.disabled||!this.focusElement||(this.focusElement===this?Reflect.apply(HTMLElement.prototype.focus,this,[e]):this.focusElement.focus(e))}blur(){const e=this.focusElement||this;e===this?HTMLElement.prototype.blur.apply(this):e.blur()}click(){if(this.disabled)return;const e=this.focusElement||this;e===this?HTMLElement.prototype.click.apply(this):e.click()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent("keydown",{code:"Tab"})),this.focusElement.focus())}firstUpdated(e){super.firstUpdated(e),(!this.hasAttribute("tabindex")||this.getAttribute("tabindex")!=="-1")&&this.setAttribute("focusable","")}update(e){e.has("disabled")&&this.handleDisabledChanged(this.disabled,e.get("disabled")),super.update(e)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.blur()}async handleDisabledChanged(e,o){const i=()=>this.focusElement!==this&&this.focusElement.disabled!==void 0;e?(this.manipulatingTabindex=!0,this.setAttribute("tabindex","-1"),await this.updateComplete,i()?this.focusElement.disabled=!0:this.setAttribute("aria-disabled","true")):o&&(this.manipulatingTabindex=!0,this.focusElement===this?this.setAttribute("tabindex",""+this._tabIndex):this.removeAttribute("tabindex"),await this.updateComplete,i()?this.focusElement.disabled=!1:this.removeAttribute("aria-disabled"))}async getUpdateComplete(){const e=await super.getUpdateComplete();return await this.autofocusReady,e}connectedCallback(){super.connectedCallback(),this.autofocus&&(this.autofocusReady=new Promise(async e=>{await f(),await f(),e()}),this.updateComplete.then(()=>{this.manageAutoFocus()}))}}h([d.property({type:Boolean,reflect:!0})],b.prototype,"disabled",2);h([d.property({type:Boolean})],b.prototype,"autofocus",2);h([d.property({type:Number})],b.prototype,"tabIndex",1);exports.LuzmoElement=m;

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

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

package/components/funnel-chart-options.config-DrP4AFgk.cjs

@@ -0,0 +1,20 @@
+/*! * 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 t=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"display.legend",control:{type:"switch",label:"Legend",default:!0,calculateValue:({options:e})=>e?.display?.legend!==!1||e?.display?.categoryLabels===!0,toOptions:({options:e,value:l})=>({...e,display:{...e.display,legend:l,categoryLabels:!1}})}},{key:"display.categoryLabels",control:{type:"radio-button-group",label:"Display legend as",default:"labels",enum:["list","labels"],parseValue:e=>e?"labels":"list",toOptions:({options:e,value:l})=>({...e,display:{...e.display,categoryLabels:l==="labels",legend:l!=="labels"}})},visibleIf:({options:e})=>e?.display?.legend!==!1||e?.display?.categoryLabels===!0},{key:"display.values",control:{type:"switch",label:"Show values",default:!1}},{key:"funnel.absValue",control:{type:"switch",label:"Show absolute values",default:!0},visibleIf:({options:e})=>e?.display?.values===!0},{key:"funnel.perc",control:{type:"picker",label:"Percentage",default:"hide",enum:["hide","ofMax","ofTot"]},visibleIf:({options:e})=>e?.display?.values===!0}]},{key:"funnel",type:"group",open:!0,children:[{key:"mode",control:{type:"picker",label:"Mode",default:"dynamicWidth",enum:["dynamicWidth","dynamicHeight","regular"]}},{key:"funnel.rectangle",control:{type:"switch",label:"Rectangular",default:!1}},{key:"sort.by",control:{type:"picker",label:"Order",default:"measure",enum:["measure","category"]}},{key:"sort.direction",control:{type:"picker",label:"Direction",default:"desc",enum:["asc","desc"]}}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.position",control:{label:"Position",type:"position-picker",default:"right",enum:["topLeft","top","topRight","right","bottomRight","bottom","bottomLeft","left"]}}],visibleIf:({options:e})=>e?.display?.legend===!0&&e.display?.categoryLabels==="false"}];exports.default=t;