@sbb-esta/lyne-elements 1.12.1 → 1.14.0

package/radio-button/common.js

@@ -1,23 +1,30 @@
-import { property as b } from "lit/decorators.js";
-import { SbbConnectedAbortController as l } from "../core/controllers.js";
-import { hostAttributes as d } from "../core/decorators.js";
-import { setOrRemoveAttribute as c } from "../core/dom.js";
-import { HandlerRepository as h, formElementHandlerAspect as u, EventEmitter as p } from "../core/eventing.js";
-import { css as f } from "lit";
-var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (s, e, t, o) => {
-  for (var r = o > 1 ? void 0 : o ? v(e, t) : e, a = s.length - 1, n; a >= 0; a--)
-    (n = s[a]) && (r = (o ? n(e, t, r) : n(r)) || r);
-  return o && r && m(e, t, r), r;
+var R = (o) => {
+  throw TypeError(o);
 };
-const C = (s) => {
-  let e = class extends s {
+var A = (o, i, r) => i.has(o) || R("Cannot " + r);
+var v = (o, i, r) => (A(o, i, "read from private field"), r ? r.call(o) : i.get(o)), _ = (o, i, r) => i.has(o) ? R("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(o) : i.set(o, r), h = (o, i, r, u) => (A(o, i, "write to private field"), u ? u.call(o, r) : i.set(o, r), r);
+import { __runInitializers as d, __esDecorate as c } from "tslib";
+import { property as m } from "lit/decorators.js";
+import { SbbConnectedAbortController as I } from "../core/controllers.js";
+import { hostAttributes as H, forceType as D } from "../core/decorators.js";
+import { setOrRemoveAttribute as T } from "../core/dom.js";
+import { HandlerRepository as O, formElementHandlerAspect as U, EventEmitter as j } from "../core/eventing.js";
+import { css as G } from "lit";
+const W = (o) => (() => {
+  var l, n, s;
+  let r = [H({
+    role: "radio"
+  })], u, g = [], b, y = o, f = [], k, w, x = [], z = [], E, S, C, q = [], B = [];
+  var p = (s = class extends y {
     constructor() {
-      super(...arguments), this._allowEmptySelection = !1, this._disabled = !1, this._required = !1, this._group = null, this._checked = !1, this._abort = new l(this), this._handlerRepository = new h(this, u), this._stateChange = new p(
-        this,
-        e.events.stateChange,
-        { bubbles: !0 }
-      );
+      super(...arguments);
+      _(this, l);
+      _(this, n);
+      this._allowEmptySelection = (d(this, f), !1), h(this, l, d(this, x, "")), this._disabled = (d(this, z), !1), this._required = !1, this._group = null, h(this, n, d(this, q, !1)), this._abort = (d(this, B), new I(this)), this._handlerRepository = new O(this, U), this._stateChange = new j(this, p.events.stateChange, { bubbles: !0 });
     }
+    /**
+     * Whether the radio can be deselected.
+     */
     set allowEmptySelection(t) {
       this._allowEmptySelection = !!t;
     }
@@ -25,6 +32,18 @@ const C = (s) => {
       var t;
       return this._allowEmptySelection || (((t = this.group) == null ? void 0 : t.allowEmptySelection) ?? !1);
     }
+    /**
+     * Value of radio button.
+     */
+    get value() {
+      return v(this, l);
+    }
+    set value(t) {
+      h(this, l, t);
+    }
+    /**
+     * Whether the radio button is disabled.
+     */
     set disabled(t) {
       this._disabled = !!t;
     }
@@ -32,6 +51,9 @@ const C = (s) => {
       var t;
       return this._disabled || (((t = this.group) == null ? void 0 : t.disabled) ?? !1);
     }
+    /**
+     * Whether the radio button is required.
+     */
     set required(t) {
       this._required = !!t;
     }
@@ -45,11 +67,14 @@ const C = (s) => {
     get group() {
       return this._group;
     }
-    set checked(t) {
-      this._checked = !!t;
-    }
+    /**
+     * Whether the radio button is checked.
+     */
     get checked() {
-      return this._checked;
+      return v(this, n);
+    }
+    set checked(t) {
+      h(this, n, t);
     }
     select() {
       this.disabled || (this.allowEmptySelection ? this.checked = !this.checked : this.checked || (this.checked = !0));
@@ -57,13 +82,13 @@ const C = (s) => {
     connectedCallback() {
       super.connectedCallback(), this._group = this.closest("sbb-radio-button-group");
       const t = this._abort.signal;
-      this.addEventListener("click", (o) => this._handleClick(o), { signal: t }), this.addEventListener("keydown", (o) => this._handleKeyDown(o), { signal: t }), this._handlerRepository.connect(), ["disabled", "required", "size"].forEach((o) => this.requestUpdate(o));
+      this.addEventListener("click", (e) => this._handleClick(e), { signal: t }), this.addEventListener("keydown", (e) => this._handleKeyDown(e), { signal: t }), this._handlerRepository.connect(), ["disabled", "required", "size"].forEach((e) => this.requestUpdate(e));
     }
     disconnectedCallback() {
       super.disconnectedCallback(), this._handlerRepository.disconnect();
     }
     willUpdate(t) {
-      super.willUpdate(t), t.has("checked") && (this.setAttribute("aria-checked", `${this.checked}`), this.checked !== t.get("checked") && this._stateChange.emit({ type: "checked", checked: this.checked })), t.has("disabled") && (c(this, "aria-disabled", this.disabled ? "true" : null), this.disabled !== t.get("disabled") && this._stateChange.emit({ type: "disabled", disabled: this.disabled })), t.has("required") && this.setAttribute("aria-required", `${this.required}`);
+      super.willUpdate(t), t.has("checked") && (this.setAttribute("aria-checked", `${this.checked}`), this.checked !== t.get("checked") && this._stateChange.emit({ type: "checked", checked: this.checked })), t.has("disabled") && (T(this, "aria-disabled", this.disabled ? "true" : null), this.disabled !== t.get("disabled") && this._stateChange.emit({ type: "disabled", disabled: this.disabled })), t.has("required") && this.setAttribute("aria-required", `${this.required}`);
     }
     _handleClick(t) {
       t.preventDefault(), this.select();
@@ -71,26 +96,25 @@ const C = (s) => {
     _handleKeyDown(t) {
       t.code === "Space" && this.select();
     }
-  };
-  return e.events = {
+  }, l = new WeakMap(), n = new WeakMap(), b = s, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
+    k = [m({ attribute: "allow-empty-selection", type: Boolean })], w = [D(), m()], E = [m({ reflect: !0, type: Boolean })], S = [m({ reflect: !0, type: Boolean })], C = [D(), m({ reflect: !0, type: Boolean })], c(s, null, k, { kind: "setter", name: "allowEmptySelection", static: !1, private: !1, access: { has: (e) => "allowEmptySelection" in e, set: (e, a) => {
+      e.allowEmptySelection = a;
+    } }, metadata: t }, null, f), c(s, null, w, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, get: (e) => e.value, set: (e, a) => {
+      e.value = a;
+    } }, metadata: t }, x, z), c(s, null, E, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (e) => "disabled" in e, set: (e, a) => {
+      e.disabled = a;
+    } }, metadata: t }, null, f), c(s, null, S, { kind: "setter", name: "required", static: !1, private: !1, access: { has: (e) => "required" in e, set: (e, a) => {
+      e.required = a;
+    } }, metadata: t }, null, f), c(s, null, C, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (e) => "checked" in e, get: (e) => e.checked, set: (e, a) => {
+      e.checked = a;
+    } }, metadata: t }, q, B), c(null, u = { value: b }, r, { kind: "class", name: b.name, metadata: t }, null, g), p = b = u.value, t && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), s.events = {
     stateChange: "stateChange"
-  }, i([
-    b({ attribute: "allow-empty-selection", type: Boolean })
-  ], e.prototype, "allowEmptySelection", 1), i([
-    b()
-  ], e.prototype, "value", 2), i([
-    b({ reflect: !0, type: Boolean })
-  ], e.prototype, "disabled", 1), i([
-    b({ reflect: !0, type: Boolean })
-  ], e.prototype, "required", 1), i([
-    b({ reflect: !0, type: Boolean })
-  ], e.prototype, "checked", 1), e = i([
-    d({
-      role: "radio"
-    })
-  ], e), e;
-}, z = f`*,:before,:after{box-sizing:border-box}:host{--sbb-radio-button-label-color: var(--sbb-color-charcoal);--sbb-radio-button-background-color: var(--sbb-color-white);--sbb-radio-button-inner-circle-color: var(--sbb-color-white);--sbb-radio-button-border-width: var(--sbb-border-width-1x);--sbb-radio-button-border-style: solid;--sbb-radio-button-border-color: var(--sbb-color-smoke);--sbb-radio-button-dimension: var(--sbb-size-icon-ui-small);--sbb-radio-button-inner-circle-dimension: .625rem;--sbb-radio-button-cursor: pointer;--sbb-radio-button-background-fake-border-width: calc(var(--sbb-radio-button-dimension) / 2);--sbb-radio-button-icon-align: calc( (1em * var(--sbb-typo-line-height-body-text) - var(--sbb-radio-button-dimension)) / 2 )}@media (forced-colors: active){:host{--sbb-radio-button-background-color: Canvas !important;--sbb-radio-button-border-width: var(--sbb-border-width-2x);--sbb-radio-button-border-color: ButtonBorder}}:host([checked]){--sbb-radio-button-inner-circle-color: var(--sbb-color-red);--sbb-radio-button-background-fake-border-width: calc( (var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2 )}@media (forced-colors: active){:host([checked]){--sbb-radio-button-inner-circle-color: Highlight;--sbb-radio-button-border-color: Highlight}}:host([disabled]){--sbb-radio-button-label-color: var(--sbb-color-granite);--sbb-radio-button-background-color: var(--sbb-color-milk);--sbb-radio-button-border-style: dashed;--sbb-radio-button-inner-circle-color: var(--sbb-color-charcoal);--sbb-radio-button-cursor: default}@media (forced-colors: active){:host([disabled]){--sbb-radio-button-inner-circle-color: GrayText;--sbb-radio-button-border-color: GrayText;--sbb-radio-button-border-style: solid}}:host([size=xs]){--sbb-radio-button-dimension: 1.25rem}.sbb-screen-reader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-radio-button{display:block;cursor:var(--sbb-radio-button-cursor);-webkit-user-select:none;user-select:none;position:relative;color:var(--sbb-radio-button-label-color);-webkit-tap-highlight-color:transparent;--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-radio-button{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=xs]) .sbb-radio-button{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-radio-button__label-slot{display:flex;align-items:flex-start;overflow:hidden}.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{content:"";flex-shrink:0;width:var(--sbb-radio-button-dimension);height:var(--sbb-radio-button-dimension);border-radius:50%;margin-block-start:var(--sbb-radio-button-icon-align);transition-duration:var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x));transition-timing-function:ease;transition-property:background-color,border}@media (forced-colors: active){.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{transition:none}}.sbb-radio-button__label-slot:before{background:var(--sbb-radio-button-inner-circle-color);border:var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);margin-inline-end:var(--sbb-spacing-fixed-2x)}.sbb-radio-button__label-slot:after{position:absolute;border:var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color)}`;
+  }, d(b, g), s);
+  return p = b;
+})(), X = G`*,:before,:after{box-sizing:border-box}:host{--sbb-radio-button-label-color: var(--sbb-color-charcoal);--sbb-radio-button-background-color: var(--sbb-color-white);--sbb-radio-button-inner-circle-color: var(--sbb-color-white);--sbb-radio-button-border-width: var(--sbb-border-width-1x);--sbb-radio-button-border-style: solid;--sbb-radio-button-border-color: var(--sbb-color-smoke);--sbb-radio-button-dimension: var(--sbb-size-icon-ui-small);--sbb-radio-button-inner-circle-dimension: .625rem;--sbb-radio-button-cursor: pointer;--sbb-radio-button-background-fake-border-width: calc(var(--sbb-radio-button-dimension) / 2);--sbb-radio-button-icon-align: calc( (1em * var(--sbb-typo-line-height-body-text) - var(--sbb-radio-button-dimension)) / 2 )}@media (forced-colors: active){:host{--sbb-radio-button-background-color: Canvas !important;--sbb-radio-button-border-width: var(--sbb-border-width-2x);--sbb-radio-button-border-color: ButtonBorder}}:host([checked]){--sbb-radio-button-inner-circle-color: var(--sbb-color-red);--sbb-radio-button-background-fake-border-width: calc( (var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2 )}@media (forced-colors: active){:host([checked]){--sbb-radio-button-inner-circle-color: Highlight;--sbb-radio-button-border-color: Highlight}}:host([disabled]){--sbb-radio-button-label-color: var(--sbb-color-granite);--sbb-radio-button-background-color: var(--sbb-color-milk);--sbb-radio-button-border-style: dashed;--sbb-radio-button-inner-circle-color: var(--sbb-color-charcoal);--sbb-radio-button-cursor: default}@media (forced-colors: active){:host([disabled]){--sbb-radio-button-inner-circle-color: GrayText;--sbb-radio-button-border-color: GrayText;--sbb-radio-button-border-style: solid}}:host([size=xs]){--sbb-radio-button-dimension: 1.25rem}.sbb-screen-reader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-radio-button{display:block;cursor:var(--sbb-radio-button-cursor);-webkit-user-select:none;user-select:none;position:relative;color:var(--sbb-radio-button-label-color);-webkit-tap-highlight-color:transparent;--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-radio-button{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=xs]) .sbb-radio-button{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-radio-button__label-slot{display:flex;align-items:flex-start;overflow:hidden}.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{content:"";flex-shrink:0;width:var(--sbb-radio-button-dimension);height:var(--sbb-radio-button-dimension);border-radius:50%;margin-block-start:var(--sbb-radio-button-icon-align);transition-duration:var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x));transition-timing-function:ease;transition-property:background-color,border}@media (forced-colors: active){.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{transition:none}}.sbb-radio-button__label-slot:before{background:var(--sbb-radio-button-inner-circle-color);border:var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);margin-inline-end:var(--sbb-spacing-fixed-2x)}.sbb-radio-button__label-slot:after{position:absolute;border:var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color)}`;
 export {
-  C as SbbRadioButtonCommonElementMixin,
-  z as radioButtonCommonStyle
+  W as SbbRadioButtonCommonElementMixin,
+  X as radioButtonCommonStyle
 };

package/radio-button/radio-button/radio-button.d.ts

@@ -11,12 +11,8 @@ export declare class SbbRadioButtonElement extends SbbRadioButtonElement_base {
     static readonly events: {
         readonly stateChange: "stateChange";
     };
-    /**
-     * Size variant.
-     */
-    set size(value: SbbRadioButtonSize);
-    get size(): SbbRadioButtonSize;
-    private _size;
+    /** Size variant. */
+    accessor size: SbbRadioButtonSize;
     protected render(): TemplateResult;
 }
 declare global {

package/radio-button/radio-button/radio-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAIhD,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,cAAc,CAAC;;AAItB;;;;GAIG;AACH,qBAEa,qBAAsB,SAAQ,0BAA4C;IACrF,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAC3F,gBAAuB,MAAM;;MAElB;IAEX;;OAEG;IACH,IACW,IAAI,CAAC,KAAK,EAAE,kBAAkB,EAExC;IACD,IAAW,IAAI,IAAI,kBAAkB,CAEpC;IACD,OAAO,CAAC,KAAK,CAA2B;cAErB,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}
+{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAIhD,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,cAAc,CAAC;;AAItB;;;;GAIG;AACH,qBAGM,qBAAsB,SAAQ,0BAA4C;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAC3F,gBAAuB,MAAM;;MAElB;IAEX,oBAAoB;IACpB,SAEgB,IAAI,EAAE,kBAAkB,CAAO;cAE5B,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/radio-button/radio-button-group/radio-button-group.d.ts

@@ -27,27 +27,27 @@ export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupEleme
     /**
      * Whether the radios can be deselected.
      */
-    allowEmptySelection: boolean;
+    accessor allowEmptySelection: boolean;
     /**
      * Whether the radio group is required.
      */
-    required: boolean;
+    accessor required: boolean;
     /**
      * The value of the radio group.
      */
-    value?: any | null;
+    accessor value: any | null;
     /**
      * Size variant.
      */
-    size: SbbRadioButtonSize;
+    accessor size: SbbRadioButtonSize;
     /**
      * Overrides the behaviour of `orientation` property.
      */
-    horizontalFrom?: SbbHorizontalFrom;
+    accessor horizontalFrom: SbbHorizontalFrom | null;
     /**
      * Radio group's orientation, either horizontal or vertical.
      */
-    orientation: SbbOrientation;
+    accessor orientation: SbbOrientation;
     /**
      * List of contained radio buttons.
      */

package/radio-button/radio-button-group/radio-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAkB,MAAM,0BAA0B,CAAC;AAElG,OAAO,KAAK,EAA6B,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAIhE,MAAM,MAAM,8BAA8B,GAAG;IAC3C,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,WAAW,EAAE,qBAAqB,GAAG,0BAA0B,CAAC;CACjE,CAAC;;AAEF;;;;;;;;GAQG;AACH,qBAKa,0BAA2B,SAAQ,+BAA4B;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IAEI,mBAAmB,EAAE,OAAO,CAAS;IAE5C;;OAEG;IACiC,QAAQ,EAAE,OAAO,CAAS;IAE9D;;OAEG;IACgB,KAAK,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAEtC;;OAEG;IACgB,IAAI,EAAE,kBAAkB,CAAO;IAElD;;OAEG;IAEI,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C;;OAEG;IAEI,WAAW,EAAE,cAAc,CAAgB;IAElD;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CAAC,EAAE,CAOhF;IAED,OAAO,KAAK,cAAc,GAIzB;IAED,OAAO,CAAC,kCAAkC,CAAkB;IAC5D,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,MAAM,CAAyC;IAEvD;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;IAEF;;OAEG;IACH,OAAO,CAAC,OAAO,CAGb;IAEF;;OAEG;IACH,OAAO,CAAC,MAAM,CAGZ;IAEc,iBAAiB,IAAI,IAAI;IAuBzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAqBzE,OAAO,CAAC,aAAa;cAQF,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9D,oBAAoB,IAAI,IAAI;IAI5C,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,cAAc;cA+BH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
+{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAkB,MAAM,0BAA0B,CAAC;AAElG,OAAO,KAAK,EAA6B,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAIhE,MAAM,MAAM,8BAA8B,GAAG;IAC3C,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,WAAW,EAAE,qBAAqB,GAAG,0BAA0B,CAAC;CACjE,CAAC;;AAEF;;;;;;;;GAQG;AACH,qBAMM,0BAA2B,SAAQ,+BAA4B;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IACH,SAEgB,mBAAmB,EAAE,OAAO,CAAS;IAErD;;OAEG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;OAEG;IACH,SAA4B,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IAE9C;;OAEG;IACH,SAA4B,IAAI,EAAE,kBAAkB,CAAO;IAE3D;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CAAC,EAAE,CAOhF;IAED,OAAO,KAAK,cAAc,GAIzB;IAED,OAAO,CAAC,kCAAkC,CAAkB;IAC5D,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,MAAM,CAAyC;IAEvD;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;IAEF;;OAEG;IACH,OAAO,CAAC,OAAO,CAGb;IAEF;;OAEG;IACH,OAAO,CAAC,MAAM,CAGZ;IAEc,iBAAiB,IAAI,IAAI;IAuBzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAqBzE,OAAO,CAAC,aAAa;cAQF,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9D,oBAAoB,IAAI,IAAI;IAI5C,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,cAAc;cA+BH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}

package/radio-button/radio-button-group.js

@@ -1,133 +1,179 @@
-import { css as b, LitElement as u, html as p } from "lit";
-import { property as s, customElement as c } from "lit/decorators.js";
-import { isArrowKeyPressed as m, getNextElementIndex as f } from "../core/a11y.js";
-import { SbbConnectedAbortController as g } from "../core/controllers.js";
-import { hostAttributes as v, slotState as w } from "../core/decorators.js";
-import { EventEmitter as h } from "../core/eventing.js";
-import { SbbDisabledMixin as _ } from "../core/mixins.js";
-const x = b`*,:before,:after{box-sizing:border-box}:host{--sbb-radio-button-group-orientation: row;--sbb-radio-button-group-width: max-content;--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);display:block}:host ::slotted(sbb-radio-button-panel){flex:auto}:host([orientation=vertical]){--sbb-radio-button-group-orientation: column;--sbb-radio-button-group-width: 100%}:host([orientation=vertical]) ::slotted(sbb-radio-button-panel){width:100%}:host([data-has-panel]){--sbb-radio-button-group-width: 100%}:host([data-has-panel][orientation=vertical]){--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=zero]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=zero]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=micro]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=micro]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=small]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=small]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=medium]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=medium]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=large]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=large]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=wide]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=wide]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=ultra]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=ultra]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}.sbb-radio-group{display:flex;flex-direction:var(--sbb-radio-button-group-orientation);gap:var(--sbb-radio-button-group-gap);align-items:flex-start;width:var(--sbb-radio-button-group-width)}.sbb-radio-group__error{display:inline-block;margin-block-start:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=error])) .sbb-radio-group__error{display:none}`;
-var z = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (t, o, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? y(o, e) : o, d = t.length - 1, l; d >= 0; d--)
-    (l = t[d]) && (n = (i ? l(o, e, n) : l(n)) || n);
-  return i && n && z(o, e, n), n;
+var O = (a) => {
+  throw TypeError(a);
 };
-let a = class extends _(u) {
-  constructor() {
-    super(...arguments), this.allowEmptySelection = !1, this.required = !1, this.size = "m", this.orientation = "horizontal", this._hasSelectionExpansionPanelElement = !1, this._didLoad = !1, this._abort = new g(this), this._didChange = new h(
-      this,
-      a.events.didChange
-    ), this._change = new h(
-      this,
-      a.events.change
-    ), this._input = new h(
-      this,
-      a.events.input
-    );
-  }
-  /**
-   * List of contained radio buttons.
-   */
-  get radioButtons() {
-    var t;
-    return Array.from(((t = this.querySelectorAll) == null ? void 0 : t.call(this, "sbb-radio-button, sbb-radio-button-panel")) ?? []).filter((o) => {
+var M = (a, s, n) => s.has(a) || O("Cannot " + n);
+var u = (a, s, n) => (M(a, s, "read from private field"), n ? n.call(a) : s.get(a)), c = (a, s, n) => s.has(a) ? O("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, n), l = (a, s, n, h) => (M(a, s, "write to private field"), h ? h.call(a, n) : s.set(a, n), n);
+import { __runInitializers as d, __esDecorate as b } from "tslib";
+import { css as J, LitElement as Q, html as V } from "lit";
+import { customElement as W, property as z } from "lit/decorators.js";
+import { isArrowKeyPressed as X, getNextElementIndex as Y } from "../core/a11y.js";
+import { SbbConnectedAbortController as Z } from "../core/controllers.js";
+import { hostAttributes as tt, slotState as et, forceType as $ } from "../core/decorators.js";
+import { EventEmitter as x } from "../core/eventing.js";
+import { SbbDisabledMixin as it } from "../core/mixins.js";
+const ot = J`*,:before,:after{box-sizing:border-box}:host{--sbb-radio-button-group-orientation: row;--sbb-radio-button-group-width: max-content;--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);display:block}:host ::slotted(sbb-radio-button-panel){flex:auto}:host([orientation=vertical]){--sbb-radio-button-group-orientation: column;--sbb-radio-button-group-width: 100%}:host([orientation=vertical]) ::slotted(sbb-radio-button-panel){width:100%}:host([data-has-panel]){--sbb-radio-button-group-width: 100%}:host([data-has-panel][orientation=vertical]){--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=zero]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=zero]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=micro]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=micro]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=small]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=small]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=medium]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=medium]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=large]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=large]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=wide]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=wide]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=ultra]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=ultra]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}.sbb-radio-group{display:flex;flex-direction:var(--sbb-radio-button-group-orientation);gap:var(--sbb-radio-button-group-gap);align-items:flex-start;width:var(--sbb-radio-button-group-width)}.sbb-radio-group__error{display:inline-block;margin-block-start:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=error])) .sbb-radio-group__error{display:none}`;
+let mt = (() => {
+  var m, p, _, g, f, v, r;
+  let a = [W("sbb-radio-button-group"), tt({
+    role: "radiogroup"
+  }), et()], s, n = [], h, y = it(Q), E, S = [], k = [], R, C = [], I = [], q, B = [], F = [], D, L = [], U = [], A, T = [], K = [], P, j = [], G = [];
+  var w = (r = class extends y {
+    constructor() {
+      super(...arguments);
+      c(this, m);
+      c(this, p);
+      c(this, _);
+      c(this, g);
+      c(this, f);
+      c(this, v);
+      l(this, m, d(this, S, !1)), l(this, p, (d(this, k), d(this, C, !1))), l(this, _, (d(this, I), d(this, B, void 0))), l(this, g, (d(this, F), d(this, L, "m"))), l(this, f, (d(this, U), d(this, T, null))), l(this, v, (d(this, K), d(this, j, "horizontal"))), this._hasSelectionExpansionPanelElement = (d(this, G), !1), this._didLoad = !1, this._abort = new Z(this), this._didChange = new x(this, w.events.didChange), this._change = new x(this, w.events.change), this._input = new x(this, w.events.input);
+    }
+    /**
+     * Whether the radios can be deselected.
+     */
+    get allowEmptySelection() {
+      return u(this, m);
+    }
+    set allowEmptySelection(e) {
+      l(this, m, e);
+    }
+    /**
+     * Whether the radio group is required.
+     */
+    get required() {
+      return u(this, p);
+    }
+    set required(e) {
+      l(this, p, e);
+    }
+    /**
+     * The value of the radio group.
+     */
+    get value() {
+      return u(this, _);
+    }
+    set value(e) {
+      l(this, _, e);
+    }
+    /**
+     * Size variant.
+     */
+    get size() {
+      return u(this, g);
+    }
+    set size(e) {
+      l(this, g, e);
+    }
+    /**
+     * Overrides the behaviour of `orientation` property.
+     */
+    get horizontalFrom() {
+      return u(this, f);
+    }
+    set horizontalFrom(e) {
+      l(this, f, e);
+    }
+    /**
+     * Radio group's orientation, either horizontal or vertical.
+     */
+    get orientation() {
+      return u(this, v);
+    }
+    set orientation(e) {
+      l(this, v, e);
+    }
+    /**
+     * List of contained radio buttons.
+     */
+    get radioButtons() {
       var e;
-      return ((e = o.closest) == null ? void 0 : e.call(o, "sbb-radio-button-group")) === this;
-    });
-  }
-  get _enabledRadios() {
-    if (!this.disabled)
-      return this.radioButtons.filter((t) => !t.disabled);
-  }
-  connectedCallback() {
-    var o, e;
-    super.connectedCallback();
-    const t = this._abort.signal;
-    this.addEventListener(
-      "stateChange",
-      (i) => this._onRadioButtonChange(i),
-      {
-        signal: t,
+      return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-radio-button, sbb-radio-button-panel")) ?? []).filter((t) => {
+        var i;
+        return ((i = t.closest) == null ? void 0 : i.call(t, "sbb-radio-button-group")) === this;
+      });
+    }
+    get _enabledRadios() {
+      if (!this.disabled)
+        return this.radioButtons.filter((e) => !e.disabled);
+    }
+    connectedCallback() {
+      var t, i;
+      super.connectedCallback();
+      const e = this._abort.signal;
+      this.addEventListener("stateChange", (o) => this._onRadioButtonChange(o), {
+        signal: e,
         passive: !0
+      }), this.addEventListener("keydown", (o) => this._handleKeyDown(o), { signal: e }), this._hasSelectionExpansionPanelElement = !!((t = this.querySelector) != null && t.call(this, "sbb-selection-expansion-panel")), this.toggleAttribute("data-has-panel", !!((i = this.querySelector) != null && i.call(this, "sbb-selection-expansion-panel, sbb-radio-button-panel"))), this._updateRadios(this.value);
+    }
+    willUpdate(e) {
+      var t;
+      if (super.willUpdate(e), e.has("value") && this._valueChanged(this.value), e.has("disabled")) {
+        for (const i of this.radioButtons)
+          i.tabIndex = this._getRadioTabIndex(i), (t = i.requestUpdate) == null || t.call(i, "disabled");
+        this._setFocusableRadio();
       }
-    ), this.addEventListener("keydown", (i) => this._handleKeyDown(i), { signal: t }), this._hasSelectionExpansionPanelElement = !!((o = this.querySelector) != null && o.call(
-      this,
-      "sbb-selection-expansion-panel"
-    )), this.toggleAttribute(
-      "data-has-panel",
-      !!((e = this.querySelector) != null && e.call(this, "sbb-selection-expansion-panel, sbb-radio-button-panel"))
-    ), this._updateRadios(this.value);
-  }
-  willUpdate(t) {
-    var o;
-    if (super.willUpdate(t), t.has("value") && this._valueChanged(this.value), t.has("disabled")) {
-      for (const e of this.radioButtons)
-        e.tabIndex = this._getRadioTabIndex(e), (o = e.requestUpdate) == null || o.call(e, "disabled");
+      e.has("required") && this.radioButtons.forEach((i) => {
+        var o;
+        return (o = i.requestUpdate) == null ? void 0 : o.call(i, "required");
+      }), e.has("size") && this.radioButtons.forEach((i) => {
+        var o;
+        return (o = i.requestUpdate) == null ? void 0 : o.call(i, "size");
+      });
+    }
+    _valueChanged(e) {
+      for (const t of this.radioButtons)
+        t.checked = t.value === e, t.tabIndex = this._getRadioTabIndex(t);
       this._setFocusableRadio();
     }
-    t.has("required") && this.radioButtons.forEach((e) => {
-      var i;
-      return (i = e.requestUpdate) == null ? void 0 : i.call(e, "required");
-    }), t.has("size") && this.radioButtons.forEach((e) => {
-      var i;
-      return (i = e.requestUpdate) == null ? void 0 : i.call(e, "size");
-    });
-  }
-  _valueChanged(t) {
-    for (const o of this.radioButtons)
-      o.checked = o.value === t, o.tabIndex = this._getRadioTabIndex(o);
-    this._setFocusableRadio();
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t), this._didLoad = !0, this._updateRadios(this.value);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-  }
-  _onRadioButtonChange(t) {
-    var o;
-    if (t.stopPropagation(), !!this._didLoad) {
-      if (t.detail.type === "disabled")
-        this._updateRadios(this.value);
-      else if (t.detail.type === "checked") {
-        const e = t.target;
-        t.detail.checked ? (this.value = e.value, this._emitChange(e, this.value)) : this.allowEmptySelection && (this.value = (o = this.radioButtons.find((i) => i.checked)) == null ? void 0 : o.value, this.value || this._emitChange(e));
+    firstUpdated(e) {
+      super.firstUpdated(e), this._didLoad = !0, this._updateRadios(this.value);
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback();
+    }
+    _onRadioButtonChange(e) {
+      var t;
+      if (e.stopPropagation(), !!this._didLoad) {
+        if (e.detail.type === "disabled")
+          this._updateRadios(this.value);
+        else if (e.detail.type === "checked") {
+          const i = e.target;
+          e.detail.checked ? (this.value = i.value, this._emitChange(i, this.value)) : this.allowEmptySelection && (this.value = (t = this.radioButtons.find((o) => o.checked)) == null ? void 0 : t.value, this.value || this._emitChange(i));
+        }
       }
     }
-  }
-  _emitChange(t, o) {
-    this._change.emit({ value: o, radioButton: t }), this._input.emit({ value: o, radioButton: t }), this._didChange.emit({ value: o, radioButton: t });
-  }
-  _updateRadios(t) {
-    var e;
-    if (!this._didLoad)
-      return;
-    const o = this.radioButtons;
-    this.value = t ?? ((e = o.find((i) => i.checked)) == null ? void 0 : e.value) ?? this.value;
-    for (const i of o)
-      i.checked = i.value === this.value, i.tabIndex = this._getRadioTabIndex(i);
-    this._setFocusableRadio();
-  }
-  _setFocusableRadio() {
-    const t = this.radioButtons.find((e) => e.checked && !e.disabled), o = this._enabledRadios;
-    !t && (o != null && o.length) && (o[0].tabIndex = 0);
-  }
-  _getRadioTabIndex(t) {
-    const o = !t.disabled && !this.disabled;
-    return (t.checked || this._hasSelectionExpansionPanelElement) && o ? 0 : -1;
-  }
-  _handleKeyDown(t) {
-    var n;
-    const o = this._enabledRadios;
-    if (!o || !o.length || // don't trap nested handling
-    t.target !== this && t.target.parentElement !== this && ((n = t.target.parentElement) == null ? void 0 : n.localName) !== "sbb-selection-expansion-panel" || !m(t))
-      return;
-    const e = o.findIndex(
-      (d) => d === t.target
-    ), i = f(t, e, o.length);
-    this._hasSelectionExpansionPanelElement || o[i].select(), o[i].focus(), t.preventDefault();
-  }
-  render() {
-    return p`
+    _emitChange(e, t) {
+      this._change.emit({ value: t, radioButton: e }), this._input.emit({ value: t, radioButton: e }), this._didChange.emit({ value: t, radioButton: e });
+    }
+    _updateRadios(e) {
+      var i;
+      if (!this._didLoad)
+        return;
+      const t = this.radioButtons;
+      this.value = e ?? ((i = t.find((o) => o.checked)) == null ? void 0 : i.value) ?? this.value;
+      for (const o of t)
+        o.checked = o.value === this.value, o.tabIndex = this._getRadioTabIndex(o);
+      this._setFocusableRadio();
+    }
+    _setFocusableRadio() {
+      const e = this.radioButtons.find((i) => i.checked && !i.disabled), t = this._enabledRadios;
+      !e && (t != null && t.length) && (t[0].tabIndex = 0);
+    }
+    _getRadioTabIndex(e) {
+      const t = !e.disabled && !this.disabled;
+      return (e.checked || this._hasSelectionExpansionPanelElement) && t ? 0 : -1;
+    }
+    _handleKeyDown(e) {
+      var N;
+      const t = this._enabledRadios;
+      if (!t || !t.length || // don't trap nested handling
+      e.target !== this && e.target.parentElement !== this && ((N = e.target.parentElement) == null ? void 0 : N.localName) !== "sbb-selection-expansion-panel" || !X(e))
+        return;
+      const i = t.findIndex((H) => H === e.target), o = Y(e, i, t.length);
+      this._hasSelectionExpansionPanelElement || t[o].select(), t[o].focus(), e.preventDefault();
+    }
+    render() {
+      return V`
       <div class="sbb-radio-group">
         <slot @slotchange=${() => this._updateRadios()}></slot>
       </div>
@@ -135,39 +181,29 @@ let a = class extends _(u) {
         <slot name="error"></slot>
       </div>
     `;
-  }
-};
-a.styles = x;
-a.events = {
-  didChange: "didChange",
-  change: "change",
-  input: "input"
-};
-r([
-  s({ attribute: "allow-empty-selection", type: Boolean })
-], a.prototype, "allowEmptySelection", 2);
-r([
-  s({ type: Boolean })
-], a.prototype, "required", 2);
-r([
-  s()
-], a.prototype, "value", 2);
-r([
-  s()
-], a.prototype, "size", 2);
-r([
-  s({ attribute: "horizontal-from", reflect: !0 })
-], a.prototype, "horizontalFrom", 2);
-r([
-  s({ reflect: !0 })
-], a.prototype, "orientation", 2);
-a = r([
-  c("sbb-radio-button-group"),
-  v({
-    role: "radiogroup"
-  }),
-  w()
-], a);
+    }
+  }, m = new WeakMap(), p = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), f = new WeakMap(), v = new WeakMap(), h = r, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
+    E = [$(), z({ attribute: "allow-empty-selection", type: Boolean })], R = [$(), z({ type: Boolean })], q = [z()], D = [z()], A = [z({ attribute: "horizontal-from", reflect: !0 })], P = [z({ reflect: !0 })], b(r, null, E, { kind: "accessor", name: "allowEmptySelection", static: !1, private: !1, access: { has: (t) => "allowEmptySelection" in t, get: (t) => t.allowEmptySelection, set: (t, i) => {
+      t.allowEmptySelection = i;
+    } }, metadata: e }, S, k), b(r, null, R, { kind: "accessor", name: "required", static: !1, private: !1, access: { has: (t) => "required" in t, get: (t) => t.required, set: (t, i) => {
+      t.required = i;
+    } }, metadata: e }, C, I), b(r, null, q, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, get: (t) => t.value, set: (t, i) => {
+      t.value = i;
+    } }, metadata: e }, B, F), b(r, null, D, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, i) => {
+      t.size = i;
+    } }, metadata: e }, L, U), b(r, null, A, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (t) => "horizontalFrom" in t, get: (t) => t.horizontalFrom, set: (t, i) => {
+      t.horizontalFrom = i;
+    } }, metadata: e }, T, K), b(r, null, P, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, i) => {
+      t.orientation = i;
+    } }, metadata: e }, j, G), b(null, s = { value: h }, a, { kind: "class", name: h.name, metadata: e }, null, n), w = h = s.value, e && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), r.styles = ot, r.events = {
+    didChange: "didChange",
+    change: "change",
+    input: "input"
+  }, d(h, n), r);
+  return w = h;
+})();
 export {
-  a as SbbRadioButtonGroupElement
+  mt as SbbRadioButtonGroupElement
 };