@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773648656

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

@@ -1,169 +1,153 @@
-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
+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]);
+			}
+		};
+	})();
 };
+//#endregion
+export { m as SbbFormAssociatedRadioButtonMixin, p as radioButtonRegistry };

package/core/mixins/hydration-mixin.js

@@ -1,38 +1,28 @@
-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
+//#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;
 };
+//#endregion
+export { e as SbbHydrationMixin };

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

@@ -1,105 +1,87 @@
-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 { 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";
 import "../../screen-reader-only.js";
-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`
+//#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`
           <ul
-            class=${t.class || this.localName}
-            aria-label=${t.ariaLabel || m}
-            aria-labelledby=${t.ariaLabelledby || m}
+            class=${e.class || this.localName}
+            aria-label=${e.ariaLabel || i}
+            aria-labelledby=${e.ariaLabelledby || i}
           >
-            ${s.map((d) => h`
-                <li aria-hidden=${d.ariaHidden || m}>
-                  <slot name=${d.name}></slot>
+            ${n.map((e) => r`
+                <li aria-hidden=${e.ariaHidden || i}>
+                  <slot name=${e.name}></slot>
                 </li>
               `)}
           </ul>
           ${this.renderHiddenSlot()}
-        ` : 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>
+        ` : 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>
           </span>
           ${this.renderHiddenSlot()} ` : this.renderHiddenSlot();
-      }
-      /**
-       * 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
+			}
+			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>`;
+			}
+		};
+	})();
 };
+//#endregion
+export { c as SbbNamedSlotListMixin };