@sbb-esta/lyne-elements 2.4.1 → 2.5.0

package/core/mixins.js

@@ -2,25 +2,64 @@ var F = (d) => {
   throw TypeError(d);
 };
 var L = (d, v, c) => v.has(d) || F("Cannot " + c);
-var C = (d, v, c) => (L(d, v, "read from private field"), c ? c.call(d) : v.get(d)), E = (d, v, c) => v.has(d) ? F("Cannot add the same private member more than once") : v instanceof WeakSet ? v.add(d) : v.set(d, c), S = (d, v, c, o) => (L(d, v, "write to private field"), o ? o.call(d, c) : v.set(d, c), c);
+var C = (d, v, c) => (L(d, v, "read from private field"), c ? c.call(d) : v.get(d)), E = (d, v, c) => v.has(d) ? F("Cannot add the same private member more than once") : v instanceof WeakSet ? v.add(d) : v.set(d, c), S = (d, v, c, l) => (L(d, v, "write to private field"), l ? l.call(d, c) : v.set(d, c), c);
 import { __esDecorate as y, __runInitializers as _ } from "tslib";
-import { property as k, state as N, eventOptions as G } from "lit/decorators.js";
+import { property as k, state as j, eventOptions as G } from "lit/decorators.js";
 import { forceType as I, getOverride as H, hostAttributes as K } from "./decorators.js";
-import { defaultConverter as z, isServer as M, html as R, nothing as O, css as W } from "lit";
-import { SbbLanguageController as B, SbbConnectedAbortController as X } from "./controllers.js";
+import { defaultConverter as P, isServer as O, html as R, nothing as A, css as W } from "lit";
+import { SbbLanguageController as M, SbbConnectedAbortController as X } from "./controllers.js";
 import { preventScrollOnSpacebarPress as J, EventEmitter as Q } from "./eventing.js";
 import { i18nCheckboxRequired as Y, i18nInputRequired as Z, i18nSelectionRequired as ee } from "./i18n.js";
-import { isWebkit as P, isFirefox as te } from "./dom.js";
+import { isWebkit as N, isFirefox as te } from "./dom.js";
 import { sbbInputModalityDetector as se, interactivityChecker as ae, isArrowKeyPressed as ie, getNextElementIndex as re } from "./a11y.js";
 import "../screen-reader-only.js";
-const A = (d) => (() => {
+const _e = (d) => {
+  class v extends d {
+    constructor() {
+      super(...arguments), this.isAnimating = !1, this._animationPromise = Promise.resolve();
+    }
+    /**
+     * Returns a promise which completes whenever an animation ends.
+     * When a new animation starts, a new Promise is returned.
+     */
+    get animationComplete() {
+      return this._animationPromise;
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), this.stopAnimation();
+    }
+    startAnimation() {
+      this.isAnimating || (this._animationPromise = this._enqueueAnimation());
+    }
+    /**
+     * Overriding stopAnimation() breaks functionality.
+     */
+    stopAnimation() {
+    }
+    async _enqueueAnimation() {
+      this.isAnimating = !0;
+      const l = this.stopAnimation, f = new Promise((n) => {
+        this.stopAnimation = () => {
+          l(), this.isAnimating = !1, n();
+        };
+      });
+      try {
+        await this._animationPromise;
+      } catch (n) {
+        Promise.reject(n);
+      }
+      return f;
+    }
+  }
+  return v;
+}, B = (d) => (() => {
   var b, t;
-  let c = d, o, m = [], l = [];
+  let c = d, l, f = [], n = [];
   return t = class extends c {
     constructor() {
       super(...arguments);
-      E(this, b, _(this, m, !1));
-      _(this, l);
+      E(this, b, _(this, f, !1));
+      _(this, n);
     }
     /** Whether the component is disabled. */
     get disabled() {
@@ -38,18 +77,18 @@ const A = (d) => (() => {
     }
   }, b = new WeakMap(), (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    o = [I(), k({ reflect: !0, type: Boolean }), H((s, a) => a || s.isDisabledExternally())], y(t, null, o, { kind: "accessor", name: "disabled", static: !1, private: !1, access: { has: (s) => "disabled" in s, get: (s) => s.disabled, set: (s, a) => {
+    l = [I(), k({ reflect: !0, type: Boolean }), H((s, a) => a || s.isDisabledExternally())], y(t, null, l, { kind: "accessor", name: "disabled", static: !1, private: !1, access: { has: (s) => "disabled" in s, get: (s) => s.disabled, set: (s, a) => {
       s.disabled = a;
-    } }, metadata: e }, m, l), e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    } }, metadata: e }, f, n), e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), t;
 })(), ne = (d) => (() => {
   var b, t;
-  let c = d, o, m = [], l = [];
+  let c = d, l, f = [], n = [];
   return t = class extends c {
     constructor() {
       super(...arguments);
-      E(this, b, _(this, m, !1));
-      _(this, l);
+      E(this, b, _(this, f, !1));
+      _(this, n);
     }
     /** Whether the button should be aria-disabled but stay interactive. */
     get disabledInteractive() {
@@ -60,14 +99,14 @@ const A = (d) => (() => {
     }
   }, b = new WeakMap(), (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    o = [I(), k({ attribute: "disabled-interactive", type: Boolean, reflect: !0 })], y(t, null, o, { kind: "accessor", name: "disabledInteractive", static: !1, private: !1, access: { has: (s) => "disabledInteractive" in s, get: (s) => s.disabledInteractive, set: (s, a) => {
+    l = [I(), k({ attribute: "disabled-interactive", type: Boolean, reflect: !0 })], y(t, null, l, { kind: "accessor", name: "disabledInteractive", static: !1, private: !1, access: { has: (s) => "disabledInteractive" in s, get: (s) => s.disabledInteractive, set: (s, a) => {
       s.disabledInteractive = a;
-    } }, metadata: e }, m, l), e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    } }, metadata: e }, f, n), e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), t;
-})(), _e = (d) => {
-  class v extends ne(A(d)) {
-    willUpdate(o) {
-      super.willUpdate(o), o.has("disabledInteractive") && (this.internals.ariaDisabled = this.disabledInteractive ? "true" : null), o.has("disabled") && (this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "0"));
+})(), ye = (d) => {
+  class v extends ne(B(d)) {
+    willUpdate(l) {
+      super.willUpdate(l), l.has("disabledInteractive") && (this.internals.ariaDisabled = this.disabledInteractive ? "true" : null), l.has("disabled") && (this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "0"));
     }
   }
   return v;
@@ -100,13 +139,13 @@ if (typeof ValidityState > "u") {
 }
 const V = (d) => (() => {
   var u, e;
-  let c = d, o = [], m, l, b, t = [], r = [];
+  let c = d, l = [], f, n, b, t = [], r = [];
   return e = class extends c {
     constructor(...i) {
-      var n;
+      var o;
       super(...i);
       E(this, u);
-      this._value = (_(this, o), null), this.internals = this.attachInternals(), this._validityStates = /* @__PURE__ */ new Map(), S(this, u, _(this, t, !1)), _(this, r), (n = this.addEventListener) == null || n.call(this, "invalid", (p) => p.preventDefault());
+      this._value = (_(this, l), null), this.internals = this.attachInternals(), this._validityStates = /* @__PURE__ */ new Map(), S(this, u, _(this, t, !1)), _(this, r), (o = this.addEventListener) == null || o.call(this, "invalid", (p) => p.preventDefault());
     }
     /**
      * Returns the form owner of this element.
@@ -169,8 +208,8 @@ const V = (d) => (() => {
     set formDisabled(i) {
       S(this, u, i);
     }
-    attributeChangedCallback(i, n, p) {
-      (i !== "name" || n !== p) && super.attributeChangedCallback(i, n, p);
+    attributeChangedCallback(i, o, p) {
+      (i !== "name" || o !== p) && super.attributeChangedCallback(i, o, p);
     }
     /**
      * Returns true if this element has no validity problems; false otherwise.
@@ -205,8 +244,8 @@ const V = (d) => (() => {
         this.formDisabled = i;
       });
     }
-    requestUpdate(i, n, p) {
-      super.requestUpdate(i, n, p), this.hasUpdated && this.shouldValidate(i) && this.validate();
+    requestUpdate(i, o, p) {
+      super.requestUpdate(i, o, p), this.hasUpdated && this.shouldValidate(i) && this.validate();
     }
     firstUpdated(i) {
       super.firstUpdated(i), this.validate();
@@ -235,10 +274,10 @@ const V = (d) => (() => {
      *     }
      *   }
      */
-    setValidityFlag(i, n, p) {
+    setValidityFlag(i, o, p) {
       p ?? (p = !0);
       const x = this._validityStates.get(i);
-      (!x || x.message !== n || x.flagValue !== p) && (this._validityStates.set(i, { flagValue: p, message: n }), this._setInternalValidity());
+      (!x || x.message !== o || x.flagValue !== p) && (this._validityStates.set(i, { flagValue: p, message: o }), this._setInternalValidity());
     }
     /** Removes the validity state flag entry and updates validity state. */
     removeValidityFlag(i) {
@@ -254,36 +293,36 @@ const V = (d) => (() => {
     _setInternalValidity() {
       var x;
       let i = (x = this._validityStates.get("customError")) == null ? void 0 : x.message;
-      const n = {};
-      this._validityStates.forEach(({ flagValue: f, message: g }, h) => {
-        n[h] = f, i || (i = g);
+      const o = {};
+      this._validityStates.forEach(({ flagValue: m, message: g }, h) => {
+        o[h] = m, i || (i = g);
       });
-      const p = Object.keys(ValidityState.prototype).filter((f) => !(f in $) && f !== "valid");
-      for (const f of p) {
-        const g = f in n ? n[f] : !1;
-        Object.defineProperty(this.internals.validity, f, { value: g, configurable: !0 }), g && (n.customError = !0);
+      const p = Object.keys(ValidityState.prototype).filter((m) => !(m in $) && m !== "valid");
+      for (const m of p) {
+        const g = m in o ? o[m] : !1;
+        Object.defineProperty(this.internals.validity, m, { value: g, configurable: !0 }), g && (o.customError = !0);
       }
-      this.internals.setValidity(n, i), P && Object.defineProperty(this.internals.validity, "customError", {
-        value: this._validityStates.has("customError") || !!n.customError,
+      this.internals.setValidity(o, i), N && Object.defineProperty(this.internals.validity, "customError", {
+        value: this._validityStates.has("customError") || !!o.customError,
         configurable: !0
       });
     }
   }, u = new WeakMap(), (() => {
     const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    m = [k()], l = [k()], b = [N()], y(e, null, m, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (n) => "name" in n, set: (n, p) => {
-      n.name = p;
-    } }, metadata: i }, null, o), y(e, null, l, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (n) => "value" in n, set: (n, p) => {
-      n.value = p;
-    } }, metadata: i }, null, o), y(e, null, b, { kind: "accessor", name: "formDisabled", static: !1, private: !1, access: { has: (n) => "formDisabled" in n, get: (n) => n.formDisabled, set: (n, p) => {
-      n.formDisabled = p;
+    f = [k()], n = [k()], b = [j()], y(e, null, f, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (o) => "name" in o, set: (o, p) => {
+      o.name = p;
+    } }, metadata: i }, null, l), y(e, null, n, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (o) => "value" in o, set: (o, p) => {
+      o.value = p;
+    } }, metadata: i }, null, l), y(e, null, b, { kind: "accessor", name: "formDisabled", static: !1, private: !1, access: { has: (o) => "formDisabled" in o, get: (o) => o.formDisabled, set: (o, p) => {
+      o.formDisabled = p;
     } }, metadata: i }, t, r), i && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
   })(), e.formAssociated = !0, e;
 })(), D = (d) => (() => {
-  var l;
-  let c = d, o = [], m;
-  return l = class extends c {
+  var n;
+  let c = d, l = [], f;
+  return n = class extends c {
     constructor() {
-      super(...arguments), this._required = (_(this, o), !1);
+      super(...arguments), this._required = (_(this, l), !1);
     }
     /** Whether the component is required. */
     set required(t) {
@@ -304,15 +343,15 @@ const V = (d) => (() => {
     }
   }, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    m = [k({ reflect: !0, type: Boolean })], y(l, null, m, { kind: "setter", name: "required", static: !1, private: !1, access: { has: (r) => "required" in r, set: (r, u) => {
+    f = [k({ reflect: !0, type: Boolean })], y(n, null, f, { kind: "setter", name: "required", static: !1, private: !1, access: { has: (r) => "required" in r, set: (r, u) => {
       r.required = u;
-    } }, metadata: t }, null, o), t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l;
-})(), Se = (d) => (() => {
+    } }, metadata: t }, null, l), t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n;
+})(), ke = (d) => (() => {
   var u;
   let c = [K({
     tabindex: "0"
-  })], o, m = [], l, b = A(D(V(d))), t = [], r;
+  })], l, f = [], n, b = B(D(V(d))), t = [], r;
   return u = class extends b {
     /** Whether the checkbox is checked. */
     set checked(s) {
@@ -331,11 +370,11 @@ const V = (d) => (() => {
     }
     constructor() {
       var s, a, i;
-      super(), this._attributeMutationBlocked = (_(this, t), !1), this._languageController = new B(this), this._checked = !1, this._handleKeyboardInteraction = (n) => {
-        n.key === " " && this._handleUserInteraction();
+      super(), this._attributeMutationBlocked = (_(this, t), !1), this._languageController = new M(this), this._checked = !1, this._handleKeyboardInteraction = (o) => {
+        o.key === " " && this._handleUserInteraction();
       }, this._handleUserInteraction = () => {
-        var n;
-        this.disabled || ((n = this.withUserInteraction) == null || n.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 })));
+        var o;
+        this.disabled || ((o = this.withUserInteraction) == null || o.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", (s = this.addEventListener) == null || s.call(this, "click", this._handleUserInteraction), (a = this.addEventListener) == null || a.call(this, "keydown", J), (i = this.addEventListener) == null || i.call(this, "keyup", this._handleKeyboardInteraction);
     }
     attributeChangedCallback(s, a, i) {
@@ -370,25 +409,25 @@ const V = (d) => (() => {
     validate() {
       super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", Y[this._languageController.current]) : this.removeValidityFlag("valueMissing");
     }
-  }, l = u, (() => {
+  }, n = u, (() => {
     const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
     r = [k({
       type: Boolean,
       converter: {
-        ...z,
+        ...P,
         // We need to pass information to the setter so that we know it was called by attribute change.
         fromAttribute: (a, i) => {
           var p, x;
-          return { value: (x = (p = z).fromAttribute) == null ? void 0 : x.call(p, a, i), attribute: !0 };
+          return { value: (x = (p = P).fromAttribute) == null ? void 0 : x.call(p, a, i), attribute: !0 };
         }
       }
     })], y(u, null, r, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (a) => "checked" in a, set: (a, i) => {
       a.checked = i;
-    } }, metadata: s }, null, t), y(null, o = { value: l }, c, { kind: "class", name: l.name, metadata: s }, null, m), l = o.value, s && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s }), _(l, m);
-  })(), l;
-})(), ke = (d) => (() => {
+    } }, metadata: s }, null, t), y(null, l = { value: n }, c, { kind: "class", name: n.name, metadata: s }, null, f), n = l.value, s && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s }), _(n, f);
+  })(), n;
+})(), xe = (d) => (() => {
   var r;
-  let c = D(V(d)), o = [], m, l, b, t;
+  let c = D(V(d)), l = [], f, n, b, t;
   return r = class extends c {
     /**
      * Form type of element.
@@ -435,44 +474,44 @@ const V = (d) => (() => {
       return this.getAttribute("placeholder") ?? "";
     }
     constructor() {
-      var e, s, a, i, n, p, x;
-      super(), this._interacted = (_(this, o), !1), this._shouldEmitChange = !1, this._shouldTriggerSubmit = !1, this.language = new B(this), this.internals.role = "textbox", (e = this.addEventListener) == null || e.call(this, "input", () => {
+      var e, s, a, i, o, p, x;
+      super(), this._interacted = (_(this, l), !1), this._shouldEmitChange = !1, this._shouldTriggerSubmit = !1, this.language = new M(this), this.internals.role = "textbox", (e = this.addEventListener) == null || e.call(this, "input", () => {
         super.value = this._cleanText(this.textContent ?? ""), this._interacted = !0, this._shouldEmitChange = !0;
-      }, { capture: !0 }), (s = this.addEventListener) == null || s.call(this, "change", () => this._shouldEmitChange = !1, { capture: !0 }), (a = this.addEventListener) == null || a.call(this, "keydown", (f) => {
+      }, { capture: !0 }), (s = this.addEventListener) == null || s.call(this, "change", () => this._shouldEmitChange = !1, { capture: !0 }), (a = this.addEventListener) == null || a.call(this, "keydown", (m) => {
         var g;
-        if ((f.key === "Enter" || f.key === `
-`) && f.isTrusted)
-          f.preventDefault(), f.stopImmediatePropagation(), this._shouldTriggerSubmit = this.dispatchEvent(new KeyboardEvent("keydown", f));
-        else if (P && this.value && (f.key === "Backspace" || f.key === "Delete") && f.isTrusted) {
-          if (f.preventDefault(), f.stopImmediatePropagation(), !this.dispatchEvent(new KeyboardEvent("keydown", f)))
+        if ((m.key === "Enter" || m.key === `
+`) && m.isTrusted)
+          m.preventDefault(), m.stopImmediatePropagation(), this._shouldTriggerSubmit = this.dispatchEvent(new KeyboardEvent("keydown", m));
+        else if (N && this.value && (m.key === "Backspace" || m.key === "Delete") && m.isTrusted) {
+          if (m.preventDefault(), m.stopImmediatePropagation(), !this.dispatchEvent(new KeyboardEvent("keydown", m)))
             return;
           const h = (g = window.getSelection()) == null ? void 0 : g.getRangeAt(0);
           if (!h)
             return;
-          h.startOffset !== h.endOffset ? (h.deleteContents(), this._dispatchInputEvent()) : f.key === "Backspace" && h.startOffset > 0 ? (h.setStart(h.startContainer, h.startOffset - 1), h.deleteContents(), this._dispatchInputEvent()) : f.key === "Delete" && h.endOffset < this.value.length && (h.setEnd(h.endContainer, h.endOffset + 1), h.deleteContents(), this._dispatchInputEvent());
+          h.startOffset !== h.endOffset ? (h.deleteContents(), this._dispatchInputEvent()) : m.key === "Backspace" && h.startOffset > 0 ? (h.setStart(h.startContainer, h.startOffset - 1), h.deleteContents(), this._dispatchInputEvent()) : m.key === "Delete" && h.endOffset < this.value.length && (h.setEnd(h.endContainer, h.endOffset + 1), h.deleteContents(), this._dispatchInputEvent());
         }
-      }, { capture: !0 }), (i = this.addEventListener) == null || i.call(this, "keyup", (f) => {
+      }, { capture: !0 }), (i = this.addEventListener) == null || i.call(this, "keyup", (m) => {
         var g;
-        (f.key === "Enter" || f.key === `
+        (m.key === "Enter" || m.key === `
 `) && (this._emitChangeIfNecessary(), this._shouldTriggerSubmit && (this._shouldTriggerSubmit = !1, (g = this.form) == null || g.requestSubmit()));
-      }, { capture: !0 }), (n = this.addEventListener) == null || n.call(this, "paste", (f) => {
+      }, { capture: !0 }), (o = this.addEventListener) == null || o.call(this, "paste", (m) => {
         var w, q;
-        f.preventDefault();
-        const g = this._cleanText(((w = f.clipboardData) == null ? void 0 : w.getData("text/plain")) ?? ""), h = (q = window.getSelection()) == null ? void 0 : q.getRangeAt(0);
+        m.preventDefault();
+        const g = this._cleanText(((w = m.clipboardData) == null ? void 0 : w.getData("text/plain")) ?? ""), h = (q = window.getSelection()) == null ? void 0 : q.getRangeAt(0);
         !h || !g || (h.deleteContents(), h.insertNode(document.createTextNode(g)), h.setStart(h.endContainer, h.endOffset), this._dispatchInputEvent());
       }), (p = this.addEventListener) == null || p.call(this, "focus", () => {
-        var f;
-        se.mostRecentModality === "keyboard" && ((f = window.getSelection()) == null || f.selectAllChildren(this));
+        var m;
+        se.mostRecentModality === "keyboard" && ((m = window.getSelection()) == null || m.selectAllChildren(this));
       }), (x = this.addEventListener) == null || x.call(this, "blur", () => {
-        var f;
-        (f = window.getSelection()) == null || f.removeAllRanges(), this._emitChangeIfNecessary(), this.scrollLeft = 0;
+        var m;
+        (m = window.getSelection()) == null || m.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), !M && !this.disabled && !this.readOnly && this.value) {
+      if (super.focus(e), !O && !this.disabled && !this.readOnly && this.value) {
         const s = window.getSelection();
         if (!s)
           return;
@@ -526,7 +565,7 @@ const V = (d) => (() => {
           e.remove();
     }
     _updateContenteditable() {
-      if (!M && this.isConnected) {
+      if (!O && this.isConnected) {
         const e = this.disabled || this.readOnly ? "false" : te ? "true" : "plaintext-only";
         this.setAttribute("contenteditable", e), this.readOnly ? this.setAttribute("tabindex", "0") : this.removeAttribute("tabindex");
       }
@@ -539,18 +578,18 @@ const V = (d) => (() => {
     }
   }, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    m = [k({ type: Boolean })], l = [k({ type: Boolean })], b = [k({ attribute: !1 })], t = [G({ passive: !0 })], y(r, null, m, { kind: "setter", name: "readOnly", static: !1, private: !1, access: { has: (s) => "readOnly" in s, set: (s, a) => {
+    f = [k({ type: Boolean })], n = [k({ type: Boolean })], b = [k({ attribute: !1 })], t = [G({ passive: !0 })], y(r, null, f, { kind: "setter", name: "readOnly", static: !1, private: !1, access: { has: (s) => "readOnly" in s, set: (s, a) => {
       s.readOnly = a;
-    } }, metadata: e }, null, o), y(r, null, l, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (s) => "disabled" in s, set: (s, a) => {
+    } }, metadata: e }, null, l), y(r, null, n, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (s) => "disabled" in s, set: (s, a) => {
       s.disabled = a;
-    } }, metadata: e }, null, o), y(r, null, b, { kind: "setter", name: "placeholder", static: !1, private: !1, access: { has: (s) => "placeholder" in s, set: (s, a) => {
+    } }, metadata: e }, null, l), y(r, null, b, { kind: "setter", name: "placeholder", static: !1, private: !1, access: { has: (s) => "placeholder" in s, set: (s, a) => {
       s.placeholder = a;
-    } }, metadata: e }, null, o), y(r, null, t, { kind: "method", name: "_cleanChildren", static: !1, private: !1, access: { has: (s) => "_cleanChildren" in s, get: (s) => s._cleanChildren }, metadata: e }, null, o), e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    } }, metadata: e }, null, l), y(r, null, t, { kind: "method", name: "_cleanChildren", static: !1, private: !1, access: { has: (s) => "_cleanChildren" in s, get: (s) => s._cleanChildren }, metadata: e }, null, l), e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), r;
-})(), T = /* @__PURE__ */ new WeakMap(), xe = (d) => (() => {
-  var l;
-  let c = A(D(V(d))), o = [], m;
-  return l = class extends c {
+})(), z = /* @__PURE__ */ new WeakMap(), Ce = (d) => (() => {
+  var n;
+  let c = B(D(V(d))), l = [], f;
+  return n = class extends c {
     /**
      * Whether the radio button is checked.
      */
@@ -575,7 +614,7 @@ const V = (d) => (() => {
     }
     constructor() {
       var t;
-      super(), this._checked = (_(this, o), !1), this.abort = new X(this), this._didLoad = !1, this._languageController = new B(this), this.internals.role = "radio", (t = this.addEventListener) == null || t.call(this, "keydown", (r) => this._handleArrowKeyDown(r));
+      super(), this._checked = (_(this, l), !1), this.abort = new X(this), this._didLoad = !1, this._languageController = new M(this), this.internals.role = "radio", (t = this.addEventListener) == null || t.call(this, "keydown", (r) => this._handleArrowKeyDown(r));
     }
     connectedCallback() {
       super.connectedCallback(), this._connectToRegistry(), this._synchronizeGroupState();
@@ -651,10 +690,10 @@ const V = (d) => (() => {
      * Add `this` to the radioButton registry
      */
     _connectToRegistry() {
-      if (!this.name || M)
+      if (!this.name || O)
         return;
       const t = this.form ?? this.getRootNode();
-      this._radioButtonGroupsMap = T.get(t), this._radioButtonGroupsMap || (this._radioButtonGroupsMap = /* @__PURE__ */ new Map(), T.set(t, this._radioButtonGroupsMap)), this.associatedRadioButtons = this._radioButtonGroupsMap.get(this.name), this.associatedRadioButtons || (this.associatedRadioButtons = /* @__PURE__ */ new Set(), this._radioButtonGroupsMap.set(this.name, this.associatedRadioButtons));
+      this._radioButtonGroupsMap = z.get(t), this._radioButtonGroupsMap || (this._radioButtonGroupsMap = /* @__PURE__ */ new Map(), z.set(t, this._radioButtonGroupsMap)), this.associatedRadioButtons = this._radioButtonGroupsMap.get(this.name), this.associatedRadioButtons || (this.associatedRadioButtons = /* @__PURE__ */ new Set(), this._radioButtonGroupsMap.set(this.name, this.associatedRadioButtons));
       const r = Array.from(this.associatedRadioButtons);
       this.associatedRadioButtons.clear();
       const u = r.findIndex((e) => this.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_FOLLOWING);
@@ -688,10 +727,10 @@ const V = (d) => (() => {
     }
   }, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    m = [k({ type: Boolean })], y(l, null, m, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (r) => "checked" in r, set: (r, u) => {
+    f = [k({ type: Boolean })], y(n, null, f, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (r) => "checked" in r, set: (r, u) => {
       r.checked = u;
-    } }, metadata: t }, null, o), t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l;
+    } }, metadata: t }, null, l), t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n;
 })(), le = (d) => {
   class v extends d {
     /**
@@ -709,34 +748,34 @@ const V = (d) => (() => {
     get hydrationRequired() {
       return this._hydrationRequired;
     }
-    constructor(...o) {
-      var m;
-      if (super(...o), this._hydrationComplete = new Promise((l) => this._resolveHydration = l), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired)
+    constructor(...l) {
+      var f;
+      if (super(...l), this._hydrationComplete = new Promise((n) => this._resolveHydration = n), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired)
         this._resolveHydration(!1);
       else {
-        const l = (r) => {
+        const n = (r) => {
           this._hydrationRequired && r.stopImmediatePropagation();
-        }, b = { capture: !0 }, t = (m = this.shadowRoot) == null ? void 0 : m.querySelectorAll("slot");
-        t != null && t.length && (t.forEach((r) => r.addEventListener("slotchange", l, b)), this.hydrationComplete.then(() => t.forEach((r) => {
-          r.removeEventListener("slotchange", l, b), r.assignedNodes().length && r.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
+        }, b = { capture: !0 }, t = (f = this.shadowRoot) == null ? void 0 : f.querySelectorAll("slot");
+        t != null && t.length && (t.forEach((r) => r.addEventListener("slotchange", n, b)), this.hydrationComplete.then(() => t.forEach((r) => {
+          r.removeEventListener("slotchange", n, b), r.assignedNodes().length && r.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
         })));
       }
     }
-    update(o) {
-      super.update(o), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
+    update(l) {
+      super.update(l), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
     }
   }
   return v;
-}, U = "data-ssr-child-count", j = "li", Ce = (d) => (() => {
+}, T = "data-ssr-child-count", U = "li", Ee = (d) => (() => {
   var b, t;
-  let c = le(d), o, m = [], l = [];
+  let c = le(d), l, f = [], n = [];
   return t = class extends c {
     constructor() {
       super(...arguments);
       E(this, b);
-      S(this, b, _(this, m, [])), this._handleSlotchange = (_(this, l), () => {
+      S(this, b, _(this, f, [])), this._handleSlotchange = (_(this, n), () => {
         const e = Array.from(this.children ?? []).filter((s) => this.listChildLocalNames.includes(s.localName));
-        e.length === this.listChildren.length && this.listChildren.every((s, a) => e[a] === s) || (this.listChildren.filter((s) => !e.includes(s)).forEach((s) => s.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((s, a) => s.setAttribute("slot", `${j}-${a}`)), this.removeAttribute(U));
+        e.length === this.listChildren.length && this.listChildren.every((s, a) => e[a] === s) || (this.listChildren.filter((s) => !e.includes(s)).forEach((s) => s.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((s, a) => s.setAttribute("slot", `${U}-${a}`)), this.removeAttribute(T));
       });
     }
     /**
@@ -772,11 +811,11 @@ const V = (d) => (() => {
       return a.length >= 2 ? R`
           <ul
             class=${e.class || this.localName}
-            aria-label=${e.ariaLabel || O}
-            aria-labelledby=${e.ariaLabelledby || O}
+            aria-label=${e.ariaLabel || A}
+            aria-labelledby=${e.ariaLabelledby || A}
           >
             ${a.map((i) => R`
-                <li aria-hidden=${i.ariaHidden || O}>
+                <li aria-hidden=${i.ariaHidden || A}>
                   <slot name=${i.name}></slot>
                 </li>
               `)}
@@ -798,11 +837,11 @@ const V = (d) => (() => {
      * 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(U) ?? 0) })).map((a, i) => {
-        var n;
+      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(T) ?? 0) })).map((a, i) => {
+        var o;
         return {
-          name: `${j}-${i}`,
-          ariaHidden: ((n = e == null ? void 0 : e.localNameVisualOnly) == null ? void 0 : n.includes(a.localName)) ?? !1
+          name: `${U}-${i}`,
+          ariaHidden: ((o = e == null ? void 0 : e.localNameVisualOnly) == null ? void 0 : o.includes(a.localName)) ?? !1
         };
       });
     }
@@ -816,18 +855,18 @@ const V = (d) => (() => {
     }
   }, b = new WeakMap(), (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    o = [N()], y(t, null, o, { kind: "accessor", name: "listChildren", static: !1, private: !1, access: { has: (s) => "listChildren" in s, get: (s) => s.listChildren, set: (s, a) => {
+    l = [j()], y(t, null, l, { kind: "accessor", name: "listChildren", static: !1, private: !1, access: { has: (s) => "listChildren" in s, get: (s) => s.listChildren, set: (s, a) => {
       s.listChildren = a;
-    } }, metadata: e }, m, l), e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    } }, metadata: e }, f, n), e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), t;
-})(), Ee = (d) => (() => {
+})(), we = (d) => (() => {
   var b, t;
-  let c = d, o, m = [], l = [];
+  let c = d, l, f = [], n = [];
   return t = class extends c {
     constructor() {
       super(...arguments);
-      E(this, b, _(this, m, !1));
-      _(this, l);
+      E(this, b, _(this, f, !1));
+      _(this, n);
     }
     /** Negative coloring variant flag. */
     get negative() {
@@ -838,20 +877,20 @@ const V = (d) => (() => {
     }
   }, b = new WeakMap(), (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    o = [I(), k({ reflect: !0, type: Boolean })], y(t, null, o, { kind: "accessor", name: "negative", static: !1, private: !1, access: { has: (s) => "negative" in s, get: (s) => s.negative, set: (s, a) => {
+    l = [I(), k({ reflect: !0, type: Boolean })], y(t, null, l, { kind: "accessor", name: "negative", static: !1, private: !1, access: { has: (s) => "negative" in s, get: (s) => s.negative, set: (s, a) => {
       s.negative = a;
-    } }, metadata: e }, m, l), e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    } }, metadata: e }, f, n), e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), t;
-})(), we = (d) => (() => {
-  var a, i, n, p;
-  let c = d, o, m = [], l = [], b, t = [], r = [], u, e = [], s = [];
+})(), Re = (d) => (() => {
+  var a, i, o, p;
+  let c = d, l, f = [], n = [], b, t = [], r = [], u, e = [], s = [];
   return p = class extends c {
     constructor() {
       super(...arguments);
       E(this, a);
       E(this, i);
-      E(this, n);
-      S(this, a, _(this, m, "white")), S(this, i, (_(this, l), _(this, t, !1))), S(this, n, (_(this, r), _(this, e, ""))), this._panelConnected = (_(this, s), new Q(this, p.events.panelConnected, { bubbles: !0 }));
+      E(this, o);
+      S(this, a, _(this, f, "white")), S(this, i, (_(this, n), _(this, t, !1))), S(this, o, (_(this, r), _(this, e, ""))), this._panelConnected = (_(this, s), new Q(this, p.events.panelConnected, { bubbles: !0 }));
     }
     /** The background color of the panel. */
     get color() {
@@ -869,20 +908,20 @@ const V = (d) => (() => {
     }
     /** @internal used for accessibility label when in expansion panel */
     get expansionState() {
-      return C(this, n);
+      return C(this, o);
     }
     set expansionState(g) {
-      S(this, n, g);
+      S(this, o, g);
     }
     connectedCallback() {
       var g, h;
       super.connectedCallback(), this._panelConnected.emit(), (h = (g = this.closest) == null ? void 0 : g.call(this, "sbb-radio-button-group, sbb-checkbox-group")) == null || h.toggleAttribute("data-has-panel", !0);
     }
-  }, a = new WeakMap(), i = new WeakMap(), n = new WeakMap(), (() => {
+  }, a = new WeakMap(), i = new WeakMap(), o = new WeakMap(), (() => {
     const g = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    o = [k({ reflect: !0 })], b = [I(), k({ reflect: !0, type: Boolean })], u = [I(), k()], y(p, null, o, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (h) => "color" in h, get: (h) => h.color, set: (h, w) => {
+    l = [k({ reflect: !0 })], b = [I(), k({ reflect: !0, type: Boolean })], u = [I(), k()], y(p, null, l, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (h) => "color" in h, get: (h) => h.color, set: (h, w) => {
       h.color = w;
-    } }, metadata: g }, m, l), y(p, null, b, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (h) => "borderless" in h, get: (h) => h.borderless, set: (h, w) => {
+    } }, metadata: g }, f, n), y(p, null, b, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (h) => "borderless" in h, get: (h) => h.borderless, set: (h, w) => {
       h.borderless = w;
     } }, metadata: g }, t, r), y(p, null, u, { kind: "accessor", name: "expansionState", static: !1, private: !1, access: { has: (h) => "expansionState" in h, get: (h) => h.expansionState, set: (h, w) => {
       h.expansionState = w;
@@ -890,39 +929,40 @@ const V = (d) => (() => {
   })(), p.events = {
     panelConnected: "panelConnected"
   }, p;
-})(), Re = (d) => {
+})(), Ie = (d) => {
   class v extends d {
     constructor() {
       super(...arguments), this._updatePromise = Promise.resolve(), this._updateResolve = () => {
       };
     }
     startUpdate() {
-      this._updatePromise = new Promise((o) => this._updateResolve = o);
+      this._updatePromise = new Promise((l) => this._updateResolve = l);
     }
     completeUpdate() {
       this._updateResolve();
     }
     async getUpdateComplete() {
-      const o = await super.getUpdateComplete();
-      return await this._updatePromise, o;
+      const l = await super.getUpdateComplete();
+      return await this._updatePromise, l;
     }
   }
   return v;
-}, Ie = W`:host{--sbb-selection-panel-background: var( --sbb-selection-expansion-panel-inner-background, var(--sbb-color-white) );--sbb-selection-panel-border-color: var(--sbb-color-cloud);--sbb-selection-panel-border-radius: var( --sbb-selection-expansion-panel-border-radius, var(--sbb-border-radius-4x) );--sbb-selection-panel-border-width: var( --sbb-selection-expansion-panel-inner-border-width, var(--sbb-border-width-1x) );--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs) var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-selection-panel-cursor: pointer;--sbb-selection-panel-suffix-color: var(--sbb-color-charcoal);--sbb-selection-panel-subtext-color: var(--sbb-color-granite);display:block;outline:none!important}:host([size=s]){--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxxs)}:host([color=milk]){--sbb-selection-panel-background: var( --sbb-selection-expansion-panel-inner-background, var(--sbb-color-milk) )}:host([borderless]:not([data-checked])){--sbb-selection-panel-border-color: transparent}:host(:is([data-checked]):not(:disabled,[disabled])){--sbb-selection-panel-border-color: var(--sbb-color-charcoal);--sbb-selection-panel-border-width: var( --sbb-selection-expansion-panel-inner-border-width, var(--sbb-border-width-2x) )}:host(:is(:disabled,[disabled])){--sbb-selection-panel-cursor: default}.sbb-selection-panel{display:block;cursor:var(--sbb-selection-panel-cursor);position:relative;border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);padding:var(--sbb-selection-panel-input-padding);background-color:var(--sbb-selection-panel-background);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media (forced-colors: active){.sbb-selection-panel:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host(:focus-visible) .sbb-selection-panel{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}.sbb-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}slot[name=suffix]{color:var(--sbb-selection-panel-suffix-color)}slot[name=subtext]{display:block;color:var(--sbb-selection-panel-subtext-color);padding-inline-start:var(--sbb-spacing-fixed-8x)}:host(:not([data-slot-names~=subtext])) slot[name=subtext]{display:none}`;
+}, Ae = W`:host{--sbb-selection-panel-background: var( --sbb-selection-expansion-panel-inner-background, var(--sbb-color-white) );--sbb-selection-panel-border-color: var(--sbb-color-cloud);--sbb-selection-panel-border-radius: var( --sbb-selection-expansion-panel-border-radius, var(--sbb-border-radius-4x) );--sbb-selection-panel-border-width: var( --sbb-selection-expansion-panel-inner-border-width, var(--sbb-border-width-1x) );--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs) var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-selection-panel-cursor: pointer;--sbb-selection-panel-suffix-color: var(--sbb-color-charcoal);--sbb-selection-panel-subtext-color: var(--sbb-color-granite);display:block;outline:none!important}:host([size=s]){--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxxs)}:host([color=milk]){--sbb-selection-panel-background: var( --sbb-selection-expansion-panel-inner-background, var(--sbb-color-milk) )}:host([borderless]:not([data-checked])){--sbb-selection-panel-border-color: transparent}:host(:is([data-checked]):not(:disabled,[disabled])){--sbb-selection-panel-border-color: var(--sbb-color-charcoal);--sbb-selection-panel-border-width: var( --sbb-selection-expansion-panel-inner-border-width, var(--sbb-border-width-2x) )}:host(:is(:disabled,[disabled])){--sbb-selection-panel-cursor: default}.sbb-selection-panel{display:block;cursor:var(--sbb-selection-panel-cursor);position:relative;border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);padding:var(--sbb-selection-panel-input-padding);background-color:var(--sbb-selection-panel-background);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media (forced-colors: active){.sbb-selection-panel:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host(:focus-visible) .sbb-selection-panel{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}.sbb-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}slot[name=suffix]{color:var(--sbb-selection-panel-suffix-color)}slot[name=subtext]{display:block;color:var(--sbb-selection-panel-subtext-color);padding-inline-start:var(--sbb-spacing-fixed-8x)}:host(:not([data-slot-names~=subtext])) slot[name=subtext]{display:none}`;
 export {
+  _e as SbbAnimationCompleteMixin,
   ne as SbbDisabledInteractiveMixin,
-  A as SbbDisabledMixin,
-  _e as SbbDisabledTabIndexActionMixin,
-  Se as SbbFormAssociatedCheckboxMixin,
-  ke as SbbFormAssociatedInputMixin,
+  B as SbbDisabledMixin,
+  ye as SbbDisabledTabIndexActionMixin,
+  ke as SbbFormAssociatedCheckboxMixin,
+  xe as SbbFormAssociatedInputMixin,
   V as SbbFormAssociatedMixin,
-  xe as SbbFormAssociatedRadioButtonMixin,
+  Ce as SbbFormAssociatedRadioButtonMixin,
   le as SbbHydrationMixin,
-  Ce as SbbNamedSlotListMixin,
-  Ee as SbbNegativeMixin,
-  we as SbbPanelMixin,
+  Ee as SbbNamedSlotListMixin,
+  we as SbbNegativeMixin,
+  Re as SbbPanelMixin,
   D as SbbRequiredMixin,
-  Re as SbbUpdateSchedulerMixin,
-  Ie as panelCommonStyle,
-  T as radioButtonRegistry
+  Ie as SbbUpdateSchedulerMixin,
+  Ae as panelCommonStyle,
+  z as radioButtonRegistry
 };