@sbb-esta/lyne-elements 1.15.1 → 2.0.0

package/radio-button/common.js

@@ -1,26 +1,15 @@
-var R = (o) => {
-  throw TypeError(o);
-};
-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 {
+import { __runInitializers as n, __esDecorate as l } from "tslib";
+import { property as d } from "lit/decorators.js";
+import { setModalityOnNextFocus as c } from "../core/a11y.js";
+import { EventEmitter as u } from "../core/eventing.js";
+import { SbbFormAssociatedRadioButtonMixin as h } from "../core/mixins.js";
+import { css as m } from "lit";
+const k = (a) => (() => {
+  var o;
+  let i = h(a), r = [], b;
+  return o = class extends i {
     constructor() {
-      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 });
+      super(...arguments), this._allowEmptySelection = (n(this, r), !1), this._group = null, this._stateChange = new u(this, o.events.stateChange, { bubbles: !0 });
     }
     /**
      * Whether the radio can be deselected.
@@ -32,89 +21,53 @@ const W = (o) => (() => {
       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;
-    }
-    get disabled() {
-      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;
-    }
-    get required() {
-      var t;
-      return this._required || (((t = this.group) == null ? void 0 : t.required) ?? !1);
-    }
     /**
      * Reference to the connected radio button group.
      */
     get group() {
       return this._group;
     }
+    connectedCallback() {
+      super.connectedCallback(), this._group = this.closest("sbb-radio-button-group");
+      const t = this.abort.signal;
+      this.addEventListener("click", (e) => this._handleClick(e), { signal: t }), this.addEventListener("keydown", (e) => this._handleKeyDown(e), { signal: t }), ["disabled", "required", "size"].forEach((e) => this.requestUpdate(e));
+    }
     /**
-     * Whether the radio button is checked.
+     * Set the radio-button as 'checked'; if 'allowEmptySelection', toggle the checked property.
+     * In both cases it emits the change events.
      */
-    get 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));
+      this.disabled || this.formDisabled || (this.allowEmptySelection ? (this.checked = !this.checked, this.emitChangeEvents()) : this.checked || (this.checked = !0, this.emitChangeEvents()));
     }
-    connectedCallback() {
-      super.connectedCallback(), this._group = this.closest("sbb-radio-button-group");
-      const t = this._abort.signal;
-      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));
+    willUpdate(t) {
+      super.willUpdate(t), t.has("checked") && this.checked !== t.get("checked") && this._stateChange.emit({ type: "checked", checked: this.checked }), t.has("disabled") && this.disabled !== t.get("disabled") && this._stateChange.emit({ type: "disabled", disabled: this.disabled });
     }
-    disconnectedCallback() {
-      super.disconnectedCallback(), this._handlerRepository.disconnect();
+    isDisabledExternally() {
+      var t;
+      return ((t = this.group) == null ? void 0 : t.disabled) ?? !1;
     }
-    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") && (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}`);
+    isRequiredExternally() {
+      var t;
+      return ((t = this.group) == null ? void 0 : t.required) ?? !1;
     }
-    _handleClick(t) {
-      t.preventDefault(), this.select();
+    async _handleClick(t) {
+      t.preventDefault(), this.select(), await this.updateComplete, c(this), this.focus();
     }
     _handleKeyDown(t) {
-      t.code === "Space" && this.select();
-    }
-  }, 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 = {
+      t.code === "Space" && (t.preventDefault(), this.select());
+    }
+  }, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    b = [d({ attribute: "allow-empty-selection", type: Boolean })], l(o, null, b, { kind: "setter", name: "allowEmptySelection", static: !1, private: !1, access: { has: (e) => "allowEmptySelection" in e, set: (e, s) => {
+      e.allowEmptySelection = s;
+    } }, metadata: t }, null, r), t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), o.events = {
+    change: "change",
+    input: "input",
     stateChange: "stateChange"
-  }, 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)}`;
+  }, o;
+})(), _ = m`*,: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([data-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([data-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-duration, 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 {
-  W as SbbRadioButtonCommonElementMixin,
-  X as radioButtonCommonStyle
+  k as SbbRadioButtonCommonElementMixin,
+  _ as radioButtonCommonStyle
 };

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

@@ -5,13 +5,21 @@ declare const SbbRadioButtonElement_base: import('../../core/mixins.js').Abstrac
  * It displays a radio button enhanced with the SBB Design.
  *
  * @slot - Use the unnamed slot to add content to the radio label.
+ * @event {Event} change - Fired on change.
+ * @event {InputEvent} input - Fired on input.
+ * @overrideType value - string | null
  */
 export declare class SbbRadioButtonElement extends SbbRadioButtonElement_base {
     static styles: CSSResultGroup;
     static readonly events: {
         readonly stateChange: "stateChange";
+        readonly change: "change";
+        readonly input: "input";
     };
-    /** Size variant. */
+    /**
+     * Size variant, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
+     */
     accessor size: SbbRadioButtonSize;
     protected render(): TemplateResult;
 }

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,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"}
+{"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,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,cAAc,CAAC;;AAItB;;;;;;;GAOG;AACH,qBAGM,qBAAsB,SAAQ,0BAA4C;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAC3F,gBAAuB,MAAM;;;;MAIlB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,kBAAkB,CAAyB;cAE9C,MAAM,IAAI,cAAc;CAS5C;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

@@ -3,19 +3,13 @@ import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.js';
 import { SbbRadioButtonSize } from '../common.js';
 import { SbbRadioButtonPanelElement } from '../radio-button-panel.js';
 import { SbbRadioButtonElement } from '../radio-button.js';
-export type SbbRadioButtonGroupEventDetail = {
-    value: any | null;
-    radioButton: SbbRadioButtonElement | SbbRadioButtonPanelElement;
-};
 declare const SbbRadioButtonGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof LitElement;
 /**
  * It can be used as a container for one or more `sbb-radio-button`.
  *
  * @slot - Use the unnamed slot to add `sbb-radio-button` elements to the `sbb-radio-button-group`.
  * @slot error - Use this to provide a `sbb-form-error` to show an error message.
- * @event {CustomEvent<SbbRadioButtonGroupEventDetail>} didChange - Deprecated. Only used for React. Will probably be removed once React 19 is available. Emits whenever the `sbb-radio-group` value changes.
- * @event {CustomEvent<SbbRadioButtonGroupEventDetail>} change - Emits whenever the `sbb-radio-group` value changes.
- * @event {CustomEvent<SbbRadioButtonGroupEventDetail>} input - Emits whenever the `sbb-radio-group` value changes.
+ * @event {CustomEvent<void>} didChange - Deprecated. Only used for React. Will probably be removed once React 19 is available. Emits whenever the `sbb-radio-group` value changes.
  */
 export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupElement_base {
     static styles: CSSResultGroup;
@@ -35,9 +29,15 @@ export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupEleme
     /**
      * The value of the radio group.
      */
-    accessor value: any | null;
+    set value(val: any | null);
+    get value(): any | null;
     /**
-     * Size variant.
+     * Used to preserve the `value` in case the radios are not yet 'loaded'
+     */
+    private _fallbackValue;
+    /**
+     * Size variant, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
      */
     accessor size: SbbRadioButtonSize;
     /**
@@ -48,12 +48,11 @@ export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupEleme
      * Radio group's orientation, either horizontal or vertical.
      */
     accessor orientation: SbbOrientation;
+    accessor name: string;
     /**
      * List of contained radio buttons.
      */
     get radioButtons(): (SbbRadioButtonElement | SbbRadioButtonPanelElement)[];
-    private get _enabledRadios();
-    private _hasSelectionExpansionPanelElement;
     private _didLoad;
     private _abort;
     /**
@@ -61,25 +60,19 @@ export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupEleme
      * @deprecated only used for React. Will probably be removed once React 19 is available.
      */
     private _didChange;
+    connectedCallback(): void;
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
+    private _onRadioChange;
     /**
-     * Emits whenever the `sbb-radio-group` value changes.
+     * Proxy 'name' to child radio-buttons
      */
-    private _change;
+    private _updateRadiosName;
     /**
-     * Emits whenever the `sbb-radio-group` value changes.
+     * Re-trigger the setter and update the checked state of the radios.
+     * Mainly used to cover cases where the setter is called before the radios are loaded
      */
-    private _input;
-    connectedCallback(): void;
-    willUpdate(changedProperties: PropertyValues<this>): void;
-    private _valueChanged;
-    protected firstUpdated(changedProperties: PropertyValues<this>): void;
-    disconnectedCallback(): void;
-    private _onRadioButtonChange;
-    private _emitChange;
-    private _updateRadios;
-    private _setFocusableRadio;
-    private _getRadioTabIndex;
-    private _handleKeyDown;
+    private _updateRadioState;
     protected render(): TemplateResult;
 }
 declare global {

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,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"}
+{"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,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;AAMhE;;;;;;GAMG;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,IACW,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,EAa/B;IACD,IAAW,KAAK,IAAI,GAAG,GAAG,IAAI,CAE7B;IACD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAoB;IAE1C;;;OAGG;IACH,SAA4B,IAAI,EAAE,kBAAkB,CAAyB;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,SAEgB,IAAI,EAAE,MAAM,CAAwC;IAEpE;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CAAC,EAAE,CAOhF;IAED,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,MAAM,CAAyC;IAEvD;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;IAEc,iBAAiB,IAAI,IAAI;IAazB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAiBhD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F,OAAO,CAAC,cAAc;IAYtB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;cAON,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}