@sbb-esta/lyne-elements 2.11.0 → 2.11.2

package/core/datetime/date-adapter.js

@@ -1,5 +1,5 @@
-const n = 7, D = 4, c = 4, g = 12, l = 24, u = /(^0?[1-9]?|[12]?[0-9]?|3?[01]?)[.,\\/\-\s](0?[1-9]?|1?[0-2]?)?[.,\\/\-\s](\d{1,4}$)?/, O = /^(\d{4})-(\d{2})-(\d{2})$/;
-class _ {
+const h = 7, o = 4, D = 4, c = 12, g = 24, l = /(0?[1-9]|[12][0-9]|3[01])[.,\\/\-\s](0?[1-9]|1[0-2])[.,\\/\-\s]([0-9]{1,4}$)?/, u = /^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-3][0-9])$/;
+class O {
   /**
    * Attempts to deserialize a value to a valid date object. This is different from parsing in that
    * deserialize should only accept non-ambiguous, locale-independent formats (e.g. a ISO 8601
@@ -19,23 +19,23 @@ class _ {
   format(t, e) {
     if (!this.isValid(t))
       return "";
-    const r = /* @__PURE__ */ new Date(this.toIso8601(t) + "T00:00:00"), s = new Intl.DateTimeFormat("de-CH", {
+    const s = /* @__PURE__ */ new Date(this.toIso8601(t) + "T00:00:00"), i = new Intl.DateTimeFormat("de-CH", {
       day: "2-digit",
       month: "2-digit",
       year: "numeric"
     });
-    if ((e == null ? void 0 : e.weekdayStyle) === "none")
-      return s.format(r);
-    const a = (e == null ? void 0 : e.weekdayStyle) ?? "short";
-    let i = this.getDayOfWeekNames(a)[this.getDayOfWeek(t)];
-    return i = i.charAt(0).toUpperCase() + i.substring(1), a === "short" && (i = i.substring(0, 2)), `${i}, ${s.format(r)}`;
+    if (e?.weekdayStyle === "none")
+      return i.format(s);
+    const a = e?.weekdayStyle ?? "short";
+    let r = this.getDayOfWeekNames(a)[this.getDayOfWeek(t)];
+    return r = r.charAt(0).toUpperCase() + r.substring(1), a === "short" && (r = r.substring(0, 2)), `${r}, ${i.format(s)}`;
   }
   /**
    * Get the given date as ISO String.
    * @param date The date to convert to ISO String.
    */
   toIso8601(t) {
-    const e = (r, s = 2) => `${r}`.padStart(s, "0");
+    const e = (s, i = 2) => `${s}`.padStart(i, "0");
     return `${e(this.getYear(t), 4)}-${e(this.getMonth(t))}-${e(this.getDate(t))}`;
   }
   /**
@@ -73,8 +73,8 @@ class _ {
    */
   sameDate(t, e) {
     if (t && e) {
-      const r = this.isValid(t), s = this.isValid(e);
-      return r && s ? !this.compareDate(t, e) : r == s;
+      const s = this.isValid(t), i = this.isValid(e);
+      return s && i ? !this.compareDate(t, e) : s == i;
     }
     return t == e;
   }
@@ -86,17 +86,17 @@ class _ {
    * @returns `min` if `date` is less than `min`, `max` if date is greater than `max`,
    *     otherwise `date`.
    */
-  clampDate(t, e, r) {
-    return e && this.compareDate(t, e) < 0 ? e : r && this.compareDate(t, r) > 0 ? r : t;
+  clampDate(t, e, s) {
+    return e && this.compareDate(t, e) < 0 ? e : s && this.compareDate(t, s) > 0 ? s : t;
   }
 }
 export {
-  n as DAYS_PER_ROW,
-  _ as DateAdapter,
-  u as FORMAT_DATE,
-  O as ISO8601_FORMAT_DATE,
-  g as MONTHS_PER_PAGE,
-  D as MONTHS_PER_ROW,
-  l as YEARS_PER_PAGE,
-  c as YEARS_PER_ROW
+  h as DAYS_PER_ROW,
+  O as DateAdapter,
+  l as FORMAT_DATE,
+  u as ISO8601_FORMAT_DATE,
+  c as MONTHS_PER_PAGE,
+  o as MONTHS_PER_ROW,
+  g as YEARS_PER_PAGE,
+  D as YEARS_PER_ROW
 };

package/core/datetime/native-date-adapter.js

@@ -1,4 +1,4 @@
-import { SbbLanguageController as o } from "../controllers.js";
+import { SbbLanguageController as s } from "../controllers.js";
 import { DateAdapter as u, ISO8601_FORMAT_DATE as h, FORMAT_DATE as D } from "./date-adapter.js";
 const c = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/;
 class f extends u {
@@ -28,7 +28,7 @@ class f extends u {
       month: "long",
       day: "numeric"
     };
-    return new Intl.DateTimeFormat(o.current, t).format(new Date(e));
+    return new Intl.DateTimeFormat(s.current, t).format(new Date(e));
   }
   /**
    * Creates an array of strings with length = 12, filled with the name of the months starting from January, in the document language.
@@ -36,12 +36,12 @@ class f extends u {
    * E.g., with January in en-gb: `long` returns "January", `short` returns "Jan", `narrow` returns "J".
    */
   getMonthNames(e) {
-    const t = new Intl.DateTimeFormat(o.current, { month: e });
+    const t = new Intl.DateTimeFormat(s.current, { month: e });
     return this._range(12, (r) => t.format(new Date(2017, r, 1)));
   }
   /** Creates a string array with length = 31, filled with the days in a month, starting from 1. */
   getDateNames() {
-    const e = new Intl.DateTimeFormat(o.current, { day: "numeric" });
+    const e = new Intl.DateTimeFormat(s.current, { day: "numeric" });
     return this._range(31, (t) => e.format(new Date(2017, 0, t + 1)));
   }
   /**
@@ -50,7 +50,7 @@ class f extends u {
    * E.g., with Monday in en-gb: `long` returns "Monday", `short` returns "Mon", `narrow` returns "M".
    */
   getDayOfWeekNames(e) {
-    const t = new Intl.DateTimeFormat(o.current, { weekday: e });
+    const t = new Intl.DateTimeFormat(s.current, { weekday: e });
     return this._range(7, (r) => t.format(new Date(2017, 0, r + 1)));
   }
   /* Defines which is the first day of the week (0: sunday; 1: monday; etc.). */
@@ -102,8 +102,8 @@ class f extends u {
    * E.g., with `date` = new Date(2022, 0, 31) and `months` = 1, it returns new Date(2022, 1, 28).
    */
   addCalendarMonths(e, t) {
-    const r = e.getMonth() + t, n = new Date(e.getFullYear(), r, 1, 0, 0, 0, 0), s = this.getNumDaysInMonth(n);
-    return new Date(this.clone(e).setMonth(r, Math.min(s, e.getDate())));
+    const r = e.getMonth() + t, n = new Date(e.getFullYear(), r, 1, 0, 0, 0, 0), l = this.getNumDaysInMonth(n);
+    return new Date(this.clone(e).setMonth(r, Math.min(l, e.getDate())));
   }
   /** Creates a new date by adding the number of provided `days` to the provided `date`. */
   addCalendarDays(e, t) {
@@ -135,13 +135,13 @@ class f extends u {
     }
     if (this.isValid(r))
       return r;
-    const s = e.replace(/\D/g, " ").trim(), a = s == null ? void 0 : s.match(D);
-    if (!a || a.index !== 0 || a.length <= 2 || a.some((l) => l === void 0) || !this.isValid(this.createDate(+a[3], +a[2], +a[1])))
+    const a = e.replace(/\D/g, " ").trim()?.match(D);
+    if (!a || a.index !== 0 || a.length <= 2 || a.some((o) => o === void 0) || !this.isValid(this.createDate(+a[3], +a[2], +a[1])))
       return null;
     let i = +a[3];
     if (typeof i == "number" && i < 100 && i >= 0) {
-      const l = t.getFullYear() - 2e3 + this._cutoffYearOffset;
-      i = i <= l ? 2e3 + i : 1900 + i;
+      const o = t.getFullYear() - 2e3 + this._cutoffYearOffset;
+      i = i <= o ? 2e3 + i : 1900 + i;
     }
     return new Date(i, +a[2] - 1, +a[1]);
   }

package/core/decorators/date-converter.js

@@ -1,17 +1,15 @@
-import { readConfig as a } from "../config.js";
-import { defaultDateAdapter as d } from "../datetime.js";
-const n = {
-  fromAttribute(r, o) {
-    var e;
-    const t = ((e = a().datetime) == null ? void 0 : e.dateAdapter) ?? d;
-    return t.getValidDateOrNull(t.deserialize(r));
+import { readConfig as r } from "../config.js";
+import { defaultDateAdapter as a } from "../datetime.js";
+const p = {
+  fromAttribute(e, d) {
+    const t = r().datetime?.dateAdapter ?? a;
+    return t.getValidDateOrNull(t.deserialize(e));
   },
-  toAttribute(r, o) {
-    var e;
-    const t = ((e = a().datetime) == null ? void 0 : e.dateAdapter) ?? d;
-    return t.isValid(r) ? t.toIso8601(r) : null;
+  toAttribute(e, d) {
+    const t = r().datetime?.dateAdapter ?? a;
+    return t.isValid(e) ? t.toIso8601(e) : null;
   }
 };
 export {
-  n as dateConverter
+  p as dateConverter
 };

package/core/decorators/date-only-type.js

@@ -1,10 +1,9 @@
-import { readConfig as r } from "../config.js";
-import { defaultDateAdapter as n } from "../datetime.js";
-function i(e) {
-  var a;
-  const t = ((a = r().datetime) == null ? void 0 : a.dateAdapter) ?? n;
+import { readConfig as a } from "../config.js";
+import { defaultDateAdapter as r } from "../datetime.js";
+function o(e) {
+  const t = a().datetime?.dateAdapter ?? r;
   return t.isDateInstance(e) && t.isValid(e) ? t.createDate(t.getYear(e), t.getMonth(e), t.getDate(e)) : null;
 }
 export {
-  i as DateOnlyType
+  o as DateOnlyType
 };

package/core/decorators/force-type.js

@@ -1,7 +1,6 @@
-const p = (e) => (i, a) => {
-  var l, s;
-  const { kind: r, metadata: n, name: o } = a, u = ((s = (l = globalThis.litPropertyMetadata.get(n)) == null ? void 0 : l.get(o)) == null ? void 0 : s.type) ?? String;
-  if (e ?? (e = u), e === String ? e = (t) => t == null ? "" : String(t) : e === Number && (e = (t) => t == null ? NaN : Number(t)), r === "accessor")
+const o = (e) => (i, l) => {
+  const { kind: r, metadata: s, name: a } = l, n = globalThis.litPropertyMetadata.get(s)?.get(a)?.type ?? String;
+  if (e ??= n, e === String ? e = (t) => t == null ? "" : String(t) : e === Number && (e = (t) => t == null ? NaN : Number(t)), r === "accessor")
     return {
       set(t) {
         i.set.call(this, e(t));
@@ -14,5 +13,5 @@ const p = (e) => (i, a) => {
   throw new Error(`Unsupported decorator location: ${r}`);
 };
 export {
-  p as forceType
+  o as forceType
 };

package/core/dom/breakpoint.js

@@ -1,12 +1,12 @@
-import { isServer as l } from "lit";
-const b = ["zero", "micro", "small", "medium", "large", "wide", "ultra"];
-function $(e, i, n) {
-  if (l)
+import { isServer as d } from "lit";
+const s = ["zero", "micro", "small", "medium", "large", "wide", "ultra"];
+function u(n, i, a) {
+  if (d)
     return null;
-  const m = getComputedStyle(document.documentElement), t = e ? m.getPropertyValue(`--sbb-breakpoint-${e}-min`) : "", a = i ? `${parseFloat(m.getPropertyValue(`--sbb-breakpoint-${i}-${n != null && n.includeMaxBreakpoint ? "max" : "min"}`)) - (n != null && n.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", o = t && `(min-width: ${t})`, c = a && `(max-width: ${a})`, d = t && a && " and ";
-  return window.matchMedia(`${o}${d}${c}`).matches;
+  const o = getComputedStyle(document.documentElement), t = n ? o.getPropertyValue(`--sbb-breakpoint-${n}-min`) : "", e = i ? `${parseFloat(o.getPropertyValue(`--sbb-breakpoint-${i}-${a?.includeMaxBreakpoint ? "max" : "min"}`)) - (a?.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", r = t && `(min-width: ${t})`, m = e && `(max-width: ${e})`, c = t && e && " and ";
+  return window.matchMedia(`${r}${c}${m}`).matches;
 }
 export {
-  b as breakpoints,
-  $ as isBreakpoint
+  s as breakpoints,
+  u as isBreakpoint
 };

package/core/dom/input-element.js

@@ -1,12 +1,7 @@
-import { findReferencedElement as u } from "./find-referenced-element.js";
-function t(f, r, n = "input") {
-  var i;
-  if (!r) {
-    const o = (i = f.closest) == null ? void 0 : i.call(f, "sbb-form-field");
-    return o == null ? void 0 : o.querySelector(n);
-  }
-  return u(r);
+import { findReferencedElement as r } from "./find-referenced-element.js";
+function i(n, e, t = "input") {
+  return e ? r(e) : n.closest?.("sbb-form-field")?.querySelector(t);
 }
 export {
-  t as findInput
+  i as findInput
 };

package/core/eventing/event-emitter.js

@@ -4,8 +4,8 @@ const n = {
   composed: !0
 };
 class o {
-  constructor(s, t, e = n) {
-    this._element = s, this._eventName = t, this._options = e;
+  constructor(t, e, s = n) {
+    this._element = t, this._eventName = e, this._options = s;
   }
   /**
    * Dispatches an event.
@@ -13,9 +13,8 @@ class o {
    * @returns true when the event was successfully emitted or false,
    *  if preventDefault() was called. Always returns true in SSR.
    */
-  emit(s) {
-    var t, e;
-    return ((e = (t = this._element).dispatchEvent) == null ? void 0 : e.call(t, new CustomEvent(this._eventName, { ...this._options, detail: s }))) ?? !0;
+  emit(t) {
+    return this._element.dispatchEvent?.(new CustomEvent(this._eventName, { ...this._options, detail: t })) ?? !0;
   }
 }
 export {

package/core/mixins/form-associated-checkbox-mixin.js

@@ -1,19 +1,19 @@
-import { __esDecorate as b, __runInitializers as m } from "tslib";
-import { defaultConverter as k } from "lit";
-import { property as _ } from "lit/decorators.js";
-import { SbbLanguageController as v } from "../controllers.js";
-import { hostAttributes as y } from "../decorators.js";
-import { preventScrollOnSpacebarPress as g } from "../eventing.js";
-import { i18nCheckboxRequired as S } from "../i18n.js";
-import { SbbDisabledMixin as x } from "./disabled-mixin.js";
-import { SbbFormAssociatedMixin as C } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as E } from "./required-mixin.js";
-const R = (p) => (() => {
-  var a;
-  let f = [y({
+import { __esDecorate as h, __runInitializers as d } from "tslib";
+import { defaultConverter as u } from "lit";
+import { property as k } from "lit/decorators.js";
+import { SbbLanguageController as p } from "../controllers.js";
+import { hostAttributes as f } from "../decorators.js";
+import { preventScrollOnSpacebarPress as _ } from "../eventing.js";
+import { i18nCheckboxRequired as v } from "../i18n.js";
+import { SbbDisabledMixin as y } from "./disabled-mixin.js";
+import { SbbFormAssociatedMixin as g } from "./form-associated-mixin.js";
+import { SbbRequiredMixin as S } from "./required-mixin.js";
+const D = (b) => (() => {
+  var r;
+  let m = [f({
     tabindex: "0"
-  })], o, l = [], r, c = x(E(C(p))), n = [], h;
-  return a = class extends c {
+  })], s, o = [], i, l = y(S(g(b))), c = [], n;
+  return r = class extends l {
     /** Whether the checkbox is checked. */
     set checked(e) {
       const t = typeof e == "object" ? e.attribute : !1;
@@ -30,16 +30,14 @@ const R = (p) => (() => {
       return "checkbox";
     }
     constructor() {
-      var e, t, i;
-      super(), this._attributeMutationBlocked = (m(this, n), !1), this._languageController = new v(this), this._checked = !1, this._handleKeyboardInteraction = (s) => {
-        s.key === " " && this._handleUserInteraction();
+      super(), this._attributeMutationBlocked = (d(this, c), !1), this._languageController = new p(this), this._checked = !1, this._handleKeyboardInteraction = (e) => {
+        e.key === " " && this._handleUserInteraction();
       }, this._handleUserInteraction = () => {
-        var s;
-        this.disabled || ((s = this.withUserInteraction) == null || s.call(this), this.checked = !this.checked, this._attributeMutationBlocked = !0, this.dispatchEvent(new InputEvent("input", { composed: !0, bubbles: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 })));
-      }, this.internals.role = "checkbox", (e = this.addEventListener) == null || e.call(this, "click", this._handleUserInteraction), (t = this.addEventListener) == null || t.call(this, "keydown", g), (i = this.addEventListener) == null || i.call(this, "keyup", this._handleKeyboardInteraction);
+        this.disabled || (this.withUserInteraction?.(), this.checked = !this.checked, this._attributeMutationBlocked = !0, this.dispatchEvent(new InputEvent("input", { composed: !0, bubbles: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 })));
+      }, this.internals.role = "checkbox", this.addEventListener?.("click", this._handleUserInteraction), this.addEventListener?.("keydown", _), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
     }
-    attributeChangedCallback(e, t, i) {
-      (e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, i);
+    attributeChangedCallback(e, t, a) {
+      (e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, a);
     }
     /**
      * Is called whenever the form is being reset.
@@ -68,25 +66,22 @@ const R = (p) => (() => {
       return super.shouldValidate(e) || e === "checked" || e === "required";
     }
     validate() {
-      super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", S[this._languageController.current]) : this.removeValidityFlag("valueMissing");
+      super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", v[this._languageController.current]) : this.removeValidityFlag("valueMissing");
     }
-  }, r = a, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    h = [_({
+  }, i = r, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+    n = [k({
       type: Boolean,
       converter: {
-        ...k,
+        ...u,
         // We need to pass information to the setter so that we know it was called by attribute change.
-        fromAttribute: (t, i) => {
-          var d, u;
-          return { value: (u = (d = k).fromAttribute) == null ? void 0 : u.call(d, t, i), attribute: !0 };
-        }
+        fromAttribute: (t, a) => ({ value: u.fromAttribute?.(t, a), attribute: !0 })
       }
-    })], b(a, null, h, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, set: (t, i) => {
-      t.checked = i;
-    } }, metadata: e }, null, n), b(null, o = { value: r }, f, { kind: "class", name: r.name, metadata: e }, null, l), r = o.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), m(r, l);
-  })(), r;
+    })], h(r, null, n, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, set: (t, a) => {
+      t.checked = a;
+    } }, metadata: e }, null, c), h(null, s = { value: i }, m, { kind: "class", name: i.name, metadata: e }, null, o), i = s.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), d(i, o);
+  })(), i;
 })();
 export {
-  R as SbbFormAssociatedCheckboxMixin
+  D as SbbFormAssociatedCheckboxMixin
 };

package/core/mixins/form-associated-input-mixin.js

@@ -1,21 +1,21 @@
-import { __esDecorate as o, __runInitializers as k } from "tslib";
-import { isServer as h, html as x } from "lit";
-import { property as u, eventOptions as O } from "lit/decorators.js";
-import { sbbInputModalityDetector as S } from "../a11y.js";
-import { SbbLanguageController as w } from "../controllers.js";
-import { isWebkit as A } from "../dom.js";
-import { i18nInputRequired as T } from "../i18n.js";
-import { SbbFormAssociatedMixin as L } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as I } from "./required-mixin.js";
-const R = () => {
-  if (h)
+import { __esDecorate as r, __runInitializers as f } from "tslib";
+import { isServer as d, html as b } from "lit";
+import { property as l, eventOptions as g } from "lit/decorators.js";
+import { sbbInputModalityDetector as m } from "../a11y.js";
+import { SbbLanguageController as y } from "../controllers.js";
+import { isWebkit as _ } from "../dom.js";
+import { i18nInputRequired as v } from "../i18n.js";
+import { SbbFormAssociatedMixin as C } from "./form-associated-mixin.js";
+import { SbbRequiredMixin as E } from "./required-mixin.js";
+const k = () => {
+  if (d)
     return !1;
-  const d = document.createElement("div");
-  return d.setAttribute("contenteditable", "PLAINTEXT-ONLY"), d.contentEditable === "plaintext-only";
-}, M = R(), z = (d) => (() => {
-  var n;
-  let c = I(L(d)), l = [], p, f, b, g;
-  return n = class extends c {
+  const n = document.createElement("div");
+  return n.setAttribute("contenteditable", "PLAINTEXT-ONLY"), n.contentEditable === "plaintext-only";
+}, x = k(), N = (n) => (() => {
+  var s;
+  let o = E(C(n)), a = [], u, h, c, p;
+  return s = class extends o {
     /**
      * Form type of element.
      * @default 'text'
@@ -61,55 +61,49 @@ const R = () => {
       return this.getAttribute("placeholder") ?? "";
     }
     constructor() {
-      var e, t, a, m, y, _, v;
-      super(), this._interacted = (k(this, l), !1), this._shouldEmitChange = !1, this._shouldTriggerSubmit = !1, this.language = new w(this), this.internals.role = "textbox", (e = this.addEventListener) == null || e.call(this, "input", () => {
+      super(), this._interacted = (f(this, a), !1), this._shouldEmitChange = !1, this._shouldTriggerSubmit = !1, this.language = new y(this), this.internals.role = "textbox", this.addEventListener?.("input", () => {
         super.value = this._cleanText(this.textContent ?? ""), this._interacted = !0, this._shouldEmitChange = !0;
-      }, { capture: !0 }), (t = this.addEventListener) == null || t.call(this, "change", () => this._shouldEmitChange = !1, { capture: !0 }), (a = this.addEventListener) == null || a.call(this, "keydown", (i) => {
-        var r;
-        if ((i.key === "Enter" || i.key === `
-`) && i.isTrusted)
-          i.preventDefault(), i.stopImmediatePropagation(), this._shouldTriggerSubmit = this.dispatchEvent(new KeyboardEvent("keydown", i));
-        else if (A && this.value && (i.key === "Backspace" || i.key === "Delete") && i.isTrusted) {
-          if (i.preventDefault(), i.stopImmediatePropagation(), !this.dispatchEvent(new KeyboardEvent("keydown", i)))
+      }, { capture: !0 }), this.addEventListener?.("change", () => this._shouldEmitChange = !1, { capture: !0 }), this.addEventListener?.("keydown", (e) => {
+        if ((e.key === "Enter" || e.key === `
+`) && e.isTrusted)
+          e.preventDefault(), e.stopImmediatePropagation(), this._shouldTriggerSubmit = this.dispatchEvent(new KeyboardEvent("keydown", e));
+        else if (_ && this.value && (e.key === "Backspace" || e.key === "Delete") && e.isTrusted) {
+          if (e.preventDefault(), e.stopImmediatePropagation(), !this.dispatchEvent(new KeyboardEvent("keydown", e)))
             return;
-          const s = (r = window.getSelection()) == null ? void 0 : r.getRangeAt(0);
-          if (!s)
+          const t = window.getSelection()?.getRangeAt(0);
+          if (!t)
             return;
-          s.startOffset !== s.endOffset ? (s.deleteContents(), this._dispatchInputEvent()) : i.key === "Backspace" && s.startOffset > 0 ? (s.setStart(s.startContainer, s.startOffset - 1), s.deleteContents(), this._dispatchInputEvent()) : i.key === "Delete" && s.endOffset < this.value.length && (s.setEnd(s.endContainer, s.endOffset + 1), s.deleteContents(), this._dispatchInputEvent());
+          t.startOffset !== t.endOffset ? (t.deleteContents(), this._dispatchInputEvent()) : e.key === "Backspace" && t.startOffset > 0 ? (t.setStart(t.startContainer, t.startOffset - 1), t.deleteContents(), this._dispatchInputEvent()) : e.key === "Delete" && t.endOffset < this.value.length && (t.setEnd(t.endContainer, t.endOffset + 1), t.deleteContents(), this._dispatchInputEvent());
         }
-      }, { capture: !0 }), (m = this.addEventListener) == null || m.call(this, "keyup", (i) => {
-        var r;
-        (i.key === "Enter" || i.key === `
-`) && (this._emitChangeIfNecessary(), this._shouldTriggerSubmit && (this._shouldTriggerSubmit = !1, (r = this.form) == null || r.requestSubmit()));
-      }, { capture: !0 }), (y = this.addEventListener) == null || y.call(this, "paste", (i) => {
-        var C, E;
-        i.preventDefault();
-        const r = this._cleanText(((C = i.clipboardData) == null ? void 0 : C.getData("text/plain")) ?? ""), s = (E = window.getSelection()) == null ? void 0 : E.getRangeAt(0);
-        !s || !r || (s.deleteContents(), s.insertNode(document.createTextNode(r)), s.setStart(s.endContainer, s.endOffset), this._dispatchInputEvent());
-      }), (_ = this.addEventListener) == null || _.call(this, "focus", () => {
-        var i;
-        S.mostRecentModality === "keyboard" && ((i = window.getSelection()) == null || i.selectAllChildren(this));
-      }), (v = this.addEventListener) == null || v.call(this, "blur", () => {
-        var i;
-        (i = window.getSelection()) == null || i.removeAllRanges(), this._emitChangeIfNecessary(), this.scrollLeft = 0;
+      }, { capture: !0 }), this.addEventListener?.("keyup", (e) => {
+        (e.key === "Enter" || e.key === `
+`) && (this._emitChangeIfNecessary(), this._shouldTriggerSubmit && (this._shouldTriggerSubmit = !1, this.form?.requestSubmit()));
+      }, { capture: !0 }), this.addEventListener?.("paste", (e) => {
+        e.preventDefault();
+        const t = this._cleanText(e.clipboardData?.getData("text/plain") ?? ""), i = window.getSelection()?.getRangeAt(0);
+        !i || !t || (i.deleteContents(), i.insertNode(document.createTextNode(t)), i.setStart(i.endContainer, i.endOffset), this._dispatchInputEvent());
+      }), this.addEventListener?.("focus", () => {
+        m.mostRecentModality === "keyboard" && window.getSelection()?.selectAllChildren(this);
+      }), this.addEventListener?.("blur", () => {
+        window.getSelection()?.removeAllRanges(), this._emitChangeIfNecessary(), this.scrollLeft = 0;
       }, { capture: !0 });
     }
     connectedCallback() {
       super.connectedCallback(), this.internals.ariaMultiLine = "false", this._updateContenteditable(), this.innerHTML = this.value;
     }
     focus(e) {
-      if (super.focus(e), !h && !this.disabled && !this.readOnly && this.value) {
+      if (super.focus(e), !d && !this.disabled && !this.readOnly && this.value) {
         const t = window.getSelection();
         if (!t)
           return;
-        let a = t.rangeCount > 0 ? t.getRangeAt(0) : null;
-        if (a && a.startOffset !== 0)
+        let i = t.rangeCount > 0 ? t.getRangeAt(0) : null;
+        if (i && i.startOffset !== 0)
           return;
-        a = document.createRange(), a.setStart(this.firstChild, this.textContent.length), a.collapse(!0), t.removeAllRanges(), t.addRange(a);
+        i = document.createRange(), i.setStart(this.firstChild, this.textContent.length), i.collapse(!0), t.removeAllRanges(), t.addRange(i);
       }
     }
-    attributeChangedCallback(e, t, a) {
-      (e !== "value" || !this._interacted) && super.attributeChangedCallback(e, t, a);
+    attributeChangedCallback(e, t, i) {
+      (e !== "value" || !this._interacted) && super.attributeChangedCallback(e, t, i);
     }
     /**
      * Is called whenever the form is being reset.
@@ -141,7 +135,7 @@ const R = () => {
       return super.shouldValidate(e) || e === "value" || e === "required";
     }
     validate() {
-      super.validate(), this.required && !this.value ? this.setValidityFlag("valueMissing", T[this.language.current]) : this.removeValidityFlag("valueMissing");
+      super.validate(), this.required && !this.value ? this.setValidityFlag("valueMissing", v[this.language.current]) : this.removeValidityFlag("valueMissing");
     }
     _cleanText(e) {
       return e === null ? "" : `${e}`.replace(/[\n\r]+/g, "");
@@ -155,8 +149,8 @@ const R = () => {
           e.remove();
     }
     _updateContenteditable() {
-      if (!h && this.isConnected) {
-        const e = this.disabled || this.readOnly ? "false" : M ? "plaintext-only" : "true";
+      if (!d && this.isConnected) {
+        const e = this.disabled || this.readOnly ? "false" : x ? "plaintext-only" : "true";
         this.setAttribute("contenteditable", e), this.readOnly ? this.setAttribute("tabindex", "0") : this.removeAttribute("tabindex");
       }
     }
@@ -164,19 +158,19 @@ const R = () => {
       this._shouldEmitChange && (this._shouldEmitChange = !1, this.dispatchEvent(new Event("change", { bubbles: !0 })));
     }
     render() {
-      return x`<slot @slotchange=${this._cleanChildren}></slot>`;
+      return b`<slot @slotchange=${this._cleanChildren}></slot>`;
     }
   }, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    p = [u({ type: Boolean })], f = [u({ type: Boolean })], b = [u({ attribute: !1 })], g = [O({ passive: !0 })], o(n, null, p, { kind: "setter", name: "readOnly", static: !1, private: !1, access: { has: (t) => "readOnly" in t, set: (t, a) => {
-      t.readOnly = a;
-    } }, metadata: e }, null, l), o(n, null, f, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (t) => "disabled" in t, set: (t, a) => {
-      t.disabled = a;
-    } }, metadata: e }, null, l), o(n, null, b, { kind: "setter", name: "placeholder", static: !1, private: !1, access: { has: (t) => "placeholder" in t, set: (t, a) => {
-      t.placeholder = a;
-    } }, metadata: e }, null, l), o(n, null, g, { kind: "method", name: "_cleanChildren", static: !1, private: !1, access: { has: (t) => "_cleanChildren" in t, get: (t) => t._cleanChildren }, metadata: e }, null, l), e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), n;
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+    u = [l({ type: Boolean })], h = [l({ type: Boolean })], c = [l({ attribute: !1 })], p = [g({ passive: !0 })], r(s, null, u, { kind: "setter", name: "readOnly", static: !1, private: !1, access: { has: (t) => "readOnly" in t, set: (t, i) => {
+      t.readOnly = i;
+    } }, metadata: e }, null, a), r(s, null, h, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (t) => "disabled" in t, set: (t, i) => {
+      t.disabled = i;
+    } }, metadata: e }, null, a), r(s, null, c, { kind: "setter", name: "placeholder", static: !1, private: !1, access: { has: (t) => "placeholder" in t, set: (t, i) => {
+      t.placeholder = i;
+    } }, metadata: e }, null, a), r(s, null, p, { kind: "method", name: "_cleanChildren", static: !1, private: !1, access: { has: (t) => "_cleanChildren" in t, get: (t) => t._cleanChildren }, metadata: e }, null, a), e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), s;
 })();
 export {
-  z as SbbFormAssociatedInputMixin
+  N as SbbFormAssociatedInputMixin
 };