@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773396165

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

@@ -1,153 +1,169 @@
-import { SbbDisabledMixin as e } from "./disabled-mixin.js";
-import { SbbElementInternalsMixin as t } from "./element-internals-mixin.js";
-import { SbbFormAssociatedMixin as n } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as r } from "./required-mixin.js";
-import { __esDecorate as i, __runInitializers as a } from "tslib";
-import { isServer as o } from "lit";
-import { property as s } from "lit/decorators.js";
-import { SbbLanguageController as c } from "../controllers.js";
-import { i18nSelectionRequired as l } from "../i18n.js";
-import { getNextElementIndex as u, interactivityChecker as d, isArrowKeyPressed as f } from "../a11y.js";
-//#region src/elements/core/mixins/form-associated-radio-button-mixin.ts
-var p = /* @__PURE__ */ new WeakMap(), m = (m) => {
-	let h = m._$sbbElement$ ? m : t(m);
-	return (() => {
-		let t = e(r(n(h))), m = [], g, _;
-		return class extends t {
-			static {
-				let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
-				g = [s({ type: Boolean })], _ = [s()], i(this, null, g, {
-					kind: "setter",
-					name: "checked",
-					static: !1,
-					private: !1,
-					access: {
-						has: (e) => "checked" in e,
-						set: (e, t) => {
-							e.checked = t;
-						}
-					},
-					metadata: e
-				}, null, m), i(this, null, _, {
-					kind: "setter",
-					name: "name",
-					static: !1,
-					private: !1,
-					access: {
-						has: (e) => "name" in e,
-						set: (e, t) => {
-							e.name = t;
-						}
-					},
-					metadata: e
-				}, null, m), e && Object.defineProperty(this, Symbol.metadata, {
-					enumerable: !0,
-					configurable: !0,
-					writable: !0,
-					value: e
-				});
-			}
-			static {
-				this.role = "radio";
-			}
-			set checked(e) {
-				this._checked = !!e, this.toggleState("checked", this.checked), this.internals.ariaChecked = this.checked.toString(), this.updateFormValue(), this._synchronizeGroupState();
-			}
-			get checked() {
-				return this._checked;
-			}
-			set name(e) {
-				super.name = e, this._disconnectFromRegistry(), this._connectToRegistry(), this._synchronizeGroupState();
-			}
-			get name() {
-				return super.name;
-			}
-			get type() {
-				return "radio";
-			}
-			constructor() {
-				super(), this._checked = (a(this, m), !1), this._languageController = new c(this), this.addEventListener?.("keydown", (e) => this._handleArrowKeyDown(e));
-			}
-			connectedCallback() {
-				super.connectedCallback(), this._connectToRegistry(), this._synchronizeGroupState();
-			}
-			disconnectedCallback() {
-				super.disconnectedCallback(), this._disconnectFromRegistry();
-			}
-			formResetCallback() {
-				this.checked = this.hasAttribute("checked");
-			}
-			formStateRestoreCallback(e, t) {
-				typeof e == "string" || e == null ? this.checked = e === this.value : e instanceof FormData && this._readFormData(e).then((e) => {
-					this.checked = e === this.value;
-				});
-			}
-			async _readFormData(e) {
-				let 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();
-			}
-			firstUpdated(e) {
-				super.firstUpdated(e), this.updateFocusableRadios();
-			}
-			updateFormValue() {
-				this.checked ? super.updateFormValue() : this.internals.setFormValue(null);
-			}
-			shouldValidate(e) {
-				return super.shouldValidate(e) || e === "checked" || e === "required";
-			}
-			validate() {
-				if (super.validate(), !this.associatedRadioButtons) return;
-				let e = !1, t = !1;
-				for (let n of this.associatedRadioButtons) e ||= n.required, t ||= n.checked;
-				e && !t ? this.associatedRadioButtons.forEach((e) => e.setValidityFlag("valueMissing", l[this._languageController.current])) : this.associatedRadioButtons.forEach((e) => e.removeValidityFlag("valueMissing"));
-			}
-			updateFocusableRadios() {
-				if (!this.hasUpdated) return;
-				let e = this._interactableGroupedRadios(), t = e.findIndex((e) => e.checked && !e.disabled && !e.formDisabled), n = t === -1 ? e.findIndex((e) => !e.disabled && !e.formDisabled) : t;
-				n !== -1 && (e[n].tabIndex = 0, e.splice(n, 1)), e.forEach((e) => e.removeAttribute("tabindex"));
-			}
-			async navigateByKeyboard(e) {
-				e.checked = !0, this.emitChangeEvents(), await e.updateComplete, e.focus();
-			}
-			emitChangeEvents() {
-				this.dispatchEvent(new InputEvent("input", {
-					bubbles: !0,
-					cancelable: !0,
-					composed: !0
-				})), this.dispatchEvent(new Event("change", { bubbles: !0 }));
-			}
-			_synchronizeGroupState() {
-				this.checked && this._deselectGroupedRadios(), this.updateFocusableRadios();
-			}
-			_connectToRegistry() {
-				if (!this.name || o) return;
-				let e = this.form ?? this.getRootNode();
-				this._radioButtonGroupsMap = p.get(e), this._radioButtonGroupsMap || (this._radioButtonGroupsMap = /* @__PURE__ */ new Map(), p.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));
-				let t = Array.from(this.associatedRadioButtons);
-				this.associatedRadioButtons.clear();
-				let n = t.findIndex((e) => this.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_FOLLOWING);
-				n === -1 ? t.push(this) : t.splice(n, 0, this), t.forEach((e) => this.associatedRadioButtons.add(e)), this.validate();
-			}
-			_disconnectFromRegistry() {
-				this.associatedRadioButtons?.delete(this), this.associatedRadioButtons?.size === 0 ? this._radioButtonGroupsMap?.delete(this.name) : this.validate(), this.associatedRadioButtons = void 0, this._radioButtonGroupsMap = void 0;
-			}
-			_interactableGroupedRadios() {
-				return Array.from(this.associatedRadioButtons ?? []).filter((e) => d.isVisible(e));
-			}
-			_deselectGroupedRadios() {
-				Array.from(this.associatedRadioButtons ?? []).filter((e) => e !== this).forEach((e) => e.checked = !1);
-			}
-			async _handleArrowKeyDown(e) {
-				if (!f(e)) return;
-				e.preventDefault();
-				let t = this._interactableGroupedRadios().filter((e) => !e.disabled && !e.formDisabled), n = u(e, t.indexOf(this), t.length);
-				await this.navigateByKeyboard(t[n]);
-			}
-		};
-	})();
+import { __esDecorate as l, __runInitializers as f } from "tslib";
+import { isServer as b } from "lit";
+import { property as u } from "lit/decorators.js";
+import { interactivityChecker as _, isArrowKeyPressed as y, getNextElementIndex as R } from "../a11y.js";
+import { SbbLanguageController as k } from "../controllers.js";
+import { i18nSelectionRequired as g } from "../i18n.js";
+import { SbbDisabledMixin as B } from "./disabled-mixin.js";
+import { SbbElementInternalsMixin as v } from "./element-internals-mixin.js";
+import { SbbFormAssociatedMixin as S } from "./form-associated-mixin.js";
+import { SbbRequiredMixin as x } from "./required-mixin.js";
+const p = /* @__PURE__ */ new WeakMap(), z = (o) => {
+  const m = o._$sbbElement$ ? o : v(o);
+  return (() => {
+    var a;
+    let n = B(x(S(m))), r = [], d, c;
+    return a = class extends n {
+      /**
+       * Whether the radio button is checked.
+       */
+      set checked(e) {
+        this._checked = !!e, this.toggleState("checked", this.checked), this.internals.ariaChecked = this.checked.toString(), this.updateFormValue(), this._synchronizeGroupState();
+      }
+      get checked() {
+        return this._checked;
+      }
+      set name(e) {
+        super.name = e, this._disconnectFromRegistry(), this._connectToRegistry(), this._synchronizeGroupState();
+      }
+      get name() {
+        return super.name;
+      }
+      /**
+       * Form type of element.
+       * @default 'radio'
+       */
+      get type() {
+        return "radio";
+      }
+      constructor() {
+        super(), this._checked = (f(this, r), !1), this._languageController = new k(this), this.addEventListener?.("keydown", (e) => this._handleArrowKeyDown(e));
+      }
+      connectedCallback() {
+        super.connectedCallback(), this._connectToRegistry(), this._synchronizeGroupState();
+      }
+      disconnectedCallback() {
+        super.disconnectedCallback(), this._disconnectFromRegistry();
+      }
+      /**
+       * Is called whenever the form is being reset.
+       * @internal
+       */
+      formResetCallback() {
+        this.checked = this.hasAttribute("checked");
+      }
+      /**
+       *  Called when the browser is trying to restore element’s state to state in which case
+       *  reason is "restore", or when the browser is trying to fulfill autofill on behalf of
+       *  user in which case reason is "autocomplete".
+       * @internal
+       */
+      formStateRestoreCallback(e, t) {
+        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();
+      }
+      firstUpdated(e) {
+        super.firstUpdated(e), this.updateFocusableRadios();
+      }
+      /**
+       * Called on `value` change
+       * If 'checked', update the value. Otherwise, do nothing.
+       */
+      updateFormValue() {
+        this.checked ? super.updateFormValue() : this.internals.setFormValue(null);
+      }
+      shouldValidate(e) {
+        return super.shouldValidate(e) || e === "checked" || e === "required";
+      }
+      /**
+       * Sets the validity of all associated radio buttons.
+       * If any radio button is required, all associated are required as well.
+       */
+      validate() {
+        if (super.validate(), !this.associatedRadioButtons)
+          return;
+        let e = !1, t = !1;
+        for (const i of this.associatedRadioButtons)
+          e ||= i.required, t ||= i.checked;
+        e && !t ? this.associatedRadioButtons.forEach((i) => i.setValidityFlag("valueMissing", g[this._languageController.current])) : this.associatedRadioButtons.forEach((i) => i.removeValidityFlag("valueMissing"));
+      }
+      /**
+       * Only a single radio should be focusable in the group. Defined as:
+       * - the checked radio;
+       * - the first non-disabled radio in DOM order;
+       */
+      updateFocusableRadios() {
+        if (!this.hasUpdated)
+          return;
+        const e = this._interactableGroupedRadios(), t = e.findIndex((s) => s.checked && !s.disabled && !s.formDisabled), i = t !== -1 ? t : e.findIndex((s) => !s.disabled && !s.formDisabled);
+        i !== -1 && (e[i].tabIndex = 0, e.splice(i, 1)), e.forEach((s) => s.removeAttribute("tabindex"));
+      }
+      async navigateByKeyboard(e) {
+        e.checked = !0, this.emitChangeEvents(), await e.updateComplete, e.focus();
+      }
+      emitChangeEvents() {
+        this.dispatchEvent(new InputEvent("input", { bubbles: !0, cancelable: !0, composed: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 }));
+      }
+      _synchronizeGroupState() {
+        this.checked && this._deselectGroupedRadios(), this.updateFocusableRadios();
+      }
+      /**
+       * Add `this` to the radioButton registry
+       */
+      _connectToRegistry() {
+        if (!this.name || b)
+          return;
+        const e = this.form ?? this.getRootNode();
+        this._radioButtonGroupsMap = p.get(e), this._radioButtonGroupsMap || (this._radioButtonGroupsMap = /* @__PURE__ */ new Map(), p.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);
+        i !== -1 ? t.splice(i, 0, this) : t.push(this), t.forEach((s) => this.associatedRadioButtons.add(s)), this.validate();
+      }
+      /**
+       * 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;
+      }
+      /**
+       * Return a list of 'interactable' grouped radios, ordered in DOM order
+       */
+      _interactableGroupedRadios() {
+        return Array.from(this.associatedRadioButtons ?? []).filter((e) => _.isVisible(e));
+      }
+      /**
+       * Deselect other radio of the same group
+       */
+      _deselectGroupedRadios() {
+        Array.from(this.associatedRadioButtons ?? []).filter((e) => e !== this).forEach((e) => e.checked = !1);
+      }
+      async _handleArrowKeyDown(e) {
+        if (!y(e))
+          return;
+        e.preventDefault();
+        const t = this._interactableGroupedRadios().filter((h) => !h.disabled && !h.formDisabled), i = t.indexOf(this), s = R(e, i, t.length);
+        await this.navigateByKeyboard(t[s]);
+      }
+    }, (() => {
+      const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+      d = [u({ type: Boolean })], c = [u()], l(a, null, d, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, set: (t, i) => {
+        t.checked = i;
+      } }, metadata: e }, null, r), l(a, null, c, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (t) => "name" in t, set: (t, i) => {
+        t.name = i;
+      } }, metadata: e }, null, r), e && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    })(), a.role = "radio", a;
+  })();
+};
+export {
+  z as SbbFormAssociatedRadioButtonMixin,
+  p as radioButtonRegistry
 };
-//#endregion
-export { m as SbbFormAssociatedRadioButtonMixin, p as radioButtonRegistry };

package/core/mixins/hydration-mixin.js

@@ -1,28 +1,38 @@
-//#region src/elements/core/mixins/hydration-mixin.ts
-var e = (e) => {
-	class t extends e {
-		get hydrationComplete() {
-			return this._hydrationComplete;
-		}
-		get hydrationRequired() {
-			return this._hydrationRequired;
-		}
-		constructor(...e) {
-			if (super(...e), this._hydrationComplete = new Promise((e) => this._resolveHydration = e), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired) this._resolveHydration(!1);
-			else {
-				let e = (e) => {
-					this._hydrationRequired && e.stopImmediatePropagation();
-				}, t = { capture: !0 }, n = this.shadowRoot?.querySelectorAll("slot");
-				n?.length && (n.forEach((n) => n.addEventListener("slotchange", e, t)), this.hydrationComplete.then(() => n.forEach((n) => {
-					n.removeEventListener("slotchange", e, t), n.assignedNodes().length && n.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
-				})));
-			}
-		}
-		update(e) {
-			super.update(e), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
-		}
-	}
-	return t;
+const h = (o) => {
+  class n extends o {
+    /**
+     * 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
+     * and `false` if not.
+     *
+     * @return A promise of a boolean that resolves to true once the hydration completed.
+     * @internal
+     */
+    get hydrationComplete() {
+      return this._hydrationComplete;
+    }
+    /** Returns whether hydration is required and not completed. */
+    get hydrationRequired() {
+      return this._hydrationRequired;
+    }
+    constructor(...i) {
+      if (super(...i), this._hydrationComplete = new Promise((t) => this._resolveHydration = t), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired)
+        this._resolveHydration(!1);
+      else {
+        const t = (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 }));
+        })));
+      }
+    }
+    update(i) {
+      super.update(i), this._hydrationRequired && (this._hydrationRequired = !1, this._resolveHydration(!0));
+    }
+  }
+  return n;
+};
+export {
+  h as SbbHydrationMixin
 };
-//#endregion
-export { e as SbbHydrationMixin };

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

@@ -1,87 +1,105 @@
-import { SbbHydrationMixin as e } from "./hydration-mixin.js";
-import { __esDecorate as t, __runInitializers as n } from "tslib";
-import { html as r, nothing as i } from "lit";
-import { state as a } from "lit/decorators.js";
+var S = (e) => {
+  throw TypeError(e);
+};
+var f = (e, i, n) => i.has(e) || S("Cannot " + n);
+var p = (e, i, n) => (f(e, i, "read from private field"), n ? n.call(e) : i.get(e)), _ = (e, i, n) => i.has(e) ? S("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, n), c = (e, i, n, o) => (f(e, i, "write to private field"), o ? o.call(e, n) : i.set(e, n), n);
+import { __runInitializers as g, __esDecorate as E } 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 "../../screen-reader-only.js";
-//#region src/elements/core/mixins/named-slot-list-mixin.ts
-var o = "data-ssr-child-count", s = "li", c = (c) => {
-	let l = c._$sbbElement$ ? c : e(c);
-	return (() => {
-		let e = l, c, u = [], d = [];
-		return class extends e {
-			constructor() {
-				super(...arguments), this.#e = n(this, u, []), this._handleSlotchange = (n(this, d), () => {
-					let e = Array.from(this.children ?? []).filter((e) => this.listChildLocalNames.includes(e.localName));
-					e.length === this.listChildren.length && this.listChildren.every((t, n) => e[n] === t) || (this.listChildren.filter((t) => !e.includes(t)).forEach((e) => e.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((e, t) => e.setAttribute("slot", `${s}-${t}`)), this.removeAttribute(o));
-				});
-			}
-			static {
-				let n = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-				c = [a()], t(this, null, c, {
-					kind: "accessor",
-					name: "listChildren",
-					static: !1,
-					private: !1,
-					access: {
-						has: (e) => "listChildren" in e,
-						get: (e) => e.listChildren,
-						set: (e, t) => {
-							e.listChildren = t;
-						}
-					},
-					metadata: n
-				}, u, d), n && Object.defineProperty(this, Symbol.metadata, {
-					enumerable: !0,
-					configurable: !0,
-					writable: !0,
-					value: n
-				});
-			}
-			#e;
-			get listChildren() {
-				return this.#e;
-			}
-			set listChildren(e) {
-				this.#e = e;
-			}
-			connectedCallback() {
-				super.connectedCallback(), this.shadowRoot?.addEventListener("slotchange", this._handleSlotchange, { passive: !0 });
-			}
-			disconnectedCallback() {
-				super.disconnectedCallback(), this.shadowRoot?.removeEventListener("slotchange", this._handleSlotchange);
-			}
-			renderList(e = {}, t = {}) {
-				let n = this.listSlotEntries(t);
-				return n.length >= 2 ? r`
+const $ = "data-ssr-child-count", y = "li", R = (e) => {
+  const i = e._$sbbElement$ ? e : N(e);
+  return (() => {
+    var a, r;
+    let o = i, u, b = [], C = [];
+    return r = class extends o {
+      constructor() {
+        super(...arguments);
+        _(this, a);
+        c(this, a, g(this, b, [])), this._handleSlotchange = (g(this, C), () => {
+          const t = Array.from(this.children ?? []).filter((l) => this.listChildLocalNames.includes(l.localName));
+          t.length === this.listChildren.length && this.listChildren.every((l, s) => t[s] === l) || (this.listChildren.filter((l) => !t.includes(l)).forEach((l) => l.removeAttribute("slot")), this.listChildren = t, this.listChildren.forEach((l, s) => l.setAttribute("slot", `${y}-${s}`)), this.removeAttribute($));
+        });
+      }
+      /**
+       * A list of children with the defined tag names.
+       * This array is only updated if there is an actual change
+       * to the child elements.
+       */
+      get listChildren() {
+        return p(this, a);
+      }
+      set listChildren(t) {
+        c(this, a, t);
+      }
+      connectedCallback() {
+        super.connectedCallback(), this.shadowRoot?.addEventListener("slotchange", this._handleSlotchange, { passive: !0 });
+      }
+      disconnectedCallback() {
+        super.disconnectedCallback(), this.shadowRoot?.removeEventListener("slotchange", this._handleSlotchange);
+      }
+      /**
+       * Renders list and list slots for slotted children or a number of list slots
+       * corresponding to the `data-ssr-child-count` attribute value.
+       *
+       * This is a possible optimization for SSR, as in an SSR Lit environment
+       * other elements are not available, but might be available in the meta
+       * framework wrapper (like e.g. React). This allows to provide the number of
+       * children to be passed via the `data-ssr-child-count` attribute value.
+       */
+      renderList(t = {}, l = {}) {
+        const s = this.listSlotEntries(l);
+        return s.length >= 2 ? h`
           <ul
-            class=${e.class || this.localName}
-            aria-label=${e.ariaLabel || i}
-            aria-labelledby=${e.ariaLabelledby || i}
+            class=${t.class || this.localName}
+            aria-label=${t.ariaLabel || m}
+            aria-labelledby=${t.ariaLabelledby || m}
           >
-            ${n.map((e) => r`
-                <li aria-hidden=${e.ariaHidden || i}>
-                  <slot name=${e.name}></slot>
+            ${s.map((d) => h`
+                <li aria-hidden=${d.ariaHidden || m}>
+                  <slot name=${d.name}></slot>
                 </li>
               `)}
           </ul>
           ${this.renderHiddenSlot()}
-        ` : n.length === 1 ? r`<sbb-screen-reader-only>${e.ariaLabel}</sbb-screen-reader-only>
-          <span class=${e.class || this.localName}>
-            <span><slot name=${n[0].name}></slot></span>
+        ` : s.length === 1 ? h`<sbb-screen-reader-only>${t.ariaLabel}</sbb-screen-reader-only>
+          <span class=${t.class || this.localName}>
+            <span><slot name=${s[0].name}></slot></span>
           </span>
           ${this.renderHiddenSlot()} ` : this.renderHiddenSlot();
-			}
-			listSlotEntries(e) {
-				return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(o) ?? 0) })).map((t, n) => ({
-					name: `${s}-${n}`,
-					ariaHidden: e?.localNameVisualOnly?.includes(t.localName) ?? !1
-				}));
-			}
-			renderHiddenSlot() {
-				return r`<span hidden><slot></slot></span>`;
-			}
-		};
-	})();
+      }
+      /**
+       * Returns an array of SbbNamedSlotProperties, which holds the list slot names and the hidden property;
+       * its length corresponds to the number of matched children or the `data-ssr-child-count` attribute value.
+       *
+       * This is a possible optimization for SSR, as in an SSR Lit environment
+       * other elements are not available, but might be available in the meta
+       * framework wrapper (like e.g. React). This allows to provide the number of
+       * children to be passed via the `data-ssr-child-count` attribute value.
+       */
+      listSlotEntries(t) {
+        return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute($) ?? 0) })).map((s, d) => ({
+          name: `${y}-${d}`,
+          ariaHidden: t?.localNameVisualOnly?.includes(s.localName) ?? !1
+        }));
+      }
+      /**
+       * Returns a hidden slot, which is intended as the children change detection.
+       * When an element without a slot attribute is slotted to the element, it triggers
+       * the slotchange event, which can be used to assign it to the appropriate named slot.
+       */
+      renderHiddenSlot() {
+        return h`<span hidden><slot></slot></span>`;
+      }
+    }, a = new WeakMap(), (() => {
+      const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+      u = [L()], E(r, null, u, { kind: "accessor", name: "listChildren", static: !1, private: !1, access: { has: (l) => "listChildren" in l, get: (l) => l.listChildren, set: (l, s) => {
+        l.listChildren = s;
+      } }, metadata: t }, b, C), t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    })(), r;
+  })();
+};
+export {
+  R as SbbNamedSlotListMixin
 };
-//#endregion
-export { c as SbbNamedSlotListMixin };