@sbb-esta/lyne-elements-experimental-dev 5.0.0-next.3-dev.1779265358 → 5.0.0-next.3-dev.1779268564

package/development/timetable-row.js

@@ -1,4 +1,4 @@
-import { a as handleNotices, c as sortSituation, i as getHimIcon, n as filterNotices, o as renderIconProduct, r as getCus, s as renderStringProduct, t as SbbTimetableRowElement } from "./timetable-row.component-DSTGtQAC.js";
+import { a as handleNotices, c as sortSituation, i as getHimIcon, n as filterNotices, o as renderIconProduct, r as getCus, s as renderStringProduct, t as SbbTimetableRowElement } from "./timetable-row.component-CTShHdLn.js";
 import "./timetable-row.pure.js";
 //#region src/elements-experimental/timetable-row.ts
 /** @entrypoint */

package/development/timetable-row.pure.js

@@ -1,2 +1,2 @@
-import { a as handleNotices, c as sortSituation, i as getHimIcon, n as filterNotices, o as renderIconProduct, r as getCus, s as renderStringProduct, t as SbbTimetableRowElement } from "./timetable-row.component-DSTGtQAC.js";
+import { a as handleNotices, c as sortSituation, i as getHimIcon, n as filterNotices, o as renderIconProduct, r as getCus, s as renderStringProduct, t as SbbTimetableRowElement } from "./timetable-row.component-CTShHdLn.js";
 export { SbbTimetableRowElement, filterNotices, getCus, getHimIcon, handleNotices, renderIconProduct, renderStringProduct, sortSituation };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental-dev",
-  "version": "5.0.0-next.3-dev.1779265358",
+  "version": "5.0.0-next.3-dev.1779268564",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
     "storybook",
-    "https://github.com/sbb-design-systems/lyne-components/commit/f60489a5b67ea15a17acf5a52da38da0815367f5"
+    "https://github.com/sbb-design-systems/lyne-components/commit/78a118bb9f2630131a500b4573dd816c52b129ee"
   ],
   "type": "module",
   "exports": {
@@ -15,10 +15,6 @@
       "types": "./index.d.ts",
       "default": "./index.js"
     },
-    "./core.css": {
-      "style": "./core.css",
-      "default": "./core.css"
-    },
     "./lean-off-brand-theme.css": {
       "style": "./lean-off-brand-theme.css",
       "default": "./lean-off-brand-theme.css"

package/seat-reservation/seat-reservation/seat-reservation.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation.component-VhMc8Rqt.js";
+import { t as e } from "../../seat-reservation.component-TLuTP9Nm.js";
 export { e as SbbSeatReservationElement };

package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../seat-reservation-navigation-coach.component-BkqPWUtu.js";
+import { n as e, t } from "../../seat-reservation-navigation-coach.component-Cwxd9vLy.js";
 export { t as SbbSeatReservationNavigationCoachElement, e as SbbSelectCoachEvent };

package/seat-reservation-navigation-coach.component-Cwxd9vLy.js

@@ -0,0 +1,338 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { SbbElement as n, SbbLanguageController as r, buttonResetStyles as i, forceType as a, screenReaderOnlyStyles as o } from "@sbb-esta/lyne-elements/core.js";
+import { html as s, nothing as c, unsafeCSS as l } from "lit";
+import { property as u } from "lit/decorators.js";
+import { classMap as d } from "lit/directives/class-map.js";
+import { getI18nSeatReservation as f } from "./seat-reservation/common/translations.js";
+import { SbbSeatReservationNavigationServicesElement as p } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
+//#region src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.scss?inline
+var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservation-one-px-rem, .0625rem));--sbb-seat-reservation-navigation-travelclass-spacing: 10;--sbb-seat-reservation-navigation-btn-border-width-default: 1;--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-default );--sbb-seat-reservation-navigation-btn-border-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-border-color: light-dark( var(--sbb-color-granite), var(--sbb-color-graphite) );--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-selected: 2;--sbb-seat-reservation-navigation-btn-background-color-selected: var(--sbb-color-milk);--sbb-seat-reservation-navigation-btn-background-color-selected: light-dark( var(--sbb-color-milk), var(--sbb-color-iron) );--sbb-seat-reservation-navigation-btn-border-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-selected: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-width-focused: 1;--sbb-seat-reservation-navigation-btn-outline-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-offset-focused: 4;--sbb-seat-reservation-navigation-btn-background-color-focused: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color-focused: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-focused: var( --sbb-seat-reservation-navigation-btn-border-width );--sbb-seat-reservation-navigation-btn-border-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-border-width-hovered: 2;--sbb-seat-reservation-navigation-btn-background-color-hovered: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color-hovered: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-navigation-btn-border-color-hovered: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-hovered: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-background-color-disabled: var(--sbb-background-color-2);--sbb-seat-reservation-navigation-btn-border-color-disabled: var(--sbb-color-platinum);--sbb-seat-reservation-navigation-btn-border-color-disabled: light-dark( var(--sbb-color-platinum), var(--sbb-color-iron) )}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));list-style-type:none}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{width:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class{margin-inline-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__additional-information{padding-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__ctrl-button{display:flex;flex-direction:column;justify-content:center;height:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:relative;background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:var(--sbb-cursor-pointer)}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area:before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__ctrl-button{border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__ctrl-button:before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-focused );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-focused );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-focused );outline:calc(var(--sbb-seat-reservation-navigation-btn-outline-width-focused) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-outline-color-focused);outline-offset:calc(var(--sbb-seat-reservation-navigation-btn-outline-offset-focused) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal);background-color:light-dark(var(--sbb-color-metal),var(--sbb-color-storm))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite);color:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected )}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black);background-color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black);color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected.sbb-sr-navigation__item-coach--hovered .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected );background-color:var(--sbb-seat-reservation-navigation-btn-background-color-hovered)!important}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected )}.sbb-sr-navigation__item-coach--hovered .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-hovered );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-hovered );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-hovered )}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-hovered );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-hovered );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-hovered )}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-iron);color:light-dark(var(--sbb-color-iron),var(--sbb-color-silver))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-disabled );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-disabled );cursor:unset;pointer-events:unset}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-graphite);background-color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite);color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-family:var(--sbb-typo-font-family);font-weight:700;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-granite))}@media(forced-colors:active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-background-color-2-inverted)}.sbb-sr-navigation--first-class{width:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid transparent;border-radius:var(--sbb-border-radius-1x);margin:auto;background-color:var(--sbb-color-lemon)}.sbb-sr-navigation__item-coach-travelclass{display:flex;align-items:center;justify-content:center;min-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);background-color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite));color:var(--sbb-color-white);color:light-dark(var(--sbb-color-white),var(--sbb-color-black))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-travelclass{border:var(--sbb-border-width-1x) solid}}:host([vertical]) .sbb-sr-navigation__item-coach{flex-direction:row}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__ctrl-button{flex-direction:row-reverse;height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline-start:unset;padding-inline-end:unset}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation--first-class{height:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:initial;inset-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,:host([vertical]) .sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation--first-class{margin-block-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation--first-class{margin-block-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-end:initial}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation-driver-area{height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}", h = class extends Event {
+	get coachIndex() {
+		return this._coachIndex;
+	}
+	constructor(e) {
+		super("selectcoach", {
+			bubbles: !0,
+			composed: !0
+		}), this._coachIndex = e;
+	}
+}, g = (() => {
+	let g = n, _, v = [], y = [], b, x = [], S = [], C, w = [], T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [], R, z = [], B = [], V, H = [], U = [];
+	return class extends g {
+		constructor() {
+			super(...arguments), this.#e = t(this, v, !1), this.#t = (t(this, y), t(this, x, !1)), this.#n = (t(this, S), t(this, w, !1)), this.#r = (t(this, T), t(this, D, !0)), this.#i = (t(this, O), t(this, A, 0)), this.#a = (t(this, j), t(this, N, {})), this.#o = (t(this, P), t(this, I, !1)), this.#s = (t(this, L), t(this, z, !1)), this.#c = (t(this, B), t(this, H, !1)), this._language = (t(this, U), new r(this));
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+			_ = [a(), u({ type: Boolean })], b = [a(), u({ type: Boolean })], C = [a(), u({ type: Boolean })], E = [a(), u({ type: Boolean })], k = [a(), u({ type: Number })], M = [u({
+				attribute: "coach-item-details",
+				type: Object
+			})], F = [a(), u({
+				attribute: "disable",
+				type: Boolean
+			})], R = [a(), u({
+				type: Boolean,
+				reflect: !0,
+				useDefault: !0
+			})], V = [a(), u({ type: Boolean })], e(this, null, _, {
+				kind: "accessor",
+				name: "selected",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "selected" in e,
+					get: (e) => e.selected,
+					set: (e, t) => {
+						e.selected = t;
+					}
+				},
+				metadata: t
+			}, v, y), e(this, null, b, {
+				kind: "accessor",
+				name: "focused",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "focused" in e,
+					get: (e) => e.focused,
+					set: (e, t) => {
+						e.focused = t;
+					}
+				},
+				metadata: t
+			}, x, S), e(this, null, C, {
+				kind: "accessor",
+				name: "hovered",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "hovered" in e,
+					get: (e) => e.hovered,
+					set: (e, t) => {
+						e.hovered = t;
+					}
+				},
+				metadata: t
+			}, w, T), e(this, null, E, {
+				kind: "accessor",
+				name: "nativeFocusActive",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "nativeFocusActive" in e,
+					get: (e) => e.nativeFocusActive,
+					set: (e, t) => {
+						e.nativeFocusActive = t;
+					}
+				},
+				metadata: t
+			}, D, O), e(this, null, k, {
+				kind: "accessor",
+				name: "index",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "index" in e,
+					get: (e) => e.index,
+					set: (e, t) => {
+						e.index = t;
+					}
+				},
+				metadata: t
+			}, A, j), e(this, null, M, {
+				kind: "accessor",
+				name: "coachItemDetails",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "coachItemDetails" in e,
+					get: (e) => e.coachItemDetails,
+					set: (e, t) => {
+						e.coachItemDetails = t;
+					}
+				},
+				metadata: t
+			}, N, P), e(this, null, F, {
+				kind: "accessor",
+				name: "disable",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "disable" in e,
+					get: (e) => e.disable,
+					set: (e, t) => {
+						e.disable = t;
+					}
+				},
+				metadata: t
+			}, I, L), e(this, null, R, {
+				kind: "accessor",
+				name: "vertical",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "vertical" in e,
+					get: (e) => e.vertical,
+					set: (e, t) => {
+						e.vertical = t;
+					}
+				},
+				metadata: t
+			}, z, B), e(this, null, V, {
+				kind: "accessor",
+				name: "showTitleInfo",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "showTitleInfo" in e,
+					get: (e) => e.showTitleInfo,
+					set: (e, t) => {
+						e.showTitleInfo = t;
+					}
+				},
+				metadata: t
+			}, H, U), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-seat-reservation-navigation-coach";
+		}
+		static {
+			this.elementDependencies = [p];
+		}
+		static {
+			this.styles = [
+				i,
+				o,
+				l(m)
+			];
+		}
+		static {
+			this.events = {
+				selectcoach: "selectcoach",
+				focuscoach: "focuscoach"
+			};
+		}
+		#e;
+		get selected() {
+			return this.#e;
+		}
+		set selected(e) {
+			this.#e = e;
+		}
+		#t;
+		get focused() {
+			return this.#t;
+		}
+		set focused(e) {
+			this.#t = e;
+		}
+		#n;
+		get hovered() {
+			return this.#n;
+		}
+		set hovered(e) {
+			this.#n = e;
+		}
+		#r;
+		get nativeFocusActive() {
+			return this.#r;
+		}
+		set nativeFocusActive(e) {
+			this.#r = e;
+		}
+		#i;
+		get index() {
+			return this.#i;
+		}
+		set index(e) {
+			this.#i = e;
+		}
+		#a;
+		get coachItemDetails() {
+			return this.#a;
+		}
+		set coachItemDetails(e) {
+			this.#a = e;
+		}
+		#o;
+		get disable() {
+			return this.#o;
+		}
+		set disable(e) {
+			this.#o = e;
+		}
+		#s;
+		get vertical() {
+			return this.#s;
+		}
+		set vertical(e) {
+			this.#s = e;
+		}
+		#c;
+		get showTitleInfo() {
+			return this.#c;
+		}
+		set showTitleInfo(e) {
+			this.#c = e;
+		}
+		willUpdate(e) {
+			if (super.willUpdate(e), e.has("selected")) {
+				let e = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
+				this.selected && e && (this.nativeFocusActive && e.focus(), this.dispatchEvent(new Event("focuscoach", {
+					bubbles: !0,
+					composed: !0
+				})));
+			}
+			if (e.has("focused") && this.focused) {
+				let e = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
+				e && this.nativeFocusActive && e.focus();
+			}
+		}
+		render() {
+			return s`
+      <div
+        class="${d({
+				"sbb-sr-navigation__item-coach": !0,
+				"last-coach": this.coachItemDetails.driverAreaSide?.right || !1,
+				"first-coach": this.coachItemDetails.driverAreaSide?.left || !1,
+				"sbb-sr-navigation__item-coach--selected": this.selected,
+				"sbb-sr-navigation__item-coach--focused": this.focused,
+				"sbb-sr-navigation__item-coach--hovered": this.hovered
+			})}"
+      >
+        ${this._getNavigationButton()}
+        ${this.coachItemDetails.propertyIds?.length ? s`<sbb-seat-reservation-navigation-services
+              ?vertical="${this.vertical}"
+              .propertyIds="${this.coachItemDetails.propertyIds}"
+              ?showTitleInfo="${this.showTitleInfo}"
+            ></sbb-seat-reservation-navigation-services>` : c}
+      </div>
+    `;
+		}
+		_getNavigationButton() {
+			let e = this._getCoachServiceClassNumber(), t = this._getTitleDescriptionNavCoachButton(e), n = this._getAriaDescriptionCoachServices();
+			return s` <button
+      @click=${() => this._selectNavCoach(this.index)}
+      class="${d({
+				"sbb-sr-navigation__ctrl-button": !0,
+				"sbb-sr-navigation-driver-area": this.coachItemDetails.isDriverArea
+			})}"
+      ?disabled="${this.disable}"
+      title="${this.showTitleInfo ? t : c}"
+      type="button"
+      aria-describedby="nav-coach-service-descriptions-${this.index}"
+    >
+      ${this._getBtnInformation(e)}
+      <span class="sbb-screen-reader-only" id="nav-coach-service-descriptions-${this.index}">
+        ${this.showTitleInfo ? c : s`<div>${t}</div>`}
+        ${n ? s`<div>${n}</div>` : c}
+      </span>
+    </button>`;
+		}
+		_getBtnInformation(e) {
+			return this.coachItemDetails.isDriverArea ? null : s`
+      ${e === 1 ? s`<span class="sbb-sr-navigation--first-class"></span>` : c}
+      ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__additional-information">
+            ${this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
+                  ${this.coachItemDetails.id}
+                </div>` : c}
+            <div
+              ${e ?? c}
+              class="sbb-sr-navigation__item-coach-travelclass"
+              aria-hidden="true"
+            >
+              ${e}
+            </div>
+          </div>` : c}
+    `;
+		}
+		_getTitleDescriptionNavCoachButton(e) {
+			if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.isLocomotive) return f("NAVIGATE_COACH_BLOCKED", this._language.current, [this.coachItemDetails.id]);
+			if (this.coachItemDetails.isLocomotive) return f("COACH_LOCOMOTIVE", this._language.current);
+			let t = f("NAVIGATE_TO_COACH", this._language.current, [this.coachItemDetails.id]);
+			if (e) {
+				let n = f(e === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), r = f("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [n]);
+				t = t.concat(r);
+			}
+			let n = f("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.coachItemDetails.freePlaces?.seats, this.coachItemDetails.freePlaces?.bicycles]);
+			return t = t.concat(". ").concat(n), t;
+		}
+		_getAriaDescriptionCoachServices() {
+			let e = null;
+			return this.coachItemDetails.propertyIds?.length && (e = f("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += this.coachItemDetails.propertyIds.map((e) => f(e, this._language.current)).join() + "."), e;
+		}
+		_selectNavCoach(e) {
+			this.dispatchEvent(new h(e));
+		}
+		_getCoachServiceClassNumber() {
+			return this.coachItemDetails.travelClass?.includes("FIRST") ? 1 : this.coachItemDetails.travelClass?.includes("SECOND") ? 2 : null;
+		}
+	};
+})();
+//#endregion
+export { h as n, g as t };