@sbb-esta/lyne-elements 5.0.0-next.1 → 5.0.0-next.2

package/{tooltip.component-Bp-8vRoA.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-Bp-8vRoA.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-Bp-8vRoA.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-DuFi_iBX.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-DIh8dbU9.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-DS4EDwPY.js";
+import { t as e } from "../../train-formation.component-HM0M0FHW.js";
 export { e as SbbTrainFormationElement };

package/train/train-formation-orientation-mixin.js

@@ -0,0 +1,45 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { state as n } from "lit/decorators.js";
+import { SbbPropertyWatcherController as r } from "../core.js";
+//#region src/elements/train/train-formation-orientation-mixin.ts
+var i = (i) => (() => {
+	let a = i, o, s = [], c = [];
+	return class extends a {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+			o = [n()], e(this, null, o, {
+				kind: "accessor",
+				name: "orientation",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "orientation" in e,
+					get: (e) => e.orientation,
+					set: (e, t) => {
+						e.orientation = t;
+					}
+				},
+				metadata: t
+			}, s, c), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		#e = t(this, s, null);
+		get orientation() {
+			return this.#e;
+		}
+		set orientation(e) {
+			this.#e = e;
+		}
+		constructor(...e) {
+			super(...e), t(this, c), this.addController(new r(this, () => this.closest("sbb-train-formation"), { orientation: (e) => {
+				this.orientation && this.internals.states.delete(`orientation-${this.orientation}`), this.orientation = e.orientation, this.orientation && this.internals.states.add(`orientation-${this.orientation}`);
+			} }));
+		}
+	};
+})();
+//#endregion
+export { i as SbbTrainFormationOrientationMixin };

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

@@ -1,2 +1,13 @@
-import { t as e } from "../../train-wagon.component-LwKwwuta.js";
-export { e as SbbTrainWagonElement };
+import { SbbElement as e } from "../../core.js";
+import { SbbTrainWagonMixin as t } from "../train-wagon-common.js";
+//#region src/elements/train/train-wagon/train-wagon.component.ts
+var n = class extends t(e) {
+	static {
+		this.elementName = "sbb-train-wagon";
+	}
+	render() {
+		return this.renderTemplate();
+	}
+};
+//#endregion
+export { n as SbbTrainWagonElement };

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

@@ -0,0 +1,10 @@
+import { SbbButtonBaseElement as e } from "../../core.js";
+import { SbbTrainWagonMixin as t } from "../train-wagon-common.js";
+//#region src/elements/train/train-wagon-button/train-wagon-button.component.ts
+var n = class extends t(e) {
+	static {
+		this.elementName = "sbb-train-wagon-button";
+	}
+};
+//#endregion
+export { n as SbbTrainWagonButtonElement };

package/train/train-wagon-common.js

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

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

@@ -0,0 +1,10 @@
+import { SbbLinkBaseElement as e } from "../../core.js";
+import { SbbTrainWagonMixin as t } from "../train-wagon-common.js";
+//#region src/elements/train/train-wagon-link/train-wagon-link.component.ts
+var n = class extends t(e) {
+	static {
+		this.elementName = "sbb-train-wagon-link";
+	}
+};
+//#endregion
+export { n as SbbTrainWagonLinkElement };

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

@@ -0,0 +1,14 @@
+import { unsafeCSS as e } from "lit";
+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 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 = [e(r)];
+	}
+};
+//#endregion
+export { i as t };

package/train-formation.component-HM0M0FHW.js

@@ -0,0 +1,143 @@
+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, 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 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(g[Symbol.metadata] ?? null) : void 0;
+			_ = [a({ reflect: !0 })], b = [a({ reflect: !0 })], C = [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: "orientation",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "orientation" in e,
+					get: (e) => e.orientation,
+					set: (e, t) => {
+						e.orientation = t;
+					}
+				},
+				metadata: t
+			}, x, S), e(this, null, C, {
+				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
+			}, w, T), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-train-formation";
+		}
+		static {
+			this.styles = [u, i(h)];
+		}
+		#e;
+		get view() {
+			return this.#e;
+		}
+		set view(e) {
+			this.#e = e;
+		}
+		#t;
+		get orientation() {
+			return this.#t;
+		}
+		set orientation(e) {
+			this.#t = e;
+		}
+		#n;
+		get _sectors() {
+			return this.#n;
+		}
+		set _sectors(e) {
+			this.#n = e;
+		}
+		constructor() {
+			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));
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.classList.add("sbb-scrollbar");
+		}
+		_readDirectionLabel(e) {
+			e?.stopPropagation(), this.toggleState("has-direction-label", Array.from(this.querySelectorAll?.("sbb-train") ?? []).some((e) => !!e.directionLabel));
+		}
+		_readSectors(e) {
+			e?.stopPropagation(), this._sectors = Array.from(this.querySelectorAll?.("sbb-train-wagon,sbb-train-wagon-button,sbb-train-wagon-link,sbb-train-blocked-passage") ?? []).reduce((e, t) => {
+				let n = e[e.length - 1];
+				if (t.localName.startsWith("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
+			}]), this.toggleState("has-sectors", this._sectors.some((e) => !!e.label));
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("listChildren") && (this._readSectors(), this._readDirectionLabel());
+		}
+		render() {
+			return n`
+      ${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>
+    `;
+		}
+	};
+})();
+//#endregion
+export { g as t };