@luzmo/analytics-components-kit 1.0.1-alpha.98 → 1.0.1-alpha.99

package/components/{index-D0GBF6tg.js → index-DR5275fa.js}

@@ -20,11 +20,11 @@
 import "@luzmo/lucero/field-label";
 import "@luzmo/lucero/menu";
 import "@luzmo/lucero/select";
-import { unsafeCSS as v, html as _ } from "lit";
-import { msg as e, localized as q } from "@lit/localize";
-import { SizedMixin as E, LuzmoElement as z, ElementSizes as D } from "@luzmo/lucero/utils";
-import { property as d, state as S } from "lit/decorators.js";
-import { g as T, t as $, s as L } from "./set-locale-Dp3N_gXN.js";
+import { unsafeCSS as y, html as h } from "lit";
+import { msg as e, localized as g } from "@lit/localize";
+import { SizedMixin as b, LuzmoElement as _, ElementSizes as F } from "@luzmo/lucero/utils";
+import { property as p, state as x } from "lit/decorators.js";
+import { g as w, t as k, s as S } from "./set-locale-B5562CBM.js";
 const m = () => [
   {
     id: "? = ?",
@@ -328,6 +328,36 @@ const m = () => [
     }),
     type: ["datetime"]
   },
+  {
+    id: "more_than_ago",
+    key: "more_than_ago",
+    expression: "more_than_ago",
+    name: e("more than (x) periods ago", {
+      desc: "Filter expression for more than (x) periods ago"
+    }),
+    description: e("more than (x) periods ago", {
+      desc: "Filter expression for more than (x) periods ago"
+    }),
+    tiny: e("more than ago", {
+      desc: "Short form of more than (x) periods ago in filter expression"
+    }),
+    type: ["datetime"]
+  },
+  {
+    id: "or_more_ago",
+    key: "or_more_ago",
+    expression: "or_more_ago",
+    name: e("(x) periods or more ago", {
+      desc: "Filter expression for (x) periods or more ago"
+    }),
+    description: e("(x) periods or more ago", {
+      desc: "Filter expression for (x) periods or more ago"
+    }),
+    tiny: e("or more ago", {
+      desc: "Short form of (x) periods or more ago in filter expression"
+    }),
+    type: ["datetime"]
+  },
   {
     id: "next_full",
     key: "next_full",
@@ -439,96 +469,86 @@ const m = () => [
     type: ["numeric", "datetime", "hierarchy", "spatial"],
     subtype: ["ip_address"]
   }
-], k = (i, s, r) => {
+], f = (s, t, 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;
+  return !s && !t ? m() : m().filter((a) => (s && a.type.includes(s) || t && a.subtype?.includes(t)) && !(r && o.has(a.key)));
+}, v = ":host{font-family:var(--luzmo-font-family)}:host{--var: blue}";
+var E = Object.defineProperty, q = Object.getOwnPropertyDescriptor, n = (s, t, r, o) => {
+  for (var a = o > 1 ? void 0 : o ? q(t, r) : t, d = s.length - 1, l; d >= 0; d--)
+    (l = s[d]) && (a = (o ? l(t, r, a) : l(a)) || a);
+  return o && a && E(t, r, a), a;
 };
-let a = class extends E(z, {
-  validSizes: Object.values(D)
+let i = class extends b(_, {
+  validSizes: Object.values(F)
 }) {
   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)];
+    return [y(v)];
   }
   _sendChangeEvent() {
-    var s, r, o, t, n, l, c;
     if (this.disabled) return;
-    const i = {
-      expression: (s = this.filter) == null ? void 0 : s.expression
+    const s = {
+      expression: this.filter?.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(
+    this.filter?.parameters?.[1]?.unit && (s.unit = this.filter?.parameters?.[1]?.unit), this.dispatchEvent(
       new CustomEvent("expression-selected", {
         bubbles: !0,
         composed: !0,
         cancelable: !0,
-        detail: i
+        detail: s
       })
     );
   }
-  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
+  setExpression(s) {
+    this._richExpression = s?.detail?.value?.[0];
+    const t = this._expressionConfigurations.find(
+      (o) => o.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] = {
+    r.expression = t?.expression, t?.unit && (this._unit = t.unit, 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 !== T() && ([...$].includes(this.language ?? "en") || this.language === "en") && L(this.language);
-    const l = k(
+  willUpdate(s) {
+    const t = s.has("language"), r = s.has("filter"), o = s.has("type"), a = s.has("subtype"), d = s.has("isFormula");
+    t && this.language !== w() && ([...k].includes(this.language ?? "en") || this.language === "en") && S(this.language);
+    const l = f(
       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";
+    ), u = ["YTD", "QTD", "MTD", "WTD"];
+    if (this.filter?.expression === "to_date") {
+      const c = this.filter?.parameters[1]?.unit ?? 1;
+      this._unit = c, this._richExpression = u[c - 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._richExpression = this.filter?.expression;
+    (o || a || d || r) && this.filter && !this.disabled && !l?.find(
+      (c) => c.expression === this.filter?.expression
+    ) ? (this.invalid = !0, console.warn(
+      `Warning: ${this.filter?.expression} is not valid given the type: ${this.type} and subtype: ${this.subtype}`
+    )) : this.invalid = !1, !this.filter?.expression && !this.allowEmpty && (this._richExpression = l?.[0]?.id, this.filter = {
       ...this.filter,
       expression: this._richExpression
     }, this._sendChangeEvent());
   }
   render() {
-    var o, t;
-    const i = (o = k(
+    const s = f(
       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
+    )?.map((o) => ({
+      value: o.id,
+      label: o.description,
+      shortLabel: o.tiny
+    })), t = this.disabled || !this.filter?.expression && !this.allowEmpty, r = h`<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 : ""}
+    return h`${this.hasLabel ? r : ""}
       <luzmo-select
         label=${this.placeholder ?? e("Select...")}
         id="expression"
@@ -536,62 +556,62 @@ let a = class extends E(z, {
         variant="highlight"
         selects="single"
         .language=${this.language}
-        ?disabled=${s}
+        ?disabled=${t}
         ?invalid=${this.invalid}
-        .options=${i}
+        .options=${s}
         .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([
-  q()
-], a);
+n([
+  p({ type: String, reflect: !0 })
+], i.prototype, "language", 2);
+n([
+  p({ type: String, reflect: !0 })
+], i.prototype, "filter", 2);
+n([
+  p({ type: Boolean, attribute: "has-label", reflect: !0 })
+], i.prototype, "hasLabel", 2);
+n([
+  p({ type: String, reflect: !0 })
+], i.prototype, "label", 2);
+n([
+  p({ type: Boolean, attribute: "allow-empty", reflect: !0 })
+], i.prototype, "allowEmpty", 2);
+n([
+  p({ type: String, attribute: "placeholder", reflect: !0 })
+], i.prototype, "placeholder", 2);
+n([
+  p({ type: Boolean, attribute: "disabled", reflect: !0 })
+], i.prototype, "disabled", 2);
+n([
+  p({ type: String, attribute: "type", reflect: !0 })
+], i.prototype, "type", 2);
+n([
+  p({ type: String, attribute: "subtype", reflect: !0 })
+], i.prototype, "subtype", 2);
+n([
+  p({ type: Boolean, attribute: "invalid", reflect: !0 })
+], i.prototype, "invalid", 2);
+n([
+  p({ type: Boolean, attribute: "is-formula", reflect: !0 })
+], i.prototype, "isFormula", 2);
+n([
+  x()
+], i.prototype, "_richExpression", 2);
+n([
+  x()
+], i.prototype, "_unit", 2);
+i = n([
+  g()
+], i);
 customElements.get("luzmo-filter-expression-picker") || customElements.define(
   "luzmo-filter-expression-picker",
-  a
+  i
 );
 export {
-  a as L,
-  k as g
+  i as L,
+  f as g
 };