@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777898715 → 5.0.0-next.1-dev.1777931407

package/{tooltip.component-CekGYat7.js → tooltip.component-BrXCWlQB.js}

@@ -1,23 +1,23 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
-import { SbbDisabledMixin as o, SbbEscapableOverlayController as s, SbbOpenCloseBaseElement as c, SbbOverlayPositionController as l, appendAriaElements as u, boxSizingStyles as d, idReference as f, isAndroid as p, isIOS as m, isZeroAnimationDuration as h, queueDomContentLoaded as g, readConfig as _, removeAriaElements as v, sbbOverlayOutsidePointerEventListener as y } from "./core.js";
+import { SbbDisabledMixin as o, SbbEscapableOverlayController as s, SbbOpenCloseBaseElement as c, SbbOverlayPositionController as l, appendAriaElements as u, idReference as d, isAndroid as f, isIOS as p, isZeroAnimationDuration as m, queueDomContentLoaded as h, readConfig as g, removeAriaElements as _, sbbOverlayOutsidePointerEventListener as v } from "./core.js";
 //#region src/elements/tooltip/tooltip.scss?inline
-var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events, all);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);font-size:var(--sbb-tooltip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-tooltip-animation-name: open;display:block}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=\" start\"],[data-position$=\" end\"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}", x = 500, S = p || m, C = /* @__PURE__ */ new WeakMap(), w = (() => {
-	let p = o(c), m = [], w, T = [], E = [], D, O, k;
-	return class extends p {
+var y = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events, all);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);font-size:var(--sbb-tooltip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-tooltip-animation-name: open;display:block}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=\" start\"],[data-position$=\" end\"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}", b = 500, x = f || p, S = /* @__PURE__ */ new WeakMap(), C = (() => {
+	let f = o(c), p = [], C, w = [], T = [], E, D, O;
+	return class extends f {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
-			w = [f(), a()], D = [a({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			C = [d(), a()], E = [a({
 				attribute: "open-delay",
 				type: Number
-			})], O = [a({
+			})], D = [a({
 				attribute: "close-delay",
 				type: Number
-			})], k = [a({
+			})], O = [a({
 				attribute: "long-press-close-delay",
 				type: Number
-			})], e(this, null, w, {
+			})], e(this, null, C, {
 				kind: "accessor",
 				name: "trigger",
 				static: !1,
@@ -30,7 +30,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 					}
 				},
 				metadata: t
-			}, T, E), e(this, null, D, {
+			}, w, T), e(this, null, E, {
 				kind: "setter",
 				name: "openDelay",
 				static: !1,
@@ -42,7 +42,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 					}
 				},
 				metadata: t
-			}, null, m), e(this, null, O, {
+			}, null, p), e(this, null, D, {
 				kind: "setter",
 				name: "closeDelay",
 				static: !1,
@@ -54,7 +54,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 					}
 				},
 				metadata: t
-			}, null, m), e(this, null, k, {
+			}, null, p), e(this, null, O, {
 				kind: "setter",
 				name: "longPressCloseDelay",
 				static: !1,
@@ -66,7 +66,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 					}
 				},
 				metadata: t
-			}, null, m), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, p), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -80,10 +80,10 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 			this.role = "tooltip";
 		}
 		static {
-			this.styles = [d, i(b)];
+			this.styles = [i(y)];
 		}
 		static {
-			r || g(() => this._initializeTooltipOutlet());
+			r || h(() => this._initializeTooltipOutlet());
 		}
 		#e;
 		get trigger() {
@@ -96,22 +96,22 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 			this._openDelay = e;
 		}
 		get openDelay() {
-			return this._openDelay ?? _().tooltip?.openDelay ?? 0;
+			return this._openDelay ?? g().tooltip?.openDelay ?? 0;
 		}
 		set closeDelay(e) {
 			this._closeDelay = e;
 		}
 		get closeDelay() {
-			return this._closeDelay ?? _().tooltip?.closeDelay ?? 0;
+			return this._closeDelay ?? g().tooltip?.closeDelay ?? 0;
 		}
 		set longPressCloseDelay(e) {
 			this._longPressCloseDelay = +e;
 		}
 		get longPressCloseDelay() {
-			return this._longPressCloseDelay ?? _().tooltip?.longPressCloseDelay ?? 1500;
+			return this._longPressCloseDelay ?? g().tooltip?.longPressCloseDelay ?? 1500;
 		}
 		constructor() {
-			super(), this.#e = (t(this, m), t(this, T, null)), this._openDelay = (t(this, E), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new s(this), this._overlayController = new l(this), this.addEventListener("mouseleave", (e) => {
+			super(), this.#e = (t(this, p), t(this, w, null)), this._openDelay = (t(this, T), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new s(this), this._overlayController = new l(this), this.addEventListener("mouseleave", (e) => {
 				(this.state === "opened" || this.state === "opening") && (!e.relatedTarget || !this._triggerElement?.contains(e.relatedTarget)) && this._delayedClose();
 			}, { passive: !0 }), this.addEventListener("overlayOutsidePointer", () => this.close(), { passive: !0 }), this.addEventListener("animationend", (e) => this._onTooltipAnimationEnd(e), { passive: !0 });
 		}
@@ -134,18 +134,18 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 			e.querySelectorAll("[sbb-tooltip]").forEach((e) => this._handleTooltipTrigger(e));
 		}
 		static _handleTooltipTrigger(e) {
-			let t = e.getAttribute("sbb-tooltip"), n = C.get(e);
+			let t = e.getAttribute("sbb-tooltip"), n = S.get(e);
 			if (t && e.isConnected) {
-				n || (n = document.createElement("sbb-tooltip"), C.set(e, n), this._tooltipOutlet.appendChild(n), n.trigger = e), n.textContent = t, n.openDelay = e.hasAttribute("sbb-tooltip-open-delay") ? +e.getAttribute("sbb-tooltip-open-delay") : null, n.closeDelay = e.hasAttribute("sbb-tooltip-close-delay") ? +e.getAttribute("sbb-tooltip-close-delay") : null;
+				n || (n = document.createElement("sbb-tooltip"), S.set(e, n), this._tooltipOutlet.appendChild(n), n.trigger = e), n.textContent = t, n.openDelay = e.hasAttribute("sbb-tooltip-open-delay") ? +e.getAttribute("sbb-tooltip-open-delay") : null, n.closeDelay = e.hasAttribute("sbb-tooltip-close-delay") ? +e.getAttribute("sbb-tooltip-close-delay") : null;
 				let r = e.hasAttribute("sbb-tooltip-position") ? e.getAttribute("sbb-tooltip-position").split(",").map((e) => e.trim()) : e.tooltipPositions;
 				r && r.length > 0 ? (n.style.setProperty("--sbb-overlay-position-area", r[0]), n.style.setProperty("--sbb-overlay-position-try-fallbacks", r.slice(1).join(", "))) : (n.style.removeProperty("--sbb-overlay-position-area"), n.style.removeProperty("--sbb-overlay-position-try-fallbacks"));
-			} else n && (C.delete(e), n._destroy?.());
+			} else n && (S.delete(e), n._destroy?.());
 		}
 		connectedCallback() {
-			super.connectedCallback(), this.popover = "manual", this.state = "closed", y.connect(this), this.hasUpdated && this.trigger && this._attach(this.trigger);
+			super.connectedCallback(), this.popover = "manual", this.state = "closed", v.connect(this), this.hasUpdated && this.trigger && this._attach(this.trigger);
 		}
 		disconnectedCallback() {
-			super.disconnectedCallback(), y.disconnect(this), this._detach();
+			super.disconnectedCallback(), v.disconnect(this), this._detach();
 		}
 		requestUpdate(e, t, n) {
 			super.requestUpdate(e, t, n), !r && (!e || e === "trigger") && this.hasUpdated && this._attach(this.trigger);
@@ -178,7 +178,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 			this._triggerElement && this._detach(), this._triggerElement = e, this._triggerElement && (this._triggerElement.ariaDescribedByElements = u(this._triggerElement.ariaDescribedByElements, this), this._addTriggerEventHandlers());
 		}
 		_detach() {
-			this._triggerAbortController?.abort(), this._openStateController?.abort(), this._resetOpenCloseTimeout(), clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._triggerElement &&= (this._triggerElement.ariaDescribedByElements = v(this._triggerElement.ariaDescribedByElements, this), null);
+			this._triggerAbortController?.abort(), this._openStateController?.abort(), this._resetOpenCloseTimeout(), clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._triggerElement &&= (this._triggerElement.ariaDescribedByElements = _(this._triggerElement.ariaDescribedByElements, this), null);
 		}
 		_destroy() {
 			this._detach(), this.remove();
@@ -191,11 +191,11 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 				signal: this._triggerAbortController.signal,
 				passive: !0
 			};
-			S || (e.addEventListener("mouseenter", () => this._delayedOpen(), t), e.addEventListener("mouseleave", (e) => {
+			x || (e.addEventListener("mouseenter", () => this._delayedOpen(), t), e.addEventListener("mouseleave", (e) => {
 				let t = e.relatedTarget;
 				(!t || t !== this) && this._delayedClose();
 			}, t), e.addEventListener("blur", () => this.close(), t), e.addEventListener("focus", () => this._delayedOpen(), t)), e.addEventListener("touchstart", () => {
-				clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._longPressOpenTimeout = setTimeout(() => this.open(), x);
+				clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._longPressOpenTimeout = setTimeout(() => this.open(), b);
 			}, t), e.addEventListener("touchend", () => {
 				clearTimeout(this._longPressOpenTimeout), this._longPressCloseTimeout = setTimeout(() => this.close(), this.longPressCloseDelay);
 			}, t), e.addEventListener("touchcancel", () => {
@@ -203,7 +203,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 			}, t);
 		}
 		_isZeroAnimationDuration() {
-			return h(this, "--sbb-tooltip-animation-duration");
+			return m(this, "--sbb-tooltip-animation-duration");
 		}
 		_resetOpenCloseTimeout() {
 			clearTimeout(this._openTimeout), clearTimeout(this._closeTimeout);
@@ -218,4 +218,4 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 	};
 })();
 //#endregion
-export { w as t };
+export { C as t };

package/tooltip.js

@@ -1,4 +1,4 @@
-import { t as e } from "./tooltip.component-CekGYat7.js";
+import { t as e } from "./tooltip.component-BrXCWlQB.js";
 import "./tooltip.pure.js";
 //#region src/elements/tooltip.ts
 e.define();

package/tooltip.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./tooltip.component-CekGYat7.js";
+import { t as e } from "./tooltip.component-BrXCWlQB.js";
 export { e as SbbTooltipElement };

package/train/train/train.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../train.component-CMLK46ds.js";
+import { t as e } from "../../train.component-BZ3jtqQ4.js";
 export { e as SbbTrainElement };

package/train/train-blocked-passage/train-blocked-passage.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../train-blocked-passage.component-Dv6K-QKW.js";
+import { t as e } from "../../train-blocked-passage.component-DxqSh9I8.js";
 export { e as SbbTrainBlockedPassageElement };

package/train/train-formation/train-formation.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../train-formation.component-DLbC60V8.js";
+import { t as e } from "../../train-formation.component-HM0M0FHW.js";
 export { e as SbbTrainFormationElement };

package/train/train-wagon-common.js

@@ -1,2 +1,2 @@
-import { t as e } from "../train-wagon-common-qxnkLA4J.js";
+import { t as e } from "../train-wagon-common-BH9bSebN.js";
 export { e as SbbTrainWagonMixin };

package/{train-blocked-passage.component-Dv6K-QKW.js → train-blocked-passage.component-DxqSh9I8.js}

@@ -1,14 +1,14 @@
 import { unsafeCSS as e } from "lit";
-import { SbbElement as t, boxSizingStyles as n } from "./core.js";
-import { SbbTrainFormationOrientationMixin as r } from "./train/train-formation-orientation-mixin.js";
+import { SbbElement as t } from "./core.js";
+import { SbbTrainFormationOrientationMixin as n } from "./train/train-formation-orientation-mixin.js";
 //#region src/elements/train/train-blocked-passage/train-blocked-passage.scss?inline
-var i = ":host{display:grid;grid-template-areas:\"icon\";align-items:center;width:var(--sbb-train-formation-blocked-passage-dimension);height:var(--_sbb-train-formation-wagon-height)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){width:var(--_sbb-train-formation-wagon-width);height:var(--sbb-train-formation-blocked-passage-dimension)}:host:before,:host:after{content:\"\";grid-area:icon;justify-self:center}:host:before{width:var(--sbb-train-formation-blocked-passage-dimension);height:var(--sbb-train-formation-blocked-passage-dimension);border-radius:50%;background-color:var(--sbb-train-blocked-passage-background-color)}:host:after{width:var(--sbb-train-blocked-passage-icon-bar-width);height:var(--sbb-train-blocked-passage-icon-bar-height);border-radius:var(--sbb-train-blocked-passage-icon-bar-border-radius);background-color:var(--sbb-train-blocked-passage-bar-color)}", a = class extends r(t) {
+var r = ":host{display:grid;grid-template-areas:\"icon\";align-items:center;width:var(--sbb-train-formation-blocked-passage-dimension);height:var(--_sbb-train-formation-wagon-height)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){width:var(--_sbb-train-formation-wagon-width);height:var(--sbb-train-formation-blocked-passage-dimension)}:host:before,:host:after{content:\"\";grid-area:icon;justify-self:center}:host:before{width:var(--sbb-train-formation-blocked-passage-dimension);height:var(--sbb-train-formation-blocked-passage-dimension);border-radius:50%;background-color:var(--sbb-train-blocked-passage-background-color)}:host:after{width:var(--sbb-train-blocked-passage-icon-bar-width);height:var(--sbb-train-blocked-passage-icon-bar-height);border-radius:var(--sbb-train-blocked-passage-icon-bar-border-radius);background-color:var(--sbb-train-blocked-passage-bar-color)}", i = class extends n(t) {
 	static {
 		this.elementName = "sbb-train-blocked-passage";
 	}
 	static {
-		this.styles = [n, e(i)];
+		this.styles = [e(r)];
 	}
 };
 //#endregion
-export { a as t };
+export { i as t };

package/{train-formation.component-DLbC60V8.js → train-formation.component-HM0M0FHW.js}

@@ -1,15 +1,15 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, nothing as r, unsafeCSS as i } from "lit";
 import { property as a, state as o } from "lit/decorators.js";
-import { SbbElement as s, SbbLanguageController as c, SbbNamedSlotListMixin as l, boxSizingStyles as u, hostScrollbarStyles as d, i18nSector as f, i18nSectorShort as p, i18nTrains as m } from "./core.js";
-import { styleMap as h } from "lit/directives/style-map.js";
+import { SbbElement as s, SbbLanguageController as c, SbbNamedSlotListMixin as l, hostScrollbarStyles as u, i18nSector as d, i18nSectorShort as f, i18nTrains as p } from "./core.js";
+import { styleMap as m } from "lit/directives/style-map.js";
 //#region src/elements/train/train-formation/train-formation.scss?inline
-var g = ":host{--sbb-train-formation-scroll-padding: var(--sbb-train-formation-padding);--_sbb-train-formation-wagon-width: var(--sbb-train-formation-wagon-dimension-long);--_sbb-train-formation-wagon-height: var(--sbb-train-formation-wagon-dimension-short);display:grid;grid-template:\"start sectors end\" auto \"start trains end\" auto/auto 1fr auto;position:relative;overflow:auto visible;gap:var(--_sbb-train-formation-sectors-to-train-gap, 0) 0;padding-block:var(--sbb-train-formation-padding);color:var(--sbb-train-formation-text-color);font-size:var(--sbb-text-font-size-xs);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}:host:before,:host:after{content:\"\";display:block;width:var(--sbb-train-formation-scroll-padding)}:host:before{grid-area:start}:host:after{grid-area:end}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:is(:state(has-sectors),[state--has-sectors])){--_sbb-train-formation-sectors-to-train-gap: var(--sbb-train-formation-gap)}:host(:is(:state(has-direction-label),[state--has-direction-label])){--_sbb-train-formation-reserve-spacing-display: block}:host([orientation=vertical]){--_sbb-train-formation-wagon-width: var(--sbb-train-formation-wagon-dimension-short);--_sbb-train-formation-wagon-height: var(--sbb-train-formation-wagon-dimension-long);--_sbb-train-formation-flex-direction: column;--_sbb-train-formation-flex-direction-inverted: row;grid-template:\"start start\" auto \"sectors trains\" 1fr \"end end\" auto;overflow:visible auto;padding-block:unset;padding-inline:var(--sbb-train-formation-padding);gap:0 var(--_sbb-train-formation-sectors-to-train-gap, 0);width:fit-content}:host([orientation=vertical]):before,:host([orientation=vertical]):after{width:auto;height:var(--sbb-train-formation-scroll-padding)}.sbb-train-formation__sectors{display:flex;grid-area:sectors;gap:var(--sbb-train-formation-wagon-gap);flex-direction:var(--_sbb-train-formation-flex-direction)}.sbb-train-formation__sector{--_wagon-sum: var(--sbb-train-formation-wagon-count) * var(--sbb-train-formation-wagon-dimension-long);--_blocked-passage-sum: var(--sbb-train-formation-wagon-blocked-passage-count) * var(--sbb-train-formation-blocked-passage-dimension);--_total-count: calc( var(--sbb-train-formation-wagon-count) + var(--sbb-train-formation-wagon-blocked-passage-count) );--_gap-sum: calc((var(--_total-count) - 1) * var(--sbb-train-formation-wagon-gap));--_sector-width: calc(var(--_wagon-sum) + var(--_blocked-passage-sum) + var(--_gap-sum));--_sector-line-length: calc(.5 * var(--_sector-width));flex:0 0 var(--_sector-width);display:flex;flex-direction:var(--_sbb-train-formation-flex-direction);justify-content:center;overflow:clip visible}:host([orientation=vertical]) .sbb-train-formation__sector{overflow:visible clip}.sbb-train-formation__sector-sticky-wrapper{position:sticky;inset:auto 0;padding:0 var(--sbb-train-formation-sector-padding);margin:0 var(--sbb-train-formation-sector-margin);white-space:nowrap}:host([orientation=vertical]) .sbb-train-formation__sector-sticky-wrapper{writing-mode:sideways-lr;inset:0 auto;padding:var(--sbb-train-formation-sector-padding) 0;margin:var(--sbb-train-formation-sector-margin) 0}.sbb-train-formation__sector-sticky-wrapper:before,.sbb-train-formation__sector-sticky-wrapper:after{content:\"\";position:absolute;inset-block:calc(50% - var(--sbb-train-formation-sector-line-width) / 2);border-block-end:var(--sbb-train-formation-sector-line-width) solid var(--sbb-train-formation-sector-line-color);width:var(--_sector-line-length)}:host([orientation=vertical]) .sbb-train-formation__sector-sticky-wrapper:before,:host([orientation=vertical]) .sbb-train-formation__sector-sticky-wrapper:after{width:auto;height:var(--_sector-line-length)}.sbb-train-formation__sector-sticky-wrapper:before{inset-inline-end:100%}.sbb-train-formation__sector-sticky-wrapper:after{inset-inline-start:100%}.sbb-train-formation__trains{grid-area:trains}.sbb-train-formation__train-list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:var(--_sbb-train-formation-flex-direction);gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__train-list>:is(li,span){display:inline-flex}", _ = (() => {
-	let _ = l(s), v, y = [], b = [], x, S = [], C = [], w, T = [], E = [];
-	return class extends _ {
+var h = ":host{--sbb-train-formation-scroll-padding: var(--sbb-train-formation-padding);--_sbb-train-formation-wagon-width: var(--sbb-train-formation-wagon-dimension-long);--_sbb-train-formation-wagon-height: var(--sbb-train-formation-wagon-dimension-short);display:grid;grid-template:\"start sectors end\" auto \"start trains end\" auto/auto 1fr auto;position:relative;overflow:auto visible;gap:var(--_sbb-train-formation-sectors-to-train-gap, 0) 0;padding-block:var(--sbb-train-formation-padding);color:var(--sbb-train-formation-text-color);font-size:var(--sbb-text-font-size-xs);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}:host:before,:host:after{content:\"\";display:block;width:var(--sbb-train-formation-scroll-padding)}:host:before{grid-area:start}:host:after{grid-area:end}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:is(:state(has-sectors),[state--has-sectors])){--_sbb-train-formation-sectors-to-train-gap: var(--sbb-train-formation-gap)}:host(:is(:state(has-direction-label),[state--has-direction-label])){--_sbb-train-formation-reserve-spacing-display: block}:host([orientation=vertical]){--_sbb-train-formation-wagon-width: var(--sbb-train-formation-wagon-dimension-short);--_sbb-train-formation-wagon-height: var(--sbb-train-formation-wagon-dimension-long);--_sbb-train-formation-flex-direction: column;--_sbb-train-formation-flex-direction-inverted: row;grid-template:\"start start\" auto \"sectors trains\" 1fr \"end end\" auto;overflow:visible auto;padding-block:unset;padding-inline:var(--sbb-train-formation-padding);gap:0 var(--_sbb-train-formation-sectors-to-train-gap, 0);width:fit-content}:host([orientation=vertical]):before,:host([orientation=vertical]):after{width:auto;height:var(--sbb-train-formation-scroll-padding)}.sbb-train-formation__sectors{display:flex;grid-area:sectors;gap:var(--sbb-train-formation-wagon-gap);flex-direction:var(--_sbb-train-formation-flex-direction)}.sbb-train-formation__sector{--_wagon-sum: var(--sbb-train-formation-wagon-count) * var(--sbb-train-formation-wagon-dimension-long);--_blocked-passage-sum: var(--sbb-train-formation-wagon-blocked-passage-count) * var(--sbb-train-formation-blocked-passage-dimension);--_total-count: calc( var(--sbb-train-formation-wagon-count) + var(--sbb-train-formation-wagon-blocked-passage-count) );--_gap-sum: calc((var(--_total-count) - 1) * var(--sbb-train-formation-wagon-gap));--_sector-width: calc(var(--_wagon-sum) + var(--_blocked-passage-sum) + var(--_gap-sum));--_sector-line-length: calc(.5 * var(--_sector-width));flex:0 0 var(--_sector-width);display:flex;flex-direction:var(--_sbb-train-formation-flex-direction);justify-content:center;overflow:clip visible}:host([orientation=vertical]) .sbb-train-formation__sector{overflow:visible clip}.sbb-train-formation__sector-sticky-wrapper{position:sticky;inset:auto 0;padding:0 var(--sbb-train-formation-sector-padding);margin:0 var(--sbb-train-formation-sector-margin);white-space:nowrap}:host([orientation=vertical]) .sbb-train-formation__sector-sticky-wrapper{writing-mode:sideways-lr;inset:0 auto;padding:var(--sbb-train-formation-sector-padding) 0;margin:var(--sbb-train-formation-sector-margin) 0}.sbb-train-formation__sector-sticky-wrapper:before,.sbb-train-formation__sector-sticky-wrapper:after{content:\"\";position:absolute;inset-block:calc(50% - var(--sbb-train-formation-sector-line-width) / 2);border-block-end:var(--sbb-train-formation-sector-line-width) solid var(--sbb-train-formation-sector-line-color);width:var(--_sector-line-length)}:host([orientation=vertical]) .sbb-train-formation__sector-sticky-wrapper:before,:host([orientation=vertical]) .sbb-train-formation__sector-sticky-wrapper:after{width:auto;height:var(--_sector-line-length)}.sbb-train-formation__sector-sticky-wrapper:before{inset-inline-end:100%}.sbb-train-formation__sector-sticky-wrapper:after{inset-inline-start:100%}.sbb-train-formation__trains{grid-area:trains}.sbb-train-formation__train-list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:var(--_sbb-train-formation-flex-direction);gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__train-list>:is(li,span){display:inline-flex}", g = (() => {
+	let g = l(s), _, v = [], y = [], b, x = [], S = [], C, w = [], T = [];
+	return class extends g {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-			v = [a({ reflect: !0 })], x = [a({ reflect: !0 })], w = [o()], e(this, null, v, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+			_ = [a({ reflect: !0 })], b = [a({ reflect: !0 })], C = [o()], e(this, null, _, {
 				kind: "accessor",
 				name: "view",
 				static: !1,
@@ -22,7 +22,7 @@ var g = ":host{--sbb-train-formation-scroll-padding: var(--sbb-train-formation-p
 					}
 				},
 				metadata: t
-			}, y, b), e(this, null, x, {
+			}, v, y), e(this, null, b, {
 				kind: "accessor",
 				name: "orientation",
 				static: !1,
@@ -35,7 +35,7 @@ var g = ":host{--sbb-train-formation-scroll-padding: var(--sbb-train-formation-p
 					}
 				},
 				metadata: t
-			}, S, C), e(this, null, w, {
+			}, x, S), e(this, null, C, {
 				kind: "accessor",
 				name: "_sectors",
 				static: !1,
@@ -48,7 +48,7 @@ var g = ":host{--sbb-train-formation-scroll-padding: var(--sbb-train-formation-p
 					}
 				},
 				metadata: t
-			}, T, E), t && Object.defineProperty(this, Symbol.metadata, {
+			}, w, T), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -59,11 +59,7 @@ var g = ":host{--sbb-train-formation-scroll-padding: var(--sbb-train-formation-p
 			this.elementName = "sbb-train-formation";
 		}
 		static {
-			this.styles = [
-				d,
-				u,
-				i(g)
-			];
+			this.styles = [u, i(h)];
 		}
 		#e;
 		get view() {
@@ -87,7 +83,7 @@ var g = ":host{--sbb-train-formation-scroll-padding: var(--sbb-train-formation-p
 			this.#n = e;
 		}
 		constructor() {
-			super(), this.listChildLocalNames = ["sbb-train"], this.#e = t(this, y, "side"), this.#t = (t(this, b), t(this, S, "horizontal")), this.#n = (t(this, C), t(this, T, [])), this._language = (t(this, E), new c(this)), this.addEventListener?.("trainslotchange", (e) => {
+			super(), this.listChildLocalNames = ["sbb-train"], this.#e = t(this, v, "side"), this.#t = (t(this, y), t(this, x, "horizontal")), this.#n = (t(this, S), t(this, w, [])), this._language = (t(this, T), new c(this)), this.addEventListener?.("trainslotchange", (e) => {
 				this._readSectors(e), this._readDirectionLabel(e);
 			}), this.addEventListener?.("sectorchange", (e) => this._readSectors(e)), this.addEventListener?.("directionlabelchange", (e) => this._readDirectionLabel(e));
 		}
@@ -122,13 +118,13 @@ var g = ":host{--sbb-train-formation-scroll-padding: var(--sbb-train-formation-p
       ${this._sectors.length && this._sectors[0].label !== void 0 ? n`<div class="sbb-train-formation__sectors" aria-hidden="true">
             ${this._sectors.map((e) => n`<span
                   class="sbb-train-formation__sector"
-                  style=${h({
+                  style=${m({
 				"--sbb-train-formation-wagon-count": e.wagonCount,
 				"--sbb-train-formation-wagon-blocked-passage-count": e.blockedPassageCount
 			})}
                 >
                   <span class="sbb-train-formation__sector-sticky-wrapper">
-                    ${`${e.wagonCount === 1 && e.label ? p[this._language.current] : f[this._language.current]} ${e.label ? e.label : ""}`}
+                    ${`${e.wagonCount === 1 && e.label ? f[this._language.current] : d[this._language.current]} ${e.label ? e.label : ""}`}
                   </span>
                 </span>`)}
           </div>` : r}
@@ -136,7 +132,7 @@ var g = ":host{--sbb-train-formation-scroll-padding: var(--sbb-train-formation-p
       <div class="sbb-train-formation__trains">
         ${this.renderList({
 				class: "sbb-train-formation__train-list",
-				ariaLabel: m[this._language.current]
+				ariaLabel: p[this._language.current]
 			})}
       </div>
     `;
@@ -144,4 +140,4 @@ var g = ":host{--sbb-train-formation-scroll-padding: var(--sbb-train-formation-p
 	};
 })();
 //#endregion
-export { _ as t };
+export { g as t };

package/{train-wagon-common-qxnkLA4J.js → train-wagon-common-BH9bSebN.js}

@@ -2,7 +2,7 @@ import { SbbTrainFormationOrientationMixin as e } from "./train/train-formation-
 import { __esDecorate as t, __runInitializers as n } from "tslib";
 import { isServer as r, nothing as i, unsafeCSS as a } from "lit";
 import { property as o, state as s } from "lit/decorators.js";
-import { SbbLanguageController as c, SbbNamedSlotListMixin as l, SbbPropertyWatcherController as ee, boxSizingStyles as te, forceType as u, handleDistinctChange as d, i18nAdditionalWagonInformationHeading as f, i18nAnd as p, i18nBlockedPassage as m, i18nClass as h, i18nClosedCompartmentLabel as g, i18nCouchetteWagonLabel as _, i18nLocomotiveLabel as v, i18nRestaurantWagonLabel as ne, i18nSector as re, i18nSleepingWagonLabel as ie, i18nWagonLabel as ae, i18nWagonLabelNumber as oe, omitEmptyConverter as y } from "./core.js";
+import { SbbLanguageController as c, SbbNamedSlotListMixin as ee, SbbPropertyWatcherController as te, forceType as l, handleDistinctChange as u, i18nAdditionalWagonInformationHeading as d, i18nAnd as f, i18nBlockedPassage as p, i18nClass as m, i18nClosedCompartmentLabel as h, i18nCouchetteWagonLabel as g, i18nLocomotiveLabel as _, i18nRestaurantWagonLabel as v, i18nSector as ne, i18nSleepingWagonLabel as re, i18nWagonLabel as ie, i18nWagonLabelNumber as ae, omitEmptyConverter as y } from "./core.js";
 import { html as b } from "lit/static-html.js";
 import { SbbDividerElement as x } from "./divider.pure.js";
 import { SbbIconElement as S } from "./icon.pure.js";
@@ -31,7 +31,7 @@ var T = ":host{--sbb-train-wagon-transition-duration: var( --sbb-disable-animati
 		top: "M66 0H8C4 0 0 4 0 8V28c0 4 4 8 8 8H66c9.75 0 17.5-8.25 17.5-18S76 0 66 0Z"
 	}
 }, O = (O) => (() => {
-	let k = e(l(O)), A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [];
+	let k = e(ee(O)), A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [];
 	return class extends k {
 		static {
 			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
@@ -39,16 +39,16 @@ var T = ":host{--sbb-train-wagon-transition-duration: var( --sbb-disable-animati
 				attribute: "wagon-type",
 				reflect: !0
 			})], N = [o()], I = [
-				u(),
-				d((e) => e._sectorChanged()),
+				l(),
+				u((e) => e._sectorChanged()),
 				o({
 					reflect: !0,
 					converter: y
 				})
-			], z = [o({ attribute: "blocked-passage" })], H = [o({ attribute: "wagon-class" })], G = [u(), o({
+			], z = [o({ attribute: "blocked-passage" })], H = [o({ attribute: "wagon-class" })], G = [l(), o({
 				reflect: !0,
 				converter: y
-			})], J = [u(), o({ attribute: "additional-accessibility-text" })], Z = [s()], t(this, null, A, {
+			})], J = [l(), o({ attribute: "additional-accessibility-text" })], Z = [s()], t(this, null, A, {
 				kind: "accessor",
 				name: "wagonType",
 				static: !1,
@@ -167,7 +167,7 @@ var T = ":host{--sbb-train-wagon-transition-duration: var( --sbb-disable-animati
 			];
 		}
 		static {
-			this.styles = [te, a(T)];
+			this.styles = [a(T)];
 		}
 		#e;
 		get wagonType() {
@@ -226,7 +226,7 @@ var T = ":host{--sbb-train-wagon-transition-duration: var( --sbb-disable-animati
 			this.#s = e;
 		}
 		constructor(...e) {
-			super(...e), this.#e = n(this, j, "wagon"), this.listChildLocalNames = (n(this, M), ["sbb-icon"]), this.#t = n(this, P, null), this.#n = (n(this, F), n(this, L, "")), this.#r = (n(this, R), n(this, B, "none")), this.#i = (n(this, V), n(this, U, null)), this.#a = (n(this, W), n(this, K, "")), this.#o = (n(this, q), n(this, Y, "")), this.#s = (n(this, X), n(this, Q, null)), this._language = (n(this, $), new c(this)), this._clipStyleSheet = null, this.addController(new ee(this, () => this.closest("sbb-train-formation"), { view: (e) => {
+			super(...e), this.#e = n(this, j, "wagon"), this.listChildLocalNames = (n(this, M), ["sbb-icon"]), this.#t = n(this, P, null), this.#n = (n(this, F), n(this, L, "")), this.#r = (n(this, R), n(this, B, "none")), this.#i = (n(this, V), n(this, U, null)), this.#a = (n(this, W), n(this, K, "")), this.#o = (n(this, q), n(this, Y, "")), this.#s = (n(this, X), n(this, Q, null)), this._language = (n(this, $), new c(this)), this._clipStyleSheet = null, this.addController(new te(this, () => this.closest("sbb-train-formation"), { view: (e) => {
 				this._view && this.internals.states.delete(`view-${this._view}`), this._view = e.view, this._view && this.internals.states.add(`view-${this._view}`);
 			} }));
 		}
@@ -242,12 +242,12 @@ var T = ":host{--sbb-train-wagon-transition-duration: var( --sbb-disable-animati
 		}
 		_wagonTypeLabel() {
 			switch (this.wagonType) {
-				case "closed": return g[this._language.current];
-				case "locomotive": return v[this._language.current];
-				case "couchette": return _[this._language.current];
-				case "sleeping": return ie[this._language.current];
-				case "restaurant": return ne[this._language.current];
-				default: return ae[this._language.current];
+				case "closed": return h[this._language.current];
+				case "locomotive": return _[this._language.current];
+				case "couchette": return g[this._language.current];
+				case "sleeping": return re[this._language.current];
+				case "restaurant": return v[this._language.current];
+				default: return ie[this._language.current];
 			}
 		}
 		_wagonShape() {
@@ -262,15 +262,15 @@ var T = ":host{--sbb-train-wagon-transition-duration: var( --sbb-disable-animati
 		}
 		_classLabel() {
 			switch (this.wagonClass) {
-				case "1": return h.first[this._language.current];
-				case "2": return h.second[this._language.current];
-				case "1-2": return `${h.first[this._language.current]} ${p[this._language.current]} ${h.second[this._language.current]}`;
-				case "2-1": return `${h.second[this._language.current]} ${p[this._language.current]} ${h.first[this._language.current]}`;
+				case "1": return m.first[this._language.current];
+				case "2": return m.second[this._language.current];
+				case "1-2": return `${m.first[this._language.current]} ${f[this._language.current]} ${m.second[this._language.current]}`;
+				case "2-1": return `${m.second[this._language.current]} ${f[this._language.current]} ${m.first[this._language.current]}`;
 				default: return "";
 			}
 		}
 		renderTemplate() {
-			let e = this.wagonType === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.wagonType === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = e !== "none", n = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.wagonType !== "closed") + +(!!this.occupancy && this.wagonType !== "closed") + +t, r = `${re[this._language.current]}, ${this.sector}`, a = `${oe[this._language.current]}, ${this.label}`, o = b`<span class="sbb-screen-reader-only">
+			let e = this.wagonType === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.wagonType === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = e !== "none", n = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.wagonType !== "closed") + +(!!this.occupancy && this.wagonType !== "closed") + +t, r = `${ne[this._language.current]}, ${this.sector}`, a = `${ae[this._language.current]}, ${this.label}`, o = b`<span class="sbb-screen-reader-only">
           ${this._classLabel()}
         </span>
         ${this.wagonClass?.split("-").map((e) => b`<span
@@ -296,7 +296,7 @@ var T = ":host{--sbb-train-wagon-transition-duration: var( --sbb-disable-animati
                       occupancy=${this.occupancy}
                     ></sbb-timetable-occupancy-icon>` : i}
                 ${t ? b`<li class="sbb-screen-reader-only">
-                      ${m[e][this._language.current]}
+                      ${p[e][this._language.current]}
                     </li>` : i}
               </ul>`, () => b`<div class="sbb-train-wagon__compartment">
                 <span class="sbb-screen-reader-only">
@@ -309,7 +309,7 @@ var T = ":host{--sbb-train-wagon-transition-duration: var( --sbb-disable-animati
                       occupancy=${this.occupancy}
                     ></sbb-timetable-occupancy-icon>` : i}
                 ${t ? b`<span class="sbb-screen-reader-only">
-                      ${m[e][this._language.current]}
+                      ${p[e][this._language.current]}
                     </span>` : i}
               </div> `)}
           ${E[this.wagonType] ? b`<sbb-icon
@@ -342,7 +342,7 @@ var T = ":host{--sbb-train-wagon-transition-duration: var( --sbb-disable-animati
                 ></sbb-divider>` : i}
             ${this.renderList({
 				class: "sbb-train-wagon__attribute-icon-list",
-				ariaLabel: f[this._language.current]
+				ariaLabel: d[this._language.current]
 			})}
           </span>
         </div>