@sbb-esta/lyne-elements 4.9.0 → 4.10.0

package/{tooltip.component-Bwp_yTA8.js → tooltip.component-BY9mV5Sw.js}

@@ -1,5 +1,5 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, isServer as i } from "lit";
+import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
 import { SbbOpenCloseBaseElement as o } from "./core/base-elements.js";
 import { idReference as s } from "./core/decorators.js";
@@ -9,22 +9,22 @@ import { boxSizingStyles as h } from "./core/styles.js";
 import { SbbEscapableOverlayController as g, SbbOverlayPositionController as _ } from "./core/controllers.js";
 import { sbbOverlayOutsidePointerEventListener as v } from "./core/overlay.js";
 import { readConfig as y } from "./core/config.js";
-//#region src/elements/tooltip/tooltip.scss?lit&inline
-var b = n`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-border-radius: var(--sbb-border-radius-8x);--sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-color: var(--sbb-color-2-inverted);--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-tooltip-animation-easing: ease-out;--sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);--sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);--sbb-overlay-position-area: block-start;--sbb-overlay-position-try-fallbacks: block-start span-inline-end, block-start span-inline-start, block-end, block-end span-inline-end, block-end span-inline-start;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);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);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]))){display:block;--sbb-tooltip-animation-name: open}: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);--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);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 = c || l, C = /* @__PURE__ */ new WeakMap(), w = 0, T = (() => {
-	let n = f(o), c = [], l, T = [], E = [], D, O, k;
-	return class extends n {
+//#region src/elements/tooltip/tooltip.scss?inline
+var b = ":host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-border-radius: var(--sbb-border-radius-8x);--sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-color: var(--sbb-color-2-inverted);--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-tooltip-animation-easing: ease-out;--sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);--sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);--sbb-overlay-position-area: block-start;--sbb-overlay-position-try-fallbacks: block-start span-inline-end, block-start span-inline-start, block-end, block-end span-inline-end, block-end span-inline-start;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);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);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]))){display:block;--sbb-tooltip-animation-name: open}: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);--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);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 = c || l, C = /* @__PURE__ */ new WeakMap(), w = 0, T = (() => {
+	let c = f(o), l = [], T, E = [], D = [], O, k, A;
+	return class extends c {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			l = [s(), a()], D = [a({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			T = [s(), a()], O = [a({
 				attribute: "open-delay",
 				type: Number
-			})], O = [a({
+			})], k = [a({
 				attribute: "close-delay",
 				type: Number
-			})], k = [a({
+			})], A = [a({
 				attribute: "long-press-close-delay",
 				type: Number
-			})], e(this, null, l, {
+			})], e(this, null, T, {
 				kind: "accessor",
 				name: "trigger",
 				static: !1,
@@ -37,7 +37,7 @@ var b = n`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(-
 					}
 				},
 				metadata: t
-			}, T, E), e(this, null, D, {
+			}, E, D), e(this, null, O, {
 				kind: "setter",
 				name: "openDelay",
 				static: !1,
@@ -49,7 +49,7 @@ var b = n`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(-
 					}
 				},
 				metadata: t
-			}, null, c), e(this, null, O, {
+			}, null, l), e(this, null, k, {
 				kind: "setter",
 				name: "closeDelay",
 				static: !1,
@@ -61,7 +61,7 @@ var b = n`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(-
 					}
 				},
 				metadata: t
-			}, null, c), e(this, null, k, {
+			}, null, l), e(this, null, A, {
 				kind: "setter",
 				name: "longPressCloseDelay",
 				static: !1,
@@ -73,7 +73,7 @@ var b = n`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(-
 					}
 				},
 				metadata: t
-			}, null, c), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, l), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -87,10 +87,10 @@ var b = n`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(-
 			this.role = "tooltip";
 		}
 		static {
-			this.styles = [h, b];
+			this.styles = [h, i(b)];
 		}
 		static {
-			i || d(() => this._initializeTooltipOutlet());
+			r || d(() => this._initializeTooltipOutlet());
 		}
 		#e;
 		get trigger() {
@@ -118,7 +118,7 @@ var b = n`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(-
 			return this._longPressCloseDelay ?? y().tooltip?.longPressCloseDelay ?? 1500;
 		}
 		constructor() {
-			super(), this.#e = (t(this, c), t(this, T, null)), this._openDelay = (t(this, E), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new g(this), this._overlayController = new _(this), this.addEventListener("mouseleave", (e) => {
+			super(), this.#e = (t(this, l), t(this, E, null)), this._openDelay = (t(this, D), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new g(this), this._overlayController = new _(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 });
 		}
@@ -155,7 +155,7 @@ var b = n`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(-
 			super.disconnectedCallback(), v.disconnect(this), this._detach();
 		}
 		requestUpdate(e, t, n) {
-			super.requestUpdate(e, t, n), !i && (!e || e === "trigger") && this.hasUpdated && this._attach(this.trigger);
+			super.requestUpdate(e, t, n), !r && (!e || e === "trigger") && this.hasUpdated && this._attach(this.trigger);
 		}
 		firstUpdated(e) {
 			super.firstUpdated(e), this._attach(this.trigger);
@@ -216,7 +216,7 @@ var b = n`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(-
 			clearTimeout(this._openTimeout), clearTimeout(this._closeTimeout);
 		}
 		render() {
-			return r`
+			return n`
       <div class="sbb-tooltip">
         <slot></slot>
       </div>

package/tooltip.js

@@ -1,4 +1,4 @@
-import { t as e } from "./tooltip.component-Bwp_yTA8.js";
+import { t as e } from "./tooltip.component-BY9mV5Sw.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-Bwp_yTA8.js";
+import { t as e } from "./tooltip.component-BY9mV5Sw.js";
 export { e as SbbTooltipElement };

package/train/train/train.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../train.component-COPys5v7.js";
+import { t as e } from "../../train.component-NTimqCpY.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-D3mbnoQ4.js";
+import { t as e } from "../../train-blocked-passage.component-C-ltrsRr.js";
 export { e as SbbTrainBlockedPassageElement };

package/train/train-blocked-passage.js

@@ -1,4 +1,4 @@
-import { t as e } from "../train-blocked-passage.component-D3mbnoQ4.js";
+import { t as e } from "../train-blocked-passage.component-C-ltrsRr.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train-blocked-passage.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
 //#endregion
 export { e as SbbTrainBlockedPassageElement };

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

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

package/train/train-formation.js

@@ -1,4 +1,4 @@
-import { t as e } from "../train-formation.component-DoNKUil3.js";
+import { t as e } from "../train-formation.component-y0TGSIGR.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train-formation.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
 //#endregion
 export { e as SbbTrainFormationElement };

package/train/train-wagon/train-wagon.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../train-wagon.component-CLrqgGwH.js";
+import { t as e } from "../../train-wagon.component-BwCcF4GD.js";
 export { e as SbbTrainWagonElement };

package/train/train-wagon.js

@@ -1,4 +1,4 @@
-import { t as e } from "../train-wagon.component-CLrqgGwH.js";
+import { t as e } from "../train-wagon.component-BwCcF4GD.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train-wagon.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
 //#endregion
 export { e as SbbTrainWagonElement };

package/train/train.js

@@ -1,4 +1,4 @@
-import { t as e } from "../train.component-COPys5v7.js";
+import { t as e } from "../train.component-NTimqCpY.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
 //#endregion
 export { e as SbbTrainElement };

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

@@ -0,0 +1,23 @@
+import { html as e, unsafeCSS as t } from "lit";
+import { SbbElement as n } from "./core/base-elements.js";
+import { boxSizingStyles as r } from "./core/styles.js";
+//#region src/elements/train/train-blocked-passage/train-blocked-passage.scss?inline
+var i = ":host{display:block;--sbb-train-blocked-passage-height: var(--sbb-train-formation-wagon-height);--sbb-train-blocked-passage-background-color: var(--sbb-color-error);--sbb-train-blocked-passage-bar-color: var(--sbb-color-white);--sbb-train-blocked-passage-icon-dimension: 1rem;--sbb-train-blocked-passage-icon-bar-width: .625rem;--sbb-train-blocked-passage-icon-bar-height: .25rem;--sbb-train-blocked-passage-icon-bar-border-radius: .0625rem}@media(forced-colors:active){:host{--sbb-train-blocked-passage-background-color: CanvasText;--sbb-train-blocked-passage-bar-color: Canvas}}.sbb-train-blocked-passage:before{content:\"\";display:var(--sbb-train-formation-wagon-label-display, block);height:calc(var(--sbb-text-font-size-xxs) * var(--sbb-typo-line-height-text))}.sbb-train-blocked-passage__wrapper{width:var(--sbb-train-blocked-passage-icon-dimension);display:flex;justify-content:center;flex-direction:column;height:var(--sbb-train-blocked-passage-height)}.sbb-train-blocked-passage__icon{width:100%;height:var(--sbb-train-blocked-passage-icon-dimension);border-radius:50%;background-color:var(--sbb-train-blocked-passage-background-color);position:relative;flex-direction:column;display:flex;align-items:center}.sbb-train-blocked-passage__icon:before{content:\"\";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);margin:auto 0}", a = class extends n {
+	static {
+		this.elementName = "sbb-train-blocked-passage";
+	}
+	static {
+		this.styles = [r, t(i)];
+	}
+	render() {
+		return e`
+      <span class="sbb-train-blocked-passage">
+        <span class="sbb-train-blocked-passage__wrapper">
+          <span class="sbb-train-blocked-passage__icon"></span>
+        </span>
+      </span>
+    `;
+	}
+};
+//#endregion
+export { a as t };

package/train-formation.component-y0TGSIGR.js

@@ -0,0 +1,121 @@
+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 } from "./core/base-elements.js";
+import { SbbNamedSlotListMixin as c } from "./core/mixins.js";
+import { boxSizingStyles as l } from "./core/styles.js";
+import { SbbLanguageController as u } from "./core/controllers.js";
+import { i18nSector as d, i18nSectorShort as f, i18nTrains as p } from "./core/i18n.js";
+import { styleMap as m } from "lit/directives/style-map.js";
+//#region src/elements/train/train-formation/train-formation.scss?inline
+var h = ":host{display:block;--sbb-train-formation-sector-line-color: var(--sbb-color-cement);--sbb-train-formation-sector-line-color: light-dark( var(--sbb-color-cement), var(--sbb-color-smoke) );--sbb-train-formation-sector-line-width: var(--sbb-border-width-1x);--sbb-train-formation-blocked-passage-width: 1rem;--sbb-train-formation-text-color: var(--sbb-color-3);--sbb-train-formation-vertical-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-train-formation-sector-line-color: CanvasText}}.sbb-train-formation{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-train-formation::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-train-formation::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-train-formation::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-train-formation::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-train-formation::-webkit-scrollbar-button,.sbb-train-formation::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-train-formation{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-train-formation{display:grid;grid-template:\"start sectors end\" auto \"start trains end\" auto/auto 1fr auto;position:relative;overflow-x:auto;row-gap:calc(var(--sbb-train-formation-show-sectors-gap, 0) * var(--sbb-train-formation-vertical-gap));padding-block-end:var(--sbb-train-formation-vertical-gap);color:var(--sbb-train-formation-text-color)}.sbb-train-formation: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)}.sbb-train-formation:before,.sbb-train-formation:after{content:\"\";display:block;width:var(--sbb-train-formation-padding-inline)}.sbb-train-formation:before{grid-area:start}.sbb-train-formation:after{grid-area:end}.sbb-train-formation__sectors{display:flex;grid-area:sectors;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__sector{--_wagon-sum: var(--sbb-train-formation-wagon-count) * var(--sbb-train-formation-wagon-width);--_blocked-passage-sum: var(--sbb-train-formation-wagon-blocked-passage-count) * var(--sbb-train-formation-blocked-passage-width);--_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));--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);flex:0 0 var(--_sector-width);text-align:center;overflow-x:clip}.sbb-train-formation__sector-sticky-wrapper{position:sticky;inset:auto 0;padding:0 var(--sbb-spacing-fixed-1x);margin:0 var(--sbb-spacing-fixed-2x);overflow:hidden;white-space:nowrap}.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:calc(.5 * var(--_sector-width))}.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;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__train-list>:is(li,span){display:inline-flex}", g = (() => {
+	let g = c(s), _, v = [], y = [], b, x = [], S = [];
+	return class extends g {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+			_ = [a({ reflect: !0 })], b = [o()], e(this, null, _, {
+				kind: "accessor",
+				name: "view",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "view" in e,
+					get: (e) => e.view,
+					set: (e, t) => {
+						e.view = t;
+					}
+				},
+				metadata: t
+			}, v, y), e(this, null, b, {
+				kind: "accessor",
+				name: "_sectors",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_sectors" in e,
+					get: (e) => e._sectors,
+					set: (e, t) => {
+						e._sectors = t;
+					}
+				},
+				metadata: t
+			}, x, S), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-train-formation";
+		}
+		static {
+			this.styles = [l, i(h)];
+		}
+		#e;
+		get view() {
+			return this.#e;
+		}
+		set view(e) {
+			this.#e = e;
+		}
+		#t;
+		get _sectors() {
+			return this.#t;
+		}
+		set _sectors(e) {
+			this.#t = e;
+		}
+		constructor() {
+			super(), this.listChildLocalNames = ["sbb-train"], this.#e = t(this, v, "side"), this.#t = (t(this, y), t(this, x, [])), this._language = (t(this, S), new u(this)), this.addEventListener?.("trainslotchange", (e) => this._readSectors(e)), this.addEventListener?.("sectorchange", (e) => this._readSectors(e));
+		}
+		_readSectors(e) {
+			e?.stopPropagation(), this._sectors = Array.from(this.querySelectorAll?.("sbb-train-wagon,sbb-train-blocked-passage") ?? []).reduce((e, t) => {
+				let n = e[e.length - 1];
+				if (t.localName === "sbb-train-wagon") {
+					let r = t.sector ?? t.getAttribute("sector");
+					!n.label && r && (n.label = r), !r || n.label === r ? n.wagonCount++ : e.push({
+						label: r,
+						wagonCount: 1,
+						blockedPassageCount: 0
+					});
+				} else t.localName === "sbb-train-blocked-passage" && n.blockedPassageCount++;
+				return e;
+			}, [{
+				wagonCount: 0,
+				blockedPassageCount: 0
+			}]);
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("listChildren") && this._readSectors();
+		}
+		render() {
+			return n`
+      <div class="sbb-train-formation">
+        ${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=${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 ? f[this._language.current] : d[this._language.current]} ${e.label ? e.label : ""}`}
+                    </span>
+                  </span>`)}
+            </div>` : r}
+
+        <div class="sbb-train-formation__trains">
+          ${this.renderList({
+				class: "sbb-train-formation__train-list",
+				ariaLabel: p[this._language.current]
+			})}
+        </div>
+      </div>
+    `;
+		}
+	};
+})();
+//#endregion
+export { g as t };

package/{train-wagon.component-CLrqgGwH.js → train-wagon.component-BwCcF4GD.js}

@@ -1,5 +1,5 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, nothing as r } from "lit";
+import { nothing as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
 import { SbbElement as a } from "./core/base-elements.js";
 import { forceType as o, handleDistinctChange as s, omitEmptyConverter as c } from "./core/decorators.js";
@@ -11,30 +11,30 @@ import { i18nAdditionalWagonInformationHeading as p, i18nBlockedPassage as m, i1
 import "./icon.js";
 import "./timetable-occupancy-icon.js";
 import { when as w } from "lit/directives/when.js";
-//#region src/elements/train/train-wagon/train-wagon.scss?lit&inline
-var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color: var(--sbb-color-3);--sbb-train-wagon-main-icon-height: 1.25rem;--sbb-train-wagon-main-icon-margin-block-start: .625rem;--sbb-train-wagon-attribute-icon-gap: var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height: .875rem;--sbb-train-wagon-attribute-icon-color: var(--sbb-color-1);--sbb-train-wagon-occupancy-height: .75rem}@media(forced-colors:active){:host{--sbb-train-wagon-shape-color: CanvasText}}@media(forced-colors:active){:host([type=closed]){--sbb-train-wagon-shape-color: GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start: .390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape: var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-formation-vertical-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:"label label" auto "occupancy class" 1fr/1fr 1fr}.sbb-train-wagon__compartment:before{content:"";grid-column:occupancy/class;grid-row:occupancy;pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);grid-column:occupancy/class;grid-row:occupancy;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start);justify-self:center}.sbb-train-wagon__label{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-text))}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center;justify-content:center}.sbb-train-wagon__occupancy{--sbb-icon-svg-height: var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);grid-area:class}.sbb-train-wagon__attribute-icon-list{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-icon-svg-height: var(--sbb-train-wagon-attribute-icon-height);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color)}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, E = {
+//#region src/elements/train/train-wagon/train-wagon.scss?inline
+var T = ":host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color: var(--sbb-color-3);--sbb-train-wagon-main-icon-height: 1.25rem;--sbb-train-wagon-main-icon-margin-block-start: .625rem;--sbb-train-wagon-attribute-icon-gap: var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height: .875rem;--sbb-train-wagon-attribute-icon-color: var(--sbb-color-1);--sbb-train-wagon-occupancy-height: .75rem}@media(forced-colors:active){:host{--sbb-train-wagon-shape-color: CanvasText}}@media(forced-colors:active){:host([type=closed]){--sbb-train-wagon-shape-color: GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start: .390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape: var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-formation-vertical-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:\"label label\" auto \"occupancy class\" 1fr/1fr 1fr}.sbb-train-wagon__compartment:before{content:\"\";grid-column:occupancy/class;grid-row:occupancy;pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);grid-column:occupancy/class;grid-row:occupancy;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start);justify-self:center}.sbb-train-wagon__label{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-text))}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center;justify-content:center}.sbb-train-wagon__occupancy{--sbb-icon-svg-height: var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);grid-area:class}.sbb-train-wagon__attribute-icon-list{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-icon-svg-height: var(--sbb-train-wagon-attribute-icon-height);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color)}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", E = {
 	couchette: "sa-cc",
 	sleeping: "sa-wl",
 	restaurant: "sa-wr"
 }, D = (() => {
-	let n = l(a), D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [];
-	return class extends n {
+	let D = l(a), O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B, V = [], H = [], U, W = [], G = [], K, q = [], J = [];
+	return class extends D {
 		constructor() {
-			super(...arguments), this.#e = t(this, O, "wagon"), this.listChildLocalNames = (t(this, k), ["sbb-icon"]), this.#t = t(this, j, null), this.#n = (t(this, M), t(this, P, "")), this.#r = (t(this, F), t(this, L, "none")), this.#i = (t(this, R), t(this, B, null)), this.#a = (t(this, V), t(this, U, "")), this.#o = (t(this, W), t(this, K, "")), this._language = (t(this, q), new f(this));
+			super(...arguments), this.#e = t(this, k, "wagon"), this.listChildLocalNames = (t(this, A), ["sbb-icon"]), this.#t = t(this, M, null), this.#n = (t(this, N), t(this, F, "")), this.#r = (t(this, I), t(this, R, "none")), this.#i = (t(this, z), t(this, V, null)), this.#a = (t(this, H), t(this, W, "")), this.#o = (t(this, G), t(this, q, "")), this._language = (t(this, J), new f(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			D = [i({ reflect: !0 })], A = [i()], N = [
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(D[Symbol.metadata] ?? null) : void 0;
+			O = [i({ reflect: !0 })], j = [i()], P = [
 				o(),
 				s((e) => e._sectorChanged()),
 				i({
 					reflect: !0,
 					converter: c
 				})
-			], I = [i({ attribute: "blocked-passage" })], z = [i({ attribute: "wagon-class" })], H = [o(), i({
+			], L = [i({ attribute: "blocked-passage" })], B = [i({ attribute: "wagon-class" })], U = [o(), i({
 				reflect: !0,
 				converter: c
-			})], G = [o(), i({ attribute: "additional-accessibility-text" })], e(this, null, D, {
+			})], K = [o(), i({ attribute: "additional-accessibility-text" })], e(this, null, O, {
 				kind: "accessor",
 				name: "type",
 				static: !1,
@@ -47,7 +47,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, O, k), e(this, null, A, {
+			}, k, A), e(this, null, j, {
 				kind: "accessor",
 				name: "occupancy",
 				static: !1,
@@ -60,7 +60,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, j, M), e(this, null, N, {
+			}, M, N), e(this, null, P, {
 				kind: "accessor",
 				name: "sector",
 				static: !1,
@@ -73,7 +73,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, P, F), e(this, null, I, {
+			}, F, I), e(this, null, L, {
 				kind: "accessor",
 				name: "blockedPassage",
 				static: !1,
@@ -86,7 +86,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, L, R), e(this, null, z, {
+			}, R, z), e(this, null, B, {
 				kind: "accessor",
 				name: "wagonClass",
 				static: !1,
@@ -99,7 +99,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, B, V), e(this, null, H, {
+			}, V, H), e(this, null, U, {
 				kind: "accessor",
 				name: "label",
 				static: !1,
@@ -112,7 +112,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, U, W), e(this, null, G, {
+			}, W, G), e(this, null, K, {
 				kind: "accessor",
 				name: "additionalAccessibilityText",
 				static: !1,
@@ -125,7 +125,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, K, q), t && Object.defineProperty(this, Symbol.metadata, {
+			}, q, J), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -136,7 +136,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 			this.elementName = "sbb-train-wagon";
 		}
 		static {
-			this.styles = [u, T];
+			this.styles = [u, r(T)];
 		}
 		static {
 			this.events = { sectorchange: "sectorchange" };
@@ -200,32 +200,32 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 			return this.type === "closed" ? g[this._language.current] : this.type === "locomotive" ? v[this._language.current] : this.type === "couchette" ? _[this._language.current] : this.type === "sleeping" ? x[this._language.current] : this.type === "restaurant" ? y[this._language.current] : S[this._language.current];
 		}
 		render() {
-			let e = this.type === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.type === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = e !== "none", n = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.type !== "closed") + +(!!this.occupancy && this.type !== "closed") + +t, i = `${b[this._language.current]}, ${this.sector}`, a = this.label ? d`<span class="sbb-screen-reader-only">
+			let e = this.type === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.type === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = e !== "none", r = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.type !== "closed") + +(!!this.occupancy && this.type !== "closed") + +t, i = `${b[this._language.current]}, ${this.sector}`, a = this.label ? d`<span class="sbb-screen-reader-only">
             ${`${C[this._language.current]}, ${this.label}`}
           </span>
-          <span aria-hidden="true">${this.label}</span>` : r, o = d`<span class="sbb-screen-reader-only">
+          <span aria-hidden="true">${this.label}</span>` : n, o = d`<span class="sbb-screen-reader-only">
         ${this.wagonClass === "1" ? h.first[this._language.current] : h.second[this._language.current]}
       </span>
       <span aria-hidden="true">${this.wagonClass}</span>`, s = E[this.type] ? d`<sbb-icon
           name=${E[this.type]}
           class="sbb-train-wagon__main-icon"
-        ></sbb-icon>` : r;
+        ></sbb-icon>` : n;
 			return d`
       <div class="sbb-train-wagon">
-        ${w(n > 1, () => d`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
-              ${this.sector ? d`<li class="sbb-screen-reader-only">${i}</li>` : r}
+        ${w(r > 1, () => d`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
+              ${this.sector ? d`<li class="sbb-screen-reader-only">${i}</li>` : n}
               <li class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
                 ${a}
               </li>
-              ${this.wagonClass && this.type !== "closed" ? d`<li class="sbb-train-wagon__class">${o}</li>` : r}
+              ${this.wagonClass && this.type !== "closed" ? d`<li class="sbb-train-wagon__class">${o}</li>` : n}
               ${this.occupancy && this.type !== "closed" ? d`<sbb-timetable-occupancy-icon
                     class="sbb-train-wagon__occupancy"
                     role="listitem"
                     occupancy=${this.occupancy}
-                  ></sbb-timetable-occupancy-icon>` : r}
+                  ></sbb-timetable-occupancy-icon>` : n}
               ${t ? d`<li class="sbb-screen-reader-only">
                     ${m[e][this._language.current]}
-                  </li>` : r}
+                  </li>` : n}
               ${s}
             </ul>`, () => d`<div class="sbb-train-wagon__compartment">
               <span class="sbb-screen-reader-only">
@@ -235,17 +235,17 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
                 ${a}
               </span>
 
-              ${this.wagonClass && this.type !== "closed" ? d`<span class="sbb-train-wagon__class">${o}</span>` : r}
+              ${this.wagonClass && this.type !== "closed" ? d`<span class="sbb-train-wagon__class">${o}</span>` : n}
               ${this.occupancy && this.type !== "closed" ? d`<sbb-timetable-occupancy-icon
                     class="sbb-train-wagon__occupancy"
                     occupancy=${this.occupancy}
-                  ></sbb-timetable-occupancy-icon>` : r}
+                  ></sbb-timetable-occupancy-icon>` : n}
               ${t ? d`<span class="sbb-screen-reader-only">
                     ${m[e][this._language.current]}
-                  </span>` : r}
+                  </span>` : n}
               ${s}
             </div> `)}
-        ${this.additionalAccessibilityText ? d`<span class="sbb-screen-reader-only">, ${this.additionalAccessibilityText}</span>` : r}
+        ${this.additionalAccessibilityText ? d`<span class="sbb-screen-reader-only">, ${this.additionalAccessibilityText}</span>` : n}
         ${this.renderList({
 				class: "sbb-train-wagon__attribute-icon-list",
 				ariaLabel: p[this._language.current]