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

package/components/index-UWOCtc0Y.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-Ciad94jH.js";
+import "./index-BNwJ9moR.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
+};

package/components/index-cHKqEi5-.cjs

@@ -0,0 +1,39 @@
+/*! * 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 h=require("./text-field-BIADXoLC-B8w9TVmS.cjs"),o=require("./base-D76d76ww-tT6yr8eb.cjs"),a=require("./luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs");/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * 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.
+ * */const m=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const t=document.createElement("style");t.setAttribute("data-luzmo-vars",""),t.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-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-disabled-color);--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-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-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #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(t)}};m();const x="@media (forced-colors: active){:host{--highcontrast-helptext-content-color-default: CanvasText;--highcontrast-helptext-icon-color-default: CanvasText}:host,.text,.icon{forced-color-adjust:none}}:host{--helptext-bottom-to-workflow-icon: 3px;color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--helptext-content-color-default)));font-family:var(--luzmo-helptext-font-family, var(--luzmo-font-family));font-weight:var(--luzmo-helptext-font-weight, var(--luzmo-font-weight));font-size:var(--luzmo-helptext-font-size, var(--helptext-font-size, var(--luzmo-font-size-s)));min-block-size:var(--luzmo-helptext-min-height, var(--helptext-min-height, 24px));display:flex}.icon{block-size:var(--luzmo-helptext-icon-size, var(--helptext-icon-size, 18px));inline-size:var(--luzmo-helptext-icon-size, var(--helptext-icon-size, 18px));flex-shrink:0;margin-inline-end:var(--luzmo-helptext-text-to-visual, var(--helptext-text-to-visual, 7px));padding-block-start:var(--luzmo-helptext-top-to-workflow-icon, var(--helptext-top-to-workflow-icon, 3px));padding-block-end:var(--luzmo-helptext-bottom-to-workflow-icon, var(--helptext-bottom-to-workflow-icon, 3px))}.text{line-height:var(--luzmo-helptext-line-height, var(--helptext-line-height, 1.3));padding-block-start:var(--luzmo-helptext-top-to-text, var(--helptext-top-to-text, 4px));padding-block-end:var(--luzmo-helptext-bottom-to-text, var(--helptext-bottom-to-text, 5px))}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(--luzmo-helptext-line-height-cjk, var(--helptext-line-height-cjk, 1.4))}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default, var(--luzmo-helptext-icon-color-default, var(--helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--luzmo-negative-color-down)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default, var(--luzmo-helptext-icon-color-default, var(--helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--luzmo-font-color)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default, var(--luzmo-helptext-icon-color-default, var(--helptext-icon-color-default)))}:host{--helptext-line-height: 1.3;--helptext-content-color-default: var(--luzmo-font-color);--helptext-icon-color-default: var(--luzmo-font-color);--helptext-disabled-content-color: var(--luzmo-font-color-disabled)}:host([variant=neutral]){--helptext-content-color-default: var(var(--luzmo-font-color));--helptext-icon-color-default: var(var(--luzmo-font-color))}:host([variant=negative]){--helptext-content-color-default: var(var(--luzmo-negative-color));--helptext-icon-color-default: var(var(--luzmo-negative-color))}:host([disabled]){--helptext-content-color-default: var(--luzmo-font-color-disabled);--helptext-icon-color-default: var(--luzmo-font-color-disabled)}:host(:lang(ja)){--helptext-line-height-cjk: 1.4}:host(:lang(zh)){--helptext-line-height-cjk: 1.4}:host(:lang(ko)){--helptext-line-height-cjk: 1.4}:host([size=s]){--helptext-min-height: 24px;--helptext-icon-size: 16px;--helptext-font-size: 12px;--helptext-text-to-visual: 7px;--helptext-top-to-workflow-icon: 4px;--helptext-top-to-text: 4px;--helptext-bottom-to-text: 5px}:host{--helptext-min-height: 24px;--helptext-icon-size: 18px;--helptext-font-size: 12px;--helptext-text-to-visual: 7px;--helptext-top-to-workflow-icon: 3px;--helptext-top-to-text: 4px;--helptext-bottom-to-text: 5px}:host([size=l]){--helptext-min-height: 32px;--helptext-icon-size: 20px;--helptext-font-size: 14px;--helptext-text-to-visual: 8px;--helptext-top-to-workflow-icon: 6px;--helptext-top-to-text: 6px;--helptext-bottom-to-text: 5px}:host([size=xl]){--helptext-min-height: 40px;--helptext-icon-size: 22px;--helptext-font-size: 16px;--helptext-text-to-visual: 9px;--helptext-top-to-workflow-icon: 9px;--helptext-top-to-text: 9px;--helptext-bottom-to-text: 12px}";var p=Object.defineProperty,u=(t,n,c,s)=>{for(var e=void 0,l=t.length-1,i;l>=0;l--)(i=t[l])&&(e=i(n,c,e)||e);return e&&p(n,c,e),e};class r extends o.m(o.It,{noDefaultSize:!0}){constructor(){super(...arguments),this.icon=!1,this.variant="neutral"}static get styles(){return[o.at(x)]}render(){return o.Rt`
+      ${this.variant==="negative"&&this.icon?o.Rt` ${a.D(a.A)} `:o.d}
+      <div class="text"><slot></slot></div>
+    `}}u([o.zt({type:Boolean,reflect:!0})],r.prototype,"icon");u([o.zt({reflect:!0})],r.prototype,"variant");customElements.get("luzmo-text-field")||customElements.define("luzmo-text-field",h.A);customElements.get("luzmo-help-text")||customElements.define("luzmo-help-text",r);