@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777448509 → 5.0.0-next.1-dev.1777455643

package/checkbox-panel/checkbox-panel.component.js

@@ -1,16 +1,16 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, nothing as r } from "lit";
 import { property as i } from "lit/decorators.js";
-import { SbbElement as a, SbbPanelMixin as o, SbbScreenReaderOnlyElement as s, SbbUpdateSchedulerMixin as c, boxSizingStyles as l, panelCommonStyle as u } from "../core.js";
-import { SbbCheckboxCommonElementMixin as d, checkboxCommonStyle as f } from "../checkbox/common/checkbox-common.js";
-import { SbbVisualCheckboxElement as p } from "../visual-checkbox.pure.js";
+import { SbbElement as a, SbbPanelMixin as o, SbbUpdateSchedulerMixin as s, screenReaderOnlyStyles as c } from "../core.js";
+import { SbbCheckboxCommonElementMixin as l } from "../checkbox/common/checkbox-common.js";
+import { SbbVisualCheckboxElement as u } from "../visual-checkbox.pure.js";
 //#region src/elements/checkbox-panel/checkbox-panel.component.ts
-var m = (() => {
-	let m = o(d(c(a))), h, g = [], _ = [];
-	return class extends m {
+var d = (() => {
+	let d = o(l(s(a))), f, p = [], m = [];
+	return class extends d {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-			h = [i()], e(this, null, h, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+			f = [i()], e(this, null, f, {
 				kind: "accessor",
 				name: "value",
 				static: !1,
@@ -23,7 +23,7 @@ var m = (() => {
 					}
 				},
 				metadata: t
-			}, g, _), t && Object.defineProperty(this, Symbol.metadata, {
+			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -34,16 +34,12 @@ var m = (() => {
 			this.elementName = "sbb-checkbox-panel";
 		}
 		static {
-			this.elementDependencies = [s, p];
+			this.elementDependencies = [u];
 		}
 		static {
-			this.styles = [
-				l,
-				f,
-				u
-			];
+			this.styles = [super.styles ?? [], c];
 		}
-		#e = t(this, g, null);
+		#e = t(this, p, null);
 		get value() {
 			return this.#e;
 		}
@@ -76,16 +72,16 @@ var m = (() => {
               </span>
             </span>
             <slot name="subtext"></slot>
-            ${this.expansionState ? n`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : r}
+            ${this.expansionState ? n`<span class="sbb-screen-reader-only">${this.expansionState}</span>` : r}
           </span>
         </span>
       </span>
     `;
 		}
 		constructor() {
-			super(...arguments), t(this, _);
+			super(...arguments), t(this, m);
 		}
 	};
 })();
 //#endregion
-export { m as SbbCheckboxPanelElement };
+export { d as SbbCheckboxPanelElement };

package/{checkbox.component-CR2aIgjA.js → checkbox.component-DLkmHbNb.js}

@@ -1,20 +1,20 @@
-import { n as e, t } from "./checkbox-common-DSmxKbmR.js";
-import { __esDecorate as n, __runInitializers as r } from "tslib";
-import { html as i, unsafeCSS as a } from "lit";
-import { property as o } from "lit/decorators.js";
-import { SbbElement as s, boxSizingStyles as c, getOverride as l, isLean as u } from "./core.js";
-import { SbbIconNameMixin as d } from "./icon.pure.js";
-import { SbbVisualCheckboxElement as f } from "./visual-checkbox.pure.js";
+import { t as e } from "./checkbox-common-CbMkoAks.js";
+import { __esDecorate as t, __runInitializers as n } from "tslib";
+import { html as r, unsafeCSS as i } from "lit";
+import { property as a } from "lit/decorators.js";
+import { SbbElement as o, getOverride as s, isLean as c } from "./core.js";
+import { SbbIconNameMixin as l } from "./icon.pure.js";
+import { SbbVisualCheckboxElement as u } from "./visual-checkbox.pure.js";
 //#region src/elements/checkbox/checkbox.scss?inline
-var p = ":host{outline:none!important;display:inline-block}:host([icon-placement=start]){--sbb-checkbox-label-icon-flex-direction: row-reverse;--sbb-checkbox-label-icon-justify-content: flex-end;--sbb-checkbox-label-icon-flex-grow: 0}:host(:focus-visible) .sbb-checkbox-wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-checkbox__label{flex-direction:var(--sbb-checkbox-label-icon-flex-direction);justify-content:var(--sbb-checkbox-label-icon-justify-content);flex-grow:var(--sbb-checkbox-label-icon-flex-grow);gap:var(--sbb-checkbox-label-gap)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-checkbox__label{display:none}sbb-icon,slot[name=icon] ::slotted(sbb-icon){display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}", m = (() => {
-	let m = d(t(s)), h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
-	return class extends m {
+var d = ":host{outline:none!important;display:inline-block}:host([icon-placement=start]){--sbb-checkbox-label-icon-flex-direction: row-reverse;--sbb-checkbox-label-icon-justify-content: flex-end;--sbb-checkbox-label-icon-flex-grow: 0}:host(:focus-visible) .sbb-checkbox-wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-checkbox__label{flex-direction:var(--sbb-checkbox-label-icon-flex-direction);justify-content:var(--sbb-checkbox-label-icon-justify-content);flex-grow:var(--sbb-checkbox-label-icon-flex-grow);gap:var(--sbb-checkbox-label-gap)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-checkbox__label{display:none}sbb-icon,slot[name=icon] ::slotted(sbb-icon){display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}", f = (() => {
+	let f = l(e(o)), p, m = [], h = [], g, _ = [], v = [], y, b = [], x = [];
+	return class extends f {
 		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-			h = [o()], v = [o({ reflect: !0 }), l((e, t) => e.group?.size ?? t)], x = [o({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			p = [a()], g = [a({ reflect: !0 }), s((e, t) => e.group?.size ?? t)], y = [a({
 				attribute: "icon-placement",
 				reflect: !0
-			})], n(this, null, h, {
+			})], t(this, null, p, {
 				kind: "accessor",
 				name: "value",
 				static: !1,
@@ -27,7 +27,7 @@ var p = ":host{outline:none!important;display:inline-block}:host([icon-placement
 					}
 				},
 				metadata: e
-			}, g, _), n(this, null, v, {
+			}, m, h), t(this, null, g, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -40,7 +40,7 @@ var p = ":host{outline:none!important;display:inline-block}:host([icon-placement
 					}
 				},
 				metadata: e
-			}, y, b), n(this, null, x, {
+			}, _, v), t(this, null, y, {
 				kind: "accessor",
 				name: "iconPlacement",
 				static: !1,
@@ -53,7 +53,7 @@ var p = ":host{outline:none!important;display:inline-block}:host([icon-placement
 					}
 				},
 				metadata: e
-			}, S, C), e && Object.defineProperty(this, Symbol.metadata, {
+			}, b, x), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -64,30 +64,26 @@ var p = ":host{outline:none!important;display:inline-block}:host([icon-placement
 			this.elementName = "sbb-checkbox";
 		}
 		static {
-			this.elementDependencies = [f];
+			this.elementDependencies = [u];
 		}
 		static {
-			this.styles = [
-				c,
-				e,
-				a(p)
-			];
+			this.styles = [super.styles ?? [], i(d)];
 		}
-		#e = r(this, g, null);
+		#e = n(this, m, null);
 		get value() {
 			return this.#e;
 		}
 		set value(e) {
 			this.#e = e;
 		}
-		#t = (r(this, _), r(this, y, u() ? "xs" : "m"));
+		#t = (n(this, h), n(this, _, c() ? "xs" : "m"));
 		get size() {
 			return this.#t;
 		}
 		set size(e) {
 			this.#t = e;
 		}
-		#n = (r(this, b), r(this, S, "end"));
+		#n = (n(this, v), n(this, b, "end"));
 		get iconPlacement() {
 			return this.#n;
 		}
@@ -95,7 +91,7 @@ var p = ":host{outline:none!important;display:inline-block}:host([icon-placement
 			this.#n = e;
 		}
 		render() {
-			return i`
+			return r`
       <span class="sbb-checkbox-wrapper">
         <span class="sbb-checkbox">
           <span class="sbb-checkbox__inner">
@@ -117,9 +113,9 @@ var p = ":host{outline:none!important;display:inline-block}:host([icon-placement
     `;
 		}
 		constructor() {
-			super(...arguments), r(this, C);
+			super(...arguments), n(this, x);
 		}
 	};
 })();
 //#endregion
-export { m as t };
+export { f as t };

package/checkbox.js

@@ -1,7 +1,7 @@
-import { t as e } from "./checkbox.component-CR2aIgjA.js";
-import { n as t, t as n } from "./checkbox-common-DSmxKbmR.js";
+import { t as e } from "./checkbox.component-DLkmHbNb.js";
+import { t } from "./checkbox-common-CbMkoAks.js";
 import "./checkbox.pure.js";
 //#region src/elements/checkbox.ts
 e.define();
 //#endregion
-export { n as SbbCheckboxCommonElementMixin, e as SbbCheckboxElement, t as checkboxCommonStyle };
+export { t as SbbCheckboxCommonElementMixin, e as SbbCheckboxElement };

package/checkbox.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./checkbox.component-CR2aIgjA.js";
-import { n as t, t as n } from "./checkbox-common-DSmxKbmR.js";
-export { n as SbbCheckboxCommonElementMixin, e as SbbCheckboxElement, t as checkboxCommonStyle };
+import { t as e } from "./checkbox.component-DLkmHbNb.js";
+import { t } from "./checkbox-common-CbMkoAks.js";
+export { t as SbbCheckboxCommonElementMixin, e as SbbCheckboxElement };

package/chip/chip/chip.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chip.component-34R1PNPV.js";
+import { t as e } from "../../chip.component-C46iCslu.js";
 export { e as SbbChipElement };

package/{chip.component-34R1PNPV.js → chip.component-C46iCslu.js}

@@ -1,7 +1,7 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
-import { SbbDisabledMixin as a, SbbElement as o, SbbLanguageController as s, SbbNegativeMixin as c, SbbReadonlyMixin as l, SbbScreenReaderOnlyElement as u, boxSizingStyles as d, i18nChipDelete as f } from "./core.js";
+import { SbbDisabledMixin as a, SbbElement as o, SbbLanguageController as s, SbbNegativeMixin as c, SbbReadonlyMixin as l, boxSizingStyles as u, i18nChipDelete as d, screenReaderOnlyStyles as f } from "./core.js";
 import { SbbMiniButtonElement as p } from "./button.pure.js";
 //#region src/elements/chip/chip/chip.scss?inline
 var m = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:inline-flex;align-items:stretch;background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);height:var(--sbb-chip-height)}:host(:focus){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}:host([negative]){--sbb-chip-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-chip-background-color: var(--sbb-background-color-3-negative);--sbb-chip-color: var(--sbb-color-4-negative);--sbb-chip-color-hover: var(--sbb-color-2-negative);--sbb-chip-background-color-active: var(--sbb-background-color-1-negative);--sbb-chip-background-color-hover: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-inline-end:none;border-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);display:flex;align-items:center;padding-inline:var(--sbb-chip-label-padding-inline);outline:none;overflow:hidden}:host(:is([disabled],[readonly])) .sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius)}.sbb-chip__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;font-size:var(--sbb-chip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-mini-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-mini-button-color-text: var(--sbb-chip-color);--sbb-mini-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-mini-button-color-hover-background: var(--sbb-chip-background-color-hover);--sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--_sbb-mini-button-image-size: ;border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media(any-hover:hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-mini-button-color-text: var(--sbb-chip-color-hover)}}", h = (() => {
@@ -36,13 +36,17 @@ var m = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chi
 			this.elementName = "sbb-chip";
 		}
 		static {
-			this.elementDependencies = [p, u];
+			this.elementDependencies = [p];
 		}
 		static {
 			this.role = "option";
 		}
 		static {
-			this.styles = [d, r(m)];
+			this.styles = [
+				u,
+				f,
+				r(m)
+			];
 		}
 		static {
 			this.events = { requestdelete: "requestdelete" };
@@ -83,7 +87,7 @@ var m = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chi
         @click=${this._handleDeleteButtonClick}
       >
       </sbb-mini-button>
-      <sbb-screen-reader-only>, ${f[this._language.current]}</sbb-screen-reader-only>
+      <span class="sbb-screen-reader-only">, ${d[this._language.current]}</span>
     `;
 		}
 	};

package/chip.js

@@ -1,5 +1,5 @@
 import { n as e, t } from "./chip-group.component-DbNctvjy.js";
-import { t as n } from "./chip.component-34R1PNPV.js";
+import { t as n } from "./chip.component-C46iCslu.js";
 import "./chip.pure.js";
 n.define(), t.define();
 //#endregion

package/chip.pure.js

@@ -1,3 +1,3 @@
 import { n as e, t } from "./chip-group.component-DbNctvjy.js";
-import { t as n } from "./chip.component-34R1PNPV.js";
+import { t as n } from "./chip.component-C46iCslu.js";
 export { n as SbbChipElement, t as SbbChipGroupElement, e as SbbChipInputTokenEndEvent };

package/{compact-paginator.component-Dyu9bezr.js → compact-paginator.component-CoAxdqWU.js}

@@ -1,18 +1,18 @@
 import { html as e, unsafeCSS as t } from "lit";
-import { SbbElement as n, SbbScreenReaderOnlyElement as r, boxSizingStyles as i, i18nPage as a, i18nPaginatorOf as o } from "./core.js";
-import { SbbDividerElement as s } from "./divider.pure.js";
-import { styleMap as c } from "lit/directives/style-map.js";
-import { SbbPaginatorCommonElementMixin as l } from "./paginator/common/paginator-common.js";
+import { SbbElement as n, i18nPage as r, i18nPaginatorOf as i } from "./core.js";
+import { SbbDividerElement as a } from "./divider.pure.js";
+import { styleMap as o } from "lit/directives/style-map.js";
+import { SbbPaginatorCommonElementMixin as s } from "./paginator/common/paginator-common.js";
 //#region src/elements/paginator/compact-paginator/compact-paginator.scss?inline
-var u = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content:var(--sbb-paginator-compact-justify-content, start);min-height:var(--sbb-compact-paginator-height)}:host([size=s]){--sbb-compact-paginator-height: var(--sbb-size-element-xs)}:host([size=m]){--sbb-compact-paginator-height: var(--sbb-size-element-m)}:host([negative]){--sbb-compact-paginator-color: var(--sbb-color-5)}:host([pager-position=end]){--sbb-paginator-compact-justify-content: end}.sbb-paginator__pages{font-size:var(--sbb-compact-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:flex;align-items:center;justify-content:center;gap:var(--sbb-compact-paginator-pages-gap);color:var(--sbb-compact-paginator-color)}.sbb-compact-paginator__divider{height:1rem}", d = class extends l(n) {
+var c = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content:var(--sbb-paginator-compact-justify-content, start);min-height:var(--sbb-compact-paginator-height)}:host([size=s]){--sbb-compact-paginator-height: var(--sbb-size-element-xs)}:host([size=m]){--sbb-compact-paginator-height: var(--sbb-size-element-m)}:host([negative]){--sbb-compact-paginator-color: var(--sbb-color-5)}:host([pager-position=end]){--sbb-paginator-compact-justify-content: end}.sbb-paginator__pages{font-size:var(--sbb-compact-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:flex;align-items:center;justify-content:center;gap:var(--sbb-compact-paginator-pages-gap);color:var(--sbb-compact-paginator-color)}.sbb-compact-paginator__divider{height:1rem}", l = class extends s(n) {
 	static {
 		this.elementName = "sbb-compact-paginator";
 	}
 	static {
-		this.elementDependencies = [s, r];
+		this.elementDependencies = [a];
 	}
 	static {
-		this.styles = [i, t(u)];
+		this.styles = [super.styles ?? [], t(c)];
 	}
 	static {
 		this.events = { page: "page" };
@@ -23,14 +23,14 @@ var u = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content
         >${this.pageIndex + 1}<sbb-divider
           orientation="vertical"
           class="sbb-compact-paginator__divider"
-          style=${c({ "--sbb-divider-color": "currentcolor" })}
+          style=${o({ "--sbb-divider-color": "currentcolor" })}
           ?negative=${this.negative}
         ></sbb-divider
         >${this.numberOfPages()}</span
       >
-      <sbb-screen-reader-only>
-        ${`${this.accessibilityPageLabel ? this.accessibilityPageLabel : a[this.language.current]} ${this.pageIndex + 1} ${o[this.language.current]} ${this.numberOfPages()}`}
-      </sbb-screen-reader-only>
+      <span class="sbb-screen-reader-only">
+        ${`${this.accessibilityPageLabel ? this.accessibilityPageLabel : r[this.language.current]} ${this.pageIndex + 1} ${i[this.language.current]} ${this.numberOfPages()}`}
+      </span>
     `;
 	}
 	renderPaginator() {
@@ -40,4 +40,4 @@ var u = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content
 	}
 };
 //#endregion
-export { d as t };
+export { l as t };

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

@@ -1,7 +1,7 @@
 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";
+import { screenReaderOnlyStyles as a } from "../styles/styles.js";
 //#region src/elements/core/mixins/named-slot-list-mixin.ts
 var o = "data-ssr-child-count", s = "li", c = (c) => (() => {
 	let l = c, u, d = [], f = [];
@@ -35,7 +35,10 @@ var o = "data-ssr-child-count", s = "li", c = (c) => (() => {
 			});
 		}
 		static {
-			this.elementDependencies = [a];
+			this.elementDependencies = [];
+		}
+		static {
+			this.styles = [c.styles ?? [], a];
 		}
 		#e;
 		get listChildren() {
@@ -68,7 +71,7 @@ var o = "data-ssr-child-count", s = "li", c = (c) => (() => {
               `)}
           </ul>
           ${this.renderHiddenSlot()}
-        ` : i.length === 1 ? n`<sbb-screen-reader-only>${e.ariaLabel}</sbb-screen-reader-only>
+        ` : i.length === 1 ? n`<span class="sbb-screen-reader-only">${e.ariaLabel}</span>
           <span class=${e.class || this.localName}>
             <span><slot name=${i[0].name}></slot></span>
           </span>

package/core/mixins/panel-mixin.js

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

package/core/overlay/position.js

@@ -31,10 +31,10 @@ function n(t, n, r, i) {
 		vertical: "below"
 	}, y = `${m - a}px`;
 	i?.centered && u - 16 + c.width / 2 > l.offsetWidth / 2 && f - 16 > _ / 2 && (h -= _ /= 2, v.horizontal = "center"), f < _ && u > _ && (h -= _, v.horizontal = "end"), o && v.horizontal !== "center" && c.width / 2 < o && (h += o * (v.horizontal === "start" ? -1 : 1)), (u < _ && f < _ || document.documentElement.clientWidth < l.offsetWidth) && (h = document.documentElement.clientWidth / 2 - l.offsetWidth / 2);
-	let b = m - a < l.scrollHeight && p - a > (s ? l.clientHeight : l.scrollHeight) || p > m && m - a < l.clientHeight && !s;
-	!i?.forceBelow && (i?.forceAbove || b) && (g = p < l.scrollHeight ? g - c.height - p - a : d - l.clientHeight - a, y = `${p - a}px`, v.vertical = "above");
-	let x = r.getBoundingClientRect();
-	return x.left < 0 && (h -= x.left), x.top < 0 && (g -= x.top), {
+	let b = m - a >= l.scrollHeight, x = p - a >= (s ? l.clientHeight : l.scrollHeight), S = !b && (x || p > m);
+	!i?.forceBelow && (i?.forceAbove || S) && (g = p < l.scrollHeight ? g - c.height - p - a : d - l.clientHeight - a, y = `${p - a}px`, v.vertical = "above");
+	let C = r.getBoundingClientRect();
+	return C.left < 0 && (h -= C.left), C.top < 0 && (g -= C.top), {
 		top: g,
 		left: h,
 		maxHeight: y,

package/core/styles/a11y.scss

@@ -1,15 +1,10 @@
 @use './mixins/a11y';
+@use './screen-reader-only';
 
-.sbb-screen-reader-only {
-  @include a11y.screen-reader-only;
-}
-
-.sbb-focus-outline:focus-visible {
+:is(.sbb-focus-outline, .sbb-focus-outline-dark):focus-visible {
   @include a11y.focus-outline;
 }
 
 .sbb-focus-outline-dark:focus-visible {
-  @include a11y.focus-outline;
-
   --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
 }

package/core/styles/screen-reader-only.scss

@@ -0,0 +1,5 @@
+@use './mixins/a11y';
+
+.sbb-screen-reader-only {
+  @include a11y.screen-reader-only;
+}

package/core/styles/styles.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../styles-swTeDfst.js";
-export { t as boxSizingStyles, e as hostScrollbarStyles };
+import { n as e, r as t, t as n } from "../../styles-D5okOWF1.js";
+export { n as boxSizingStyles, e as hostScrollbarStyles, t as screenReaderOnlyStyles };

package/core.js

@@ -55,14 +55,13 @@ import { SbbFormAssociatedInputMixin as qn } from "./core/mixins/form-associated
 import { SbbFormAssociatedRadioButtonMixin as Jn, radioButtonRegistry as Yn } from "./core/mixins/form-associated-radio-button-mixin.js";
 import { SbbNamedSlotListMixin as Xn } from "./core/mixins/named-slot-list-mixin.js";
 import { SbbNegativeMixin as Zn } from "./core/mixins/negative-mixin.js";
-import { n as Qn, t as $n } from "./panel-mixin-By8Uy5yz.js";
-import { SbbSelectionPanelMixin as er } from "./core/mixins/selection-panel-mixin.js";
-import { SbbUpdateSchedulerMixin as tr } from "./core/mixins/update-scheduler-mixin.js";
-import { overlayGapFixCorners as nr } from "./core/overlay/overlay.js";
-import { getElementPosition as rr, getElementPositionHorizontal as ir, getElementRectangle as ar, isEventOnElement as or } from "./core/overlay/position.js";
-import { setOverlayPosition as sr } from "./core/overlay/overlay-option-panel.js";
-import { SbbOverlayOutsidePointerEventListener as cr, sbbOverlayOutsidePointerEventListener as lr } from "./core/overlay/overlay-outside-pointer-event-listener.js";
-import { removeAriaComboBoxAttributes as ur, removeAriaOverlayTriggerProperties as dr, setAriaComboBoxAttributes as fr, setAriaOverlayTriggerProperties as pr } from "./core/overlay/overlay-trigger-attributes.js";
-import { t as mr } from "./screen-reader-only.component-B08Bt5Ct.js";
-import { n as hr, t as gr } from "./styles-swTeDfst.js";
-export { q as DAYS_PER_ROW, J as DateAdapter, Y as FORMAT_DATE, X as FRIDAY, Z as ISO8601_FORMAT_DATE, l as IS_FOCUSABLE_QUERY, u as InteractivityChecker, d as IsFocusableConfig, Q as MONDAY, $ as MONTHS_PER_PAGE, ee as MONTHS_PER_ROW, ce as NativeDateAdapter, te as SATURDAY, ne as SUNDAY, x as SbbActionBaseElement, zn as SbbAnimationCompleteMixin, S as SbbButtonBaseElement, C as SbbButtonLikeBaseElement, P as SbbDarkModeController, Bn as SbbDisabledInteractiveMixin, Vn as SbbDisabledMixin, Hn as SbbDisabledTabIndexActionMixin, g as SbbElement, A as SbbEscapableOverlayController, p as SbbFocusTrapController, c as SbbFocusVisibleWithinController, Gn as SbbFormAssociatedCheckboxMixin, qn as SbbFormAssociatedInputMixin, Un as SbbFormAssociatedMixin, Jn as SbbFormAssociatedRadioButtonMixin, j as SbbIdReferenceController, M as SbbInertController, N as SbbLanguageController, w as SbbLinkBaseElement, m as SbbLiveAnnouncer, F as SbbMediaMatcherController, I as SbbMediaQueryBreakpointLargeAndAbove, L as SbbMediaQueryBreakpointLargeAndBelow, R as SbbMediaQueryBreakpointSmallAndAbove, z as SbbMediaQueryBreakpointSmallAndBelow, B as SbbMediaQueryBreakpointUltraAndAbove, V as SbbMediaQueryBreakpointZeroAndAbove, H as SbbMediaQueryDarkMode, U as SbbMediaQueryForcedColors, W as SbbMediaQueryHover, G as SbbMediaQueryPointerCoarse, Xn as SbbNamedSlotListMixin, Zn as SbbNegativeMixin, T as SbbOpenCloseBaseElement, cr as SbbOverlayOutsidePointerEventListener, K as SbbOverlayPositionController, $n as SbbPanelMixin, k as SbbPropertyWatcherController, Kn as SbbReadonlyMixin, Wn as SbbRequiredMixin, mr as SbbScreenReaderOnlyElement, Fe as SbbScrollHandler, E as SbbSelectionGroupBaseElement, er as SbbSelectionPanelMixin, _ as SbbSlottedChangeEvent, tr as SbbUpdateSchedulerMixin, re as THURSDAY, ie as TUESDAY, ue as TemporalDateAdapter, ae as WEDNESDAY, oe as YEARS_PER_PAGE, se as YEARS_PER_ROW, v as appendAriaElements, gr as boxSizingStyles, Le as composedPathHasAttribute, be as containsPierceShadowDom, le as defaultDateAdapter, de as forceType, Be as forwardEvent, rr as getElementPosition, ir as getElementPositionHorizontal, ar as getElementRectangle, Re as getEventTarget, e as getNextElementIndex, fe as getOverride, pe as handleDistinctChange, me as hostAttributes, hr as hostScrollbarStyles, Ue as i18nAdditionalWagonInformationHeading, We as i18nAnd, Ge as i18nArrival, Ke as i18nBlockedPassage, qe as i18nBreadcrumbEllipsisButtonLabel, Je as i18nCalendarDateSelection, Ye as i18nCalendarWeekNumber, Xe as i18nCarouselArrowsNavigationHint, Ze as i18nCarouselItemAriaLabel, Qe as i18nCheckboxRequired, $e as i18nChipDelete, et as i18nChipGroupInputDescription, tt as i18nClass, nt as i18nClearInput, rt as i18nCloseAlert, it as i18nCloseDialog, at as i18nCloseNavigation, ot as i18nCloseNotification, st as i18nClosePopover, ct as i18nCloseSidebar, lt as i18nClosedCompartmentLabel, ut as i18nCollapsed, dt as i18nConnectionFrom, ft as i18nConnectionRoundtrip, pt as i18nConnectionTo, mt as i18nCouchetteWagonLabel, ht as i18nDateChangedTo, gt as i18nDateInvalid, _t as i18nDateMax, vt as i18nDateMin, yt as i18nDatePickerPlaceholder, bt as i18nDeparture, xt as i18nDialog, St as i18nDirection, Ct as i18nDurationDay, wt as i18nDurationHour, Tt as i18nDurationMinute, Et as i18nExpanded, Dt as i18nFileSelectorButtonLabel, Ot as i18nFileSelectorButtonLabelMultiple, kt as i18nFileSelectorCurrentlySelected, At as i18nFileSelectorDeleteFile, jt as i18nFileSelectorSubtitleLabel, Mt as i18nFileSelectorSubtitleLabelMultiple, Nt as i18nFlipCard, Pt as i18nFromPlatform, Ft as i18nGoBack, It as i18nInputRequired, Lt as i18nItemsPerPage, Rt as i18nLocomotiveLabel, zt as i18nMapContainerButtonLabel, Bt as i18nMeansOfTransport, Vt as i18nNew, Ht as i18nNextDay, Ut as i18nNextMonth, Wt as i18nNextPage, Gt as i18nNextSlide, Kt as i18nNextYear, qt as i18nNextYearRange, Jt as i18nOccupancy, Yt as i18nOptional, Xt as i18nPage, Zt as i18nPaginatorOf, Qt as i18nPaginatorSelected, $t as i18nPreviousDay, en as i18nPreviousMonth, tn as i18nPreviousPage, nn as i18nPreviousSlide, rn as i18nPreviousYear, an as i18nPreviousYearRange, on as i18nRealTimeInfo, sn as i18nRemainingCharacters, cn as i18nRestaurantWagonLabel, ln as i18nReverseCard, un as i18nSector, dn as i18nSectorShort, fn as i18nSelectNextDay, pn as i18nSelectPreviousDay, mn as i18nSelectionRequired, hn as i18nShowCalendar, gn as i18nSleepingWagonLabel, _n as i18nSlide, vn as i18nSupersaver, yn as i18nTargetOpensInNewWindow, bn as i18nTimeInputChange, xn as i18nTimeInvalid, Sn as i18nTimeMax, Cn as i18nTimeMaxLength, wn as i18nTimetableFormSwapButtonLabel, Tn as i18nToday, En as i18nTrain, Dn as i18nTrains, On as i18nTransferProcedure, kn as i18nTransferProcedures, An as i18nTravelhints, jn as i18nTripDuration, Mn as i18nTripQuayChange, Nn as i18nWagonLabel, Pn as i18nWagonLabelNumber, Fn as i18nWagonsLabel, In as i18nWalkingDistanceArrival, Ln as i18nWalkingDistanceDeparture, Rn as i18nYearMonthSelection, he as idReference, f as interactivityChecker, Ce as isAndroid, t as isArrowKeyOrPageKeysPressed, n as isArrowKeyPressed, we as isBlink, Te as isChromium, Ee as isEdge, or as isEventOnElement, Ve as isEventPrevented, a as isFakeMousedownFromScreenReader, o as isFakeTouchstartFromScreenReader, De as isFirefox, Oe as isIOS, xe as isLean, ke as isMacOS, r as isNextArrowKeyPressed, Ae as isNextjs, i as isPreviousArrowKeyPressed, je as isSafari, Me as isTrident, Ne as isWebkit, ye as isZeroAnimationDuration, D as mergeConfig, ge as omitEmptyConverter, nr as overlayGapFixCorners, Ie as pageScrollDisabled, Qn as panelCommonStyle, _e as plainDate, ve as plainDateConverter, ze as preventScrollOnSpacebarPress, Pe as queueDomContentLoaded, Yn as radioButtonRegistry, O as readConfig, ur as removeAriaComboBoxAttributes, y as removeAriaElements, dr as removeAriaOverlayTriggerProperties, s as sbbInputModalityDetector, h as sbbLiveAnnouncer, lr as sbbOverlayOutsidePointerEventListener, fr as setAriaComboBoxAttributes, pr as setAriaOverlayTriggerProperties, Se as setOrRemoveAttribute, sr as setOverlayPosition, He as throttle, b as ɵstateController };
+import { t as Qn } from "./panel-mixin-DcdteEmP.js";
+import { SbbSelectionPanelMixin as $n } from "./core/mixins/selection-panel-mixin.js";
+import { SbbUpdateSchedulerMixin as er } from "./core/mixins/update-scheduler-mixin.js";
+import { overlayGapFixCorners as tr } from "./core/overlay/overlay.js";
+import { getElementPosition as nr, getElementPositionHorizontal as rr, getElementRectangle as ir, isEventOnElement as ar } from "./core/overlay/position.js";
+import { setOverlayPosition as or } from "./core/overlay/overlay-option-panel.js";
+import { SbbOverlayOutsidePointerEventListener as sr, sbbOverlayOutsidePointerEventListener as cr } from "./core/overlay/overlay-outside-pointer-event-listener.js";
+import { removeAriaComboBoxAttributes as lr, removeAriaOverlayTriggerProperties as ur, setAriaComboBoxAttributes as dr, setAriaOverlayTriggerProperties as fr } from "./core/overlay/overlay-trigger-attributes.js";
+import { n as pr, r as mr, t as hr } from "./styles-D5okOWF1.js";
+export { q as DAYS_PER_ROW, J as DateAdapter, Y as FORMAT_DATE, X as FRIDAY, Z as ISO8601_FORMAT_DATE, l as IS_FOCUSABLE_QUERY, u as InteractivityChecker, d as IsFocusableConfig, Q as MONDAY, $ as MONTHS_PER_PAGE, ee as MONTHS_PER_ROW, ce as NativeDateAdapter, te as SATURDAY, ne as SUNDAY, x as SbbActionBaseElement, zn as SbbAnimationCompleteMixin, S as SbbButtonBaseElement, C as SbbButtonLikeBaseElement, P as SbbDarkModeController, Bn as SbbDisabledInteractiveMixin, Vn as SbbDisabledMixin, Hn as SbbDisabledTabIndexActionMixin, g as SbbElement, A as SbbEscapableOverlayController, p as SbbFocusTrapController, c as SbbFocusVisibleWithinController, Gn as SbbFormAssociatedCheckboxMixin, qn as SbbFormAssociatedInputMixin, Un as SbbFormAssociatedMixin, Jn as SbbFormAssociatedRadioButtonMixin, j as SbbIdReferenceController, M as SbbInertController, N as SbbLanguageController, w as SbbLinkBaseElement, m as SbbLiveAnnouncer, F as SbbMediaMatcherController, I as SbbMediaQueryBreakpointLargeAndAbove, L as SbbMediaQueryBreakpointLargeAndBelow, R as SbbMediaQueryBreakpointSmallAndAbove, z as SbbMediaQueryBreakpointSmallAndBelow, B as SbbMediaQueryBreakpointUltraAndAbove, V as SbbMediaQueryBreakpointZeroAndAbove, H as SbbMediaQueryDarkMode, U as SbbMediaQueryForcedColors, W as SbbMediaQueryHover, G as SbbMediaQueryPointerCoarse, Xn as SbbNamedSlotListMixin, Zn as SbbNegativeMixin, T as SbbOpenCloseBaseElement, sr as SbbOverlayOutsidePointerEventListener, K as SbbOverlayPositionController, Qn as SbbPanelMixin, k as SbbPropertyWatcherController, Kn as SbbReadonlyMixin, Wn as SbbRequiredMixin, Fe as SbbScrollHandler, E as SbbSelectionGroupBaseElement, $n as SbbSelectionPanelMixin, _ as SbbSlottedChangeEvent, er as SbbUpdateSchedulerMixin, re as THURSDAY, ie as TUESDAY, ue as TemporalDateAdapter, ae as WEDNESDAY, oe as YEARS_PER_PAGE, se as YEARS_PER_ROW, v as appendAriaElements, hr as boxSizingStyles, Le as composedPathHasAttribute, be as containsPierceShadowDom, le as defaultDateAdapter, de as forceType, Be as forwardEvent, nr as getElementPosition, rr as getElementPositionHorizontal, ir as getElementRectangle, Re as getEventTarget, e as getNextElementIndex, fe as getOverride, pe as handleDistinctChange, me as hostAttributes, pr as hostScrollbarStyles, Ue as i18nAdditionalWagonInformationHeading, We as i18nAnd, Ge as i18nArrival, Ke as i18nBlockedPassage, qe as i18nBreadcrumbEllipsisButtonLabel, Je as i18nCalendarDateSelection, Ye as i18nCalendarWeekNumber, Xe as i18nCarouselArrowsNavigationHint, Ze as i18nCarouselItemAriaLabel, Qe as i18nCheckboxRequired, $e as i18nChipDelete, et as i18nChipGroupInputDescription, tt as i18nClass, nt as i18nClearInput, rt as i18nCloseAlert, it as i18nCloseDialog, at as i18nCloseNavigation, ot as i18nCloseNotification, st as i18nClosePopover, ct as i18nCloseSidebar, lt as i18nClosedCompartmentLabel, ut as i18nCollapsed, dt as i18nConnectionFrom, ft as i18nConnectionRoundtrip, pt as i18nConnectionTo, mt as i18nCouchetteWagonLabel, ht as i18nDateChangedTo, gt as i18nDateInvalid, _t as i18nDateMax, vt as i18nDateMin, yt as i18nDatePickerPlaceholder, bt as i18nDeparture, xt as i18nDialog, St as i18nDirection, Ct as i18nDurationDay, wt as i18nDurationHour, Tt as i18nDurationMinute, Et as i18nExpanded, Dt as i18nFileSelectorButtonLabel, Ot as i18nFileSelectorButtonLabelMultiple, kt as i18nFileSelectorCurrentlySelected, At as i18nFileSelectorDeleteFile, jt as i18nFileSelectorSubtitleLabel, Mt as i18nFileSelectorSubtitleLabelMultiple, Nt as i18nFlipCard, Pt as i18nFromPlatform, Ft as i18nGoBack, It as i18nInputRequired, Lt as i18nItemsPerPage, Rt as i18nLocomotiveLabel, zt as i18nMapContainerButtonLabel, Bt as i18nMeansOfTransport, Vt as i18nNew, Ht as i18nNextDay, Ut as i18nNextMonth, Wt as i18nNextPage, Gt as i18nNextSlide, Kt as i18nNextYear, qt as i18nNextYearRange, Jt as i18nOccupancy, Yt as i18nOptional, Xt as i18nPage, Zt as i18nPaginatorOf, Qt as i18nPaginatorSelected, $t as i18nPreviousDay, en as i18nPreviousMonth, tn as i18nPreviousPage, nn as i18nPreviousSlide, rn as i18nPreviousYear, an as i18nPreviousYearRange, on as i18nRealTimeInfo, sn as i18nRemainingCharacters, cn as i18nRestaurantWagonLabel, ln as i18nReverseCard, un as i18nSector, dn as i18nSectorShort, fn as i18nSelectNextDay, pn as i18nSelectPreviousDay, mn as i18nSelectionRequired, hn as i18nShowCalendar, gn as i18nSleepingWagonLabel, _n as i18nSlide, vn as i18nSupersaver, yn as i18nTargetOpensInNewWindow, bn as i18nTimeInputChange, xn as i18nTimeInvalid, Sn as i18nTimeMax, Cn as i18nTimeMaxLength, wn as i18nTimetableFormSwapButtonLabel, Tn as i18nToday, En as i18nTrain, Dn as i18nTrains, On as i18nTransferProcedure, kn as i18nTransferProcedures, An as i18nTravelhints, jn as i18nTripDuration, Mn as i18nTripQuayChange, Nn as i18nWagonLabel, Pn as i18nWagonLabelNumber, Fn as i18nWagonsLabel, In as i18nWalkingDistanceArrival, Ln as i18nWalkingDistanceDeparture, Rn as i18nYearMonthSelection, he as idReference, f as interactivityChecker, Ce as isAndroid, t as isArrowKeyOrPageKeysPressed, n as isArrowKeyPressed, we as isBlink, Te as isChromium, Ee as isEdge, ar as isEventOnElement, Ve as isEventPrevented, a as isFakeMousedownFromScreenReader, o as isFakeTouchstartFromScreenReader, De as isFirefox, Oe as isIOS, xe as isLean, ke as isMacOS, r as isNextArrowKeyPressed, Ae as isNextjs, i as isPreviousArrowKeyPressed, je as isSafari, Me as isTrident, Ne as isWebkit, ye as isZeroAnimationDuration, D as mergeConfig, ge as omitEmptyConverter, tr as overlayGapFixCorners, Ie as pageScrollDisabled, _e as plainDate, ve as plainDateConverter, ze as preventScrollOnSpacebarPress, Pe as queueDomContentLoaded, Yn as radioButtonRegistry, O as readConfig, lr as removeAriaComboBoxAttributes, y as removeAriaElements, ur as removeAriaOverlayTriggerProperties, s as sbbInputModalityDetector, h as sbbLiveAnnouncer, cr as sbbOverlayOutsidePointerEventListener, mr as screenReaderOnlyStyles, dr as setAriaComboBoxAttributes, fr as setAriaOverlayTriggerProperties, Se as setOrRemoveAttribute, or as setOverlayPosition, He as throttle, b as ɵstateController };