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

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

@@ -1,22 +1,22 @@
-var S = (t) => {
+var x = (t) => {
   throw TypeError(t);
 };
-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);
+var S = (t, e, s) => e.has(t) || x("Cannot " + s);
+var b = (t, e, s) => (S(t, e, "read from private field"), s ? s.call(t) : e.get(t)), m = (t, e, s) => e.has(t) ? x("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), d = (t, e, s, i) => (S(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 = (() => {
+import { css as E, LitElement as B, html as C } from "lit";
+import { customElement as I, property as k } from "lit/decorators.js";
+import { slotState as D, getOverride as O } from "../../core/decorators.js";
+import { isLean as j } from "../../core/dom.js";
+import { SbbRadioButtonCommonElementMixin as w, radioButtonCommonStyle as L } from "../common.js";
+const R = E`*,: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 J = (() => {
   var r, n, o;
-  let t = [D("sbb-radio-button"), O()], e, s = [], i, _ = L(C), v, h = [], p = [], z, g = [], y = [];
+  let t = [I("sbb-radio-button"), D()], e, s = [], i, _ = w(B), v, h = [], p = [], z, g = [], y = [];
   return o = class extends _ {
     constructor() {
       super(...arguments);
-      m(this, r, c(this, h, w() ? "xs" : "m"));
+      m(this, r, c(this, h, j() ? "xs" : "m"));
       m(this, n, (c(this, p), c(this, g, null)));
       c(this, y);
     }
@@ -40,7 +40,7 @@ let K = (() => {
       d(this, n, l);
     }
     render() {
-      return I`
+      return C`
       <label class="sbb-radio-button">
         <span class="sbb-radio-button__label-slot">
           <slot></slot>
@@ -50,20 +50,17 @@ let K = (() => {
     }
   }, 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) => {
+    v = [k({ reflect: !0 }), O((a, u) => a.group?.size ?? u)], z = [k()], 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 = {
+  })(), o.styles = [L, R], o.events = {
     stateChange: "stateChange",
     change: "change",
     input: "input"
   }, c(i, s), i;
 })();
 export {
-  K as SbbRadioButtonElement
+  J as SbbRadioButtonElement
 };

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

@@ -62,7 +62,7 @@ export declare class SbbRadioButtonGroupElement<T = string> extends SbbRadioButt
     private _didChange;
     constructor();
     connectedCallback(): void;
-    willUpdate(changedProperties: PropertyValues<this>): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;
     private _onRadioChange;
     /**

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;;;;;;;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"}
+{"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;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAiBzD,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,8 +1,8 @@
-var T = (o) => {
-  throw TypeError(o);
+var T = (a) => {
+  throw TypeError(a);
 };
-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);
+var $ = (a, r, n) => r.has(a) || T("Cannot " + n);
+var u = (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, d) => ($(a, r, "write to private field"), d ? d.call(a, n) : r.set(a, 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";
@@ -13,10 +13,9 @@ import { SbbDisabledMixin as Z, SbbElementInternalsMixin as P } from "../../core
 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, 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 = [];
+  let a = [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();
       b(this, m);
       b(this, p);
@@ -24,7 +23,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, 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));
+      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)), this.addEventListener?.("change", (e) => this._onRadioChange(e));
     }
     /**
      * Whether the radios can be deselected.
@@ -51,15 +50,14 @@ let et = 0, ut = (() => {
       if (this._fallbackValue = e, !this.hasUpdated)
         return;
       if (e == null) {
-        this.radioButtons.forEach((a) => a.checked = !1);
+        this.radioButtons.forEach((o) => o.checked = !1);
         return;
       }
-      const t = this.radioButtons.find((a) => a.value === e);
+      const t = this.radioButtons.find((o) => o.value === e);
       t && (t.checked = !0);
     }
     get value() {
-      var e;
-      return ((e = this.radioButtons.find((t) => t.checked && !t.disabled)) == null ? void 0 : e.value) ?? this._fallbackValue;
+      return this.radioButtons.find((e) => e.checked && !e.disabled)?.value ?? this._fallbackValue;
     }
     /**
      * Size variant, either xs, s or m.
@@ -99,27 +97,13 @@ let et = 0, ut = (() => {
      * List of contained radio buttons.
      */
     get radioButtons() {
-      var e;
-      return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-radio-button, sbb-radio-button-panel")) ?? []).filter((t) => {
-        var a;
-        return ((a = t.closest) == null ? void 0 : a.call(t, "sbb-radio-button-group")) === this;
-      });
+      return Array.from(this.querySelectorAll?.("sbb-radio-button, sbb-radio-button-panel") ?? []).filter((e) => e.closest?.("sbb-radio-button-group") === this);
     }
     connectedCallback() {
-      var e;
-      super.connectedCallback(), this.toggleAttribute("data-has-panel", !!((e = this.querySelector) != null && e.call(this, "sbb-radio-button-panel")));
+      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) => {
-        var a;
-        return (a = t.requestUpdate) == null ? void 0 : a.call(t, "disabled");
-      }), e.has("required") && this.radioButtons.forEach((t) => {
-        var a;
-        return (a = t.requestUpdate) == null ? void 0 : a.call(t, "required");
-      }), e.has("size") && this.radioButtons.forEach((t) => {
-        var a;
-        return (a = t.requestUpdate) == null ? void 0 : a.call(t, "size");
-      }), e.has("name") && this._updateRadiosName();
+      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();
     }
     firstUpdated(e) {
       super.firstUpdated(e), this.updateComplete.then(() => this._updateRadioState());
@@ -157,21 +141,21 @@ let et = 0, ut = (() => {
     }
   }, 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 })], 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(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(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(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(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, 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(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 }, 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 });
+    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, o) => {
+      t.allowEmptySelection = o;
+    } }, 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, o) => {
+      t.required = o;
+    } }, metadata: e }, B, C), h(i, null, I, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, o) => {
+      t.value = o;
+    } }, 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, o) => {
+      t.size = o;
+    } }, 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, o) => {
+      t.horizontalFrom = o;
+    } }, 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, o) => {
+      t.orientation = o;
+    } }, 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, o) => {
+      t.name = o;
+    } }, metadata: e }, M, O), h(null, r = { value: d }, a, { 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",

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

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