@sbb-esta/lyne-elements 3.0.0-next.1 → 3.0.0-next.2

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

@@ -1,22 +1,24 @@
-import { __esDecorate as d, __runInitializers as x } from "tslib";
-import { isServer as u, html as S } from "lit";
-import { property as o, eventOptions as O } from "lit/decorators.js";
-import { sbbInputModalityDetector as w } from "../a11y.js";
-import { SbbLanguageController as T } from "../controllers.js";
-import { isWebkit as A } from "../dom.js";
-import { i18nInputRequired as L } from "../i18n.js";
-import { SbbElementInternalsMixin as R } from "./element-internals-mixin.js";
-import { SbbFormAssociatedMixin as I } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as M } from "./required-mixin.js";
-const D = () => {
-  if (u)
+import { __esDecorate as r, __runInitializers as p } from "tslib";
+import { isServer as l, html as f } from "lit";
+import { property as c, eventOptions as b } from "lit/decorators.js";
+import { sbbInputModalityDetector as m } from "../a11y.js";
+import { SbbLanguageController as g } from "../controllers.js";
+import { isWebkit as v } from "../dom.js";
+import { i18nInputRequired as _ } from "../i18n.js";
+import { SbbDisabledMixin as y } from "./disabled-mixin.js";
+import { SbbElementInternalsMixin as C } from "./element-internals-mixin.js";
+import { SbbFormAssociatedMixin as E } from "./form-associated-mixin.js";
+import { SbbReadonlyMixin as x } from "./readonly-mixin.js";
+import { SbbRequiredMixin as S } from "./required-mixin.js";
+const k = () => {
+  if (l)
     return !1;
-  const h = document.createElement("div");
-  return h.setAttribute("contenteditable", "PLAINTEXT-ONLY"), h.contentEditable === "plaintext-only";
-}, P = D(), X = (h) => (() => {
-  var n;
-  let c = M(I(R(h))), r = [], p, f, b, g, m;
-  return n = class extends c {
+  const a = document.createElement("div");
+  return a.setAttribute("contenteditable", "PLAINTEXT-ONLY"), a.contentEditable === "plaintext-only";
+}, w = k(), H = (a) => (() => {
+  var s;
+  let d = x(y(S(E(C(a))))), n = [], o, h, u;
+  return s = class extends d {
     /**
      * Form type of element.
      * @default 'text'
@@ -33,28 +35,6 @@ const D = () => {
     get value() {
       return this._value ?? "";
     }
-    /**
-     * Whether the component is readonly.
-     * @attr readonly
-     * @default false
-     */
-    set readOnly(e) {
-      this.toggleAttribute("readonly", !!e), this.internals.ariaReadOnly = e ? "true" : null, this._updateContenteditable();
-    }
-    get readOnly() {
-      return this.hasAttribute("readonly");
-    }
-    /**
-     * Whether the component is disabled.
-     * @attr disabled
-     * @default false
-     */
-    set disabled(e) {
-      this.toggleAttribute("disabled", !!e), this.internals.ariaDisabled = e ? "true" : null, this._updateContenteditable();
-    }
-    get disabled() {
-      return this.hasAttribute("disabled");
-    }
     set placeholder(e) {
       e ? this.setAttribute("placeholder", e) : this.removeAttribute("placeholder"), this.internals.ariaPlaceholder = e || null;
     }
@@ -62,40 +42,37 @@ const D = () => {
       return this.getAttribute("placeholder") ?? "";
     }
     constructor() {
-      var e, t, a, _, v, y, C;
-      super(), this._shouldEmitChange = (x(this, r), !1), this._shouldTriggerSubmit = !1, this.language = new T(this), this._value = "", (e = this.addEventListener) == null || e.call(this, "input", () => {
-        const i = this._value;
-        this._value = this._cleanText(this.textContent ?? ""), this.requestUpdate("value", i), this.internals.states.add("interacted"), 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 l;
-        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)))
+      super(), this._shouldEmitChange = (p(this, n), !1), this._shouldTriggerSubmit = !1, this.language = new g(this), this._value = "", this.addEventListener?.("input", () => {
+        const e = this._value;
+        this._value = this._cleanText(this.textContent ?? ""), this.requestUpdate("value", e), this.internals.states.add("interacted"), this._shouldEmitChange = !0;
+      }, { 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 (v && this.value && (e.key === "Backspace" || e.key === "Delete") && e.isTrusted) {
+          if (e.preventDefault(), e.stopImmediatePropagation(), !this.dispatchEvent(new KeyboardEvent("keydown", e)))
             return;
-          const s = (l = window.getSelection()) == null ? void 0 : l.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 }), (_ = this.addEventListener) == null || _.call(this, "keyup", (i) => {
-        var l;
-        (i.key === "Enter" || i.key === `
-`) && (this._emitChangeIfNecessary(), this._shouldTriggerSubmit && (this._shouldTriggerSubmit = !1, (l = this.form) == null || l.requestSubmit()));
-      }, { capture: !0 }), (v = this.addEventListener) == null || v.call(this, "paste", (i) => {
-        var E, k;
-        i.preventDefault();
-        const l = this._cleanText(((E = i.clipboardData) == null ? void 0 : E.getData("text/plain")) ?? ""), s = (k = window.getSelection()) == null ? void 0 : k.getRangeAt(0);
-        !s || !l || (s.deleteContents(), s.insertNode(document.createTextNode(this.preparePastedText(l))), s.setStart(s.endContainer, s.endOffset), this._dispatchInputEvent());
-      }), (y = this.addEventListener) == null || y.call(this, "focus", () => {
-        var i;
-        w.mostRecentModality === "keyboard" && ((i = window.getSelection()) == null || i.selectAllChildren(this));
-      }), (C = this.addEventListener) == null || C.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(this.preparePastedText(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 });
     }
+    isDisabledExternally() {
+      return this.formDisabled;
+    }
     connectedCallback() {
       super.connectedCallback(), this.internals.ariaMultiLine = "false", this._updateContenteditable(), this.innerHTML = this.value;
     }
@@ -104,14 +81,14 @@ const D = () => {
         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.internals.states.has("interacted")) && super.attributeChangedCallback(e, t, a);
+    attributeChangedCallback(e, t, i) {
+      (e !== "value" || !this.internals.states.has("interacted")) && super.attributeChangedCallback(e, t, i);
     }
     /**
      * Is called whenever the form is being reset.
@@ -139,17 +116,19 @@ const D = () => {
      * @link https://developer.mozilla.org/docs/Web/API/HTMLInputElement/select
      */
     select() {
-      var e;
-      (e = window.getSelection()) == null || e.selectAllChildren(this);
+      window.getSelection()?.selectAllChildren(this);
     }
     firstUpdated(e) {
       super.firstUpdated(e), this.value && !this.innerHTML.length && (this.innerHTML = this.value);
     }
+    requestUpdate(e, t, i) {
+      super.requestUpdate(e, t, i), this.isConnected && (e === "disabled" || e === "formDisabled" || e === "readOnly") && this._updateContenteditable();
+    }
     shouldValidate(e) {
       return super.shouldValidate(e) || e === "value" || e === "required";
     }
     validate() {
-      super.validate(), this.required && !this.value ? this.setValidityFlag("valueMissing", L[this.language.current]) : this.removeValidityFlag("valueMissing");
+      super.validate(), this.required && !this.value ? this.setValidityFlag("valueMissing", _[this.language.current]) : this.removeValidityFlag("valueMissing");
     }
     preparePastedText(e) {
       return e;
@@ -166,8 +145,9 @@ const D = () => {
           e.remove();
     }
     _updateContenteditable() {
-      if (!u && this.isConnected) {
-        const e = this.disabled || this.readOnly ? "false" : P ? "plaintext-only" : "true";
+      if (!l && this.isConnected) {
+        this.internals.ariaReadOnly = this.readOnly ? "true" : null, this.internals.ariaDisabled = this.disabled ? "true" : null;
+        const e = this.disabled || this.readOnly ? "false" : w ? "plaintext-only" : "true";
         this.setAttribute("contenteditable", e), this.readOnly ? this.setAttribute("tabindex", "0") : this.removeAttribute("tabindex");
       }
     }
@@ -175,24 +155,20 @@ const D = () => {
       this._shouldEmitChange && (this._shouldEmitChange = !1, this.dispatchEvent(new Event("change", { bubbles: !0 })));
     }
     _canSelect() {
-      return !u && !this.disabled && !this.readOnly && !!this.value;
+      return !l && !this.disabled && !this.readOnly && !!this.value;
     }
     render() {
-      return S`<slot @slotchange=${this._cleanChildren}></slot>`;
+      return f`<slot @slotchange=${this._cleanChildren}></slot>`;
     }
   }, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    p = [o()], f = [o({ type: Boolean })], b = [o({ type: Boolean })], g = [o({ attribute: !1 })], m = [O({ passive: !0 })], d(n, null, p, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, a) => {
-      t.value = a;
-    } }, metadata: e }, null, r), d(n, null, f, { kind: "setter", name: "readOnly", static: !1, private: !1, access: { has: (t) => "readOnly" in t, set: (t, a) => {
-      t.readOnly = a;
-    } }, metadata: e }, null, r), d(n, null, b, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (t) => "disabled" in t, set: (t, a) => {
-      t.disabled = a;
-    } }, metadata: e }, null, r), d(n, null, g, { kind: "setter", name: "placeholder", static: !1, private: !1, access: { has: (t) => "placeholder" in t, set: (t, a) => {
-      t.placeholder = a;
-    } }, metadata: e }, null, r), d(n, null, m, { kind: "method", name: "_cleanChildren", static: !1, private: !1, access: { has: (t) => "_cleanChildren" in t, get: (t) => t._cleanChildren }, metadata: e }, null, r), e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), n.role = "textbox", n;
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+    o = [c()], h = [c({ attribute: !1 })], u = [b({ passive: !0 })], r(s, null, o, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, i) => {
+      t.value = i;
+    } }, metadata: e }, null, n), r(s, null, h, { kind: "setter", name: "placeholder", static: !1, private: !1, access: { has: (t) => "placeholder" in t, set: (t, i) => {
+      t.placeholder = i;
+    } }, metadata: e }, null, n), r(s, null, u, { kind: "method", name: "_cleanChildren", static: !1, private: !1, access: { has: (t) => "_cleanChildren" in t, get: (t) => t._cleanChildren }, metadata: e }, null, n), e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), s.role = "textbox", s;
 })();
 export {
-  X as SbbFormAssociatedInputMixin
+  H as SbbFormAssociatedInputMixin
 };

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

@@ -1,12 +1,12 @@
-var b = (a) => {
+var v = (a) => {
   throw TypeError(a);
 };
-var g = (a, s, r) => s.has(a) || b("Cannot " + r);
-var V = (a, s, r) => (g(a, s, "read from private field"), r ? r.call(a) : s.get(a)), _ = (a, s, r) => s.has(a) ? b("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), h = (a, s, r, u) => (g(a, s, "write to private field"), u ? u.call(a, r) : s.set(a, r), r);
-import { __esDecorate as S, __runInitializers as f } from "tslib";
-import { property as w, state as F } from "lit/decorators.js";
-import { isWebkit as O } from "../dom.js";
-const D = {
+var b = (a, s, r) => s.has(a) || v("Cannot " + r);
+var g = (a, s, r) => (b(a, s, "read from private field"), r ? r.call(a) : s.get(a)), V = (a, s, r) => s.has(a) ? v("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), c = (a, s, r, d) => (b(a, s, "write to private field"), d ? d.call(a, r) : s.set(a, r), r);
+import { __esDecorate as _, __runInitializers as h } from "tslib";
+import { property as E, state as w } from "lit/decorators.js";
+import { isWebkit as F } from "../dom.js";
+const S = {
   badInput: !1,
   customError: !1,
   patternMismatch: !1,
@@ -27,21 +27,20 @@ if (typeof ValidityState > "u") {
       throw new TypeError("Illegal constructor");
     }
   };
-  Object.entries(D).forEach(([s, r]) => Object.assign(a.prototype, {
+  Object.entries(S).forEach(([s, r]) => Object.assign(a.prototype, {
     get [s]() {
       return r;
     }
   })), globalThis.ValidityState = a;
 }
-const U = (a) => (() => {
-  var d, n;
-  let r = a, u = [], m, y, p = [], v = [];
+const A = (a) => (() => {
+  var o, n;
+  let r = a, d = [], f, m, y = [], p = [];
   return n = class extends r {
     constructor(...t) {
-      var e;
       super(...t);
-      _(this, d);
-      this._validityStates = (f(this, u), /* @__PURE__ */ new Map()), h(this, d, f(this, p, !1)), f(this, v), (e = this.addEventListener) == null || e.call(this, "invalid", (i) => i.preventDefault());
+      V(this, o);
+      this._validityStates = (h(this, d), /* @__PURE__ */ new Map()), c(this, o, h(this, y, !1)), h(this, p), this.addEventListener?.("invalid", (e) => e.preventDefault());
     }
     /**
      * Returns the form owner of this element.
@@ -92,10 +91,10 @@ const U = (a) => (() => {
     }
     /** Whenever a surrounding form or fieldset is changing its disabled state. */
     get formDisabled() {
-      return V(this, d);
+      return g(this, o);
     }
     set formDisabled(t) {
-      h(this, d, t);
+      c(this, o, t);
     }
     attributeChangedCallback(t, e, i) {
       (t !== "name" || e !== i) && super.attributeChangedCallback(t, e, i);
@@ -145,16 +144,15 @@ const U = (a) => (() => {
      * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue
      */
     updateFormValue() {
-      var i;
       let t;
       const e = this.name ?? this.getAttribute("name");
-      typeof this.value == "string" || this.value == null ? t = this.value : Array.isArray(this.value) ? (t = new FormData(), this.value.forEach((l) => {
-        t.append(e, typeof l == "string" ? l : new Blob([JSON.stringify(l)], {
+      typeof this.value == "string" || this.value == null ? t = this.value : Array.isArray(this.value) ? (t = new FormData(), this.value.forEach((i) => {
+        t.append(e, typeof i == "string" ? i : new Blob([JSON.stringify(i)], {
           type: "application/json"
         }));
       })) : (t = new FormData(), t.append(e, new Blob([JSON.stringify(this.value)], {
         type: "application/json"
-      }))), this.internals.setFormValue(t, (i = this.formState) == null ? void 0 : i.call(this));
+      }))), this.internals.setFormValue(t, this.formState?.());
     }
     /**
      * Marks this element as suffering from the constraint indicated by the
@@ -181,7 +179,7 @@ const U = (a) => (() => {
      *   }
      */
     setValidityFlag(t, e, i) {
-      i ?? (i = !0);
+      i ??= !0;
       const l = this._validityStates.get(t);
       (!l || l.message !== e || l.flagValue !== i) && (this._validityStates.set(t, { flagValue: i, message: e }), this._setInternalValidity());
     }
@@ -197,31 +195,30 @@ const U = (a) => (() => {
       return !t;
     }
     _setInternalValidity() {
-      var l;
-      let t = (l = this._validityStates.get("customError")) == null ? void 0 : l.message;
+      let t = this._validityStates.get("customError")?.message;
       const e = {};
-      this._validityStates.forEach(({ flagValue: o, message: c }, E) => {
-        e[E] = o, t || (t = c);
+      this._validityStates.forEach(({ flagValue: l, message: u }, D) => {
+        e[D] = l, t ||= u;
       });
-      const i = Object.keys(ValidityState.prototype).filter((o) => !(o in D) && o !== "valid");
-      for (const o of i) {
-        const c = o in e ? e[o] : !1;
-        Object.defineProperty(this.internals.validity, o, { value: c, configurable: !0 }), c && (e.customError = !0);
+      const i = Object.keys(ValidityState.prototype).filter((l) => !(l in S) && l !== "valid");
+      for (const l of i) {
+        const u = l in e ? e[l] : !1;
+        Object.defineProperty(this.internals.validity, l, { value: u, configurable: !0 }), u && (e.customError = !0);
       }
-      this.internals.setValidity(e, t), O && Object.defineProperty(this.internals.validity, "customError", {
+      this.internals.setValidity(e, t), F && Object.defineProperty(this.internals.validity, "customError", {
         value: this._validityStates.has("customError") || !!e.customError,
         configurable: !0
       });
     }
-  }, d = new WeakMap(), (() => {
+  }, o = new WeakMap(), (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    m = [w()], y = [F()], S(n, null, m, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, set: (e, i) => {
+    f = [E()], m = [w()], _(n, null, f, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, set: (e, i) => {
       e.name = i;
-    } }, metadata: t }, null, u), S(n, null, y, { kind: "accessor", name: "formDisabled", static: !1, private: !1, access: { has: (e) => "formDisabled" in e, get: (e) => e.formDisabled, set: (e, i) => {
+    } }, metadata: t }, null, d), _(n, null, m, { kind: "accessor", name: "formDisabled", static: !1, private: !1, access: { has: (e) => "formDisabled" in e, get: (e) => e.formDisabled, set: (e, i) => {
       e.formDisabled = i;
-    } }, metadata: t }, p, v), t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    } }, metadata: t }, y, p), t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), n.formAssociated = !0, n;
 })();
 export {
-  U as SbbFormAssociatedMixin
+  A as SbbFormAssociatedMixin
 };

package/core/mixins/form-associated-radio-button-mixin.js

@@ -35,8 +35,7 @@ const u = /* @__PURE__ */ new WeakMap(), V = (p) => (() => {
       return "radio";
     }
     constructor() {
-      var e;
-      super(), this._checked = (m(this, o), !1), this._languageController = new R(this), (e = this.addEventListener) == null || e.call(this, "keydown", (t) => this._handleArrowKeyDown(t));
+      super(), this._checked = (m(this, o), !1), this._languageController = new R(this), this.addEventListener?.("keydown", (e) => this._handleArrowKeyDown(e));
     }
     connectedCallback() {
       super.connectedCallback(), this._connectToRegistry(), this._synchronizeGroupState();
@@ -91,7 +90,7 @@ const u = /* @__PURE__ */ new WeakMap(), V = (p) => (() => {
         return;
       let e = !1, t = !1;
       for (const i of this.associatedRadioButtons)
-        e || (e = i.required), t || (t = i.checked);
+        e ||= i.required, t ||= i.checked;
       e && !t ? this.associatedRadioButtons.forEach((i) => i.setValidityFlag("valueMissing", k[this._languageController.current])) : this.associatedRadioButtons.forEach((i) => i.removeValidityFlag("valueMissing"));
     }
     /**
@@ -131,8 +130,7 @@ const u = /* @__PURE__ */ new WeakMap(), V = (p) => (() => {
      * Remove `this` from the radioButton registry and, if the group is empty, delete the entry from the groups Map
      */
     _disconnectFromRegistry() {
-      var e, t, i;
-      (e = this.associatedRadioButtons) == null || e.delete(this), ((t = this.associatedRadioButtons) == null ? void 0 : t.size) === 0 ? (i = this._radioButtonGroupsMap) == null || i.delete(this.name) : this.validate(), this.associatedRadioButtons = void 0, this._radioButtonGroupsMap = void 0;
+      this.associatedRadioButtons?.delete(this), this.associatedRadioButtons?.size === 0 ? this._radioButtonGroupsMap?.delete(this.name) : this.validate(), this.associatedRadioButtons = void 0, this._radioButtonGroupsMap = void 0;
     }
     /**
      * Return a list of 'interactable' grouped radios, ordered in DOM order

package/core/mixins/hydration-mixin.js

@@ -1,5 +1,5 @@
-const d = (s) => {
-  class a extends s {
+const h = (o) => {
+  class n extends o {
     /**
      * Returns a Promise that resolves when the element has completed hydration.
      * The Promise value is a boolean that is `true` if the element required hydration
@@ -15,25 +15,24 @@ const d = (s) => {
     get hydrationRequired() {
       return this._hydrationRequired;
     }
-    constructor(...r) {
-      var o;
-      if (super(...r), this._hydrationComplete = new Promise((i) => this._resolveHydration = i), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired)
+    constructor(...i) {
+      if (super(...i), this._hydrationComplete = new Promise((t) => this._resolveHydration = t), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired)
         this._resolveHydration(!1);
       else {
-        const i = (e) => {
+        const t = (e) => {
           this._hydrationRequired && e.stopImmediatePropagation();
-        }, n = { capture: !0 }, t = (o = this.shadowRoot) == null ? void 0 : o.querySelectorAll("slot");
-        t != null && t.length && (t.forEach((e) => e.addEventListener("slotchange", i, n)), this.hydrationComplete.then(() => t.forEach((e) => {
-          e.removeEventListener("slotchange", i, n), e.assignedNodes().length && e.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
+        }, s = { capture: !0 }, r = this.shadowRoot?.querySelectorAll("slot");
+        r?.length && (r.forEach((e) => e.addEventListener("slotchange", t, s)), this.hydrationComplete.then(() => r.forEach((e) => {
+          e.removeEventListener("slotchange", t, s), e.assignedNodes().length && e.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
         })));
       }
     }
-    update(r) {
-      super.update(r), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
+    update(i) {
+      super.update(i), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
     }
   }
-  return a;
+  return n;
 };
 export {
-  d as SbbHydrationMixin
+  h as SbbHydrationMixin
 };

package/core/mixins/named-slot-list-mixin.js

@@ -1,23 +1,23 @@
-var p = (l) => {
+var C = (l) => {
   throw TypeError(l);
 };
-var S = (l, i, s) => i.has(l) || p("Cannot " + s);
-var f = (l, i, s) => (S(l, i, "read from private field"), s ? s.call(l) : i.get(l)), _ = (l, i, s) => i.has(l) ? p("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(l) : i.set(l, s), c = (l, i, s, o) => (S(l, i, "write to private field"), o ? o.call(l, s) : i.set(l, s), s);
-import { __runInitializers as g, __esDecorate as L } from "tslib";
+var p = (l, i, s) => i.has(l) || C("Cannot " + s);
+var S = (l, i, s) => (p(l, i, "read from private field"), s ? s.call(l) : i.get(l)), f = (l, i, s) => i.has(l) ? C("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(l) : i.set(l, s), c = (l, i, s, o) => (p(l, i, "write to private field"), o ? o.call(l, s) : i.set(l, s), s);
+import { __runInitializers as _, __esDecorate as $ } from "tslib";
 import { nothing as m, html as h } from "lit";
-import { state as N } from "lit/decorators.js";
-import { SbbHydrationMixin as v } from "./hydration-mixin.js";
+import { state as L } from "lit/decorators.js";
+import { SbbHydrationMixin as N } from "./hydration-mixin.js";
 import "../../screen-reader-only.js";
-const y = "data-ssr-child-count", $ = "li", A = (l) => (() => {
-  var r, a;
-  let s = v(l), o, u = [], C = [];
-  return a = class extends s {
+const g = "data-ssr-child-count", y = "li", O = (l) => (() => {
+  var a, n;
+  let s = N(l), o, u = [], b = [];
+  return n = class extends s {
     constructor() {
       super(...arguments);
-      _(this, r);
-      c(this, r, g(this, u, [])), this._handleSlotchange = (g(this, C), () => {
+      f(this, a);
+      c(this, a, _(this, u, [])), this._handleSlotchange = (_(this, b), () => {
         const e = Array.from(this.children ?? []).filter((t) => this.listChildLocalNames.includes(t.localName));
-        e.length === this.listChildren.length && this.listChildren.every((t, n) => e[n] === t) || (this.listChildren.filter((t) => !e.includes(t)).forEach((t) => t.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((t, n) => t.setAttribute("slot", `${$}-${n}`)), this.removeAttribute(y));
+        e.length === this.listChildren.length && this.listChildren.every((t, r) => e[r] === t) || (this.listChildren.filter((t) => !e.includes(t)).forEach((t) => t.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((t, r) => t.setAttribute("slot", `${y}-${r}`)), this.removeAttribute(g));
       });
     }
     /**
@@ -26,18 +26,16 @@ const y = "data-ssr-child-count", $ = "li", A = (l) => (() => {
      * to the child elements.
      */
     get listChildren() {
-      return f(this, r);
+      return S(this, a);
     }
     set listChildren(e) {
-      c(this, r, e);
+      c(this, a, e);
     }
     connectedCallback() {
-      var e;
-      super.connectedCallback(), (e = this.shadowRoot) == null || e.addEventListener("slotchange", this._handleSlotchange, { passive: !0 });
+      super.connectedCallback(), this.shadowRoot?.addEventListener("slotchange", this._handleSlotchange, { passive: !0 });
     }
     disconnectedCallback() {
-      var e;
-      super.disconnectedCallback(), (e = this.shadowRoot) == null || e.removeEventListener("slotchange", this._handleSlotchange);
+      super.disconnectedCallback(), this.shadowRoot?.removeEventListener("slotchange", this._handleSlotchange);
     }
     /**
      * Renders list and list slots for slotted children or a number of list slots
@@ -49,23 +47,23 @@ const y = "data-ssr-child-count", $ = "li", A = (l) => (() => {
      * children to be passed via the `data-ssr-child-count` attribute value.
      */
     renderList(e = {}, t = {}) {
-      const n = this.listSlotEntries(t);
-      return n.length >= 2 ? h`
+      const r = this.listSlotEntries(t);
+      return r.length >= 2 ? h`
           <ul
             class=${e.class || this.localName}
             aria-label=${e.ariaLabel || m}
             aria-labelledby=${e.ariaLabelledby || m}
           >
-            ${n.map((d) => h`
+            ${r.map((d) => h`
                 <li aria-hidden=${d.ariaHidden || m}>
                   <slot name=${d.name}></slot>
                 </li>
               `)}
           </ul>
           ${this.renderHiddenSlot()}
-        ` : n.length === 1 ? h`<sbb-screen-reader-only>${e.ariaLabel}</sbb-screen-reader-only>
+        ` : r.length === 1 ? h`<sbb-screen-reader-only>${e.ariaLabel}</sbb-screen-reader-only>
           <span class=${e.class || this.localName}>
-            <span><slot name=${n[0].name}></slot></span>
+            <span><slot name=${r[0].name}></slot></span>
           </span>
           ${this.renderHiddenSlot()} ` : this.renderHiddenSlot();
     }
@@ -79,13 +77,10 @@ const y = "data-ssr-child-count", $ = "li", A = (l) => (() => {
      * children to be passed via the `data-ssr-child-count` attribute value.
      */
     listSlotEntries(e) {
-      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(y) ?? 0) })).map((n, d) => {
-        var b;
-        return {
-          name: `${$}-${d}`,
-          ariaHidden: ((b = e == null ? void 0 : e.localNameVisualOnly) == null ? void 0 : b.includes(n.localName)) ?? !1
-        };
-      });
+      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(g) ?? 0) })).map((r, d) => ({
+        name: `${y}-${d}`,
+        ariaHidden: e?.localNameVisualOnly?.includes(r.localName) ?? !1
+      }));
     }
     /**
      * Returns a hidden slot, which is intended as the children change detection.
@@ -95,13 +90,13 @@ const y = "data-ssr-child-count", $ = "li", A = (l) => (() => {
     renderHiddenSlot() {
       return h`<span hidden><slot></slot></span>`;
     }
-  }, r = new WeakMap(), (() => {
+  }, a = new WeakMap(), (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    o = [N()], L(a, null, o, { kind: "accessor", name: "listChildren", static: !1, private: !1, access: { has: (t) => "listChildren" in t, get: (t) => t.listChildren, set: (t, n) => {
-      t.listChildren = n;
-    } }, metadata: e }, u, C), e && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a;
+    o = [L()], $(n, null, o, { kind: "accessor", name: "listChildren", static: !1, private: !1, access: { has: (t) => "listChildren" in t, get: (t) => t.listChildren, set: (t, r) => {
+      t.listChildren = r;
+    } }, metadata: e }, u, b), e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), n;
 })();
 export {
-  A as SbbNamedSlotListMixin
+  O as SbbNamedSlotListMixin
 };