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

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-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";
+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";
 (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-B3E_hQmm.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"),g=require("lit"),u=new Set,y=()=>{const n=document.documentElement.dir==="rtl"?document.documentElement.dir:"ltr";u.forEach(e=>{e.setAttribute("dir",n)})},x=new MutationObserver(y);x.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});const v=n=>n.startManagingContentDirection!==void 0||n.tagName==="LUZMO-THEME";function A(n){class e extends n{get isLTR(){return this.dir==="ltr"}hasVisibleFocusInTree(){const s=((a=document)=>{var f;let t=a.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||((f=t.getRootNode())==null?void 0:f.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&&!v(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 p extends A(g.LitElement){}let c=!0;try{document.body.querySelector(":focus-visible")}catch{c=!1,Promise.resolve().then(()=>w)}const E=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},w=Object.freeze(Object.defineProperty({__proto__:null,FocusVisiblePolyfillMixin:E},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--)(t=n[a])&&(s=(i?t(e,o,s):t(s))||s);return i&&s&&C(e,o,s),s};function m(){return new Promise(n=>requestAnimationFrame(()=>n()))}class b extends E(p){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){var o;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 i=""+e;this.manipulatingTabindex=!0,this.setAttribute("tabindex",i)}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?(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)}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 m(),await m(),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=p;

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 {

package/components/funnel-chart-options.config-D7H7gFcx.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})=>{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:{...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})=>{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",control:{type:"switch",label:"Show values",default:!1}},{key:"funnel.absValue",control:{type:"switch",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}},{key:"funnel.perc",control:{type:"picker",label:"Percentage",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}}]},{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})=>{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"}}];exports.default=t;