@sbb-esta/lyne-elements 4.0.0-next.3 → 4.0.0

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

@@ -2,28 +2,32 @@ var T = (a) => {
   throw TypeError(a);
 };
 var $ = (a, r, n) => r.has(a) || T("Cannot " + n);
-var h = (a, r, n) => ($(a, r, "read from private field"), n ? n.call(a) : r.get(a)), c = (a, r, n) => r.has(a) ? T("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, n), l = (a, r, n, d) => ($(a, r, "write to private field"), d ? d.call(a, n) : r.set(a, n), n);
-import { __esDecorate as u, __runInitializers as s } from "tslib";
-import { css as G, LitElement as H, html as J } from "lit";
-import { customElement as K, property as b } from "lit/decorators.js";
-import { forceType as v } from "../../core/decorators.js";
-import { isLean as Q } from "../../core/dom.js";
-import { SbbDisabledMixin as W, SbbElementInternalsMixin as X } from "../../core/mixins.js";
-import { boxSizingStyles as Y } from "../../core/styles.js";
-const Z = G`: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: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: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: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(:is(:state(slotted-error),[state--slotted-error]))) .sbb-radio-group__error{display:none}`;
-let P = 0, dt = (() => {
-  var m, p, _, f, g, z, o;
-  let a = [K("sbb-radio-button-group")], r, n = [], d, w = W(X(H)), x = [], y, S = [], E = [], k, q = [], B = [], I, F, C = [], R = [], U, N = [], V = [], D, A = [], L = [], j, M = [], O = [];
-  return o = class extends w {
+var h = (a, r, n) => ($(a, r, "read from private field"), n ? n.call(a) : r.get(a)), b = (a, r, n) => r.has(a) ? T("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, n), l = (a, r, n, u) => ($(a, r, "write to private field"), u ? u.call(a, n) : r.set(a, n), n);
+import { __esDecorate as d, __runInitializers as s } from "tslib";
+import { MutationController as G } from "@lit-labs/observers/mutation-controller.js";
+import { css as H, LitElement as J, html as K } from "lit";
+import { customElement as Q, property as c } from "lit/decorators.js";
+import { forceType as w } from "../../core/decorators.js";
+import { isLean as W } from "../../core/dom.js";
+import { SbbDisabledMixin as X, SbbElementInternalsMixin as Y } from "../../core/mixins.js";
+import { boxSizingStyles as Z } from "../../core/styles.js";
+const P = H`:host{display:block}:host([orientation=vertical]){--sbb-radio-button-group-orientation: column;--sbb-radio-button-group-width: 100%;--sbb-radio-button-group-radio-button-width: 100%}:host(:is(:state(has-panel),[state--has-panel])){--sbb-radio-button-group-width: 100%;--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-radio-button-group-radio-button-flex: auto}@media(min-width:0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-radio-button-group-orientation: row;--sbb-radio-button-group-radio-button-width: auto;--sbb-radio-button-group-radio-button-width: initial}:host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel),[state--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;--sbb-radio-button-group-radio-button-width: auto;--sbb-radio-button-group-radio-button-width: initial}:host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel),[state--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;--sbb-radio-button-group-radio-button-width: auto;--sbb-radio-button-group-radio-button-width: initial}:host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel),[state--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;--sbb-radio-button-group-radio-button-width: auto;--sbb-radio-button-group-radio-button-width: initial}:host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel),[state--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)}:host(:is(:state(slotted-error),[state--slotted-error])) .sbb-radio-group{margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-radio-button-panel){width:var(--sbb-radio-button-group-radio-button-width);flex:var(--sbb-radio-button-group-radio-button-flex)}`;
+let tt = 0, ht = (() => {
+  var m, p, f, g, _, z, o;
+  let a = [Q("sbb-radio-button-group")], r, n = [], u, v = X(Y(J)), x = [], y, S = [], E = [], k, q = [], B = [], I, F, C = [], R = [], U, N = [], V = [], D, L = [], M = [], j, A = [], O = [];
+  return o = class extends v {
     constructor() {
       super();
-      c(this, m);
-      c(this, p);
-      c(this, _);
-      c(this, f);
-      c(this, g);
-      c(this, z);
-      l(this, m, (s(this, x), s(this, S, !1))), l(this, p, (s(this, E), s(this, q, !1))), this._fallbackValue = (s(this, B), null), l(this, _, s(this, C, Q() ? "xs" : "m")), l(this, f, (s(this, R), s(this, N, null))), l(this, g, (s(this, V), s(this, A, "horizontal"))), l(this, z, (s(this, L), s(this, M, `sbb-radio-button-group-${++P}`))), s(this, O), this.addEventListener?.("change", (e) => this._onRadioChange(e));
+      b(this, m);
+      b(this, p);
+      b(this, f);
+      b(this, g);
+      b(this, _);
+      b(this, z);
+      l(this, m, (s(this, x), s(this, S, !1))), l(this, p, (s(this, E), s(this, q, !1))), this._fallbackValue = (s(this, B), null), l(this, f, s(this, C, W() ? "xs" : "m")), l(this, g, (s(this, R), s(this, N, null))), l(this, _, (s(this, V), s(this, L, "horizontal"))), l(this, z, (s(this, M), s(this, A, `sbb-radio-button-group-${++tt}`))), s(this, O), this.addController(new G(this, {
+        config: { childList: !0, subtree: !0 },
+        callback: () => this.toggleState("has-panel", !!this.querySelector?.("sbb-radio-button-panel"))
+      })), this.addEventListener?.("change", (e) => this._onRadioChange(e));
     }
     /**
      * Whether the radios can be deselected.
@@ -64,28 +68,28 @@ let P = 0, dt = (() => {
      * @default 'm' / 'xs' (lean)
      */
     get size() {
-      return h(this, _);
+      return h(this, f);
     }
     set size(e) {
-      l(this, _, e);
+      l(this, f, e);
     }
     /**
      * Overrides the behaviour of `orientation` property.
      */
     get horizontalFrom() {
-      return h(this, f);
+      return h(this, g);
     }
     set horizontalFrom(e) {
-      l(this, f, e);
+      l(this, g, e);
     }
     /**
      * Radio group's orientation, either horizontal or vertical.
      */
     get orientation() {
-      return h(this, g);
+      return h(this, _);
     }
     set orientation(e) {
-      l(this, g, e);
+      l(this, _, e);
     }
     get name() {
       return h(this, z);
@@ -99,9 +103,6 @@ let P = 0, dt = (() => {
     get radioButtons() {
       return Array.from(this.querySelectorAll?.("sbb-radio-button, sbb-radio-button-panel") ?? []).filter((e) => e.closest?.("sbb-radio-button-group") === this);
     }
-    connectedCallback() {
-      super.connectedCallback(), this.toggleAttribute("data-has-panel", !!this.querySelector?.("sbb-radio-button-panel"));
-    }
     willUpdate(e) {
       super.willUpdate(e), e.has("disabled") && this.radioButtons.forEach((t) => t.requestUpdate?.("disabled")), e.has("required") && this.radioButtons.forEach((t) => t.requestUpdate?.("required")), e.has("size") && this.radioButtons.forEach((t) => t.requestUpdate?.("size")), e.has("name") && this._updateRadiosName();
     }
@@ -126,7 +127,7 @@ let P = 0, dt = (() => {
       this._fallbackValue && (this.value = this.value);
     }
     render() {
-      return J`
+      return K`
       <div class="sbb-radio-group">
         <slot
           @slotchange=${() => {
@@ -134,34 +135,32 @@ let P = 0, dt = (() => {
       }}
         ></slot>
       </div>
-      <div class="sbb-radio-group__error">
-        <slot name="error"></slot>
-      </div>
+      <slot name="error"></slot>
     `;
     }
-  }, m = new WeakMap(), p = new WeakMap(), _ = new WeakMap(), f = new WeakMap(), g = new WeakMap(), z = new WeakMap(), d = o, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
-    y = [v(), b({ attribute: "allow-empty-selection", type: Boolean })], k = [v(), b({ type: Boolean })], I = [b()], F = [b()], U = [b({ attribute: "horizontal-from", reflect: !0 })], D = [b({ reflect: !0 })], j = [v(), b()], u(o, null, y, { kind: "accessor", name: "allowEmptySelection", static: !1, private: !1, access: { has: (t) => "allowEmptySelection" in t, get: (t) => t.allowEmptySelection, set: (t, i) => {
+  }, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), g = new WeakMap(), _ = new WeakMap(), z = new WeakMap(), u = o, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+    y = [w(), c({ attribute: "allow-empty-selection", type: Boolean })], k = [w(), c({ type: Boolean })], I = [c()], F = [c()], U = [c({ attribute: "horizontal-from", reflect: !0 })], D = [c({ reflect: !0 })], j = [w(), c()], d(o, null, y, { 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, E), u(o, null, k, { kind: "accessor", name: "required", static: !1, private: !1, access: { has: (t) => "required" in t, get: (t) => t.required, set: (t, i) => {
+    } }, metadata: e }, S, E), d(o, null, k, { 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 }, q, B), u(o, null, I, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, i) => {
+    } }, metadata: e }, q, B), d(o, null, I, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, i) => {
       t.value = i;
-    } }, metadata: e }, null, x), u(o, null, F, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, i) => {
+    } }, metadata: e }, null, x), d(o, null, F, { 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 }, C, R), u(o, null, U, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (t) => "horizontalFrom" in t, get: (t) => t.horizontalFrom, set: (t, i) => {
+    } }, metadata: e }, C, R), d(o, null, U, { 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 }, N, V), u(o, null, D, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, i) => {
+    } }, metadata: e }, N, V), d(o, null, D, { 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 }, A, L), u(o, null, j, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (t) => "name" in t, get: (t) => t.name, set: (t, i) => {
+    } }, metadata: e }, L, M), d(o, null, j, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (t) => "name" in t, get: (t) => t.name, set: (t, i) => {
       t.name = i;
-    } }, metadata: e }, M, O), u(null, r = { value: d }, a, { kind: "class", name: d.name, metadata: e }, null, n), d = r.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.role = "radiogroup", o.styles = [Y, Z], o.events = {
+    } }, metadata: e }, A, O), d(null, r = { value: u }, a, { kind: "class", name: u.name, metadata: e }, null, n), u = r.value, e && Object.defineProperty(u, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), o.role = "radiogroup", o.styles = [Z, P], o.events = {
     didChange: "didChange",
     change: "change",
     input: "input"
-  }, s(d, n), d;
+  }, s(u, n), u;
 })();
 export {
-  dt as SbbRadioButtonGroupElement
+  ht as SbbRadioButtonGroupElement
 };

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

@@ -1,7 +1,4 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange } from '../../core/interfaces.ts';
-import { SbbPanelSize } from '../../core/mixins.ts';
-export type SbbRadioButtonStateChange = Extract<SbbStateChange, SbbDisabledStateChange | SbbCheckedStateChange>;
 declare const SbbRadioButtonPanelElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbPanelMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbRadioButtonCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbUpdateSchedulerMixinType> & typeof LitElement;
 /**
  /**
@@ -21,11 +18,6 @@ export declare class SbbRadioButtonPanelElement<T = string> extends SbbRadioButt
         readonly change: "change";
         readonly input: "input";
     };
-    /**
-     * Size variant, either s or m.
-     * @default 'm' / 's' (lean)
-     */
-    accessor size: SbbPanelSize;
     /**
      * The value of the form element
      */
@@ -41,16 +33,12 @@ export declare class SbbRadioButtonPanelElement<T = string> extends SbbRadioButt
      * As an exception, radio-panels with a selection-panel attached are not checked automatically when navigating by keyboard
      */
     protected navigateByKeyboard(next: SbbRadioButtonPanelElement): Promise<void>;
-    private _dispatchChangeEvent;
     protected render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'sbb-radio-button-panel': SbbRadioButtonPanelElement;
     }
-    interface GlobalEventHandlersEventMap {
-        statechange: CustomEvent<SbbStateChange>;
-    }
 }
 export {};
 //# sourceMappingURL=radio-button-panel.component.d.ts.map

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;AAKb,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAI9B,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;;GAWG;AACH,qBAEM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,+BAEpD;IACC,OAAuB,MAAM,EAAE,cAAc,CAI3C;IAGF,gBAAuB,MAAM;;;MAGlB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1D;;OAEG;IACH,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC,OAAO,CAAC,yBAAyB,CAAkB;IAEnC,iBAAiB,IAAI,IAAI;cAOtB,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;IAQ5F,OAAO,CAAC,oBAAoB;cAST,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;IAED,UAAU,2BAA2B;QACnC,WAAW,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;KAC1C;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;AAOb,OAAO,6BAA6B,CAAC;;AAErC;;;;;;;;;;;GAWG;AACH,qBAEM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,+BAEpD;IACC,OAAuB,MAAM,EAAE,cAAc,CAI3C;IAGF,gBAAuB,MAAM;;;MAGlB;IAEX;;OAEG;IACH,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC,OAAO,CAAC,yBAAyB,CAAkB;IAEnC,iBAAiB,IAAI,IAAI;cAOtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5E;;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,69 +1,53 @@
-var S = (s) => {
-  throw TypeError(s);
+var p = (e) => {
+  throw TypeError(e);
 };
-var x = (s, a, i) => a.has(s) || S("Cannot " + i);
-var b = (s, a, i) => (x(s, a, "read from private field"), i ? i.call(s) : a.get(s)), h = (s, a, i) => a.has(s) ? S("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), d = (s, a, i, l) => (x(s, a, "write to private field"), l ? l.call(s, i) : a.set(s, i), i);
-import { __runInitializers as u, __esDecorate as m } from "tslib";
-import { LitElement as C, nothing as B, html as E } from "lit";
-import { customElement as w, property as k } from "lit/decorators.js";
-import { getOverride as I } from "../../core/decorators.js";
-import { isLean as R } from "../../core/dom.js";
-import { SbbPanelMixin as D, SbbUpdateSchedulerMixin as M, panelCommonStyle as O } from "../../core/mixins.js";
-import { boxSizingStyles as P } from "../../core/styles.js";
-import { SbbRadioButtonCommonElementMixin as U, radioButtonCommonStyle as j } from "../common.js";
+var h = (e, t, a) => t.has(e) || p("Cannot " + a);
+var _ = (e, t, a) => (h(e, t, "read from private field"), a ? a.call(e) : t.get(e)), f = (e, t, a) => t.has(e) ? p("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), r = (e, t, a, l) => (h(e, t, "write to private field"), l ? l.call(e, a) : t.set(e, a), a);
+import { __runInitializers as c, __esDecorate as v } from "tslib";
+import { LitElement as g, nothing as x, html as S } from "lit";
+import { customElement as E, property as k } from "lit/decorators.js";
+import { SbbPanelMixin as B, SbbUpdateSchedulerMixin as P, panelCommonStyle as z } from "../../core/mixins.js";
+import { boxSizingStyles as C } from "../../core/styles.js";
+import { SbbRadioButtonCommonElementMixin as R, radioButtonCommonStyle as w } from "../common.js";
 import "../../screen-reader-only.js";
-let Q = (() => {
-  var o, r, n;
-  let s = [w("sbb-radio-button-panel")], a, i = [], l, p = D(U(M(C))), _, f = [], v = [], g, y = [], z = [];
-  return n = class extends p {
+let A = (() => {
+  var o, n;
+  let e = [E("sbb-radio-button-panel")], t, a = [], l, u = B(R(P(g))), b, d = [], m = [];
+  return n = class extends u {
     constructor() {
       super(...arguments);
-      h(this, o);
-      h(this, r);
-      d(this, o, u(this, f, R() ? "s" : "m")), d(this, r, (u(this, v), u(this, y, null))), this._hasSelectionPanelElement = (u(this, z), !1);
-    }
-    /**
-     * Size variant, either s or m.
-     * @default 'm' / 's' (lean)
-     */
-    get size() {
-      return b(this, o);
-    }
-    set size(e) {
-      d(this, o, e);
+      f(this, o);
+      r(this, o, c(this, d, null)), this._hasSelectionPanelElement = (c(this, m), !1);
     }
     /**
      * The value of the form element
      */
     get value() {
-      return b(this, r);
+      return _(this, o);
     }
-    set value(e) {
-      d(this, r, e);
+    set value(s) {
+      r(this, o, s);
     }
     connectedCallback() {
       super.connectedCallback(), this._hasSelectionPanelElement = !!this.closest?.("sbb-selection-expansion-panel, sbb-selection-action-panel");
     }
-    willUpdate(e) {
-      super.willUpdate(e), e.has("checked") && (this.toggleAttribute("data-checked", this.checked), this.checked !== e.get("checked") && this._dispatchChangeEvent({ type: "checked", checked: this.checked })), e.has("disabled") && this.disabled !== e.get("disabled") && this._dispatchChangeEvent({ type: "disabled", disabled: this.disabled });
+    willUpdate(s) {
+      super.willUpdate(s), s.has("checked") && this.toggleState("checked", this.checked);
     }
     /**
      * As an exception, panels with a selection-panel attached are always focusable
      */
     updateFocusableRadios() {
-      super.updateFocusableRadios(), Array.from(this.associatedRadioButtons ?? []).filter((t) => !t.disabled && t._hasSelectionPanelElement).forEach((t) => t.tabIndex = 0);
+      super.updateFocusableRadios(), Array.from(this.associatedRadioButtons ?? []).filter((i) => !i.disabled && i._hasSelectionPanelElement).forEach((i) => i.tabIndex = 0);
     }
     /**
      * As an exception, radio-panels with a selection-panel attached are not checked automatically when navigating by keyboard
      */
-    async navigateByKeyboard(e) {
-      this._hasSelectionPanelElement ? e.focus() : await super.navigateByKeyboard(e);
-    }
-    _dispatchChangeEvent(e) {
-      this.dispatchEvent(new CustomEvent("statechange", { bubbles: !0, detail: e }));
+    async navigateByKeyboard(s) {
+      this._hasSelectionPanelElement ? s.focus() : await super.navigateByKeyboard(s);
     }
     render() {
-      return E`
+      return S`
       <div class="sbb-selection-panel">
         <div class="sbb-selection-panel__badge">
           <slot name="badge"></slot>
@@ -74,27 +58,25 @@ let Q = (() => {
             <slot name="suffix"></slot>
           </span>
           <slot name="subtext"></slot>
-          ${this.expansionState ? E`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : B}
+          ${this.expansionState ? S`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : x}
         </span>
       </div>
     `;
     }
-  }, o = new WeakMap(), r = new WeakMap(), l = n, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
-    _ = [k({ reflect: !0 }), I((t, c) => t.group?.size ? t.group.size === "xs" ? "s" : t.group.size : c)], g = [k()], m(n, null, _, { 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 }, f, v), m(n, null, g, { 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 }, y, z), m(null, a = { value: l }, s, { kind: "class", name: l.name, metadata: e }, null, i), l = a.value, e && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  }, o = new WeakMap(), l = n, (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+    b = [k()], v(n, null, b, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (i) => "value" in i, get: (i) => i.value, set: (i, y) => {
+      i.value = y;
+    } }, metadata: s }, d, m), v(null, t = { value: l }, e, { kind: "class", name: l.name, metadata: s }, null, a), l = t.value, s && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
   })(), n.styles = [
-    P,
-    j,
-    O
+    C,
+    w,
+    z
   ], n.events = {
     change: "change",
     input: "input"
-  }, u(l, i), l;
+  }, c(l, a), l;
 })();
 export {
-  Q as SbbRadioButtonPanelElement
+  A as SbbRadioButtonPanelElement
 };

package/radio-button-common-1Yg7p8dc.js

@@ -0,0 +1,5 @@
+import { css as o } from "lit";
+const r = o`:host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--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-text) - var(--sbb-radio-button-dimension)) / 2 )}:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-color-primary);--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(:is(:state(checked),[state--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-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-radio-button-background-color: var(--sbb-background-color-3);--sbb-radio-button-border-style: dashed;--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-radio-button-background-color: Canvas;--sbb-radio-button-inner-circle-color: GrayText;--sbb-radio-button-border-color: GrayText;--sbb-radio-button-border-style: solid}}:host(:disabled:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-background-color-2-inverted)}:host([size=xs]){--sbb-radio-button-font-size: var(--sbb-text-font-size-xs);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-xs)}:host([size=s]){--sbb-radio-button-font-size: var(--sbb-text-font-size-s);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-s)}:host([size=m]){--sbb-radio-button-font-size: var(--sbb-text-font-size-m);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-m)}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-radio-button{font-size:var(--sbb-radio-button-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);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-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 {
+  r
+};

package/radio-button.js

@@ -2,7 +2,7 @@ import { SbbRadioButtonElement as e } from "./radio-button/radio-button/radio-bu
 import { SbbRadioButtonGroupElement as n } from "./radio-button/radio-button-group/radio-button-group.component.js";
 import { SbbRadioButtonPanelElement as b } from "./radio-button/radio-button-panel/radio-button-panel.component.js";
 import { SbbRadioButtonCommonElementMixin as i } from "./radio-button/common/radio-button-common.js";
-import { r as p } from "./radio-button-common-chJrmIBn.js";
+import { r as p } from "./radio-button-common-1Yg7p8dc.js";
 export {
   i as SbbRadioButtonCommonElementMixin,
   e as SbbRadioButtonElement,