@sbb-esta/lyne-elements 2.5.1 → 2.7.0

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

@@ -0,0 +1,186 @@
+var $ = (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);
+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";
+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 {
+    constructor() {
+      var e;
+      super();
+      b(this, m);
+      b(this, p);
+      b(this, f);
+      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));
+    }
+    /**
+     * Whether the radios can be deselected.
+     */
+    get allowEmptySelection() {
+      return u(this, m);
+    }
+    set allowEmptySelection(e) {
+      l(this, m, e);
+    }
+    /**
+     * Whether the radio group is required.
+     */
+    get required() {
+      return u(this, p);
+    }
+    set required(e) {
+      l(this, p, e);
+    }
+    /**
+     * The value of the radio group.
+     */
+    set value(e) {
+      if (this._fallbackValue = e, !this.hasUpdated)
+        return;
+      if (e == null) {
+        this.radioButtons.forEach((a) => a.checked = !1);
+        return;
+      }
+      const t = this.radioButtons.find((a) => a.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;
+    }
+    /**
+     * Size variant, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
+     */
+    get size() {
+      return u(this, f);
+    }
+    set size(e) {
+      l(this, f, e);
+    }
+    /**
+     * Overrides the behaviour of `orientation` property.
+     */
+    get horizontalFrom() {
+      return u(this, _);
+    }
+    set horizontalFrom(e) {
+      l(this, _, e);
+    }
+    /**
+     * Radio group's orientation, either horizontal or vertical.
+     */
+    get orientation() {
+      return u(this, g);
+    }
+    set orientation(e) {
+      l(this, g, e);
+    }
+    get name() {
+      return u(this, z);
+    }
+    set name(e) {
+      l(this, z, e);
+    }
+    /**
+     * 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;
+      });
+    }
+    connectedCallback() {
+      var e;
+      super.connectedCallback(), this.toggleAttribute("data-has-panel", !!((e = this.querySelector) != null && e.call(this, "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();
+    }
+    async firstUpdated(e) {
+      super.firstUpdated(e), await this.updateComplete, this._updateRadioState();
+    }
+    _onRadioChange(e) {
+      const t = e.target;
+      t.localName !== "sbb-radio-button" && t.localName !== "sbb-radio-button-panel" || t.group !== this || (this._fallbackValue = null, this._didChange.emit());
+    }
+    /**
+     * Proxy 'name' to child radio-buttons
+     */
+    _updateRadiosName() {
+      this.radioButtons.forEach((e) => e.name = this.name);
+    }
+    /**
+     * Re-trigger the setter and update the checked state of the radios.
+     * Mainly used to cover cases where the setter is called before the radios are loaded
+     */
+    _updateRadioState() {
+      this._fallbackValue && (this.value = this.value);
+    }
+    render() {
+      return K`
+      <div class="sbb-radio-group">
+        <slot
+          @slotchange=${() => {
+        this._updateRadiosName(), this._updateRadioState();
+      }}
+        ></slot>
+      </div>
+      <div class="sbb-radio-group__error">
+        <slot name="error"></slot>
+      </div>
+    `;
+    }
+  }, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), z = new WeakMap(), d = r, (() => {
+    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) => {
+      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) => {
+      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) => {
+      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) => {
+      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) => {
+      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) => {
+      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) => {
+      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 = {
+    didChange: "didChange",
+    change: "change",
+    input: "input"
+  }, s(d, n), r);
+  return v = d;
+})();
+export {
+  ut as SbbRadioButtonGroupElement
+};

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

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './radio-button-group/radio-button-group.js';
 //# sourceMappingURL=radio-button-group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../src/elements/radio-button/radio-button-group.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC"}
+{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../src/elements/radio-button/radio-button-group.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}

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

@@ -1,186 +1,4 @@
-var $ = (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);
-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";
-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 {
-    constructor() {
-      var e;
-      super();
-      b(this, m);
-      b(this, p);
-      b(this, f);
-      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));
-    }
-    /**
-     * Whether the radios can be deselected.
-     */
-    get allowEmptySelection() {
-      return u(this, m);
-    }
-    set allowEmptySelection(e) {
-      l(this, m, e);
-    }
-    /**
-     * Whether the radio group is required.
-     */
-    get required() {
-      return u(this, p);
-    }
-    set required(e) {
-      l(this, p, e);
-    }
-    /**
-     * The value of the radio group.
-     */
-    set value(e) {
-      if (this._fallbackValue = e, !this.hasUpdated)
-        return;
-      if (e == null) {
-        this.radioButtons.forEach((a) => a.checked = !1);
-        return;
-      }
-      const t = this.radioButtons.find((a) => a.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;
-    }
-    /**
-     * Size variant, either xs, s or m.
-     * @default 'm' / 'xs' (lean)
-     */
-    get size() {
-      return u(this, f);
-    }
-    set size(e) {
-      l(this, f, e);
-    }
-    /**
-     * Overrides the behaviour of `orientation` property.
-     */
-    get horizontalFrom() {
-      return u(this, _);
-    }
-    set horizontalFrom(e) {
-      l(this, _, e);
-    }
-    /**
-     * Radio group's orientation, either horizontal or vertical.
-     */
-    get orientation() {
-      return u(this, g);
-    }
-    set orientation(e) {
-      l(this, g, e);
-    }
-    get name() {
-      return u(this, z);
-    }
-    set name(e) {
-      l(this, z, e);
-    }
-    /**
-     * 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;
-      });
-    }
-    connectedCallback() {
-      var e;
-      super.connectedCallback(), this.toggleAttribute("data-has-panel", !!((e = this.querySelector) != null && e.call(this, "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();
-    }
-    async firstUpdated(e) {
-      super.firstUpdated(e), await this.updateComplete, this._updateRadioState();
-    }
-    _onRadioChange(e) {
-      const t = e.target;
-      t.localName !== "sbb-radio-button" && t.localName !== "sbb-radio-button-panel" || t.group !== this || (this._fallbackValue = null, this._didChange.emit());
-    }
-    /**
-     * Proxy 'name' to child radio-buttons
-     */
-    _updateRadiosName() {
-      this.radioButtons.forEach((e) => e.name = this.name);
-    }
-    /**
-     * Re-trigger the setter and update the checked state of the radios.
-     * Mainly used to cover cases where the setter is called before the radios are loaded
-     */
-    _updateRadioState() {
-      this._fallbackValue && (this.value = this.value);
-    }
-    render() {
-      return K`
-      <div class="sbb-radio-group">
-        <slot
-          @slotchange=${() => {
-        this._updateRadiosName(), this._updateRadioState();
-      }}
-        ></slot>
-      </div>
-      <div class="sbb-radio-group__error">
-        <slot name="error"></slot>
-      </div>
-    `;
-    }
-  }, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), z = new WeakMap(), d = r, (() => {
-    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) => {
-      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) => {
-      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) => {
-      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) => {
-      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) => {
-      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) => {
-      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) => {
-      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 = {
-    didChange: "didChange",
-    change: "change",
-    input: "input"
-  }, s(d, n), r);
-  return v = d;
-})();
+import { SbbRadioButtonGroupElement as e } from "./radio-button-group/radio-button-group.js";
 export {
-  ut as SbbRadioButtonGroupElement
+  e as SbbRadioButtonGroupElement
 };

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

@@ -0,0 +1,88 @@
+var f = (t) => {
+  throw TypeError(t);
+};
+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";
+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 {
+    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 });
+    }
+    /**
+     * Size variant, either s or m.
+     * @default 'm' / 's' (lean)
+     */
+    get size() {
+      return y(this, o);
+    }
+    set size(e) {
+      d(this, o, e);
+    }
+    connectedCallback() {
+      var e;
+      super.connectedCallback(), this._hasSelectionExpansionPanelElement = !!((e = this.closest) != null && e.call(this, "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 });
+    }
+    /**
+     * 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);
+    }
+    /**
+     * 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);
+    }
+    render() {
+      return z`
+      <label class="sbb-selection-panel">
+        <div class="sbb-selection-panel__badge">
+          <slot name="badge"></slot>
+        </div>
+        <span class="sbb-radio-button">
+          <span class="sbb-radio-button__label-slot">
+            <slot></slot>
+            <slot name="suffix"></slot>
+          </span>
+          <slot name="subtext"></slot>
+          ${this.expansionState ? z`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : v}
+        </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 = {
+    change: "change",
+    input: "input",
+    panelConnected: "panelConnected",
+    stateChange: "stateChange"
+  }, b(n, i), l);
+  return r = n;
+})();
+export {
+  N as SbbRadioButtonPanelElement
+};

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

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './radio-button-panel/radio-button-panel.js';
 //# sourceMappingURL=radio-button-panel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button-panel.d.ts","sourceRoot":"","sources":["../../../src/elements/radio-button/radio-button-panel.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC"}
+{"version":3,"file":"radio-button-panel.d.ts","sourceRoot":"","sources":["../../../src/elements/radio-button/radio-button-panel.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}

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

@@ -1,88 +1,4 @@
-var f = (t) => {
-  throw TypeError(t);
-};
-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";
-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 {
-    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 });
-    }
-    /**
-     * Size variant, either s or m.
-     * @default 'm' / 's' (lean)
-     */
-    get size() {
-      return y(this, o);
-    }
-    set size(e) {
-      d(this, o, e);
-    }
-    connectedCallback() {
-      var e;
-      super.connectedCallback(), this._hasSelectionExpansionPanelElement = !!((e = this.closest) != null && e.call(this, "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 });
-    }
-    /**
-     * 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);
-    }
-    /**
-     * 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);
-    }
-    render() {
-      return z`
-      <label class="sbb-selection-panel">
-        <div class="sbb-selection-panel__badge">
-          <slot name="badge"></slot>
-        </div>
-        <span class="sbb-radio-button">
-          <span class="sbb-radio-button__label-slot">
-            <slot></slot>
-            <slot name="suffix"></slot>
-          </span>
-          <slot name="subtext"></slot>
-          ${this.expansionState ? z`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : v}
-        </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 = {
-    change: "change",
-    input: "input",
-    panelConnected: "panelConnected",
-    stateChange: "stateChange"
-  }, b(n, i), l);
-  return r = n;
-})();
+import { SbbRadioButtonPanelElement as t } from "./radio-button-panel/radio-button-panel.js";
 export {
-  N as SbbRadioButtonPanelElement
+  t as SbbRadioButtonPanelElement
 };

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

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './radio-button/radio-button.js';
 //# sourceMappingURL=radio-button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/elements/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/elements/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gCAAgC,CAAC"}

package/radio-button/radio-button.js

@@ -1,57 +1,4 @@
-var p = (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), g = (t, e, s, o) => (_(t, e, "write to private field"), o ? o.call(t, s) : e.set(t, s), s);
-import { __esDecorate as v, __runInitializers as u } from "tslib";
-import { css as y, 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 = y`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}.sbb-radio-button{display:block}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-radio-button{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}`;
-let F = (() => {
-  var l, a;
-  let t = [E("sbb-radio-button"), B()], e, s = [], o, c = I(S), b, m = [], d = [];
-  return a = class extends c {
-    constructor() {
-      super(...arguments);
-      z(this, l, u(this, m, D() ? "xs" : "m"));
-      u(this, d);
-    }
-    /**
-     * Size variant, either xs, s or m.
-     * @default 'm' / 'xs' (lean)
-     */
-    get size() {
-      return h(this, l);
-    }
-    set size(r) {
-      g(this, l, r);
-    }
-    render() {
-      return x`
-      <label class="sbb-radio-button">
-        <span class="sbb-radio-button__label-slot">
-          <slot></slot>
-        </span>
-      </label>
-    `;
-    }
-  }, l = new WeakMap(), o = a, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    b = [k({ reflect: !0 }), C((i, n) => {
-      var f;
-      return ((f = i.group) == null ? void 0 : f.size) ?? n;
-    })], v(a, null, b, { 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), v(null, e = { value: o }, t, { kind: "class", name: o.name, metadata: r }, null, s), o = e.value, r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), a.styles = [O, j], a.events = {
-    stateChange: "stateChange",
-    change: "change",
-    input: "input"
-  }, u(o, s), o;
-})();
+import { SbbRadioButtonElement as e } from "./radio-button/radio-button.js";
 export {
-  F as SbbRadioButtonElement
+  e as SbbRadioButtonElement
 };