@sbb-esta/lyne-elements 2.11.2 → 3.0.0-next.1

package/core/mixins/form-associated-mixin.js

@@ -1,12 +1,12 @@
-var g = (a) => {
+var b = (a) => {
   throw TypeError(a);
 };
-var _ = (a, i, r) => i.has(a) || g("Cannot " + r);
-var V = (a, i, r) => (_(a, i, "read from private field"), r ? r.call(a) : i.get(a)), S = (a, i, r) => i.has(a) ? g("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(a) : i.set(a, r), c = (a, i, r, o) => (_(a, i, "write to private field"), o ? o.call(a, r) : i.set(a, r), r);
-import { __esDecorate as h, __runInitializers as f } from "tslib";
-import { property as D, state as I } from "lit/decorators.js";
-import { isWebkit as M } from "../dom.js";
-const E = {
+var g = (a, s, r) => s.has(a) || b("Cannot " + r);
+var V = (a, s, r) => (g(a, s, "read from private field"), r ? r.call(a) : s.get(a)), _ = (a, s, r) => s.has(a) ? b("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), h = (a, s, r, u) => (g(a, s, "write to private field"), u ? u.call(a, r) : s.set(a, r), r);
+import { __esDecorate as S, __runInitializers as f } from "tslib";
+import { property as w, state as F } from "lit/decorators.js";
+import { isWebkit as O } from "../dom.js";
+const D = {
   badInput: !1,
   customError: !1,
   patternMismatch: !1,
@@ -27,20 +27,21 @@ if (typeof ValidityState > "u") {
       throw new TypeError("Illegal constructor");
     }
   };
-  Object.entries(E).forEach(([i, r]) => Object.assign(a.prototype, {
-    get [i]() {
+  Object.entries(D).forEach(([s, r]) => Object.assign(a.prototype, {
+    get [s]() {
       return r;
     }
   })), globalThis.ValidityState = a;
 }
-const x = (a) => (() => {
+const U = (a) => (() => {
   var d, n;
-  let r = a, o = [], m, y, v, p = [], b = [];
+  let r = a, u = [], m, y, p = [], v = [];
   return n = class extends r {
     constructor(...t) {
+      var e;
       super(...t);
-      S(this, d);
-      this._value = (f(this, o), null), this.internals = this.attachInternals(), this._validityStates = /* @__PURE__ */ new Map(), c(this, d, f(this, p, !1)), f(this, b), this.addEventListener?.("invalid", (e) => e.preventDefault());
+      _(this, d);
+      this._validityStates = (f(this, u), /* @__PURE__ */ new Map()), h(this, d, f(this, p, !1)), f(this, v), (e = this.addEventListener) == null || e.call(this, "invalid", (i) => i.preventDefault());
     }
     /**
      * Returns the form owner of this element.
@@ -64,13 +65,6 @@ const x = (a) => (() => {
     get type() {
       return this.localName;
     }
-    /** Value of the form element. */
-    set value(t) {
-      this._value = t, this.updateFormValue();
-    }
-    get value() {
-      return this._value;
-    }
     /**
      * Returns the ValidityState object for this element.
      */
@@ -101,10 +95,10 @@ const x = (a) => (() => {
       return V(this, d);
     }
     set formDisabled(t) {
-      c(this, d, t);
+      h(this, d, t);
     }
-    attributeChangedCallback(t, e, s) {
-      (t !== "name" || e !== s) && super.attributeChangedCallback(t, e, s);
+    attributeChangedCallback(t, e, i) {
+      (t !== "name" || e !== i) && super.attributeChangedCallback(t, e, i);
     }
     /**
      * Returns true if this element has no validity problems; false otherwise.
@@ -139,12 +133,29 @@ const x = (a) => (() => {
         this.formDisabled = t;
       });
     }
-    requestUpdate(t, e, s) {
-      super.requestUpdate(t, e, s), this.hasUpdated && this.shouldValidate(t) && this.validate();
+    requestUpdate(t, e, i) {
+      super.requestUpdate(t, e, i), t === "value" && this.updateFormValue(), this.hasUpdated && this.shouldValidate(t) && this.validate();
     }
     firstUpdated(t) {
       super.firstUpdated(t), this.validate();
     }
+    /**
+     * Should be called when form value is changed.
+     * Adapts and sets the formValue in the supported format (string | FormData | File | null)
+     * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue
+     */
+    updateFormValue() {
+      var i;
+      let t;
+      const e = this.name ?? this.getAttribute("name");
+      typeof this.value == "string" || this.value == null ? t = this.value : Array.isArray(this.value) ? (t = new FormData(), this.value.forEach((l) => {
+        t.append(e, typeof l == "string" ? l : new Blob([JSON.stringify(l)], {
+          type: "application/json"
+        }));
+      })) : (t = new FormData(), t.append(e, new Blob([JSON.stringify(this.value)], {
+        type: "application/json"
+      }))), this.internals.setFormValue(t, (i = this.formState) == null ? void 0 : i.call(this));
+    }
     /**
      * Marks this element as suffering from the constraint indicated by the
      * flag argument and associates the given message to it.
@@ -169,10 +180,10 @@ const x = (a) => (() => {
      *     }
      *   }
      */
-    setValidityFlag(t, e, s) {
-      s ??= !0;
+    setValidityFlag(t, e, i) {
+      i ?? (i = !0);
       const l = this._validityStates.get(t);
-      (!l || l.message !== e || l.flagValue !== s) && (this._validityStates.set(t, { flagValue: s, message: e }), this._setInternalValidity());
+      (!l || l.message !== e || l.flagValue !== i) && (this._validityStates.set(t, { flagValue: i, message: e }), this._setInternalValidity());
     }
     /** Removes the validity state flag entry and updates validity state. */
     removeValidityFlag(t) {
@@ -186,32 +197,31 @@ const x = (a) => (() => {
       return !t;
     }
     _setInternalValidity() {
-      let t = this._validityStates.get("customError")?.message;
+      var l;
+      let t = (l = this._validityStates.get("customError")) == null ? void 0 : l.message;
       const e = {};
-      this._validityStates.forEach(({ flagValue: l, message: u }, k) => {
-        e[k] = l, t ||= u;
+      this._validityStates.forEach(({ flagValue: o, message: c }, E) => {
+        e[E] = o, t || (t = c);
       });
-      const s = Object.keys(ValidityState.prototype).filter((l) => !(l in E) && l !== "valid");
-      for (const l of s) {
-        const u = l in e ? e[l] : !1;
-        Object.defineProperty(this.internals.validity, l, { value: u, configurable: !0 }), u && (e.customError = !0);
+      const i = Object.keys(ValidityState.prototype).filter((o) => !(o in D) && o !== "valid");
+      for (const o of i) {
+        const c = o in e ? e[o] : !1;
+        Object.defineProperty(this.internals.validity, o, { value: c, configurable: !0 }), c && (e.customError = !0);
       }
-      this.internals.setValidity(e, t), M && Object.defineProperty(this.internals.validity, "customError", {
+      this.internals.setValidity(e, t), O && Object.defineProperty(this.internals.validity, "customError", {
         value: this._validityStates.has("customError") || !!e.customError,
         configurable: !0
       });
     }
   }, d = new WeakMap(), (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    m = [D()], y = [D()], v = [I()], h(n, null, m, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, set: (e, s) => {
-      e.name = s;
-    } }, metadata: t }, null, o), h(n, null, y, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, s) => {
-      e.value = s;
-    } }, metadata: t }, null, o), h(n, null, v, { kind: "accessor", name: "formDisabled", static: !1, private: !1, access: { has: (e) => "formDisabled" in e, get: (e) => e.formDisabled, set: (e, s) => {
-      e.formDisabled = s;
-    } }, metadata: t }, p, b), t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    m = [w()], y = [F()], S(n, null, m, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, set: (e, i) => {
+      e.name = i;
+    } }, metadata: t }, null, u), S(n, null, y, { kind: "accessor", name: "formDisabled", static: !1, private: !1, access: { has: (e) => "formDisabled" in e, get: (e) => e.formDisabled, set: (e, i) => {
+      e.formDisabled = i;
+    } }, metadata: t }, p, v), t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), n.formAssociated = !0, n;
 })();
 export {
-  x as SbbFormAssociatedMixin
+  U as SbbFormAssociatedMixin
 };

package/core/mixins/form-associated-radio-button-mixin.d.ts

@@ -1,9 +1,6 @@
 import { LitElement } from 'lit';
-import { SbbConnectedAbortController } from '../controllers.js';
-import { Constructor } from './constructor.js';
-import { SbbDisabledMixinType } from './disabled-mixin.js';
-import { FormRestoreReason, FormRestoreState, SbbFormAssociatedMixinType } from './form-associated-mixin.js';
-import { SbbRequiredMixinType } from './required-mixin.js';
+import { AbstractConstructor } from './constructor.js';
+import { FormRestoreReason, FormRestoreState } from './form-associated-mixin.js';
 /**
  * A static registry that holds a collection of grouped `radio-buttons`.
  * Groups of radio buttons are local to the form they belong (or the `renderRoot` if they're not part of any form)
@@ -12,18 +9,12 @@ import { SbbRequiredMixinType } from './required-mixin.js';
  * @internal
  */
 export declare const radioButtonRegistry: WeakMap<Node, Map<string, Set<SbbFormAssociatedRadioButtonMixinType>>>;
-export declare class SbbFormAssociatedRadioButtonMixinType extends SbbFormAssociatedMixinType implements Partial<SbbDisabledMixinType>, Partial<SbbRequiredMixinType> {
+declare const SbbFormAssociatedRadioButtonMixinType_base: AbstractConstructor<import('./disabled-mixin.js').SbbDisabledMixinType> & AbstractConstructor<import('./required-mixin.js').SbbRequiredMixinType> & AbstractConstructor<import('./form-associated-mixin.js').SbbFormAssociatedMixinType> & AbstractConstructor<import('./element-internals-mixin.js').SbbElementInternalsMixinType> & typeof LitElement & import('./element-internals-mixin.js').SbbElementInternalsConstructor;
+export declare abstract class SbbFormAssociatedRadioButtonMixinType extends SbbFormAssociatedRadioButtonMixinType_base {
     accessor checked: boolean;
-    accessor disabled: boolean;
-    accessor required: boolean;
     protected associatedRadioButtons?: Set<SbbFormAssociatedRadioButtonMixinType>;
-    /** @deprecated No longer used internally. */
-    protected abort: SbbConnectedAbortController;
     formResetCallback(): void;
     formStateRestoreCallback(state: FormRestoreState | null, reason: FormRestoreReason): void;
-    protected isDisabledExternally(): boolean;
-    protected isRequiredExternally(): boolean;
-    protected withUserInteraction?(): void;
     protected updateFormValue(): void;
     protected updateFocusableRadios(): void;
     protected emitChangeEvents(): void;
@@ -32,5 +23,6 @@ export declare class SbbFormAssociatedRadioButtonMixinType extends SbbFormAssoci
 /**
  * The SbbFormAssociatedRadioButtonMixin enables native form support for radio controls.
  */
-export declare const SbbFormAssociatedRadioButtonMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<SbbFormAssociatedRadioButtonMixinType> & T;
+export declare const SbbFormAssociatedRadioButtonMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbFormAssociatedRadioButtonMixinType> & T;
+export {};
 //# sourceMappingURL=form-associated-radio-button-mixin.d.ts.map

package/core/mixins/form-associated-radio-button-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-associated-radio-button-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-radio-button-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAuB,MAAM,KAAK,CAAC;AAIrE,OAAO,EAAE,2BAA2B,EAAyB,MAAM,mBAAmB,CAAC;AAGvF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAErB,KAAK,0BAA0B,EAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAElF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,wEAG7B,CAAC;AAEJ,MAAM,CAAC,OAAO,OAAO,qCACnB,SAAQ,0BACR,YAAW,OAAO,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAEvE,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAElC,SAAS,CAAC,sBAAsB,CAAC,EAAE,GAAG,CAAC,qCAAqC,CAAC,CAAC;IAC9E,6CAA6C;IAC7C,SAAS,CAAC,KAAK,EAAE,2BAA2B,CAAC;IAEtC,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,oBAAoB,IAAI,OAAO;IACzC,SAAS,CAAC,oBAAoB,IAAI,OAAO;IACzC,SAAS,CAAC,mBAAmB,CAAC,IAAI,IAAI;IACtC,SAAS,CAAC,eAAe,IAAI,IAAI;IACjC,SAAS,CAAC,qBAAqB,IAAI,IAAI;IACvC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAClC,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,qCAAqC,GAAG,OAAO,CAAC,IAAI,CAAC;CAC1F;AAED;;GAEG;AAEH,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EACjF,YAAY,CAAC,KACZ,WAAW,CAAC,qCAAqC,CAAC,GAAG,CA8SvD,CAAC"}
+{"version":3,"file":"form-associated-radio-button-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-radio-button-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAuB,MAAM,KAAK,CAAC;AAOrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAEtB,MAAM,4BAA4B,CAAC;AAGpC;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,wEAG7B,CAAC;;AAEJ,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,qCAAsC,SAAQ,0CAE3E;IACC,SAAgB,OAAO,EAAE,OAAO,CAAC;IAEjC,SAAS,CAAC,sBAAsB,CAAC,EAAE,GAAG,CAAC,qCAAqC,CAAC,CAAC;IAEvE,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,eAAe,IAAI,IAAI;IACjC,SAAS,CAAC,qBAAqB,IAAI,IAAI;IACvC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAClC,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,qCAAqC,GAAG,OAAO,CAAC,IAAI,CAAC;CAC1F;AAED;;GAEG;AAEH,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACzF,YAAY,CAAC,KACZ,mBAAmB,CAAC,qCAAqC,CAAC,GAAG,CAsT/D,CAAC"}

package/core/mixins/form-associated-radio-button-mixin.js

@@ -1,16 +1,17 @@
-import { __esDecorate as l, __runInitializers as u } from "tslib";
-import { isServer as p } from "lit";
-import { property as m } from "lit/decorators.js";
-import { interactivityChecker as b, isArrowKeyPressed as f, getNextElementIndex as _ } from "../a11y.js";
-import { SbbConnectedAbortController as R, SbbLanguageController as y } from "../controllers.js";
+import { __esDecorate as h, __runInitializers as m } from "tslib";
+import { isServer as f } from "lit";
+import { property as l } from "lit/decorators.js";
+import { interactivityChecker as b, isArrowKeyPressed as _, getNextElementIndex as y } from "../a11y.js";
+import { SbbLanguageController as R } from "../controllers.js";
 import { i18nSelectionRequired as k } from "../i18n.js";
 import { SbbDisabledMixin as g } from "./disabled-mixin.js";
-import { SbbFormAssociatedMixin as B } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as v } from "./required-mixin.js";
-const c = /* @__PURE__ */ new WeakMap(), D = (h) => (() => {
+import { SbbElementInternalsMixin as B } from "./element-internals-mixin.js";
+import { SbbFormAssociatedMixin as v } from "./form-associated-mixin.js";
+import { SbbRequiredMixin as S } from "./required-mixin.js";
+const u = /* @__PURE__ */ new WeakMap(), V = (p) => (() => {
   var a;
-  let o = g(v(B(h))), r = [], d;
-  return a = class extends o {
+  let r = g(S(v(B(p)))), o = [], n, d;
+  return a = class extends r {
     /**
      * Whether the radio button is checked.
      */
@@ -34,7 +35,8 @@ const c = /* @__PURE__ */ new WeakMap(), D = (h) => (() => {
       return "radio";
     }
     constructor() {
-      super(), this._checked = (u(this, r), !1), this.abort = new R(this), this._languageController = new y(this), this.internals.role = "radio", this.addEventListener?.("keydown", (e) => this._handleArrowKeyDown(e));
+      var e;
+      super(), this._checked = (m(this, o), !1), this._languageController = new R(this), (e = this.addEventListener) == null || e.call(this, "keydown", (t) => this._handleArrowKeyDown(t));
     }
     connectedCallback() {
       super.connectedCallback(), this._connectToRegistry(), this._synchronizeGroupState();
@@ -56,7 +58,13 @@ const c = /* @__PURE__ */ new WeakMap(), D = (h) => (() => {
      * @internal
      */
     formStateRestoreCallback(e, t) {
-      e && (this.checked = e === this.value);
+      typeof e == "string" || e == null ? this.checked = e === this.value : e instanceof FormData && this._readFormData(e).then((i) => {
+        this.checked = i === this.value;
+      });
+    }
+    async _readFormData(e) {
+      const t = e.get(this.name);
+      return t instanceof Blob ? JSON.parse(await t.text()) : t;
     }
     willUpdate(e) {
       super.willUpdate(e), e.has("disabled") && this.updateFocusableRadios();
@@ -69,7 +77,7 @@ const c = /* @__PURE__ */ new WeakMap(), D = (h) => (() => {
      * If 'checked', update the value. Otherwise, do nothing.
      */
     updateFormValue() {
-      this.checked ? this.internals.setFormValue(this.value, this.value) : this.internals.setFormValue(null);
+      this.checked ? super.updateFormValue() : this.internals.setFormValue(null);
     }
     shouldValidate(e) {
       return super.shouldValidate(e) || e === "checked" || e === "required";
@@ -83,7 +91,7 @@ const c = /* @__PURE__ */ new WeakMap(), D = (h) => (() => {
         return;
       let e = !1, t = !1;
       for (const i of this.associatedRadioButtons)
-        e ||= i.required, t ||= i.checked;
+        e || (e = i.required), t || (t = i.checked);
       e && !t ? this.associatedRadioButtons.forEach((i) => i.setValidityFlag("valueMissing", k[this._languageController.current])) : this.associatedRadioButtons.forEach((i) => i.removeValidityFlag("valueMissing"));
     }
     /**
@@ -110,10 +118,10 @@ const c = /* @__PURE__ */ new WeakMap(), D = (h) => (() => {
      * Add `this` to the radioButton registry
      */
     _connectToRegistry() {
-      if (!this.name || p)
+      if (!this.name || f)
         return;
       const e = this.form ?? this.getRootNode();
-      this._radioButtonGroupsMap = c.get(e), this._radioButtonGroupsMap || (this._radioButtonGroupsMap = /* @__PURE__ */ new Map(), c.set(e, this._radioButtonGroupsMap)), this.associatedRadioButtons = this._radioButtonGroupsMap.get(this.name), this.associatedRadioButtons || (this.associatedRadioButtons = /* @__PURE__ */ new Set(), this._radioButtonGroupsMap.set(this.name, this.associatedRadioButtons));
+      this._radioButtonGroupsMap = u.get(e), this._radioButtonGroupsMap || (this._radioButtonGroupsMap = /* @__PURE__ */ new Map(), u.set(e, this._radioButtonGroupsMap)), this.associatedRadioButtons = this._radioButtonGroupsMap.get(this.name), this.associatedRadioButtons || (this.associatedRadioButtons = /* @__PURE__ */ new Set(), this._radioButtonGroupsMap.set(this.name, this.associatedRadioButtons));
       const t = Array.from(this.associatedRadioButtons);
       this.associatedRadioButtons.clear();
       const i = t.findIndex((s) => this.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_FOLLOWING);
@@ -123,7 +131,8 @@ const c = /* @__PURE__ */ new WeakMap(), D = (h) => (() => {
      * Remove `this` from the radioButton registry and, if the group is empty, delete the entry from the groups Map
      */
     _disconnectFromRegistry() {
-      this.associatedRadioButtons?.delete(this), this.associatedRadioButtons?.size === 0 ? this._radioButtonGroupsMap?.delete(this.name) : this.validate(), this.associatedRadioButtons = void 0, this._radioButtonGroupsMap = void 0;
+      var e, t, i;
+      (e = this.associatedRadioButtons) == null || e.delete(this), ((t = this.associatedRadioButtons) == null ? void 0 : t.size) === 0 ? (i = this._radioButtonGroupsMap) == null || i.delete(this.name) : this.validate(), this.associatedRadioButtons = void 0, this._radioButtonGroupsMap = void 0;
     }
     /**
      * Return a list of 'interactable' grouped radios, ordered in DOM order
@@ -138,20 +147,22 @@ const c = /* @__PURE__ */ new WeakMap(), D = (h) => (() => {
       Array.from(this.associatedRadioButtons ?? []).filter((e) => e !== this).forEach((e) => e.checked = !1);
     }
     async _handleArrowKeyDown(e) {
-      if (!f(e))
+      if (!_(e))
         return;
       e.preventDefault();
-      const t = this._interactableGroupedRadios().filter((n) => !n.disabled && !n.formDisabled), i = t.indexOf(this), s = _(e, i, t.length);
+      const t = this._interactableGroupedRadios().filter((c) => !c.disabled && !c.formDisabled), i = t.indexOf(this), s = y(e, i, t.length);
       await this.navigateByKeyboard(t[s]);
     }
   }, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    d = [m({ type: Boolean })], l(a, null, d, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, set: (t, i) => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    n = [l({ type: Boolean })], d = [l()], h(a, null, n, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, set: (t, i) => {
       t.checked = i;
-    } }, metadata: e }, null, r), e && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a;
+    } }, metadata: e }, null, o), h(a, null, d, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (t) => "name" in t, set: (t, i) => {
+      t.name = i;
+    } }, metadata: e }, null, o), e && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), a.role = "radio", a;
 })();
 export {
-  D as SbbFormAssociatedRadioButtonMixin,
-  c as radioButtonRegistry
+  V as SbbFormAssociatedRadioButtonMixin,
+  u as radioButtonRegistry
 };

package/core/mixins/hydration-mixin.js

@@ -1,5 +1,5 @@
-const h = (o) => {
-  class n extends o {
+const d = (s) => {
+  class a extends s {
     /**
      * Returns a Promise that resolves when the element has completed hydration.
      * The Promise value is a boolean that is `true` if the element required hydration
@@ -15,24 +15,25 @@ const h = (o) => {
     get hydrationRequired() {
       return this._hydrationRequired;
     }
-    constructor(...i) {
-      if (super(...i), this._hydrationComplete = new Promise((t) => this._resolveHydration = t), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired)
+    constructor(...r) {
+      var o;
+      if (super(...r), this._hydrationComplete = new Promise((i) => this._resolveHydration = i), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired)
         this._resolveHydration(!1);
       else {
-        const t = (e) => {
+        const i = (e) => {
           this._hydrationRequired && e.stopImmediatePropagation();
-        }, s = { capture: !0 }, r = this.shadowRoot?.querySelectorAll("slot");
-        r?.length && (r.forEach((e) => e.addEventListener("slotchange", t, s)), this.hydrationComplete.then(() => r.forEach((e) => {
-          e.removeEventListener("slotchange", t, s), e.assignedNodes().length && e.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
+        }, n = { capture: !0 }, t = (o = this.shadowRoot) == null ? void 0 : o.querySelectorAll("slot");
+        t != null && t.length && (t.forEach((e) => e.addEventListener("slotchange", i, n)), this.hydrationComplete.then(() => t.forEach((e) => {
+          e.removeEventListener("slotchange", i, n), e.assignedNodes().length && e.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
         })));
       }
     }
-    update(i) {
-      super.update(i), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
+    update(r) {
+      super.update(r), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
     }
   }
-  return n;
+  return a;
 };
 export {
-  h as SbbHydrationMixin
+  d as SbbHydrationMixin
 };

package/core/mixins/named-slot-list-mixin.js

@@ -1,23 +1,23 @@
-var C = (l) => {
+var p = (l) => {
   throw TypeError(l);
 };
-var p = (l, i, s) => i.has(l) || C("Cannot " + s);
-var S = (l, i, s) => (p(l, i, "read from private field"), s ? s.call(l) : i.get(l)), f = (l, i, s) => i.has(l) ? C("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(l) : i.set(l, s), c = (l, i, s, o) => (p(l, i, "write to private field"), o ? o.call(l, s) : i.set(l, s), s);
-import { __runInitializers as _, __esDecorate as $ } from "tslib";
+var S = (l, i, s) => i.has(l) || p("Cannot " + s);
+var f = (l, i, s) => (S(l, i, "read from private field"), s ? s.call(l) : i.get(l)), _ = (l, i, s) => i.has(l) ? p("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(l) : i.set(l, s), c = (l, i, s, o) => (S(l, i, "write to private field"), o ? o.call(l, s) : i.set(l, s), s);
+import { __runInitializers as g, __esDecorate as L } from "tslib";
 import { nothing as m, html as h } from "lit";
-import { state as L } from "lit/decorators.js";
-import { SbbHydrationMixin as N } from "./hydration-mixin.js";
+import { state as N } from "lit/decorators.js";
+import { SbbHydrationMixin as v } from "./hydration-mixin.js";
 import "../../screen-reader-only.js";
-const g = "data-ssr-child-count", y = "li", O = (l) => (() => {
-  var a, n;
-  let s = N(l), o, u = [], b = [];
-  return n = class extends s {
+const y = "data-ssr-child-count", $ = "li", A = (l) => (() => {
+  var r, a;
+  let s = v(l), o, u = [], C = [];
+  return a = class extends s {
     constructor() {
       super(...arguments);
-      f(this, a);
-      c(this, a, _(this, u, [])), this._handleSlotchange = (_(this, b), () => {
+      _(this, r);
+      c(this, r, g(this, u, [])), this._handleSlotchange = (g(this, C), () => {
         const e = Array.from(this.children ?? []).filter((t) => this.listChildLocalNames.includes(t.localName));
-        e.length === this.listChildren.length && this.listChildren.every((t, r) => e[r] === t) || (this.listChildren.filter((t) => !e.includes(t)).forEach((t) => t.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((t, r) => t.setAttribute("slot", `${y}-${r}`)), this.removeAttribute(g));
+        e.length === this.listChildren.length && this.listChildren.every((t, n) => e[n] === t) || (this.listChildren.filter((t) => !e.includes(t)).forEach((t) => t.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((t, n) => t.setAttribute("slot", `${$}-${n}`)), this.removeAttribute(y));
       });
     }
     /**
@@ -26,16 +26,18 @@ const g = "data-ssr-child-count", y = "li", O = (l) => (() => {
      * to the child elements.
      */
     get listChildren() {
-      return S(this, a);
+      return f(this, r);
     }
     set listChildren(e) {
-      c(this, a, e);
+      c(this, r, e);
     }
     connectedCallback() {
-      super.connectedCallback(), this.shadowRoot?.addEventListener("slotchange", this._handleSlotchange, { passive: !0 });
+      var e;
+      super.connectedCallback(), (e = this.shadowRoot) == null || e.addEventListener("slotchange", this._handleSlotchange, { passive: !0 });
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), this.shadowRoot?.removeEventListener("slotchange", this._handleSlotchange);
+      var e;
+      super.disconnectedCallback(), (e = this.shadowRoot) == null || e.removeEventListener("slotchange", this._handleSlotchange);
     }
     /**
      * Renders list and list slots for slotted children or a number of list slots
@@ -47,23 +49,23 @@ const g = "data-ssr-child-count", y = "li", O = (l) => (() => {
      * children to be passed via the `data-ssr-child-count` attribute value.
      */
     renderList(e = {}, t = {}) {
-      const r = this.listSlotEntries(t);
-      return r.length >= 2 ? h`
+      const n = this.listSlotEntries(t);
+      return n.length >= 2 ? h`
           <ul
             class=${e.class || this.localName}
             aria-label=${e.ariaLabel || m}
             aria-labelledby=${e.ariaLabelledby || m}
           >
-            ${r.map((d) => h`
+            ${n.map((d) => h`
                 <li aria-hidden=${d.ariaHidden || m}>
                   <slot name=${d.name}></slot>
                 </li>
               `)}
           </ul>
           ${this.renderHiddenSlot()}
-        ` : r.length === 1 ? h`<sbb-screen-reader-only>${e.ariaLabel}</sbb-screen-reader-only>
+        ` : n.length === 1 ? h`<sbb-screen-reader-only>${e.ariaLabel}</sbb-screen-reader-only>
           <span class=${e.class || this.localName}>
-            <span><slot name=${r[0].name}></slot></span>
+            <span><slot name=${n[0].name}></slot></span>
           </span>
           ${this.renderHiddenSlot()} ` : this.renderHiddenSlot();
     }
@@ -77,10 +79,13 @@ const g = "data-ssr-child-count", y = "li", O = (l) => (() => {
      * children to be passed via the `data-ssr-child-count` attribute value.
      */
     listSlotEntries(e) {
-      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(g) ?? 0) })).map((r, d) => ({
-        name: `${y}-${d}`,
-        ariaHidden: e?.localNameVisualOnly?.includes(r.localName) ?? !1
-      }));
+      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(y) ?? 0) })).map((n, d) => {
+        var b;
+        return {
+          name: `${$}-${d}`,
+          ariaHidden: ((b = e == null ? void 0 : e.localNameVisualOnly) == null ? void 0 : b.includes(n.localName)) ?? !1
+        };
+      });
     }
     /**
      * Returns a hidden slot, which is intended as the children change detection.
@@ -90,13 +95,13 @@ const g = "data-ssr-child-count", y = "li", O = (l) => (() => {
     renderHiddenSlot() {
       return h`<span hidden><slot></slot></span>`;
     }
-  }, a = new WeakMap(), (() => {
+  }, r = new WeakMap(), (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    o = [L()], $(n, null, o, { kind: "accessor", name: "listChildren", static: !1, private: !1, access: { has: (t) => "listChildren" in t, get: (t) => t.listChildren, set: (t, r) => {
-      t.listChildren = r;
-    } }, metadata: e }, u, b), e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), n;
+    o = [N()], L(a, null, o, { kind: "accessor", name: "listChildren", static: !1, private: !1, access: { has: (t) => "listChildren" in t, get: (t) => t.listChildren, set: (t, n) => {
+      t.listChildren = n;
+    } }, metadata: e }, u, C), e && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), a;
 })();
 export {
-  O as SbbNamedSlotListMixin
+  A as SbbNamedSlotListMixin
 };

package/core/mixins/panel-mixin.js

@@ -1,59 +1,60 @@
-var k = (e) => {
-  throw TypeError(e);
+var k = (t) => {
+  throw TypeError(t);
 };
-var I = (e, s, a) => s.has(e) || k("Cannot " + a);
-var h = (e, s, a) => (I(e, s, "read from private field"), a ? a.call(e) : s.get(e)), b = (e, s, a) => s.has(e) ? k("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), i = (e, s, a, p) => (I(e, s, "write to private field"), p ? p.call(e, a) : s.set(e, a), a);
+var I = (t, a, r) => a.has(t) || k("Cannot " + r);
+var h = (t, a, r) => (I(t, a, "read from private field"), r ? r.call(t) : a.get(t)), b = (t, a, r) => a.has(t) ? k("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, r), i = (t, a, r, p) => (I(t, a, "write to private field"), p ? p.call(t, r) : a.set(t, r), r);
 import { __runInitializers as d, __esDecorate as _ } from "tslib";
 import { property as m } from "lit/decorators.js";
 import { forceType as w } from "../decorators.js";
 import { EventEmitter as j } from "../eventing.js";
-const q = (e) => (() => {
-  var n, l, c, r;
-  let a = e, p, f = [], x = [], g, S = [], y = [], v, z = [], C = [];
-  return r = class extends a {
+const q = (t) => (() => {
+  var n, l, c, o;
+  let r = t, p, f = [], x = [], g, S = [], y = [], v, z = [], C = [];
+  return o = class extends r {
     constructor() {
       super(...arguments);
       b(this, n);
       b(this, l);
       b(this, c);
-      i(this, n, d(this, f, "white")), i(this, l, (d(this, x), d(this, S, !1))), i(this, c, (d(this, y), d(this, z, ""))), this._panelConnected = (d(this, C), new j(this, r.events.panelConnected, { bubbles: !0 }));
+      i(this, n, d(this, f, "white")), i(this, l, (d(this, x), d(this, S, !1))), i(this, c, (d(this, y), d(this, z, ""))), this._panelConnected = (d(this, C), new j(this, o.events.panelConnected, { bubbles: !0 }));
     }
     /** The background color of the panel. */
     get color() {
       return h(this, n);
     }
-    set color(o) {
-      i(this, n, o);
+    set color(s) {
+      i(this, n, s);
     }
     /** Whether the unselected panel has a border. */
     get borderless() {
       return h(this, l);
     }
-    set borderless(o) {
-      i(this, l, o);
+    set borderless(s) {
+      i(this, l, s);
     }
     /** @internal used for accessibility label when in expansion panel */
     get expansionState() {
       return h(this, c);
     }
-    set expansionState(o) {
-      i(this, c, o);
+    set expansionState(s) {
+      i(this, c, s);
     }
     connectedCallback() {
-      super.connectedCallback(), this._panelConnected.emit(), this.closest?.("sbb-radio-button-group, sbb-checkbox-group")?.toggleAttribute("data-has-panel", !0);
+      var s, e;
+      super.connectedCallback(), this._panelConnected.emit(), (e = (s = this.closest) == null ? void 0 : s.call(this, "sbb-radio-button-group, sbb-checkbox-group")) == null || e.toggleAttribute("data-has-panel", !0);
     }
   }, n = new WeakMap(), l = new WeakMap(), c = new WeakMap(), (() => {
-    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    p = [m({ reflect: !0 })], g = [w(), m({ reflect: !0, type: Boolean })], v = [w(), m()], _(r, null, p, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (t) => "color" in t, get: (t) => t.color, set: (t, u) => {
-      t.color = u;
-    } }, metadata: o }, f, x), _(r, null, g, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (t) => "borderless" in t, get: (t) => t.borderless, set: (t, u) => {
-      t.borderless = u;
-    } }, metadata: o }, S, y), _(r, null, v, { kind: "accessor", name: "expansionState", static: !1, private: !1, access: { has: (t) => "expansionState" in t, get: (t) => t.expansionState, set: (t, u) => {
-      t.expansionState = u;
-    } }, metadata: o }, z, C), o && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), r.events = {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    p = [m({ reflect: !0 })], g = [w(), m({ reflect: !0, type: Boolean })], v = [w(), m()], _(o, null, p, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, u) => {
+      e.color = u;
+    } }, metadata: s }, f, x), _(o, null, g, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (e) => "borderless" in e, get: (e) => e.borderless, set: (e, u) => {
+      e.borderless = u;
+    } }, metadata: s }, S, y), _(o, null, v, { kind: "accessor", name: "expansionState", static: !1, private: !1, access: { has: (e) => "expansionState" in e, get: (e) => e.expansionState, set: (e, u) => {
+      e.expansionState = u;
+    } }, metadata: s }, z, C), s && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), o.events = {
     panelConnected: "panelConnected"
-  }, r;
+  }, o;
 })();
 export {
   q as SbbPanelMixin

package/core/mixins/readonly-mixin.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+import { AbstractConstructor } from './constructor.js';
+export declare class SbbReadonlyMixinType {
+    accessor readOnly: boolean;
+}
+/**
+ * Enhance your component with a readonly property.
+ */
+export declare const SbbReadonlyMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbReadonlyMixinType> & T;
+//# sourceMappingURL=readonly-mixin.d.ts.map

package/core/mixins/readonly-mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"readonly-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/readonly-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,SAAgB,QAAQ,EAAE,OAAO,CAAC;CACnC;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACxE,YAAY,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAiB9C,CAAC"}