@sbb-esta/lyne-elements 2.10.1 → 3.0.0-next.0

package/popover/popover-trigger/popover-trigger.component.d.ts

@@ -5,6 +5,7 @@ declare const SbbPopoverTriggerElement_base: import('../../core/mixins.js').Abst
  * It can be used as a trigger for the `sbb-popover` component.
  *
  * @slot - Use the unnamed slot to add content to the `sbb-popover-trigger`.
+ * @overrideType value - string
  */
 export declare class SbbPopoverTriggerElement extends SbbPopoverTriggerElement_base {
     static styles: CSSResultGroup;

package/popover/popover-trigger/popover-trigger.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-trigger.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover-trigger/popover-trigger.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAOnE;;;;GAIG;AACH,qBAEM,wBAAyB,SAAQ,6BAEtC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtC,iBAAiB,IAAI,IAAI;cAUtB,cAAc,IAAI,cAAc;CAOpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
+{"version":3,"file":"popover-trigger.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover-trigger/popover-trigger.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAOnE;;;;;GAKG;AACH,qBAEM,wBAAyB,SAAQ,6BAEtC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtC,iBAAiB,IAAI,IAAI;cAUtB,cAAc,IAAI,cAAc;CAOpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

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

@@ -1,12 +1,14 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor, Constructor, SbbFormAssociatedRadioButtonMixinType } from '../../core/mixins.js';
+import { AbstractConstructor, Constructor } from '../../core/mixins.js';
 import { SbbRadioButtonGroupElement } from '../radio-button-group.js';
 export type SbbRadioButtonSize = 'xs' | 's' | 'm';
-export declare class SbbRadioButtonCommonElementMixinType extends SbbFormAssociatedRadioButtonMixinType {
+declare const SbbRadioButtonCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.js').SbbFormAssociatedRadioButtonMixinType> & typeof LitElement;
+export declare abstract class SbbRadioButtonCommonElementMixinType extends SbbRadioButtonCommonElementMixinType_base {
     get allowEmptySelection(): boolean;
     set allowEmptySelection(boolean: boolean);
     get group(): SbbRadioButtonGroupElement | null;
     select(): void;
 }
 export declare const SbbRadioButtonCommonElementMixin: <T extends Constructor<LitElement>>(superClass: T) => AbstractConstructor<SbbRadioButtonCommonElementMixinType> & T;
+export {};
 //# sourceMappingURL=radio-button-common.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/common/radio-button-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGtC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAEhB,KAAK,qCAAqC,EAC3C,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,oCAAqC,SAAQ,qCAAqC;IACrG,IAAW,mBAAmB,IAAI,OAAO,CAAC;IAC1C,IAAW,mBAAmB,CAAC,OAAO,EADJ,OACI,EAAE;IACxC,IAAW,KAAK,IAAI,0BAA0B,GAAG,IAAI,CAAC;IAC/C,MAAM,IAAI,IAAI;CACtB;AAGD,eAAO,MAAM,gCAAgC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAChF,YAAY,CAAC,KACZ,mBAAmB,CAAC,oCAAoC,CAAC,GAAG,CA4F9D,CAAC"}
+{"version":3,"file":"radio-button-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/common/radio-button-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGtC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAEjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;;AAElD,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,oCAAqC,SAAQ,yCAE1E;IACC,IAAW,mBAAmB,IAAI,OAAO,CAAC;IAC1C,IAAW,mBAAmB,CAAC,OAAO,EADJ,OACI,EAAE;IACxC,IAAW,KAAK,IAAI,0BAA0B,GAAG,IAAI,CAAC;IAC/C,MAAM,IAAI,IAAI;CACtB;AAGD,eAAO,MAAM,gCAAgC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAChF,YAAY,CAAC,KACZ,mBAAmB,CAAC,oCAAoC,CAAC,GAAG,CA4F9D,CAAC"}

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

@@ -7,9 +7,9 @@ declare const SbbRadioButtonElement_base: import('../../core/mixins.js').Abstrac
  * @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
+ * @overrideType value - (T = string) | null
  */
-export declare class SbbRadioButtonElement extends SbbRadioButtonElement_base {
+export declare class SbbRadioButtonElement<T = string> extends SbbRadioButtonElement_base {
     static styles: CSSResultGroup;
     static readonly events: {
         readonly stateChange: "stateChange";
@@ -21,6 +21,10 @@ export declare class SbbRadioButtonElement extends SbbRadioButtonElement_base {
      * @default 'm' / 'xs' (lean)
      */
     accessor size: SbbRadioButtonSize;
+    /**
+     * The value of the form element
+     */
+    accessor value: T | null;
     protected render(): TemplateResult;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button/radio-button.component.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"}
+{"version":3,"file":"radio-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button/radio-button.component.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,qBAAqB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,0BAA4C;IAC1F,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAC3F,gBAAuB,MAAM;;;;MAIlB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,kBAAkB,CAAyB;IAEjE;;OAEG;IACH,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;cAEpB,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/radio-button/radio-button/radio-button.component.js

@@ -1,36 +1,46 @@
-var p = (t) => {
+var S = (t) => {
   throw TypeError(t);
 };
-var _ = (t, e, s) => e.has(t) || p("Cannot " + s);
-var h = (t, e, s) => (_(t, e, "read from private field"), s ? s.call(t) : e.get(t)), z = (t, e, s) => e.has(t) ? p("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), v = (t, e, s, a) => (_(t, e, "write to private field"), a ? a.call(t, s) : e.set(t, s), s);
-import { __esDecorate as y, __runInitializers as b } from "tslib";
-import { css as g, LitElement as S, html as x } from "lit";
-import { customElement as E, property as k } from "lit/decorators.js";
-import { slotState as B, getOverride as C } from "../../core/decorators.js";
-import { isLean as D } from "../../core/dom.js";
-import { SbbRadioButtonCommonElementMixin as I, radioButtonCommonStyle as O } from "../common.js";
-const j = g`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}.sbb-radio-button{display:block}:host(:focus-visible) .sbb-radio-button{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}`;
-let F = (() => {
-  var l, o;
-  let t = [E("sbb-radio-button"), B()], e, s = [], a, u = I(S), c, m = [], d = [];
-  return o = class extends u {
+var k = (t, e, s) => e.has(t) || S("Cannot " + s);
+var b = (t, e, s) => (k(t, e, "read from private field"), s ? s.call(t) : e.get(t)), m = (t, e, s) => e.has(t) ? S("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), d = (t, e, s, i) => (k(t, e, "write to private field"), i ? i.call(t, s) : e.set(t, s), s);
+import { __esDecorate as f, __runInitializers as c } from "tslib";
+import { css as B, LitElement as C, html as I } from "lit";
+import { customElement as D, property as E } from "lit/decorators.js";
+import { slotState as O, getOverride as j } from "../../core/decorators.js";
+import { isLean as w } from "../../core/dom.js";
+import { SbbRadioButtonCommonElementMixin as L, radioButtonCommonStyle as R } from "../common.js";
+const M = B`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}.sbb-radio-button{display:block}:host(:focus-visible) .sbb-radio-button{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}`;
+let K = (() => {
+  var r, n, o;
+  let t = [D("sbb-radio-button"), O()], e, s = [], i, _ = L(C), v, h = [], p = [], z, g = [], y = [];
+  return o = class extends _ {
     constructor() {
       super(...arguments);
-      z(this, l, b(this, m, D() ? "xs" : "m"));
-      b(this, d);
+      m(this, r, c(this, h, w() ? "xs" : "m"));
+      m(this, n, (c(this, p), c(this, g, null)));
+      c(this, y);
     }
     /**
      * Size variant, either xs, s or m.
      * @default 'm' / 'xs' (lean)
      */
     get size() {
-      return h(this, l);
+      return b(this, r);
     }
-    set size(r) {
-      v(this, l, r);
+    set size(l) {
+      d(this, r, l);
+    }
+    /**
+     * The value of the form element
+     */
+    get value() {
+      return b(this, n);
+    }
+    set value(l) {
+      d(this, n, l);
     }
     render() {
-      return x`
+      return I`
       <label class="sbb-radio-button">
         <span class="sbb-radio-button__label-slot">
           <slot></slot>
@@ -38,20 +48,22 @@ let F = (() => {
       </label>
     `;
     }
-  }, l = new WeakMap(), a = o, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    c = [k({ reflect: !0 }), C((i, n) => {
-      var f;
-      return ((f = i.group) == null ? void 0 : f.size) ?? n;
-    })], y(o, null, c, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (i) => "size" in i, get: (i) => i.size, set: (i, n) => {
-      i.size = n;
-    } }, metadata: r }, m, d), y(null, e = { value: a }, t, { kind: "class", name: a.name, metadata: r }, null, s), a = e.value, r && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), o.styles = [O, j], o.events = {
+  }, r = new WeakMap(), n = new WeakMap(), i = o, (() => {
+    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
+    v = [E({ reflect: !0 }), j((a, u) => {
+      var x;
+      return ((x = a.group) == null ? void 0 : x.size) ?? u;
+    })], z = [E()], f(o, null, v, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, u) => {
+      a.size = u;
+    } }, metadata: l }, h, p), f(o, null, z, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (a) => "value" in a, get: (a) => a.value, set: (a, u) => {
+      a.value = u;
+    } }, metadata: l }, g, y), f(null, e = { value: i }, t, { kind: "class", name: i.name, metadata: l }, null, s), i = e.value, l && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
+  })(), o.styles = [R, M], o.events = {
     stateChange: "stateChange",
     change: "change",
     input: "input"
-  }, b(a, s), a;
+  }, c(i, s), i;
 })();
 export {
-  F as SbbRadioButtonElement
+  K as SbbRadioButtonElement
 };

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

@@ -3,15 +3,17 @@ 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';
-declare const SbbRadioButtonGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof LitElement;
+declare const SbbRadioButtonGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
 /**
  * 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<void>} didChange - Deprecated. Only used for React. Will probably be removed once React 19 is available. Emits whenever the `sbb-radio-group` value changes.
+ * @overrideType value - (T = string) | null
  */
-export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupElement_base {
+export declare class SbbRadioButtonGroupElement<T = string> extends SbbRadioButtonGroupElement_base {
+    static readonly role = "radiogroup";
     static styles: CSSResultGroup;
     static readonly events: {
         readonly didChange: "didChange";
@@ -29,8 +31,8 @@ export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupEleme
     /**
      * The value of the radio group.
      */
-    set value(val: string | null);
-    get value(): string | null;
+    set value(val: T | null);
+    get value(): T | null;
     /**
      * Used to preserve the `value` in case the radios are not yet 'loaded'
      */
@@ -52,7 +54,7 @@ export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupEleme
     /**
      * List of contained radio buttons.
      */
-    get radioButtons(): (SbbRadioButtonElement | SbbRadioButtonPanelElement)[];
+    get radioButtons(): (SbbRadioButtonElement<T> | SbbRadioButtonPanelElement<T>)[];
     /**
      * Emits whenever the `sbb-radio-group` value changes.
      * @deprecated only used for React. Will probably be removed once React 19 is available.
@@ -61,7 +63,7 @@ export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupEleme
     constructor();
     connectedCallback(): void;
     willUpdate(changedProperties: PropertyValues<this>): void;
-    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
     private _onRadioChange;
     /**
      * Proxy 'name' to child radio-buttons

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,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,MAAM,GAAG,IAAI,EAalC;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IACD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAuB;IAE7C;;;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;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;;IAOc,iBAAiB,IAAI,IAAI;IAKzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAiBhD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAO7F,OAAO,CAAC,cAAc;IAetB;;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"}
+{"version":3,"file":"radio-button-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,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;;;;;;;GAOG;AACH,qBAGM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,+BAEpD;IACC,gBAAgC,IAAI,gBAAgB;IACpD,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,CAAC,GAAG,IAAI,EAa7B;IACD,IAAW,KAAK,IAAI,CAAC,GAAG,IAAI,CAE3B;IACD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAkB;IAExC;;;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,CAAC,CAAC,CAAC,GAAG,0BAA0B,CAAC,CAAC,CAAC,CAAC,EAAE,CAOtF;IAED;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;;IAOc,iBAAiB,IAAI,IAAI;IAKzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAiBtD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,OAAO,CAAC,cAAc;IAetB;;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"}

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

@@ -1,22 +1,20 @@
-var $ = (o) => {
+var T = (o) => {
   throw TypeError(o);
 };
-var M = (o, i, n) => i.has(o) || $("Cannot " + n);
-var u = (o, i, n) => (M(o, i, "read from private field"), n ? n.call(o) : i.get(o)), b = (o, i, n) => i.has(o) ? $("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(o) : i.set(o, n), l = (o, i, n, d) => (M(o, i, "write to private field"), d ? d.call(o, n) : i.set(o, n), n);
+var $ = (o, r, n) => r.has(o) || T("Cannot " + n);
+var u = (o, r, n) => ($(o, r, "read from private field"), n ? n.call(o) : r.get(o)), b = (o, r, n) => r.has(o) ? T("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(o) : r.set(o, n), l = (o, r, n, d) => ($(o, r, "write to private field"), d ? d.call(o, n) : r.set(o, n), n);
 import { __esDecorate as h, __runInitializers as s } from "tslib";
 import { css as H, LitElement as J, html as K } from "lit";
 import { customElement as Q, property as c } from "lit/decorators.js";
-import { hostAttributes as W, slotState as X, forceType as w } from "../../core/decorators.js";
-import { isLean as Y } from "../../core/dom.js";
-import { EventEmitter as Z } from "../../core/eventing.js";
-import { SbbDisabledMixin as P } from "../../core/mixins.js";
+import { slotState as W, forceType as w } from "../../core/decorators.js";
+import { isLean as X } from "../../core/dom.js";
+import { EventEmitter as Y } from "../../core/eventing.js";
+import { SbbDisabledMixin as Z, SbbElementInternalsMixin as P } from "../../core/mixins.js";
 const tt = H`*,: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 et = 0, ut = (() => {
-  var m, p, f, _, g, z, r;
-  let o = [Q("sbb-radio-button-group"), W({
-    role: "radiogroup"
-  }), X()], i, n = [], d, x = P(J), y = [], E, S = [], k = [], q, B = [], C = [], F, I, R = [], U = [], N, V = [], A = [], D, L = [], j = [], G, O = [], T = [];
-  var v = (r = class extends x {
+  var m, p, f, _, g, z, i;
+  let o = [Q("sbb-radio-button-group"), W()], r, n = [], d, x = Z(P(J)), y = [], E, S = [], k = [], q, B = [], C = [], I, F, R = [], U = [], N, V = [], D = [], A, L = [], j = [], G, M = [], O = [];
+  var v = (i = class extends x {
     constructor() {
       var e;
       super();
@@ -26,7 +24,7 @@ let et = 0, ut = (() => {
       b(this, _);
       b(this, g);
       b(this, z);
-      l(this, m, (s(this, y), s(this, S, !1))), l(this, p, (s(this, k), s(this, B, !1))), this._fallbackValue = (s(this, C), null), l(this, f, s(this, R, Y() ? "xs" : "m")), l(this, _, (s(this, U), s(this, V, null))), l(this, g, (s(this, A), s(this, L, "horizontal"))), l(this, z, (s(this, j), s(this, O, `sbb-radio-button-group-${++et}`))), this._didChange = (s(this, T), new Z(this, v.events.didChange)), (e = this.addEventListener) == null || e.call(this, "change", (t) => this._onRadioChange(t));
+      l(this, m, (s(this, y), s(this, S, !1))), l(this, p, (s(this, k), s(this, B, !1))), this._fallbackValue = (s(this, C), null), l(this, f, s(this, R, X() ? "xs" : "m")), l(this, _, (s(this, U), s(this, V, null))), l(this, g, (s(this, D), s(this, L, "horizontal"))), l(this, z, (s(this, j), s(this, M, `sbb-radio-button-group-${++et}`))), this._didChange = (s(this, O), new Y(this, v.events.didChange)), (e = this.addEventListener) == null || e.call(this, "change", (t) => this._onRadioChange(t));
     }
     /**
      * Whether the radios can be deselected.
@@ -123,8 +121,8 @@ let et = 0, ut = (() => {
         return (a = t.requestUpdate) == null ? void 0 : a.call(t, "size");
       }), e.has("name") && this._updateRadiosName();
     }
-    async firstUpdated(e) {
-      super.firstUpdated(e), await this.updateComplete, this._updateRadioState();
+    firstUpdated(e) {
+      super.firstUpdated(e), this.updateComplete.then(() => this._updateRadioState());
     }
     _onRadioChange(e) {
       const t = e.target;
@@ -157,28 +155,28 @@ let et = 0, ut = (() => {
       </div>
     `;
     }
-  }, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), z = new WeakMap(), d = r, (() => {
+  }, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), z = new WeakMap(), d = i, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    E = [w(), c({ attribute: "allow-empty-selection", type: Boolean })], q = [w(), c({ type: Boolean })], F = [c()], I = [c()], N = [c({ attribute: "horizontal-from", reflect: !0 })], D = [c({ reflect: !0 })], G = [w(), c()], h(r, null, E, { kind: "accessor", name: "allowEmptySelection", static: !1, private: !1, access: { has: (t) => "allowEmptySelection" in t, get: (t) => t.allowEmptySelection, set: (t, a) => {
+    E = [w(), c({ attribute: "allow-empty-selection", type: Boolean })], q = [w(), c({ type: Boolean })], I = [c()], F = [c()], N = [c({ attribute: "horizontal-from", reflect: !0 })], A = [c({ reflect: !0 })], G = [w(), c()], h(i, null, E, { kind: "accessor", name: "allowEmptySelection", static: !1, private: !1, access: { has: (t) => "allowEmptySelection" in t, get: (t) => t.allowEmptySelection, set: (t, a) => {
       t.allowEmptySelection = a;
-    } }, metadata: e }, S, k), h(r, null, q, { kind: "accessor", name: "required", static: !1, private: !1, access: { has: (t) => "required" in t, get: (t) => t.required, set: (t, a) => {
+    } }, metadata: e }, S, k), h(i, null, q, { kind: "accessor", name: "required", static: !1, private: !1, access: { has: (t) => "required" in t, get: (t) => t.required, set: (t, a) => {
       t.required = a;
-    } }, metadata: e }, B, C), h(r, null, F, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, a) => {
+    } }, metadata: e }, B, C), h(i, null, I, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, a) => {
       t.value = a;
-    } }, metadata: e }, null, y), h(r, null, I, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, a) => {
+    } }, metadata: e }, null, y), h(i, null, F, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, a) => {
       t.size = a;
-    } }, metadata: e }, R, U), h(r, null, N, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (t) => "horizontalFrom" in t, get: (t) => t.horizontalFrom, set: (t, a) => {
+    } }, metadata: e }, R, U), h(i, null, N, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (t) => "horizontalFrom" in t, get: (t) => t.horizontalFrom, set: (t, a) => {
       t.horizontalFrom = a;
-    } }, metadata: e }, V, A), h(r, null, D, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, a) => {
+    } }, metadata: e }, V, D), h(i, null, A, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, a) => {
       t.orientation = a;
-    } }, metadata: e }, L, j), h(r, null, G, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (t) => "name" in t, get: (t) => t.name, set: (t, a) => {
+    } }, metadata: e }, L, j), h(i, null, G, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (t) => "name" in t, get: (t) => t.name, set: (t, a) => {
       t.name = a;
-    } }, metadata: e }, O, T), h(null, i = { value: d }, o, { kind: "class", name: d.name, metadata: e }, null, n), v = d = i.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), r.styles = tt, r.events = {
+    } }, metadata: e }, M, O), h(null, r = { value: d }, o, { kind: "class", name: d.name, metadata: e }, null, n), v = d = r.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), i.role = "radiogroup", i.styles = tt, i.events = {
     didChange: "didChange",
     change: "change",
     input: "input"
-  }, s(d, n), r);
+  }, s(d, n), i);
   return v = d;
 })();
 export {

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

@@ -13,9 +13,9 @@ declare const SbbRadioButtonPanelElement_base: import('../../core/mixins.js').Ab
  * @slot badge - Use this slot to provide a `sbb-card-badge` (optional).
  * @event {Event} change - Fired on change.
  * @event {InputEvent} input - Fired on input.
- * @overrideType value - string | null
+ * @overrideType value - (T = string) | null
  */
-export declare class SbbRadioButtonPanelElement extends SbbRadioButtonPanelElement_base {
+export declare class SbbRadioButtonPanelElement<T = string> extends SbbRadioButtonPanelElement_base {
     static styles: CSSResultGroup;
     static readonly events: {
         readonly change: "change";
@@ -28,6 +28,10 @@ export declare class SbbRadioButtonPanelElement extends SbbRadioButtonPanelEleme
      * @default 'm' / 's' (lean)
      */
     accessor size: SbbPanelSize;
+    /**
+     * The value of the form element
+     */
+    accessor value: T | null;
     private _hasSelectionExpansionPanelElement;
     /**
      * @internal

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-panel/radio-button-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;;GAWG;AACH,qBAGM,0BAA2B,SAAQ,+BAExC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAG3F,gBAAuB,MAAM;;;;;MAKlB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1D,OAAO,CAAC,kCAAkC,CAAkB;IAE5D;;;;OAIG;IACH,OAAO,CAAC,YAAY,CAIlB;IAEc,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAkB5E;;OAEG;cACgB,qBAAqB,IAAI,IAAI;IAShD;;OAEG;cACsB,kBAAkB,CAAC,IAAI,EAAE,0BAA0B,GAAG,OAAO,CAAC,IAAI,CAAC;cAQzE,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
+{"version":3,"file":"radio-button-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-panel/radio-button-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;;GAWG;AACH,qBAGM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,+BAEpD;IACC,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAG3F,gBAAuB,MAAM;;;;;MAKlB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1D;;OAEG;IACH,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC,OAAO,CAAC,kCAAkC,CAAkB;IAE5D;;;;OAIG;IACH,OAAO,CAAC,YAAY,CAIlB;IAEc,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAkB5E;;OAEG;cACgB,qBAAqB,IAAI,IAAI;IAShD;;OAEG;cACsB,kBAAkB,CAAC,IAAI,EAAE,0BAA0B,GAAG,OAAO,CAAC,IAAI,CAAC;cAQzE,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}

package/radio-button/radio-button-panel/radio-button-panel.component.js

@@ -1,36 +1,46 @@
-var f = (t) => {
-  throw TypeError(t);
+var E = (s) => {
+  throw TypeError(s);
 };
-var g = (t, s, i) => s.has(t) || f("Cannot " + i);
-var y = (t, s, i) => (g(t, s, "read from private field"), i ? i.call(t) : s.get(t)), S = (t, s, i) => s.has(t) ? f("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, i), d = (t, s, i, n) => (g(t, s, "write to private field"), n ? n.call(t, i) : s.set(t, i), i);
-import { __runInitializers as b, __esDecorate as x } from "tslib";
-import { LitElement as E, nothing as v, html as z } from "lit";
-import { customElement as C, property as k } from "lit/decorators.js";
-import { slotState as B, getOverride as R } from "../../core/decorators.js";
-import { isLean as w } from "../../core/dom.js";
-import { EventEmitter as I } from "../../core/eventing.js";
-import { SbbPanelMixin as P, SbbUpdateSchedulerMixin as D, panelCommonStyle as M } from "../../core/mixins.js";
-import { SbbRadioButtonCommonElementMixin as O, radioButtonCommonStyle as U } from "../common.js";
+var k = (s, a, i) => a.has(s) || E("Cannot " + i);
+var m = (s, a, i) => (k(s, a, "read from private field"), i ? i.call(s) : a.get(s)), h = (s, a, i) => a.has(s) ? E("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), d = (s, a, i, l) => (k(s, a, "write to private field"), l ? l.call(s, i) : a.set(s, i), i);
+import { __runInitializers as u, __esDecorate as p } from "tslib";
+import { LitElement as R, nothing as w, html as C } from "lit";
+import { customElement as I, property as B } from "lit/decorators.js";
+import { slotState as P, getOverride as D } from "../../core/decorators.js";
+import { isLean as M } from "../../core/dom.js";
+import { EventEmitter as O } from "../../core/eventing.js";
+import { SbbPanelMixin as U, SbbUpdateSchedulerMixin as j, panelCommonStyle as A } from "../../core/mixins.js";
+import { SbbRadioButtonCommonElementMixin as F, radioButtonCommonStyle as K } from "../common.js";
 import "../../screen-reader-only.js";
-let N = (() => {
-  var o, l;
-  let t = [C("sbb-radio-button-panel"), B()], s, i = [], n, m = P(O(D(E))), u, h = [], p = [];
-  var r = (l = class extends m {
+let X = (() => {
+  var o, r, n;
+  let s = [I("sbb-radio-button-panel"), P()], a, i = [], l, _ = U(F(j(R))), f, g = [], v = [], y, S = [], z = [];
+  var b = (n = class extends _ {
     constructor() {
       super(...arguments);
-      S(this, o);
-      d(this, o, b(this, h, w() ? "s" : "m")), this._hasSelectionExpansionPanelElement = (b(this, p), !1), this._stateChange = new I(this, r.events.stateChange, { bubbles: !0 });
+      h(this, o);
+      h(this, r);
+      d(this, o, u(this, g, M() ? "s" : "m")), d(this, r, (u(this, v), u(this, S, null))), this._hasSelectionExpansionPanelElement = (u(this, z), !1), this._stateChange = new O(this, b.events.stateChange, { bubbles: !0 });
     }
     /**
      * Size variant, either s or m.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return y(this, o);
+      return m(this, o);
     }
     set size(e) {
       d(this, o, e);
     }
+    /**
+     * The value of the form element
+     */
+    get value() {
+      return m(this, r);
+    }
+    set value(e) {
+      d(this, r, e);
+    }
     connectedCallback() {
       var e;
       super.connectedCallback(), this._hasSelectionExpansionPanelElement = !!((e = this.closest) != null && e.call(this, "sbb-selection-expansion-panel"));
@@ -42,7 +52,7 @@ let N = (() => {
      * As an exception, panels with an expansion-panel attached are always focusable
      */
     updateFocusableRadios() {
-      super.updateFocusableRadios(), Array.from(this.associatedRadioButtons ?? []).filter((a) => !a.disabled && a._hasSelectionExpansionPanelElement).forEach((a) => a.tabIndex = 0);
+      super.updateFocusableRadios(), Array.from(this.associatedRadioButtons ?? []).filter((t) => !t.disabled && t._hasSelectionExpansionPanelElement).forEach((t) => t.tabIndex = 0);
     }
     /**
      * As an exception, radio-panels with an expansion-panel attached are not checked automatically when navigating by keyboard
@@ -51,7 +61,7 @@ let N = (() => {
       this._hasSelectionExpansionPanelElement ? e.focus() : await super.navigateByKeyboard(e);
     }
     render() {
-      return z`
+      return C`
       <label class="sbb-selection-panel">
         <div class="sbb-selection-panel__badge">
           <slot name="badge"></slot>
@@ -62,27 +72,29 @@ let N = (() => {
             <slot name="suffix"></slot>
           </span>
           <slot name="subtext"></slot>
-          ${this.expansionState ? z`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : v}
+          ${this.expansionState ? C`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : w}
         </span>
       </label>
     `;
     }
-  }, o = new WeakMap(), n = l, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-    u = [k({ reflect: !0 }), R((a, c) => {
-      var _;
-      return (_ = a.group) != null && _.size ? a.group.size === "xs" ? "s" : a.group.size : c;
-    })], x(l, null, u, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, c) => {
-      a.size = c;
-    } }, metadata: e }, h, p), x(null, s = { value: n }, t, { kind: "class", name: n.name, metadata: e }, null, i), r = n = s.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), l.styles = [U, M], l.events = {
+  }, o = new WeakMap(), r = new WeakMap(), l = n, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
+    f = [B({ reflect: !0 }), D((t, c) => {
+      var x;
+      return (x = t.group) != null && x.size ? t.group.size === "xs" ? "s" : t.group.size : c;
+    })], y = [B()], p(n, null, f, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, c) => {
+      t.size = c;
+    } }, metadata: e }, g, v), p(n, null, y, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, get: (t) => t.value, set: (t, c) => {
+      t.value = c;
+    } }, metadata: e }, S, z), p(null, a = { value: l }, s, { kind: "class", name: l.name, metadata: e }, null, i), b = l = a.value, e && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), n.styles = [K, A], n.events = {
     change: "change",
     input: "input",
     panelConnected: "panelConnected",
     stateChange: "stateChange"
-  }, b(n, i), l);
-  return r = n;
+  }, u(l, i), n);
+  return b = l;
 })();
 export {
-  N as SbbRadioButtonPanelElement
+  X as SbbRadioButtonPanelElement
 };

package/select/select.component.d.ts

@@ -1,14 +1,7 @@
 import { CSSResultGroup, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
 import { SbbOpenCloseBaseElement } from '../core/base-elements.js';
 import { FormRestoreReason, FormRestoreState } from '../core/mixins.js';
-/**
- * @deprecated will be removed with next major version
- */
-export interface SelectChange {
-    type: 'value';
-    value: string | string[];
-}
-declare const SbbSelectElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbUpdateSchedulerMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbHydrationMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbRequiredMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedMixinType<string | string[]>> & typeof SbbOpenCloseBaseElement;
+declare const SbbSelectElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbUpdateSchedulerMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbHydrationMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbRequiredMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbReadonlyMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedMixinType> & typeof SbbOpenCloseBaseElement;
 /**
  * It displays a panel with selectable options.
  *
@@ -22,9 +15,10 @@ declare const SbbSelectElement_base: import('../core/mixins.js').AbstractConstru
  * @cssprop [--sbb-select-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
  * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
  * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
- * @overrideType value - string | string[] | null
+ * @overrideType value - (T = string | string[]) | null
  */
-export declare class SbbSelectElement extends SbbSelectElement_base {
+export declare class SbbSelectElement<T = string> extends SbbSelectElement_base {
+    static readonly role: string | null;
     static styles: CSSResultGroup;
     static readonly events: {
         readonly change: "change";
@@ -41,7 +35,14 @@ export declare class SbbSelectElement extends SbbSelectElement_base {
     accessor multiple: boolean;
     accessor disabled: boolean;
     /** Whether the select is readonly. */
-    accessor readonly: boolean;
+    set readOnly(value: boolean);
+    /** Value of the form element. */
+    accessor value: T | T[] | null;
+    /**
+     * Size variant, either m or s.
+     * @default 'm' / 's' (lean)
+     */
+    accessor size: 'm' | 's';
     /**
      * Form type of element.
      * @default 'select-one / select-multiple'
@@ -55,6 +56,7 @@ export declare class SbbSelectElement extends SbbSelectElement_base {
     private _input;
     /** @internal */
     private _displayValueChanged;
+    private _originResizeObserver;
     private _overlay;
     private _optionContainer;
     private _originElement;
@@ -103,6 +105,10 @@ export declare class SbbSelectElement extends SbbSelectElement_base {
     /** Sets the _displayValue by checking the internal sbb-options and setting the correct `selected` value on them. */
     private _onValueChanged;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    /** @internal */
+    focus(): void;
+    /** @internal */
+    blur(): void;
     /**
      * Removes element's first attribute whose qualified name is qualifiedName.
      *
@@ -114,7 +120,6 @@ export declare class SbbSelectElement extends SbbSelectElement_base {
     requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     disconnectedCallback(): void;
-    protected updateFormValue(): void;
     /**
      * The reset value is the attribute value (the setup value), null otherwise.
      * @internal
@@ -124,6 +129,7 @@ export declare class SbbSelectElement extends SbbSelectElement_base {
      * @internal
      */
     formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
+    private _readFormData;
     private _syncProperties;
     protected shouldValidate(name: PropertyKey | undefined): boolean;
     protected validate(): void;

package/select/select.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.component.d.ts","sourceRoot":"","sources":["../../../src/elements/select/select.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.component.d.ts","sourceRoot":"","sources":["../../../src/elements/select/select.component.ts"],"names":[],"mappings":"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"}