@sbb-esta/lyne-elements 4.10.0 → 5.0.0-next

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

@@ -1,153 +1,150 @@
 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";
+import { SbbFormAssociatedMixin as t } from "./form-associated-mixin.js";
+import { SbbRequiredMixin as n } from "./required-mixin.js";
+import { __esDecorate as r, __runInitializers as i } from "tslib";
+import { isServer as a } from "lit";
+import { property as o } from "lit/decorators.js";
+import { SbbLanguageController as s } from "../controllers/language-controller.js";
+import { i18nSelectionRequired as c } from "../i18n/i18n.js";
+import { getNextElementIndex as l, isArrowKeyPressed as u } from "../a11y/arrow-navigation.js";
+import { interactivityChecker as d } from "../a11y/interactivity-checker.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]);
-			}
-		};
-	})();
-};
+var f = /* @__PURE__ */ new WeakMap(), p = (p) => (() => {
+	let m = e(n(t(p))), h = [], g, _;
+	return class extends m {
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			g = [o({ type: Boolean })], _ = [o()], r(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, h), r(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, h), 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 = (i(this, h), !1), this._languageController = new s(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", c[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 || a) return;
+			let e = this.form ?? this.getRootNode();
+			this._radioButtonGroupsMap = f.get(e), this._radioButtonGroupsMap || (this._radioButtonGroupsMap = /* @__PURE__ */ new Map(), f.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 (!u(e)) return;
+			e.preventDefault();
+			let t = this._interactableGroupedRadios().filter((e) => !e.disabled && !e.formDisabled), n = l(e, t.indexOf(this), t.length);
+			await this.navigateByKeyboard(t[n]);
+		}
+	};
+})();
 //#endregion
-export { m as SbbFormAssociatedRadioButtonMixin, p as radioButtonRegistry };
+export { p as SbbFormAssociatedRadioButtonMixin, f as radioButtonRegistry };

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

@@ -1,87 +1,86 @@
-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";
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { html as n, nothing as r } from "lit";
+import { state as i } from "lit/decorators.js";
+import { SbbScreenReaderOnlyElement as a } from "../screen-reader-only/screen-reader-only.component.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`
+var o = "data-ssr-child-count", s = "li", c = (c) => (() => {
+	let l = c, u, d = [], f = [];
+	return class extends l {
+		constructor() {
+			super(...arguments), this.#e = t(this, d, []), this._handleSlotchange = (t(this, f), () => {
+				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 t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+			u = [i()], e(this, null, u, {
+				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: t
+			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementDependencies = [a];
+		}
+		#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 i = this.listSlotEntries(t);
+			return i.length >= 2 ? n`
           <ul
             class=${e.class || this.localName}
-            aria-label=${e.ariaLabel || i}
-            aria-labelledby=${e.ariaLabelledby || i}
+            aria-label=${e.ariaLabel || r}
+            aria-labelledby=${e.ariaLabelledby || r}
           >
-            ${n.map((e) => r`
-                <li aria-hidden=${e.ariaHidden || i}>
+            ${i.map((e) => n`
+                <li aria-hidden=${e.ariaHidden || r}>
                   <slot name=${e.name}></slot>
                 </li>
               `)}
           </ul>
           ${this.renderHiddenSlot()}
-        ` : n.length === 1 ? r`<sbb-screen-reader-only>${e.ariaLabel}</sbb-screen-reader-only>
+        ` : i.length === 1 ? n`<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><slot name=${i[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>`;
-			}
-		};
-	})();
-};
+		}
+		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 n`<span hidden><slot></slot></span>`;
+		}
+	};
+})();
 //#endregion
 export { c as SbbNamedSlotListMixin };

package/core/mixins/negative-mixin.js

@@ -1,6 +1,6 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { property as n } from "lit/decorators.js";
-import { forceType as r } from "../decorators.js";
+import { forceType as r } from "../decorators/force-type.js";
 //#region src/elements/core/mixins/negative-mixin.ts
 var i = (i) => (() => {
 	let a = i, o, s = [], c = [];

package/core/mixins/panel-mixin.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../panel-mixin-B6dEo538.js";
+import { n as e, t } from "../../panel-mixin-By8Uy5yz.js";
 export { t as SbbPanelMixin, e as panelCommonStyle };

package/core/mixins/selection-panel-mixin.js

@@ -1,17 +1,15 @@
-import { SbbElementInternalsMixin as e } from "./element-internals-mixin.js";
-import { SbbPropertyWatcherController as t } from "../controllers.js";
+import { SbbPropertyWatcherController as e } from "../controllers/property-watcher-controller.js";
 //#region src/elements/core/mixins/selection-panel-mixin.ts
-var n = (n) => {
-	let r = n._$sbbElement$ ? n : e(n);
-	class i extends r {
+var t = (t) => {
+	class n extends t {
 		get group() {
 			return this.closest?.("sbb-radio-button-group, sbb-checkbox-group") ?? null;
 		}
 		get panel() {
 			return this.querySelector?.("sbb-radio-button-panel, sbb-checkbox-panel") ?? null;
 		}
-		constructor(...e) {
-			super(e), this._propertyWatcher = new t(this, () => this.panel, {
+		constructor(...t) {
+			super(t), this._propertyWatcher = new e(this, () => this.panel, {
 				checked: (e) => {
 					this.toggleState("checked", e.checked), this.onInputStateChange?.();
 				},
@@ -31,7 +29,7 @@ var n = (n) => {
 		}
 		onInputStateChange() {}
 	}
-	return i;
+	return n;
 };
 //#endregion
-export { n as SbbSelectionPanelMixin };
+export { t as SbbSelectionPanelMixin };

package/core/overlay/overlay-option-panel.js

@@ -1,16 +1,15 @@
 import { getElementPosition as e } from "./position.js";
-import { ɵstateController as t } from "../mixins.js";
 //#region src/elements/core/overlay/overlay-option-panel.ts
-function n(n, r, i, a, o, s = "auto") {
-	if (!n || !r) return;
-	o.style.setProperty("--sbb-options-panel-width", `${r.offsetWidth}px`), o.style.setProperty("--sbb-options-panel-origin-height", `${r.offsetHeight}px`);
-	let c = e(i, r, a, {
-		forceBelow: s === "below",
-		forceAbove: s === "above"
+function t(t, n, r, i, a, o = "auto") {
+	if (!t || !n) return;
+	a.style.setProperty("--sbb-options-panel-width", `${n.offsetWidth}px`), a.style.setProperty("--sbb-options-panel-origin-height", `${n.offsetHeight}px`);
+	let s = e(r, n, i, {
+		forceBelow: o === "below",
+		forceAbove: o === "above"
 	});
-	o.style.setProperty("--sbb-options-panel-position-x", `${c.left}px`), o.style.setProperty("--sbb-options-panel-position-y", `${c.top}px`), o.style.setProperty("--sbb-options-panel-max-height-calculated", c.maxHeight);
-	let l = t(o);
-	c.alignment.vertical === "above" ? (l.add("options-panel-position-above"), l.delete("options-panel-position-below")) : (l.add("options-panel-position-below"), l.delete("options-panel-position-above")), r.setAttribute("data-options-panel-position", c.alignment.vertical);
+	a.style.setProperty("--sbb-options-panel-position-x", `${s.left}px`), a.style.setProperty("--sbb-options-panel-position-y", `${s.top}px`), a.style.setProperty("--sbb-options-panel-max-height-calculated", s.maxHeight);
+	let c = s.alignment.vertical === "above";
+	a.toggleState?.("options-panel-position-above", c), a.toggleState?.("options-panel-position-below", !c), n.setAttribute("data-options-panel-position", s.alignment.vertical);
 }
 //#endregion
-export { n as setOverlayPosition };
+export { t as setOverlayPosition };

package/core/overlay/overlay-outside-pointer-event-listener.js

@@ -1,33 +1,34 @@
-import { containsPierceShadowDom as e, isAndroid as t, isIOS as n } from "../dom.js";
+import { isAndroid as e, isIOS as t } from "../dom/platform.js";
+import { containsPierceShadowDom as n } from "../dom/contains-pierce-shadow-dom.js";
 //#region src/elements/core/overlay/overlay-outside-pointer-event-listener.ts
 var r = class {
 	constructor() {
 		this._overlays = /* @__PURE__ */ new Set(), this._pointerDownListener = (e) => {
 			this._pointerDownEventTarget = e.composedPath()[0];
-		}, this._clickListener = (t) => {
-			let n = t.composedPath()[0], r = t.type === "click" && this._pointerDownEventTarget ? this._pointerDownEventTarget : n;
+		}, this._clickListener = (e) => {
+			let t = e.composedPath()[0], r = e.type === "click" && this._pointerDownEventTarget ? this._pointerDownEventTarget : t;
 			this._pointerDownEventTarget = void 0;
-			for (let t of Array.from(this._overlays).reverse()) {
-				if (e(t, n) || e(t, r)) break;
-				t.dispatchEvent(new CustomEvent("overlayOutsidePointer"));
+			for (let e of Array.from(this._overlays).reverse()) {
+				if (n(e, t) || n(e, r)) break;
+				e.dispatchEvent(new CustomEvent("overlayOutsidePointer"));
 			}
 		};
 	}
 	connect(e) {
-		this._overlays.size || (this._addGlobalEventListeners(), n && (this._cursorOriginalValue = document.body.style.cursor, document.body.style.cursor = "pointer")), this._overlays.add(e);
+		this._overlays.size || (this._addGlobalEventListeners(), t && (this._cursorOriginalValue = document.body.style.cursor, document.body.style.cursor = "pointer")), this._overlays.add(e);
 	}
 	disconnect(e) {
-		this._overlays.delete(e), this._overlays.size || (this._abortController?.abort(), this._abortController = void 0, n && (document.body.style.cursor = this._cursorOriginalValue));
+		this._overlays.delete(e), this._overlays.size || (this._abortController?.abort(), this._abortController = void 0, t && (document.body.style.cursor = this._cursorOriginalValue));
 	}
 	_addGlobalEventListeners() {
-		let e = document.body;
+		let n = document.body;
 		this._abortController = new AbortController();
 		let r = {
 			capture: !0,
 			passive: !0,
 			signal: this._abortController.signal
 		};
-		e.addEventListener("click", this._clickListener, r), !t && !n && (e.addEventListener("pointerdown", this._pointerDownListener, r), e.addEventListener("auxclick", this._clickListener, r), e.addEventListener("contextmenu", this._clickListener, r));
+		n.addEventListener("click", this._clickListener, r), !e && !t && (n.addEventListener("pointerdown", this._pointerDownListener, r), n.addEventListener("auxclick", this._clickListener, r), n.addEventListener("contextmenu", this._clickListener, r));
 	}
 }, i = new r();
 //#endregion

package/core/screen-reader-only/screen-reader-only.component.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../screen-reader-only.component-B08Bt5Ct.js";
+export { e as SbbScreenReaderOnlyElement };

package/core/styles/core.scss

@@ -242,6 +242,23 @@ $theme: 'standard' !default;
 @use '../../teaser-product/common/teaser-product-common.global' as teaser-product-common with (
   $theme: $theme
 );
+@use '../../timetable-form/timetable-form/timetable-form.global' as timetable-form with (
+  $theme: $theme
+);
+@use '../../timetable-form/timetable-form-field/timetable-form-field.global' as timetable-form-field
+  with (
+  $theme: $theme
+);
+@use '../../timetable-form/timetable-form-details/timetable-form-details.global' as
+  timetable-form-details with (
+  $theme: $theme
+);
+@use '../../timetable-occupancy/timetable-occupancy.global' as timetable-occupancy with (
+  $theme: $theme
+);
+@use '../../tooltip/tooltip.global' as tooltip with (
+  $theme: $theme
+);
 @use '../../visual-checkbox/visual-checkbox.global' as visual-checkbox with (
   $theme: $theme
 );
@@ -322,6 +339,11 @@ $theme: 'standard' !default;
   @include tag.base;
   @include teaser.base;
   @include teaser-product-common.base;
+  @include timetable-form.base;
+  @include timetable-form-details.base;
+  @include timetable-form-field.base;
+  @include timetable-occupancy.base;
+  @include tooltip.base;
   @include visual-checkbox.base;
 
   @include a11y.if-forced-colors {