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

package/lib/index-CBCm4_7S.js

@@ -0,0 +1,869 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 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 { O as D, m as J, T as Q } from "./index-DdtjeKYI.js";
+import { f as ee, i as L, a as te, b as re } from "./async-directive-SCUUQ3Mh.js";
+import { E as M, S as oe, r as A, x as S, n as c, e as ie } from "./if-defined-BbzmSG-O.js";
+import { e as se } from "./directive-helpers-eY1rHtyn.js";
+import { B as ne } from "./button-base-CtfPWS-P.js";
+import { L as le } from "./index-CtEJZdT0.js";
+const T = Symbol(
+  "language resolver updated"
+);
+class de {
+  constructor(e) {
+    this.language = document.documentElement.lang || navigator.language, this.host = e, this.host.addController(this);
+  }
+  hostConnected() {
+    this.resolveLanguage();
+  }
+  hostDisconnected() {
+    var e;
+    (e = this.unsubscribe) == null || e.call(this);
+  }
+  resolveLanguage() {
+    const e = new CustomEvent(
+      "luzmo-language-context",
+      {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          callback: (t, r) => {
+            const o = this.language;
+            this.language = t, this.unsubscribe = r, this.host.requestUpdate(T, o);
+          }
+        },
+        cancelable: !0
+      }
+    );
+    this.host.dispatchEvent(e);
+  }
+}
+const f = [
+  "",
+  () => {
+  }
+];
+class ae extends ee {
+  constructor() {
+    super(...arguments), this.start = f, this.streamInside = f, this.end = f, this.streamOutside = f, this.state = "off", this.handleStart = (e) => {
+      this.clearStream(), this.callHandler(this.start[1], e), !e.defaultPrevented && (this.removeListeners(), this.addListeners("on"));
+    }, this.handleInside = (e) => {
+      this.handleStream(this.streamInside[1], e);
+    }, this.handleEnd = (e) => {
+      this.clearStream(), this.callHandler(this.end[1], e), this.removeListeners(), this.addListeners("off");
+    }, this.handleOutside = (e) => {
+      this.handleStream(this.streamOutside[1], e);
+    };
+  }
+  /* c8 ignore next 4 */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  render(e) {
+    return M;
+  }
+  update(e, [
+    {
+      start: t,
+      end: r,
+      streamInside: o = f,
+      streamOutside: i = f
+    }
+  ]) {
+    var n;
+    this.element !== e.element && (this.element = e.element, this.removeListeners()), this.host = ((n = e.options) == null ? void 0 : n.host) || this.element, this.start = t, this.end = r, this.streamInside = o, this.streamOutside = i, this.addListeners();
+  }
+  addListeners(e) {
+    this.state = e || this.state, this.state === "off" ? (this.addListener(this.streamOutside[0], this.handleOutside), this.addListener(this.start[0], this.handleStart)) : this.state === "on" && (this.addListener(this.streamInside[0], this.handleInside), this.addListener(this.end[0], this.handleEnd));
+  }
+  callHandler(e, t) {
+    typeof e == "function" ? e.call(this.host, t) : e.handleEvent(t);
+  }
+  handleStream(e, t) {
+    this.stream || (this.callHandler(e, t), this.stream = requestAnimationFrame(() => {
+      this.stream = void 0;
+    }));
+  }
+  clearStream() {
+    this.stream != null && (cancelAnimationFrame(this.stream), this.stream = void 0);
+  }
+  addListener(e, t) {
+    Array.isArray(e) ? e.map((r) => {
+      this.element.addEventListener(r, t);
+    }) : this.element.addEventListener(e, t);
+  }
+  removeListener(e, t) {
+    Array.isArray(e) ? e.map((r) => {
+      this.element.removeEventListener(r, t);
+    }) : this.element.removeEventListener(e, t);
+  }
+  removeListeners() {
+    this.removeListener(this.start[0], this.handleStart), this.removeListener(this.streamInside[0], this.handleInside), this.removeListener(this.end[0], this.handleEnd), this.removeListener(this.streamOutside[0], this.handleOutside);
+  }
+  disconnected() {
+    this.removeListeners();
+  }
+  /* c8 ignore next 3 */
+  reconnected() {
+    this.addListeners();
+  }
+}
+const ue = se(
+  ae
+);
+let F = /* @__PURE__ */ new Map(), P = !1;
+try {
+  P = new Intl.NumberFormat("de-DE", {
+    signDisplay: "exceptZero"
+  }).resolvedOptions().signDisplay === "exceptZero";
+} catch {
+}
+let y = !1;
+try {
+  y = new Intl.NumberFormat("de-DE", {
+    style: "unit",
+    unit: "degree"
+  }).resolvedOptions().style === "unit";
+} catch {
+}
+const j = {
+  degree: {
+    narrow: {
+      default: "°",
+      "ja-JP": " 度",
+      "zh-TW": "度",
+      "sl-SI": " °"
+    }
+  }
+};
+class z {
+  /** Formats a number value as a string, according to the locale and options provided to the constructor. */
+  format(e) {
+    let t = "";
+    if (!P && this.options.signDisplay != null ? t = be(this.numberFormatter, this.options.signDisplay, e) : t = this.numberFormatter.format(e), this.options.style === "unit" && !y) {
+      var r;
+      let { unit: o, unitDisplay: i = "short", locale: n } = this.resolvedOptions();
+      if (!o) return t;
+      let l = (r = j[o]) === null || r === void 0 ? void 0 : r[i];
+      t += l[n] || l.default;
+    }
+    return t;
+  }
+  /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */
+  formatToParts(e) {
+    return this.numberFormatter.formatToParts(e);
+  }
+  /** Formats a number range as a string. */
+  formatRange(e, t) {
+    if (typeof this.numberFormatter.formatRange == "function") return this.numberFormatter.formatRange(e, t);
+    if (t < e) throw new RangeError("End date must be >= start date");
+    return `${this.format(e)} – ${this.format(t)}`;
+  }
+  /** Formats a number range as an array of parts. */
+  formatRangeToParts(e, t) {
+    if (typeof this.numberFormatter.formatRangeToParts == "function") return this.numberFormatter.formatRangeToParts(e, t);
+    if (t < e) throw new RangeError("End date must be >= start date");
+    let r = this.numberFormatter.formatToParts(e), o = this.numberFormatter.formatToParts(t);
+    return [
+      ...r.map((i) => ({
+        ...i,
+        source: "startRange"
+      })),
+      {
+        type: "literal",
+        value: " – ",
+        source: "shared"
+      },
+      ...o.map((i) => ({
+        ...i,
+        source: "endRange"
+      }))
+    ];
+  }
+  /** Returns the resolved formatting options based on the values passed to the constructor. */
+  resolvedOptions() {
+    let e = this.numberFormatter.resolvedOptions();
+    return !P && this.options.signDisplay != null && (e = {
+      ...e,
+      signDisplay: this.options.signDisplay
+    }), !y && this.options.style === "unit" && (e = {
+      ...e,
+      style: "unit",
+      unit: this.options.unit,
+      unitDisplay: this.options.unitDisplay
+    }), e;
+  }
+  constructor(e, t = {}) {
+    this.numberFormatter = ce(e, t), this.options = t;
+  }
+}
+function ce(s, e = {}) {
+  let { numberingSystem: t } = e;
+  if (t && s.includes("-nu-") && (s.includes("-u-") || (s += "-u-"), s += `-nu-${t}`), e.style === "unit" && !y) {
+    var r;
+    let { unit: n, unitDisplay: l = "short" } = e;
+    if (!n) throw new Error('unit option must be provided with style: "unit"');
+    if (!(!((r = j[n]) === null || r === void 0) && r[l])) throw new Error(`Unsupported unit ${n} with unitDisplay = ${l}`);
+    e = {
+      ...e,
+      style: "decimal"
+    };
+  }
+  let o = s + (e ? Object.entries(e).sort((n, l) => n[0] < l[0] ? -1 : 1).join() : "");
+  if (F.has(o)) return F.get(o);
+  let i = new Intl.NumberFormat(s, e);
+  return F.set(o, i), i;
+}
+function be(s, e, t) {
+  if (e === "auto") return s.format(t);
+  if (e === "never") return s.format(Math.abs(t));
+  {
+    let r = !1;
+    if (e === "always" ? r = t > 0 || Object.is(t, 0) : e === "exceptZero" && (Object.is(t, -0) || Object.is(t, 0) ? t = Math.abs(t) : r = t > 0), r) {
+      let o = s.format(-t), i = s.format(t), n = o.replace(i, "").replace(/\u200e|\u061C/, "");
+      return [
+        ...n
+      ].length !== 1 && console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"), o.replace(i, "!!!").replace(n, "+").replace("!!!", i);
+    } else return s.format(t);
+  }
+}
+const he = new RegExp("^.*\\(.*\\).*$"), pe = [
+  "latn",
+  "arab",
+  "hanidec",
+  "deva",
+  "beng"
+];
+class C {
+  /**
+  * Parses the given string to a number. Returns NaN if a valid number could not be parsed.
+  */
+  parse(e) {
+    return $(this.locale, this.options, e).parse(e);
+  }
+  /**
+  * Returns whether the given string could potentially be a valid number. This should be used to
+  * validate user input as the user types. If a `minValue` or `maxValue` is provided, the validity
+  * of the minus/plus sign characters can be checked.
+  */
+  isValidPartialNumber(e, t, r) {
+    return $(this.locale, this.options, e).isValidPartialNumber(e, t, r);
+  }
+  /**
+  * Returns a numbering system for which the given string is valid in the current locale.
+  * If no numbering system could be detected, the default numbering system for the current
+  * locale is returned.
+  */
+  getNumberingSystem(e) {
+    return $(this.locale, this.options, e).options.numberingSystem;
+  }
+  constructor(e, t = {}) {
+    this.locale = e, this.options = t;
+  }
+}
+const q = /* @__PURE__ */ new Map();
+function $(s, e, t) {
+  let r = V(s, e);
+  if (!s.includes("-nu-") && !r.isValidPartialNumber(t)) {
+    for (let o of pe) if (o !== r.options.numberingSystem) {
+      let i = V(s + (s.includes("-u-") ? "-nu-" : "-u-nu-") + o, e);
+      if (i.isValidPartialNumber(t)) return i;
+    }
+  }
+  return r;
+}
+function V(s, e) {
+  let t = s + (e ? Object.entries(e).sort((o, i) => o[0] < i[0] ? -1 : 1).join() : ""), r = q.get(t);
+  return r || (r = new fe(s, e), q.set(t, r)), r;
+}
+class fe {
+  parse(e) {
+    let t = this.sanitize(e);
+    if (this.symbols.group && (t = v(t, this.symbols.group, "")), this.symbols.decimal && (t = t.replace(this.symbols.decimal, ".")), this.symbols.minusSign && (t = t.replace(this.symbols.minusSign, "-")), t = t.replace(this.symbols.numeral, this.symbols.index), this.options.style === "percent") {
+      let n = t.indexOf("-");
+      t = t.replace("-", "");
+      let l = t.indexOf(".");
+      l === -1 && (l = t.length), t = t.replace(".", ""), l - 2 === 0 ? t = `0.${t}` : l - 2 === -1 ? t = `0.0${t}` : l - 2 === -2 ? t = "0.00" : t = `${t.slice(0, l - 2)}.${t.slice(l - 2)}`, n > -1 && (t = `-${t}`);
+    }
+    let r = t ? +t : NaN;
+    if (isNaN(r)) return NaN;
+    if (this.options.style === "percent") {
+      var o, i;
+      let n = {
+        ...this.options,
+        style: "decimal",
+        minimumFractionDigits: Math.min(((o = this.options.minimumFractionDigits) !== null && o !== void 0 ? o : 0) + 2, 20),
+        maximumFractionDigits: Math.min(((i = this.options.maximumFractionDigits) !== null && i !== void 0 ? i : 0) + 2, 20)
+      };
+      return new C(this.locale, n).parse(new z(this.locale, n).format(r));
+    }
+    return this.options.currencySign === "accounting" && he.test(e) && (r = -1 * r), r;
+  }
+  sanitize(e) {
+    return e = e.replace(this.symbols.literals, ""), this.symbols.minusSign && (e = e.replace("-", this.symbols.minusSign)), this.options.numberingSystem === "arab" && (this.symbols.decimal && (e = e.replace(",", this.symbols.decimal), e = e.replace("،", this.symbols.decimal)), this.symbols.group && (e = v(e, ".", this.symbols.group))), this.options.locale === "fr-FR" && (e = v(e, ".", " ")), e;
+  }
+  isValidPartialNumber(e, t = -1 / 0, r = 1 / 0) {
+    return e = this.sanitize(e), this.symbols.minusSign && e.startsWith(this.symbols.minusSign) && t < 0 ? e = e.slice(this.symbols.minusSign.length) : this.symbols.plusSign && e.startsWith(this.symbols.plusSign) && r > 0 && (e = e.slice(this.symbols.plusSign.length)), this.symbols.group && e.startsWith(this.symbols.group) || this.symbols.decimal && e.indexOf(this.symbols.decimal) > -1 && this.options.maximumFractionDigits === 0 ? !1 : (this.symbols.group && (e = v(e, this.symbols.group, "")), e = e.replace(this.symbols.numeral, ""), this.symbols.decimal && (e = e.replace(this.symbols.decimal, "")), e.length === 0);
+  }
+  constructor(e, t = {}) {
+    this.locale = e, this.formatter = new Intl.NumberFormat(e, t), this.options = this.formatter.resolvedOptions(), this.symbols = ve(e, this.formatter, this.options, t);
+    var r, o;
+    this.options.style === "percent" && (((r = this.options.minimumFractionDigits) !== null && r !== void 0 ? r : 0) > 18 || ((o = this.options.maximumFractionDigits) !== null && o !== void 0 ? o : 0) > 18) && console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.");
+  }
+}
+const I = /* @__PURE__ */ new Set([
+  "decimal",
+  "fraction",
+  "integer",
+  "minusSign",
+  "plusSign",
+  "group"
+]), me = [
+  0,
+  4,
+  2,
+  1,
+  11,
+  20,
+  3,
+  7,
+  100,
+  21,
+  0.1,
+  1.1
+];
+function ve(s, e, t, r) {
+  var o, i, n, l;
+  let a = new Intl.NumberFormat(s, {
+    ...t,
+    // Resets so we get the full range of symbols
+    minimumSignificantDigits: 1,
+    maximumSignificantDigits: 21,
+    roundingIncrement: 1,
+    roundingPriority: "auto",
+    roundingMode: "halfExpand"
+  }), u = a.formatToParts(-10000.111), m = a.formatToParts(10000.111), B = me.map((d) => a.formatToParts(d));
+  var k;
+  let U = (k = (o = u.find((d) => d.type === "minusSign")) === null || o === void 0 ? void 0 : o.value) !== null && k !== void 0 ? k : "-", x = (i = m.find((d) => d.type === "plusSign")) === null || i === void 0 ? void 0 : i.value;
+  !x && ((r == null ? void 0 : r.signDisplay) === "exceptZero" || (r == null ? void 0 : r.signDisplay) === "always") && (x = "+");
+  let H = (n = new Intl.NumberFormat(s, {
+    ...t,
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).formatToParts(1e-3).find((d) => d.type === "decimal")) === null || n === void 0 ? void 0 : n.value, G = (l = u.find((d) => d.type === "group")) === null || l === void 0 ? void 0 : l.value, K = u.filter((d) => !I.has(d.type)).map((d) => R(d.value)), W = B.flatMap((d) => d.filter((p) => !I.has(p.type)).map((p) => R(p.value))), N = [
+    .../* @__PURE__ */ new Set([
+      ...K,
+      ...W
+    ])
+  ].sort((d, p) => p.length - d.length), Y = N.length === 0 ? new RegExp("[\\p{White_Space}]", "gu") : new RegExp(`${N.join("|")}|[\\p{White_Space}]`, "gu"), _ = [
+    ...new Intl.NumberFormat(t.locale, {
+      useGrouping: !1
+    }).format(9876543210)
+  ].reverse(), X = new Map(_.map((d, p) => [
+    d,
+    p
+  ])), Z = new RegExp(`[${_.join("")}]`, "g");
+  return {
+    minusSign: U,
+    plusSign: x,
+    decimal: H,
+    group: G,
+    literals: Y,
+    numeral: Z,
+    index: (d) => String(X.get(d))
+  };
+}
+function v(s, e, t) {
+  return s.replaceAll ? s.replaceAll(e, t) : s.split(e).join(t);
+}
+function R(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+const ge = "@media (forced-colors: active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}@media (forced-colors: active) and (hover: hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}:host{background-color:initial;cursor:pointer;block-size:var(--luzmo-infield-button-height, var(--infield-button-height));inline-size:var(--luzmo-infield-button-width, var(--infield-button-width));padding:var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill));color:var(--infield-button-content-color, inherit);border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--luzmo-infield-button-background-color, var(--infield-button-background-color));border-width:var(--luzmo-infield-button-border-width, var(--infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color, var(--luzmo-infield-button-border-color, var(--infield-button-border-color)));padding:var(--luzmo-infield-button-fill-padding, var(--infield-button-fill-padding));border-start-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-start-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius))}::slotted(*){color:var(--luzmo-infield-button-icon-color, var(--infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 28px)}:host([block=end][size=s]),:host([block=start][size=s]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 20px)}:host([block=end][size=l]),:host([block=start][size=l]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 36px)}:host([block=end][size=xl]),:host([block=start][size=xl]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 44px)}:host([quiet]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet, transparent );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-quiet, transparent );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-quiet, transparent );--infield-button-background-color-key-focus: var( --luzmo-infield-button-background-color-key-focus-quiet, transparent );--infield-border-color: var(--luzmo-infield-border-color-quiet, transparent);--infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}:host([quiet][disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet-disabled, transparent );--infield-button-border-color: var( --luzmo-infield-button-border-color-quiet-disabled, transparent )}:host([disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-disabled, var(--luzmo-background-color-disabled) );--infield-button-border-color: var( --luzmo-infield-button-border-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-content-color: var( --luzmo-infield-button-content-color-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color: var( --luzmo-infield-button-icon-color-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-hover: var( --luzmo-infield-button-icon-color-hover-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-down: var( --luzmo-infield-button-icon-color-down-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-key-focus: var( --luzmo-infield-button-icon-color-key-focus-disabled, var(--luzmo-color-disabled) );cursor:auto}@media (hover: hover){:host(:hover) .fill{background-color:var(--luzmo-infield-button-background-color-hover, var(--infield-button-background-color-hover))}:host(:hover) ::slotted(*){color:var(--luzmo-infield-button-icon-color-hover, var(--infield-button-icon-color-hover))}}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-infield-button-background-color-down, var(--infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--luzmo-infield-button-icon-color-down, var(--infield-button-icon-color-down))}:host(:focus-visible){outline:none}:host(:focus-visible) .fill{background-color:var(--luzmo-infield-button-background-color-key-focus, var(--infield-button-background-color-key-focus))}:host(:focus-visible) ::slotted(*){color:var(--luzmo-infield-button-icon-color-key-focus, var(--infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--luzmo-infield-button-fill-justify-content, var(--infield-button-fill-justify-content));display:flex}:host([block=end]),:host([block=start]){block-size:calc(var(--luzmo-infield-button-height, var(--infield-button-height)) / 2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-inline-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}:host([block=start]){padding-block-end:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=start]) .fill{border-block-end:none;border-start-start-radius:var(--luzmo-infield-button-stacked-top-border-radius-start-start, var(--infield-button-stacked-top-border-radius-start-start));border-end-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)))}:host([block=end]){padding-block-start:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=end]) .fill{border-block-end-width:var(--luzmo-infield-button-stacked-bottom-border-block-end-width, var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));border-start-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-start-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-end, var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius)));border-end-start-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-start, var(--infield-button-stacked-bottom-border-radius-end-start));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--infield-button-border-width: var(--luzmo-border-width);--infield-button-border-color: inherit;--infield-button-border-radius: var(--luzmo-border-radius-s);--infield-button-border-radius-reset: 0;--infield-button-stacked-top-border-radius-start-start: 0;--infield-button-stacked-bottom-border-radius-end-start: 0;--infield-button-background-color: var(--luzmo-background-color);--infield-button-background-color-hover: var(--luzmo-background-color-hover);--infield-button-background-color-down: var(--luzmo-background-color-down);--infield-button-background-color-key-focus: var( --luzmo-background-color-focus );--infield-button-height: var(--luzmo-component-height);--infield-button-width: var(--luzmo-component-height);--infield-button-stacked-border-radius-reset: 0px;--infield-button-edge-to-fill: 0px;--infield-button-inner-edge-to-fill: 0px;--infield-button-fill-padding: 0px;--infield-button-stacked-fill-padding-inline: 9px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px;--infield-button-animation-duration: var(--luzmo-animation-duration);--infield-button-icon-color: var(--luzmo-font-color);--infield-button-icon-color-hover: var(--luzmo-font-color-hard);--infield-button-icon-color-down: var(--luzmo-font-color-hard);--infield-button-icon-color-key-focus: var(--luzmo-font-color-hard);--infield-button-fill-justify-content: center}:host([disabled]){--infield-button-background-color: var(--luzmo-background-color-disabled);--infield-button-background-color-hover: var( --luzmo-background-color-disabled );--infield-button-background-color-down: var( --luzmo-background-color-disabled );--infield-button-border-color: var(--luzmo-border-color-disabled);--infield-button-content-color: var(--luzmo-color-disabled);--infield-button-icon-color: var(--luzmo-color-disabled);--infield-button-icon-color-hover: var(--luzmo-color-disabled);--infield-button-icon-color-down: var(--luzmo-color-disabled);--infield-button-icon-color-key-focus: var(--luzmo-color-disabled)}:host([size=s]){--infield-button-height: var(--luzmo-component-height-s);--infield-button-width: var(--luzmo-component-height-s);--infield-button-stacked-fill-padding-inline: 7px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px}:host([size=l]){--infield-button-height: var(--luzmo-component-height-l);--infield-button-width: var(--luzmo-component-height-l);--infield-button-stacked-fill-padding-inline: 13px;--infield-button-stacked-fill-padding-outer: 4px;--infield-button-stacked-fill-padding-inner: 4px}:host([size=xl]){--infield-button-height: var(--luzmo-component-height-xl);--infield-button-width: var(--luzmo-component-height-xl);--infield-button-stacked-fill-padding-inline: 16px;--infield-button-stacked-fill-padding-outer: 5px;--infield-button-stacked-fill-padding-inner: 5px}:host([block=start]){--infield-button-width: 20px}:host([block=end]){--infield-button-width: 20px}:host([block=start][size=s]){--infield-button-width: 16px}:host([block=end][size=s]){--infield-button-width: 16px}:host([block=start][size=l]){--infield-button-width: 28px}:host([block=end][size=l]){--infield-button-width: 28px}:host([block=start][size=xl]){--infield-button-width: 36px}:host([block=end][size=xl]){--infield-button-width: 36px}:host([quiet]){--infield-button-background-color: transparent;--infield-button-background-color-hover: transparent;--infield-button-background-color-down: transparent;--infield-button-background-color-key-focus: transparent;--infield-border-color: transparent;--infield-button-border-width: 0}:host([quiet][disabled]){--infield-button-background-color: transparent;--infield-button-border-color: transparent}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}::slotted(*){--parent-element-icon-vertical-align: 1px;--icon-size: inherit}";
+var ze = Object.defineProperty, E = (s, e, t, r) => {
+  for (var o = void 0, i = s.length - 1, n; i >= 0; i--)
+    (n = s[i]) && (o = n(e, t, o) || o);
+  return o && ze(e, t, o), o;
+};
+class w extends oe(ne, {
+  noDefaultSize: !0,
+  validSizes: ["s", "m", "l", "xl"]
+}) {
+  constructor() {
+    super(...arguments), this.quiet = !1;
+  }
+  static get styles() {
+    return [...super.styles, A(ge)];
+  }
+  get buttonContent() {
+    return [S`
+      <div class="fill">
+        <slot></slot>
+      </div>
+    `];
+  }
+}
+E([
+  c()
+], w.prototype, "block");
+E([
+  c()
+], w.prototype, "inline");
+E([
+  c({ type: Boolean, reflect: !0 })
+], w.prototype, "quiet");
+customElements.get("luzmo-infield-button") || customElements.define("luzmo-infield-button", w);
+const ye = '#text-field{--stepper-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--stepper-min-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color, var( --luzmo-stepper-buttons-border-color, var(--stepper-buttons-border-color) ) );--luzmo-infield-button-border-width: var( --luzmo-stepper-button-border-width, var(--stepper-button-border-width) );--luzmo-infield-button-border-radius-reset: var( --stepper-button-border-radius-reset );--luzmo-text-field-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );inline-size:var(--luzmo-stepper-width, var(--stepper-width));block-size:var(--luzmo-stepper-height, var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:"";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var( --luzmo-stepper-buttons-border-color-focus, var(--stepper-buttons-border-color-focus) ) )}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) )}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus, var(--luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-stepper-border-color-hover: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) );--luzmo-stepper-border-color-focus: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) );--luzmo-stepper-border-color-focus-hover: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) );--luzmo-stepper-border-color-keyboard-focus: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-text-field-icon-spacing-inline-start-invalid: 0}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) )}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) )}:host([disabled]) #text-field{--luzmo-stepper-border-color: var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-keyboard-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-buttons-background-color: var( --stepper-buttons-background-color-disabled );--luzmo-infield-button-border-width: var( --stepper-button-border-width-disabled );--luzmo-infield-button-border-color: var( --stepper-button-border-color-disabled );--luzmo-text-field-border-color-disabled: var( --stepper-button-border-color-disabled )}#text-field .input{border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;block-size:var(--luzmo-stepper-height, var(--stepper-height));inline-size:var(--luzmo-stepper-button-width, var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style, var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width, var(--luzmo-stepper-buttons-border-width, var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color, var(--luzmo-stepper-buttons-background-color, var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration, var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color: transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color: transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked: var( --luzmo-stepper-button-width-quiet, var(--stepper-button-width) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-quiet, var(--stepper-button-border-color-quiet) );--luzmo-infield-button-stacked-bottom-border-block-end-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );--luzmo-infield-button-stacked-bottom-border-radius-end-end: 0;--luzmo-infield-button-stacked-bottom-border-radius-end-start: 0;--luzmo-infield-button-fill-justify-content: flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) )}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus) ) );outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)))}@media (hover: hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var( --luzmo-stepper-buttons-border-color-hover, var(--stepper-buttons-border-color-hover) ) )}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) )}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover, var(--luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) )}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) )}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover) ) )}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}}@media (forced-colors: active){:host{--highcontrast-stepper-border-color: CanvasText;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: CanvasText;--highcontrast-stepper-button-background-color-default: Canvas;--highcontrast-stepper-button-background-color-hover: Canvas;--highcontrast-stepper-button-background-color-focus: Canvas;--highcontrast-stepper-button-background-color-keyboard-focus: Canvas;--highcontrast-stepper-focus-indicator-color: Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color: Highlight;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: Highlight;--highcontrast-infield-button-border-color: Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color: GrayText;--highcontrast-infield-button-border-color: GrayText;--highcontrast-stepper-buttons-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) )}}:host{--text-field-minimum-width-multiplier: 1.75;--stepper-border-width: var(--luzmo-border-width);--stepper-border-color: var(--luzmo-border-color);--stepper-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover: var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus: var(--luzmo-border-color-full-focus);--stepper-border-radius: var(--luzmo-border-radius-s);--stepper-min-width-multiplier: 1.5;--stepper-animation-duration: var(--luzmo-animation-duration);--stepper-buttons-background-color: var(--luzmo-background-color);--stepper-buttons-border-style: none;--stepper-buttons-border-width: 0;--stepper-buttons-border-color: var(--luzmo-border-color);--stepper-buttons-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus: var( --luzmo-border-color-focus );--stepper-button-padding: 0px;--stepper-button-border-radius-reset: 0;--stepper-button-border-width: var(--luzmo-border-width);--stepper-button-background-color-focus: var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus: var( --luzmo-background-color-focus );--stepper-border-color-invalid: var(--luzmo-color-negative);--stepper-border-color-hover-invalid: var(--luzmo-color-negative-hover);--stepper-border-color-focus-invalid: var(--luzmo-color-negative-focus);--stepper-border-color-focus-hover-invalid: var(--luzmo-color-negative-focus);--stepper-border-color-keyboard-focus-invalid: var( --luzmo-color-negative-focus );--stepper-focus-indicator-width: var(--luzmo-indicator-width);--stepper-focus-indicator-gap: calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color: var(--luzmo-indicator-color);--stepper-button-border-color-quiet: transparent;--stepper-button-border-color-disabled: var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled: var(--luzmo-border-width);--stepper-buttons-background-color-disabled: var( --luzmo-background-color-disabled );--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height)}:host([size=s]) #text-field{--stepper-button-width: 16px;--stepper-height: var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width: 20px;--stepper-height: var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width: 36px;--stepper-height: var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width, var(--stepper-width));--swc-number-field-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--text-field-minimum-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-width: var(--unset-value-resets-inheritance);--stepper-width: var(--swc-number-field-width)}:host([size=s]){--stepper-width: calc(var(--swc-number-field-width) / 5 * 4)}:host([size=l]){--stepper-width: calc(var(--swc-number-field-width) * 1.25)}:host([size=xl]){--stepper-width: calc(var(--swc-number-field-width) * 1.25 * 1.25)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-text-field-border-width, var(--text-field-border-width)) solid var(--luzmo-text-field-border-color, var(--text-field-border-color));border-radius:var(--text-field-corner-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color: var( --luzmo-infield-border-color-quiet, transparent );--luzmo-infield-button-edge-to-fill: 0;--luzmo-infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}';
+var we = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, h = (s, e, t, r) => {
+  for (var o = r > 1 ? void 0 : r ? ke(e, t) : e, i = s.length - 1, n; i >= 0; i--)
+    (n = s[i]) && (o = (r ? n(e, t, o) : n(o)) || o);
+  return r && o && we(e, t, o), o;
+};
+const xe = 5, Fe = 100, g = "-", O = {
+  "１": "1",
+  "２": "2",
+  "３": "3",
+  "４": "4",
+  "５": "5",
+  "６": "6",
+  "７": "7",
+  "８": "8",
+  "９": "9",
+  "０": "0",
+  "、": ",",
+  "，": ",",
+  "。": ".",
+  "．": ".",
+  "％": "%",
+  "＋": "+",
+  ー: "-",
+  一: "1",
+  二: "2",
+  三: "3",
+  四: "4",
+  五: "5",
+  六: "6",
+  七: "7",
+  八: "8",
+  九: "9",
+  零: "0"
+};
+class b extends le {
+  constructor() {
+    super(...arguments), this.focused = !1, this._forcedUnit = "", this.formatOptions = {}, this.hideStepper = !1, this.indeterminate = !1, this.keyboardFocused = !1, this.managedInput = !1, this.stepModifier = 10, this._value = Number.NaN, this._trackingValue = "", this.decimalsChars = /* @__PURE__ */ new Set([".", ","]), this.valueBeforeFocus = "", this.isIntentDecimal = !1, this.changeCount = 0, this.languageResolver = new de(this), this.wasIndeterminate = !1, this.hasRecentlyReceivedPointerDown = !1, this.applyFocusElementLabel = (e) => {
+      this.appliedLabel = e;
+    }, this.isComposing = !1;
+  }
+  static get styles() {
+    return [...super.styles, A(ye)];
+  }
+  set value(e) {
+    const t = this.validateInput(e);
+    if (t === this.value)
+      return;
+    this.lastCommitedValue = t;
+    const r = this._value;
+    this._value = t, this.requestUpdate("value", r);
+  }
+  get value() {
+    return this._value;
+  }
+  get inputValue() {
+    return this.indeterminate ? this.formattedValue : this.inputElement.value;
+  }
+  setValue(e = this.value) {
+    const t = this.lastCommitedValue;
+    this.value = e, !(t === void 0 || t === this.value) && (this.lastCommitedValue = this.value, this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
+  }
+  /**
+   * Retreive the value of the element parsed to a Number.
+   */
+  get valueAsString() {
+    return this._value.toString();
+  }
+  set valueAsString(e) {
+    this.value = this.numberParser.parse(e);
+  }
+  get formattedValue() {
+    return Number.isNaN(this.value) ? "" : this.numberFormatter.format(this.value) + (this.focused ? "" : this._forcedUnit);
+  }
+  convertValueToNumber(e) {
+    let t = [...e].map((i) => O[i] || i).join("");
+    const r = [...this.valueBeforeFocus].filter(
+      (i) => this.decimalsChars.has(i)
+    ), o = new Set(r);
+    if (L() && this.inputElement.inputMode === "decimal" && t !== this.valueBeforeFocus) {
+      const n = this.numberFormatter.formatToParts(1000.1).find(
+        (u) => u.type === "decimal"
+      ).value;
+      for (const u of o)
+        !(u === n) && !this.isIntentDecimal && (t = t.replaceAll(
+          new RegExp(u, "g"),
+          ""
+        ));
+      let l = !1;
+      const a = [...t];
+      for (let u = a.length - 1; u >= 0; u--) {
+        const m = a[u];
+        this.decimalsChars.has(m) && (l ? a[u] = "" : (a[u] = n, l = !0));
+      }
+      t = a.join("");
+    }
+    return this.numberParser.parse(t);
+  }
+  get _step() {
+    var e;
+    return this.step !== void 0 ? this.step : ((e = this.formatOptions) == null ? void 0 : e.style) === "percent" ? 0.01 : 1;
+  }
+  handlePointerdown(e) {
+    if (e.button !== 0) {
+      e.preventDefault();
+      return;
+    }
+    this.managedInput = !0, this.buttons.setPointerCapture(e.pointerId);
+    const t = this.buttons.children[0].getBoundingClientRect(), r = this.buttons.children[1].getBoundingClientRect();
+    this.findChange = (o) => {
+      o.clientX >= t.x && o.clientY >= t.y && o.clientX <= t.x + t.width && o.clientY <= t.y + t.height ? this.change = (i) => this.increment(i.shiftKey ? this.stepModifier : 1) : o.clientX >= r.x && o.clientY >= r.y && o.clientX <= r.x + r.width && o.clientY <= r.y + r.height && (this.change = (i) => this.decrement(i.shiftKey ? this.stepModifier : 1));
+    }, this.findChange(e), this.startChange(e);
+  }
+  startChange(e) {
+    this.changeCount = 0, this.doChange(e), this.safty = setTimeout(() => {
+      this.doNextChange(e);
+    }, 400);
+  }
+  doChange(e) {
+    this.change(e);
+  }
+  handlePointermove(e) {
+    this.findChange(e);
+  }
+  handlePointerup(e) {
+    this.buttons.releasePointerCapture(e.pointerId), cancelAnimationFrame(this.nextChange), clearTimeout(this.safty), this.managedInput = !1, this.setValue();
+  }
+  doNextChange(e) {
+    return this.changeCount += 1, this.changeCount % xe === 0 && this.doChange(e), requestAnimationFrame(() => {
+      this.nextChange = this.doNextChange(e);
+    });
+  }
+  stepBy(e) {
+    if (this.disabled || this.readonly)
+      return;
+    const t = this.min === void 0 ? 0 : this.min;
+    let r = this.value;
+    r += e * this._step, Number.isNaN(this.value) && (r = t), r = this.valueWithLimits(r), this.requestUpdate(), this._value = this.validateInput(r), this.inputElement.value = this.numberFormatter.format(r), this.inputElement.dispatchEvent(
+      new Event("input", { bubbles: !0, composed: !0 })
+    ), this.indeterminate = !1, this.focus();
+  }
+  increment(e = 1) {
+    this.stepBy(1 * e);
+  }
+  decrement(e = 1) {
+    this.stepBy(-1 * e);
+  }
+  handleKeydown(e) {
+    if (!this.isComposing)
+      switch (e.code) {
+        case "ArrowUp": {
+          e.preventDefault(), this.increment(e.shiftKey ? this.stepModifier : 1), this.setValue();
+          break;
+        }
+        case "ArrowDown": {
+          e.preventDefault(), this.decrement(e.shiftKey ? this.stepModifier : 1), this.setValue();
+          break;
+        }
+      }
+  }
+  onScroll(e) {
+    e.preventDefault(), this.managedInput = !0;
+    const t = e.shiftKey ? e.deltaX / Math.abs(e.deltaX) : e.deltaY / Math.abs(e.deltaY);
+    t !== 0 && !Number.isNaN(t) && (this.stepBy(t * (e.shiftKey ? this.stepModifier : 1)), clearTimeout(this.queuedChangeEvent), this.queuedChangeEvent = setTimeout(() => {
+      this.setValue();
+    }, Fe)), this.managedInput = !1;
+  }
+  onFocus() {
+    super.onFocus(), this._trackingValue = this.inputValue, this.keyboardFocused = !this.readonly && !0, this.addEventListener("wheel", this.onScroll, { passive: !1 }), this.valueBeforeFocus = this.inputElement.value;
+  }
+  onBlur(e) {
+    super.onBlur(e), this.keyboardFocused = !this.readonly && !1, this.removeEventListener("wheel", this.onScroll), this.isIntentDecimal = !1;
+  }
+  handleFocusin() {
+    this.focused = !this.readonly && !0, this.keyboardFocused = !this.readonly && !0;
+  }
+  handleFocusout() {
+    this.focused = !this.readonly && !1, this.keyboardFocused = !this.readonly && !1;
+  }
+  handleChange() {
+    const e = this.convertValueToNumber(this.inputValue);
+    if (this.wasIndeterminate && (this.wasIndeterminate = !1, this.indeterminateValue = void 0, Number.isNaN(e))) {
+      this.indeterminate = !0;
+      return;
+    }
+    this.setValue(e), this.inputElement.value = this.formattedValue;
+  }
+  handleCompositionStart() {
+    this.isComposing = !0;
+  }
+  handleCompositionEnd() {
+    this.isComposing = !1, requestAnimationFrame(() => {
+      this.inputElement.dispatchEvent(
+        new Event("input", {
+          composed: !0,
+          bubbles: !0
+        })
+      );
+    });
+  }
+  handleInputElementPointerdown() {
+    this.hasRecentlyReceivedPointerDown = !0, this.updateComplete.then(() => {
+      requestAnimationFrame(() => {
+        this.hasRecentlyReceivedPointerDown = !1;
+      });
+    });
+  }
+  handleInput(e) {
+    if (this.isComposing) {
+      if (e.data) {
+        const a = this.convertValueToNumber(e.data);
+        Number.isNaN(a) && (this.inputElement.value = this.indeterminate ? g : this._trackingValue, this.isComposing = !1);
+      }
+      e.stopPropagation();
+      return;
+    }
+    this.indeterminate && (this.wasIndeterminate = !0, this.indeterminateValue = this.value, this.inputElement.value = this.inputElement.value.replace(
+      g,
+      ""
+    )), e.data && this.decimalsChars.has(e.data) && (this.isIntentDecimal = !0);
+    const { value: t, selectionStart: r } = this.inputElement, o = [...t].map((a) => O[a] || a).join("");
+    if (this.numberParser.isValidPartialNumber(o)) {
+      this.lastCommitedValue = this.lastCommitedValue ?? this.value;
+      const a = this.convertValueToNumber(o);
+      !o && this.indeterminateValue ? (this.indeterminate = !0, this._value = this.indeterminateValue) : (this.indeterminate = !1, this._value = this.validateInput(a)), this._trackingValue = o, this.inputElement.value = o, this.inputElement.setSelectionRange(r, r);
+      return;
+    }
+    this.inputElement.value = this.indeterminate ? g : this._trackingValue, e.stopPropagation();
+    const i = o.length, n = this._trackingValue.length, l = (r || i) - (i - n);
+    this.inputElement.setSelectionRange(l, l);
+  }
+  valueWithLimits(e) {
+    let t = e;
+    return this.min !== void 0 && (t = Math.max(this.min, t)), this.max !== void 0 && (t = Math.min(this.max, t)), t;
+  }
+  validateInput(e) {
+    e = this.valueWithLimits(e);
+    const t = e < 0 ? -1 : 1;
+    if (e *= t, this.step) {
+      const r = this.min === void 0 ? 0 : this.min, o = Number.parseFloat(
+        this.valueFormatter.format((e - r) % this.step)
+      );
+      if (o === 0 || (Math.round(o / this.step) === 1 ? e += this.step - o : e -= o), this.max !== void 0)
+        for (; e > this.max; )
+          e -= this.step;
+      e = Number.parseFloat(this.valueFormatter.format(e));
+    }
+    return e *= t, e;
+  }
+  get displayValue() {
+    const e = this.focused ? "" : g;
+    return this.indeterminate ? e : this.formattedValue;
+  }
+  clearNumberFormatterCache() {
+    this._numberFormatter = void 0, this._numberParser = void 0;
+  }
+  get numberFormatter() {
+    if (!this._numberFormatter || !this._numberFormatterFocused) {
+      const {
+        style: e,
+        unit: t,
+        unitDisplay: r,
+        ...o
+      } = this.formatOptions;
+      e !== "unit" && (o.style = e), this._numberFormatterFocused = new z(
+        this.languageResolver.language,
+        o
+      );
+      try {
+        this._numberFormatter = new z(
+          this.languageResolver.language,
+          this.formatOptions
+        ), this._forcedUnit = "", this._numberFormatter.format(1);
+      } catch {
+        e === "unit" && (this._forcedUnit = t), this._numberFormatter = this._numberFormatterFocused;
+      }
+    }
+    return this.focused ? this._numberFormatterFocused : this._numberFormatter;
+  }
+  clearValueFormatterCache() {
+    this._valueFormatter = void 0;
+  }
+  get valueFormatter() {
+    if (!this._valueFormatter) {
+      const e = this.step ? this.step === Math.floor(this.step) ? 0 : this.step.toString().split(".")[1].length : 0;
+      this._valueFormatter = new z("en", {
+        useGrouping: !1,
+        maximumFractionDigits: e
+      });
+    }
+    return this._valueFormatter;
+  }
+  get numberParser() {
+    if (!this._numberParser || !this._numberParserFocused) {
+      const {
+        style: e,
+        unit: t,
+        unitDisplay: r,
+        ...o
+      } = this.formatOptions;
+      e !== "unit" && (o.style = e), this._numberParserFocused = new C(
+        this.languageResolver.language,
+        o
+      );
+      try {
+        this._numberParser = new C(
+          this.languageResolver.language,
+          this.formatOptions
+        ), this._forcedUnit = "", this._numberParser.parse("0");
+      } catch {
+        e === "unit" && (this._forcedUnit = t), this._numberParser = this._numberParserFocused;
+      }
+    }
+    return this.focused ? this._numberParserFocused : this._numberParser;
+  }
+  renderField() {
+    return this.autocomplete = "off", S`
+      ${super.renderField()}
+      ${this.hideStepper ? M : S`
+            <span
+              class="buttons"
+              @focusin=${this.handleFocusin}
+              @focusout=${this.handleFocusout}
+              ${ue({
+      start: ["pointerdown", this.handlePointerdown],
+      streamInside: [
+        [
+          "pointermove",
+          "pointerenter",
+          "pointerleave",
+          "pointerover",
+          "pointerout"
+        ],
+        this.handlePointermove
+      ],
+      end: [
+        ["pointerup", "pointercancel", "pointerleave"],
+        this.handlePointerup
+      ]
+    })}
+            >
+              <luzmo-infield-button
+                inline="end"
+                block="start"
+                class="button step-up"
+                aria-hidden="true"
+                label=${"Increase " + this.appliedLabel}
+                size=${this.size}
+                tabindex="-1"
+                ?focused=${this.focused}
+                ?disabled=${this.disabled || this.readonly || this.max !== void 0 && this.value === this.max}
+                ?quiet=${this.quiet}
+              >
+                ${D(J)}
+              </luzmo-infield-button>
+              <luzmo-infield-button
+                inline="end"
+                block="end"
+                class="button step-down"
+                aria-hidden="true"
+                label=${"Decrease " + this.appliedLabel}
+                size=${this.size}
+                tabindex="-1"
+                ?focused=${this.focused}
+                ?disabled=${this.disabled || this.readonly || this.min !== void 0 && this.value === this.min}
+                ?quiet=${this.quiet}
+              >
+                ${D(Q)}
+              </luzmo-infield-button>
+            </span>
+          `}
+    `;
+  }
+  update(e) {
+    if ((e.has("formatOptions") || e.has("resolvedLanguage")) && this.clearNumberFormatterCache(), e.has("value") || e.has("max") || e.has("min") || e.has("step")) {
+      const t = this.numberParser.parse(
+        this.formattedValue.replace(this._forcedUnit, "")
+      );
+      this.value = t, this.clearValueFormatterCache();
+    }
+    super.update(e);
+  }
+  willUpdate(e) {
+    this.multiline = !1, e.has(T) && this.clearNumberFormatterCache();
+  }
+  firstUpdated(e) {
+    super.firstUpdated(e), this.addEventListener("keydown", this.handleKeydown), this.addEventListener("compositionstart", this.handleCompositionStart), this.addEventListener("compositionend", this.handleCompositionEnd);
+  }
+  updated(e) {
+    if (!(!this.inputElement || !this.isConnected)) {
+      if (e.has("min") || e.has("formatOptions")) {
+        const t = this.min !== void 0 && this.min >= 0, { maximumFractionDigits: r } = this.numberFormatter.resolvedOptions(), o = r && r > 0;
+        let i = "numeric";
+        te() && !t ? i = "text" : (L() && o || re() && o && t) && (i = "decimal"), this.inputElement.inputMode = i;
+      }
+      e.has("focused") && this.focused && !this.hasRecentlyReceivedPointerDown && this.formatOptions.unit && this.setSelectionRange(0, this.displayValue.length);
+    }
+  }
+}
+h([
+  ie(".buttons")
+], b.prototype, "buttons", 2);
+h([
+  c({ type: Boolean, reflect: !0 })
+], b.prototype, "focused", 2);
+h([
+  c({ type: Object, attribute: "format-options" })
+], b.prototype, "formatOptions", 2);
+h([
+  c({ type: Boolean, reflect: !0, attribute: "hide-stepper" })
+], b.prototype, "hideStepper", 2);
+h([
+  c({ type: Boolean, reflect: !0 })
+], b.prototype, "indeterminate", 2);
+h([
+  c({ type: Boolean, reflect: !0, attribute: "keyboard-focused" })
+], b.prototype, "keyboardFocused", 2);
+h([
+  c({ type: Number })
+], b.prototype, "max", 2);
+h([
+  c({ type: Number })
+], b.prototype, "min", 2);
+h([
+  c({ type: Number })
+], b.prototype, "step", 2);
+h([
+  c({ type: Number, reflect: !0, attribute: "step-modifier" })
+], b.prototype, "stepModifier", 2);
+h([
+  c({ type: Number })
+], b.prototype, "value", 1);
+customElements.get("luzmo-number-field") || customElements.define("luzmo-number-field", b);
+export {
+  de as L,
+  w as a,
+  b,
+  ue as s
+};