@luzmo/analytics-components-kit 1.0.1-alpha.4 → 1.0.1-alpha.41

package/components/index-8fxgV8-A.js

@@ -0,0 +1,598 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import "./index-CsDgk_sj.js";
+import "./index-Bdy8Bz-n.js";
+import "./index-ChDwMQlU.js";
+import { r as v, x as _, n as d } from "./property-Dn4zSyxu.js";
+import { m as e, g as q, t as E, s as D } from "./set-locale-DbEAMqUs.js";
+import { l as $ } from "./localized-decorator-DNr1P1m0.js";
+import { m as z, b as T, I as L } from "./base-D76d76ww-BGkuhs54.js";
+import "./focusable-BxtpnzWp-DJQkL8Zv.js";
+import { r as S } from "./state-vVJlsarL.js";
+const m = () => [
+  {
+    id: "? = ?",
+    key: "? = ?",
+    expression: "? = ?",
+    name: e("equals", {
+      desc: "Filter expression for equals comparison"
+    }),
+    description: e("equals", {
+      desc: "Filter expression for equals comparison"
+    }),
+    tiny: e("eq", {
+      desc: "Short form of equals comparison"
+    }),
+    type: ["numeric", "hierarchy"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? != ?",
+    key: "? != ?",
+    expression: "? != ?",
+    name: e("not equals", {
+      desc: "Filter expression for not equals comparison"
+    }),
+    description: e("not equals", {
+      desc: "Filter expression for not equals comparison"
+    }),
+    tiny: e("not eq", {
+      desc: "Short form of not equals comparison"
+    }),
+    type: ["numeric", "hierarchy"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? in ?",
+    key: "? in ?",
+    expression: "? in ?",
+    name: e("is in", {
+      desc: "Filter expression for in comparison"
+    }),
+    description: e("is in", {
+      desc: "Filter expression for in comparison"
+    }),
+    tiny: e("is in", {
+      desc: "Filter expression for in comparison"
+    }),
+    type: ["numeric", "hierarchy"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? not in ?",
+    key: "? not in ?",
+    expression: "? not in ?",
+    name: e("is not in", {
+      desc: "Filter expression for not in comparison"
+    }),
+    description: e("is not in", {
+      desc: "Filter expression for not in comparison"
+    }),
+    tiny: e("is not in", {
+      desc: "Filter expression for not in comparison"
+    }),
+    type: ["numeric", "hierarchy"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? like ?",
+    key: "? like ?",
+    expression: "? like ?",
+    name: e("contains", {
+      desc: "Filter expression for contains comparison"
+    }),
+    description: e("contains", {
+      desc: "Filter expression for contains comparison"
+    }),
+    tiny: e("cont", {
+      desc: "Short form of contains comparison in filter expression"
+    }),
+    type: ["hierarchy"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? not like ?",
+    key: "? not like ?",
+    expression: "? not like ?",
+    name: e("does not contain", {
+      desc: "Filter expression for does not contain comparison"
+    }),
+    description: e("does not contain", {
+      desc: "Filter expression for does not contain comparison"
+    }),
+    tiny: e("not cont", {
+      desc: "Short form of does not contain comparison in filter expression"
+    }),
+    type: ["hierarchy"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? starts with ?",
+    key: "? starts with ?",
+    expression: "? starts with ?",
+    name: e("starts with", {
+      desc: "Filter expression for starts with comparison"
+    }),
+    description: e("starts with", {
+      desc: "Filter expression for starts with comparison"
+    }),
+    tiny: e("starts with", {
+      desc: "Filter expression for starts with comparison"
+    }),
+    type: ["hierarchy"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? not starts with ?",
+    key: "? not starts with ?",
+    expression: "? not starts with ?",
+    name: e("does not start with", {
+      desc: "Filter expression for does not start with comparison"
+    }),
+    description: e("does not start with", {
+      desc: "Filter expression for does not start with comparison"
+    }),
+    tiny: e("not starts with", {
+      desc: "Short form of does not start with comparison in filter expression"
+    }),
+    type: ["hierarchy"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? ends with ?",
+    key: "? ends with ?",
+    expression: "? ends with ?",
+    name: e("ends with", {
+      desc: "Filter expression for ends with comparison"
+    }),
+    description: e("ends with", {
+      desc: "Filter expression for ends with comparison"
+    }),
+    tiny: e("ends with", {
+      desc: "Filter expression for ends with comparison"
+    }),
+    type: ["hierarchy"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? not ends with ?",
+    key: "? not ends with ?",
+    expression: "? not ends with ?",
+    name: e("does not end with", {
+      desc: "Filter expression for does not end with comparison"
+    }),
+    description: e("does not end with", {
+      desc: "Filter expression for does not end with comparison"
+    }),
+    tiny: e("not ends with", {
+      desc: "Short form of does not end with comparison in filter expression"
+    }),
+    type: ["hierarchy"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? < ?",
+    key: "? < ?",
+    expression: "? < ?",
+    name: e("less than", {
+      desc: "Filter expression for less than comparison"
+    }),
+    description: e("less than", {
+      desc: "Filter expression for less than comparison"
+    }),
+    tiny: e("less than", {
+      desc: "Filter expression for less than comparison"
+    }),
+    type: ["numeric", "datetime"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? <= ?",
+    key: "? <= ?",
+    expression: "? <= ?",
+    name: e("less than or equal", {
+      desc: "Filter expression for less than or equal comparison"
+    }),
+    description: e("less than or equal", {
+      desc: "Filter expression for less than or equal comparison"
+    }),
+    tiny: e("<=", {
+      desc: "Short form of less than or equal comparison in filter expression"
+    }),
+    type: ["numeric", "datetime"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? > ?",
+    key: "? > ?",
+    expression: "? > ?",
+    name: e("greater than", {
+      desc: "Filter expression for greater than comparison"
+    }),
+    description: e("greater than", {
+      desc: "Filter expression for greater than comparison"
+    }),
+    tiny: e(">", {
+      desc: "Short form of greater than comparison in filter expression"
+    }),
+    type: ["numeric", "datetime"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? >= ?",
+    key: "? >= ?",
+    expression: "? >= ?",
+    name: e("greater than or equal", {
+      desc: "Filter expression for greater than or equal comparison"
+    }),
+    description: e("greater than or equal", {
+      desc: "Filter expression for greater than or equal comparison"
+    }),
+    tiny: e(">=", {
+      desc: "Short form of greater than or equal comparison in filter expression"
+    }),
+    type: ["numeric", "datetime"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? between ?",
+    key: "? between ?",
+    expression: "? between ?",
+    name: e("is between", {
+      desc: "Filter expression for between comparison"
+    }),
+    description: e("is between", {
+      desc: "Filter expression for between comparison"
+    }),
+    tiny: e("between", {
+      desc: "Short form of between comparison in filter expression"
+    }),
+    type: [],
+    // Small hack: leave types empty because '? between ?' filter cannot be set
+    // from filter modals, only by charts.
+    subtype: ["ip_address"]
+  },
+  {
+    id: "last_now",
+    key: "last_now",
+    expression: "last_now",
+    name: e("last (x) periods", {
+      desc: "Filter expression for last (x) periods"
+    }),
+    description: e("last (x) periods", {
+      desc: "Filter expression for last (x) periods"
+    }),
+    tiny: e("last", {
+      desc: "Short form of last (x) periods in filter expression"
+    }),
+    type: ["datetime"]
+  },
+  {
+    id: "last_available",
+    key: "last_available",
+    expression: "last_available",
+    name: e("last (x) available periods", {
+      desc: "Filter expression for last (x) available periods"
+    }),
+    description: e("last (x) available periods", {
+      desc: "Filter expression for last (x) available periods"
+    }),
+    tiny: e("last available", {
+      desc: "Short form of last (x) available periods in filter expression"
+    }),
+    type: ["datetime"]
+  },
+  {
+    id: "last_completed",
+    key: "last_completed",
+    expression: "last_completed",
+    name: e("last completed period", {
+      desc: "Filter expression for last completed period"
+    }),
+    description: e("last completed (period)", {
+      desc: "Filter expression for last completed period"
+    }),
+    tiny: e("last completed", {
+      desc: "Short form of last completed period in filter expression"
+    }),
+    type: ["datetime"]
+  },
+  {
+    id: "next_now",
+    key: "next_now",
+    expression: "next_now",
+    name: e("next (x) periods", {
+      desc: "Filter expression for next (x) periods"
+    }),
+    description: e("next (x) periods", {
+      desc: "Filter expression for next (x) periods"
+    }),
+    tiny: e("next", {
+      desc: "Short form of next (x) periods in filter expression"
+    }),
+    type: ["datetime"]
+  },
+  {
+    id: "next_full",
+    key: "next_full",
+    expression: "next_full",
+    name: e("next full (period)", {
+      desc: "Filter expression for next full period"
+    }),
+    description: e("next full (period)", {
+      desc: "Filter expression for next full period"
+    }),
+    tiny: e("next full", {
+      desc: "Short form of next full period in filter expression"
+    }),
+    type: ["datetime"]
+  },
+  {
+    id: "WTD",
+    key: "to_date",
+    expression: "to_date",
+    unit: 4,
+    name: e("week to date", {
+      desc: "Filter expression for week to date"
+    }),
+    description: e("week to date", {
+      desc: "Filter expression for week to date"
+    }),
+    tiny: e("WTD", {
+      desc: "Short form of week to date in filter expression"
+    }),
+    type: ["datetime"]
+  },
+  {
+    id: "MTD",
+    key: "to_date",
+    expression: "to_date",
+    unit: 3,
+    name: e("month to date", {
+      desc: "Filter expression for month to date"
+    }),
+    description: e("month to date", {
+      desc: "Filter expression for month to date"
+    }),
+    tiny: e("MTD", {
+      desc: "Short form of month to date in filter expression"
+    }),
+    type: ["datetime"]
+  },
+  {
+    id: "QTD",
+    key: "to_date",
+    expression: "to_date",
+    unit: 2,
+    name: e("quarter to date", {
+      desc: "Filter expression for quarter to date"
+    }),
+    description: e("quarter to date", {
+      desc: "Filter expression for quarter to date"
+    }),
+    tiny: e("QTD", {
+      desc: "Short form of quarter to date in filter expression"
+    }),
+    type: ["datetime"]
+  },
+  {
+    id: "YTD",
+    key: "to_date",
+    expression: "to_date",
+    unit: 1,
+    name: e("year to date", {
+      desc: "Filter expression for year to date"
+    }),
+    description: e("year to date", {
+      desc: "Filter expression for year to date"
+    }),
+    tiny: e("YTD", {
+      desc: "Short form of year to date in filter expression"
+    }),
+    type: ["datetime"]
+  },
+  {
+    id: "? is null",
+    key: "? is null",
+    expression: "? is null",
+    name: e("is missing", {
+      desc: "Filter expression for is missing"
+    }),
+    description: e("is missing", {
+      desc: "Filter expression for is missing"
+    }),
+    tiny: e("missing", {
+      desc: "Short form of is missing in filter expression"
+    }),
+    type: ["numeric", "datetime", "hierarchy", "spatial"],
+    subtype: ["ip_address"]
+  },
+  {
+    id: "? is not null",
+    key: "? is not null",
+    expression: "? is not null",
+    name: e("is not missing", {
+      desc: "Filter expression for is not missing"
+    }),
+    description: e("is not missing", {
+      desc: "Filter expression for is not missing"
+    }),
+    tiny: e("not missing", {
+      desc: "Short form of is not missing in filter expression"
+    }),
+    type: ["numeric", "datetime", "hierarchy", "spatial"],
+    subtype: ["ip_address"]
+  }
+], k = (i, s, r) => {
+  const o = /* @__PURE__ */ new Set(["? in ?", "? not in ?"]);
+  return !i && !s ? m() : m().filter((t) => {
+    var n;
+    return (i && t.type.includes(i) || s && ((n = t.subtype) == null ? void 0 : n.includes(s))) && !(r && o.has(t.key));
+  });
+}, C = ":host{font-family:var(--luzmo-font-family)}:host{--var: blue}";
+var B = Object.defineProperty, O = Object.getOwnPropertyDescriptor, p = (i, s, r, o) => {
+  for (var t = o > 1 ? void 0 : o ? O(s, r) : s, n = i.length - 1, l; n >= 0; n--)
+    (l = i[n]) && (t = (o ? l(s, r, t) : l(t)) || t);
+  return o && t && B(s, r, t), t;
+};
+let a = class extends z(L, {
+  validSizes: Object.values(T)
+}) {
+  constructor() {
+    super(...arguments), this.language = "en", this.hasLabel = !1, this.allowEmpty = !1, this.placeholder = "", this.disabled = !1, this.invalid = !1, this.isFormula = !1, this._expressionConfigurations = m();
+  }
+  static get styles() {
+    return [v(C)];
+  }
+  _sendChangeEvent() {
+    var s, r, o, t, n, l, c;
+    if (this.disabled) return;
+    const i = {
+      expression: (s = this.filter) == null ? void 0 : s.expression
+    };
+    (t = (o = (r = this.filter) == null ? void 0 : r.parameters) == null ? void 0 : o[1]) != null && t.unit && (i.unit = (c = (l = (n = this.filter) == null ? void 0 : n.parameters) == null ? void 0 : l[1]) == null ? void 0 : c.unit), this.dispatchEvent(
+      new CustomEvent("expression-selected", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+        detail: i
+      })
+    );
+  }
+  setExpression(i) {
+    var o, t;
+    this._richExpression = (t = (o = i == null ? void 0 : i.detail) == null ? void 0 : o.value) == null ? void 0 : t[0];
+    const s = this._expressionConfigurations.find(
+      (n) => n.id === this._richExpression
+    ), r = structuredClone(this.filter);
+    r.expression = s == null ? void 0 : s.expression, s != null && s.unit && (this._unit = s.unit, r != null && r.parameters[0] && (r.parameters[1] = {
+      unit: this._unit
+    })), this.filter = r, this._sendChangeEvent();
+  }
+  willUpdate(i) {
+    var f, u, x, y, b, w, F;
+    const s = i.has("language"), r = i.has("filter"), o = i.has("type"), t = i.has("subtype"), n = i.has("isFormula");
+    s && this.language !== q() && ([...E].includes(this.language ?? "en") || this.language === "en") && D(this.language);
+    const l = k(
+      this.type,
+      this.subtype,
+      this.isFormula
+    ), c = ["YTD", "QTD", "MTD", "WTD"];
+    if (((f = this.filter) == null ? void 0 : f.expression) === "to_date") {
+      const h = ((x = (u = this.filter) == null ? void 0 : u.parameters[1]) == null ? void 0 : x.unit) ?? 1;
+      this._unit = h, this._richExpression = c[h - 1] ?? "YTD";
+    } else
+      this._richExpression = (y = this.filter) == null ? void 0 : y.expression;
+    (o || t || n || r) && this.filter && !this.disabled && !(l != null && l.find(
+      (h) => {
+        var g;
+        return h.expression === ((g = this.filter) == null ? void 0 : g.expression);
+      }
+    )) ? (this.invalid = !0, console.warn(
+      `Warning: ${(b = this.filter) == null ? void 0 : b.expression} is not valid given the type: ${this.type} and subtype: ${this.subtype}`
+    )) : this.invalid = !1, !((w = this.filter) != null && w.expression) && !this.allowEmpty && (this._richExpression = (F = l == null ? void 0 : l[0]) == null ? void 0 : F.id, this.filter = {
+      ...this.filter,
+      expression: this._richExpression
+    }, this._sendChangeEvent());
+  }
+  render() {
+    var o, t;
+    const i = (o = k(
+      this.type,
+      this.subtype,
+      this.isFormula
+    )) == null ? void 0 : o.map((n) => ({
+      value: n.id,
+      label: n.description,
+      shortLabel: n.tiny
+    })), s = this.disabled || !((t = this.filter) != null && t.expression) && !this.allowEmpty, r = _`<luzmo-field-label
+      for="expression"
+      size=${this.size}
+      >${this.label ?? e("Select an expression", {
+      desc: "Label for expression picker"
+    })}</luzmo-field-label
+    >`;
+    return _`${this.hasLabel ? r : ""}
+      <luzmo-select
+        label=${this.placeholder ?? e("Select...")}
+        id="expression"
+        size=${this.size}
+        variant="highlight"
+        selects="single"
+        .language=${this.language}
+        ?disabled=${s}
+        ?invalid=${this.invalid}
+        .options=${i}
+        .value=${[this._richExpression]}
+        @change=${this.setExpression}
+      >
+      </luzmo-select>`;
+  }
+};
+p([
+  d({ type: String, reflect: !0 })
+], a.prototype, "language", 2);
+p([
+  d({ type: String, reflect: !0 })
+], a.prototype, "filter", 2);
+p([
+  d({ type: Boolean, attribute: "has-label", reflect: !0 })
+], a.prototype, "hasLabel", 2);
+p([
+  d({ type: String, reflect: !0 })
+], a.prototype, "label", 2);
+p([
+  d({ type: Boolean, attribute: "allow-empty", reflect: !0 })
+], a.prototype, "allowEmpty", 2);
+p([
+  d({ type: String, attribute: "placeholder", reflect: !0 })
+], a.prototype, "placeholder", 2);
+p([
+  d({ type: Boolean, attribute: "disabled", reflect: !0 })
+], a.prototype, "disabled", 2);
+p([
+  d({ type: String, attribute: "type", reflect: !0 })
+], a.prototype, "type", 2);
+p([
+  d({ type: String, attribute: "subtype", reflect: !0 })
+], a.prototype, "subtype", 2);
+p([
+  d({ type: Boolean, attribute: "invalid", reflect: !0 })
+], a.prototype, "invalid", 2);
+p([
+  d({ type: Boolean, attribute: "is-formula", reflect: !0 })
+], a.prototype, "isFormula", 2);
+p([
+  S()
+], a.prototype, "_richExpression", 2);
+p([
+  S()
+], a.prototype, "_unit", 2);
+a = p([
+  $()
+], a);
+customElements.get("luzmo-filter-expression-picker") || customElements.define(
+  "luzmo-filter-expression-picker",
+  a
+);
+export {
+  a as L,
+  k as g
+};