@sbb-esta/lyne-elements-experimental 4.5.1 → 4.7.0

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

@@ -1,144 +1,103 @@
-var ka = (o) => {
-  throw TypeError(o);
+var ea = (i) => {
+  throw TypeError(i);
 };
-var ya = (o, n, d) => n.has(o) || ka("Cannot " + d);
-var b = (o, n, d) => (ya(o, n, "read from private field"), d ? d.call(o) : n.get(o)), c = (o, n, d) => n.has(o) ? ka("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, d), t = (o, n, d, g) => (ya(o, n, "write to private field"), g ? g.call(o, d) : n.set(o, d), d);
-import { __runInitializers as s, __esDecorate as l } from "tslib";
-import { SbbLanguageController as Ca } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as h } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as Sa } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as Ba, LitElement as za, nothing as T, html as u } from "lit";
-import { customElement as Ea, property as v } from "lit/decorators.js";
-import { classMap as wa } from "lit/directives/class-map.js";
-import { getI18nSeatReservation as _ } from "../common/translations.js";
+var ra = (i, n, b) => n.has(i) || ea("Cannot " + b);
+var l = (i, n, b) => (ra(i, n, "read from private field"), b ? b.call(i) : n.get(i)), v = (i, n, b) => n.has(i) ? ea("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(i) : n.set(i, b), t = (i, n, b, c) => (ra(i, n, "write to private field"), c ? c.call(i, b) : n.set(i, b), b);
+import { __runInitializers as s, __esDecorate as d } from "tslib";
+import { SbbLanguageController as oa } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { forceType as u } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { boxSizingStyles as na } from "@sbb-esta/lyne-elements/core/styles.js";
+import { css as ba, LitElement as ca, nothing as _, html as h } from "lit";
+import { customElement as la, property as g } from "lit/decorators.js";
+import { classMap as ta } from "lit/directives/class-map.js";
+import { getI18nSeatReservation as m } from "../common/translations.js";
 import "@sbb-esta/lyne-elements/screen-reader-only.js";
 import "../seat-reservation-navigation-services.js";
-const Ta = Ba`: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{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;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))}}@media(forced-colors:active)and (forced-colors:active){.sbb-sr-navigation__item-coach-number{color:inherit}}.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))}: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))}`;
-let Ka = (() => {
-  var m, p, f, x, k, y, w, I, A, C, S, B, z, E, i;
-  let o = [Ea("sbb-seat-reservation-navigation-coach")], n, d = [], g, $ = za, N, F = [], D = [], O, L = [], P = [], R, V = [], j = [], H, U = [], G = [], K, q = [], M = [], Y, J = [], Q = [], W, X = [], Z = [], aa, ra = [], ea = [], ta, sa = [], ia = [], oa, na = [], ba = [], ca, la = [], va = [], da, ha = [], ga = [], ua, _a = [], ma = [], pa, fa = [], xa = [];
-  return i = class extends $ {
+const va = ba`: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{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;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))}`;
+let ya = (() => {
+  var f, p, x, k, w, I, D, y, A, o;
+  let i = [la("sbb-seat-reservation-navigation-coach")], n, b = [], c, C = ca, S, E = [], T = [], $, z = [], B = [], N, O = [], F = [], L, V = [], R = [], j, H = [], U = [], G, K = [], M = [], P, q = [], W = [], J, Q = [], X = [], Y, Z = [], aa = [];
+  return o = class extends C {
     constructor() {
       super(...arguments);
-      c(this, m);
-      c(this, p);
-      c(this, f);
-      c(this, x);
-      c(this, k);
-      c(this, y);
-      c(this, w);
-      c(this, I);
-      c(this, A);
-      c(this, C);
-      c(this, S);
-      c(this, B);
-      c(this, z);
-      c(this, E);
-      t(this, m, s(this, F, "")), t(this, p, (s(this, D), s(this, L, []))), t(this, f, (s(this, P), s(this, V, !1))), t(this, x, (s(this, j), s(this, U, !1))), t(this, k, (s(this, G), s(this, q, !1))), t(this, y, (s(this, M), s(this, J, !0))), t(this, w, (s(this, Q), s(this, X, 0))), t(this, I, (s(this, Z), s(this, ra, { seats: 0, bicycles: 0 }))), t(this, A, (s(this, ea), s(this, sa, ["ANY_CLASS"]))), t(this, C, (s(this, ia), s(this, na, !1))), t(this, S, (s(this, ba), s(this, la, !1))), t(this, B, (s(this, va), s(this, ha, !1))), t(this, z, (s(this, ga), s(this, _a, !1))), t(this, E, (s(this, ma), s(this, fa, !1))), this._language = (s(this, xa), new Ca(this));
-    }
-    /** Coach ID, which is used to identify the coach in the navigation */
-    get coachId() {
-      return b(this, m);
-    }
-    set coachId(r) {
-      t(this, m, r);
-    }
-    /** Coach service property ids, which are used to display the services in the navigation */
-    get propertyIds() {
-      return b(this, p);
-    }
-    set propertyIds(r) {
-      t(this, p, r);
+      v(this, f);
+      v(this, p);
+      v(this, x);
+      v(this, k);
+      v(this, w);
+      v(this, I);
+      v(this, D);
+      v(this, y);
+      v(this, A);
+      t(this, f, s(this, E, !1)), t(this, p, (s(this, T), s(this, z, !1))), t(this, x, (s(this, B), s(this, O, !1))), t(this, k, (s(this, F), s(this, V, !0))), t(this, w, (s(this, R), s(this, H, 0))), t(this, I, (s(this, U), s(this, K, {}))), t(this, D, (s(this, M), s(this, q, !1))), t(this, y, (s(this, W), s(this, Q, !1))), t(this, A, (s(this, X), s(this, Z, !1))), this._language = (s(this, aa), new oa(this));
     }
     /** Select coach property */
     get selected() {
-      return b(this, f);
+      return l(this, f);
     }
-    set selected(r) {
-      t(this, f, r);
+    set selected(e) {
+      t(this, f, e);
     }
     /** Focus coach property */
     get focused() {
-      return b(this, x);
+      return l(this, p);
     }
-    set focused(r) {
-      t(this, x, r);
+    set focused(e) {
+      t(this, p, e);
     }
     /** Hover coach property */
     get hovered() {
-      return b(this, k);
+      return l(this, x);
     }
-    set hovered(r) {
-      t(this, k, r);
+    set hovered(e) {
+      t(this, x, e);
     }
     /** Native focus for this navigation coach is also set when the focused property is changed */
     get nativeFocusActive() {
-      return b(this, y);
+      return l(this, k);
     }
-    set nativeFocusActive(r) {
-      t(this, y, r);
+    set nativeFocusActive(e) {
+      t(this, k, e);
     }
     get index() {
-      return b(this, w);
-    }
-    set index(r) {
-      t(this, w, r);
-    }
-    /** Representation of places available for selecting, counting seat places and bicycle places separately */
-    get freePlacesByType() {
-      return b(this, I);
-    }
-    set freePlacesByType(r) {
-      t(this, I, r);
-    }
-    /** Travel class of the coach */
-    get travelClass() {
-      return b(this, A);
-    }
-    set travelClass(r) {
-      t(this, A, r);
+      return l(this, w);
     }
-    /** If the coach is a driver/restricted area */
-    get driverArea() {
-      return b(this, C);
+    set index(e) {
+      t(this, w, e);
     }
-    set driverArea(r) {
-      t(this, C, r);
+    get coachItemDetails() {
+      return l(this, I);
     }
-    /** If the coach is the first in the navigation */
-    get first() {
-      return b(this, S);
-    }
-    set first(r) {
-      t(this, S, r);
-    }
-    /** If the coach is the last in the navigation */
-    get last() {
-      return b(this, B);
-    }
-    set last(r) {
-      t(this, B, r);
+    set coachItemDetails(e) {
+      t(this, I, e);
     }
     /** Disable the coach navigation */
     get disable() {
-      return b(this, z);
+      return l(this, D);
     }
-    set disable(r) {
-      t(this, z, r);
+    set disable(e) {
+      t(this, D, e);
     }
     /** If the coach navigation should be displayed vertically */
     get vertical() {
-      return b(this, E);
+      return l(this, y);
+    }
+    set vertical(e) {
+      t(this, y, e);
     }
-    set vertical(r) {
-      t(this, E, r);
+    /** Disable the mouse over title information */
+    get showTitleInfo() {
+      return l(this, A);
     }
-    willUpdate(r) {
-      if (super.willUpdate(r), r.has("selected")) {
+    set showTitleInfo(e) {
+      t(this, A, e);
+    }
+    willUpdate(e) {
+      if (super.willUpdate(e), e.has("selected")) {
         const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
         this.selected && a && (this.nativeFocusActive && a.focus(), this.dispatchEvent(new Event("focuscoach", { bubbles: !0, composed: !0 })));
       }
-      if (r.has("focused") && this.focused) {
+      if (e.has("focused") && this.focused) {
         const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
         a && this.nativeFocusActive && a.focus();
       }
@@ -149,129 +108,125 @@ let Ka = (() => {
      * @protected
      */
     render() {
-      return u`
+      return h`
       <div
-        class="${wa({
+        class="${ta({
         "sbb-sr-navigation__item-coach": !0,
-        "last-coach": this.last,
-        "first-coach": this.first,
+        "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.propertyIds?.length ? u`<sbb-seat-reservation-navigation-services
+        ${this.coachItemDetails.propertyIds?.length ? h`<sbb-seat-reservation-navigation-services
               ?vertical="${this.vertical}"
-              .propertyIds="${this.propertyIds}"
-            ></sbb-seat-reservation-navigation-services>` : T}
+              .propertyIds="${this.coachItemDetails.propertyIds}"
+              ?showTitleInfo="${this.showTitleInfo}"
+            ></sbb-seat-reservation-navigation-services>` : _}
       </div>
     `;
     }
     _getNavigationButton() {
-      const r = this._getCoachServiceClassNumber(), a = this._getTitleDescriptionNavCoachButton(r), e = this._getAriaDescriptionCoachServices();
-      return u` <button
-        @click=${() => this._selectNavCoach(this.index)}
-        class="${wa({
+      const e = this._getCoachServiceClassNumber(), a = this._getTitleDescriptionNavCoachButton(e), r = this._getAriaDescriptionCoachServices();
+      return h` <button
+      @click=${() => this._selectNavCoach(this.index)}
+      class="${ta({
         "sbb-sr-navigation__ctrl-button": !0,
-        "sbb-sr-navigation-driver-area": this.driverArea
+        "sbb-sr-navigation-driver-area": this.coachItemDetails.isDriverArea
       })}"
-        ?disabled="${this.disable}"
-        title="${a}"
-        type="button"
-        aria-describedby="nav-coach-service-descriptions-${this.index}"
-      >
-        ${this._getBtnInformation(r)}
-      </button>
-      <sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}"
-        >${e}</sbb-screen-reader-only
-      >`;
-    }
-    _getBtnInformation(r) {
-      return this.driverArea ? null : u`
-      ${r === 1 ? u`<span class="sbb-sr-navigation--first-class"></span>` : T}
-      ${this.travelClass?.length > 0 || this.coachId ? u`<div class="sbb-sr-navigation__additional-information">
-            ${this.coachId ? u`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
-                  ${this.coachId}
-                </div>` : T}
+      ?disabled="${this.disable}"
+      title="${this.showTitleInfo ? a : _}"
+      type="button"
+      aria-describedby="nav-coach-service-descriptions-${this.index}"
+    >
+      ${this._getBtnInformation(e)}
+      <sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}">
+        ${this.showTitleInfo ? _ : h`<div>${a}</div>`}
+        ${r ? h`<div>${r}</div>` : _}
+      </sbb-screen-reader-only>
+    </button>`;
+    }
+    _getBtnInformation(e) {
+      return this.coachItemDetails.isDriverArea ? null : h`
+      ${e === 1 ? h`<span class="sbb-sr-navigation--first-class"></span>` : _}
+      ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? h`<div class="sbb-sr-navigation__additional-information">
+            ${this.coachItemDetails.id ? h`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
+                  ${this.coachItemDetails.id}
+                </div>` : _}
             <div
-              ${r ?? T}
+              ${e ?? _}
               class="sbb-sr-navigation__item-coach-travelclass"
               aria-hidden="true"
             >
-              ${r}
+              ${e}
             </div>
-          </div>` : T}
+          </div>` : _}
     `;
     }
-    _getTitleDescriptionNavCoachButton(r) {
-      if (this.driverArea)
-        return _("NAVIGATE_COACH_BLOCKED", this._language.current, [
-          this.coachId
+    _getTitleDescriptionNavCoachButton(e) {
+      if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall)
+        return m("NAVIGATE_COACH_BLOCKED", this._language.current, [
+          this.coachItemDetails.id
         ]);
-      let a = _("NAVIGATE_TO_COACH", this._language.current, [this.coachId]);
-      if (r) {
-        const Ia = _(r === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), Aa = _("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [Ia]);
-        a = a.concat(Aa);
+      if (this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall)
+        return m("COACH_LOCOMOTIVE", this._language.current);
+      let a = m("NAVIGATE_TO_COACH", this._language.current, [
+        this.coachItemDetails.id
+      ]);
+      if (e) {
+        const sa = m(e === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), ia = m("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [sa]);
+        a = a.concat(ia);
       }
-      const e = _("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.freePlacesByType.seats, this.freePlacesByType.bicycles]);
-      return a = a.concat(". ").concat(e), a;
+      const r = m("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.coachItemDetails.freePlaces?.seats, this.coachItemDetails.freePlaces?.bicycles]);
+      return a = a.concat(". ").concat(r), a;
     }
     _getAriaDescriptionCoachServices() {
-      let r = null;
-      return this.propertyIds.length && (r = _("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", r += this.propertyIds.map((a) => _(a, this._language.current)).join()), r;
+      let e = null;
+      return this.coachItemDetails.propertyIds?.length && (e = m("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += this.coachItemDetails.propertyIds.map((a) => m(a, this._language.current)).join() + "."), e;
     }
     /**
      * emits the index of the coach array for the main navigation.
      * @param coachIndex
      * @private
      */
-    _selectNavCoach(r) {
+    _selectNavCoach(e) {
       this.dispatchEvent(new CustomEvent("selectcoach", {
         bubbles: !0,
         composed: !0,
-        detail: r
+        detail: e
       }));
     }
     _getCoachServiceClassNumber() {
-      return this.travelClass?.includes("FIRST") ? 1 : this.travelClass?.includes("SECOND") ? 2 : null;
-    }
-  }, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), x = new WeakMap(), k = new WeakMap(), y = new WeakMap(), w = new WeakMap(), I = new WeakMap(), A = new WeakMap(), C = new WeakMap(), S = new WeakMap(), B = new WeakMap(), z = new WeakMap(), E = new WeakMap(), g = i, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create($[Symbol.metadata] ?? null) : void 0;
-    N = [h(), v({ attribute: "coach-id" })], O = [v({ attribute: "property-ids", type: Array })], R = [h(), v({ type: Boolean })], H = [h(), v({ type: Boolean })], K = [h(), v({ type: Boolean })], Y = [h(), v({ type: Boolean })], W = [h(), v({ type: Number })], aa = [v({ attribute: "free-places-by-type", type: Object })], ta = [v({ attribute: "travel-class", type: Array })], oa = [h(), v({ attribute: "driver-area", type: Boolean })], ca = [h(), v({ type: Boolean })], da = [h(), v({ type: Boolean })], ua = [h(), v({ attribute: "disable", type: Boolean })], pa = [h(), v({ type: Boolean, reflect: !0, useDefault: !0 })], l(i, null, N, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (a) => "coachId" in a, get: (a) => a.coachId, set: (a, e) => {
-      a.coachId = e;
-    } }, metadata: r }, F, D), l(i, null, O, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (a) => "propertyIds" in a, get: (a) => a.propertyIds, set: (a, e) => {
-      a.propertyIds = e;
-    } }, metadata: r }, L, P), l(i, null, R, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (a) => "selected" in a, get: (a) => a.selected, set: (a, e) => {
-      a.selected = e;
-    } }, metadata: r }, V, j), l(i, null, H, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (a) => "focused" in a, get: (a) => a.focused, set: (a, e) => {
-      a.focused = e;
-    } }, metadata: r }, U, G), l(i, null, K, { kind: "accessor", name: "hovered", static: !1, private: !1, access: { has: (a) => "hovered" in a, get: (a) => a.hovered, set: (a, e) => {
-      a.hovered = e;
-    } }, metadata: r }, q, M), l(i, null, Y, { kind: "accessor", name: "nativeFocusActive", static: !1, private: !1, access: { has: (a) => "nativeFocusActive" in a, get: (a) => a.nativeFocusActive, set: (a, e) => {
-      a.nativeFocusActive = e;
-    } }, metadata: r }, J, Q), l(i, null, W, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (a) => "index" in a, get: (a) => a.index, set: (a, e) => {
-      a.index = e;
-    } }, metadata: r }, X, Z), l(i, null, aa, { kind: "accessor", name: "freePlacesByType", static: !1, private: !1, access: { has: (a) => "freePlacesByType" in a, get: (a) => a.freePlacesByType, set: (a, e) => {
-      a.freePlacesByType = e;
-    } }, metadata: r }, ra, ea), l(i, null, ta, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (a) => "travelClass" in a, get: (a) => a.travelClass, set: (a, e) => {
-      a.travelClass = e;
-    } }, metadata: r }, sa, ia), l(i, null, oa, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (a) => "driverArea" in a, get: (a) => a.driverArea, set: (a, e) => {
-      a.driverArea = e;
-    } }, metadata: r }, na, ba), l(i, null, ca, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (a) => "first" in a, get: (a) => a.first, set: (a, e) => {
-      a.first = e;
-    } }, metadata: r }, la, va), l(i, null, da, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (a) => "last" in a, get: (a) => a.last, set: (a, e) => {
-      a.last = e;
-    } }, metadata: r }, ha, ga), l(i, null, ua, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (a) => "disable" in a, get: (a) => a.disable, set: (a, e) => {
-      a.disable = e;
-    } }, metadata: r }, _a, ma), l(i, null, pa, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (a) => "vertical" in a, get: (a) => a.vertical, set: (a, e) => {
-      a.vertical = e;
-    } }, metadata: r }, fa, xa), l(null, n = { value: g }, o, { kind: "class", name: g.name, metadata: r }, null, d), g = n.value, r && Object.defineProperty(g, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), i.styles = [Sa, Ta], i.events = {
+      return this.coachItemDetails.travelClass?.includes("FIRST") ? 1 : this.coachItemDetails.travelClass?.includes("SECOND") ? 2 : null;
+    }
+  }, f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), k = new WeakMap(), w = new WeakMap(), I = new WeakMap(), D = new WeakMap(), y = new WeakMap(), A = new WeakMap(), c = o, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(C[Symbol.metadata] ?? null) : void 0;
+    S = [u(), g({ type: Boolean })], $ = [u(), g({ type: Boolean })], N = [u(), g({ type: Boolean })], L = [u(), g({ type: Boolean })], j = [u(), g({ type: Number })], G = [g({ attribute: "coach-item-details", type: Object })], P = [u(), g({ attribute: "disable", type: Boolean })], J = [u(), g({ type: Boolean, reflect: !0, useDefault: !0 })], Y = [u(), g({ type: Boolean })], d(o, null, S, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (a) => "selected" in a, get: (a) => a.selected, set: (a, r) => {
+      a.selected = r;
+    } }, metadata: e }, E, T), d(o, null, $, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (a) => "focused" in a, get: (a) => a.focused, set: (a, r) => {
+      a.focused = r;
+    } }, metadata: e }, z, B), d(o, null, N, { kind: "accessor", name: "hovered", static: !1, private: !1, access: { has: (a) => "hovered" in a, get: (a) => a.hovered, set: (a, r) => {
+      a.hovered = r;
+    } }, metadata: e }, O, F), d(o, null, L, { kind: "accessor", name: "nativeFocusActive", static: !1, private: !1, access: { has: (a) => "nativeFocusActive" in a, get: (a) => a.nativeFocusActive, set: (a, r) => {
+      a.nativeFocusActive = r;
+    } }, metadata: e }, V, R), d(o, null, j, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (a) => "index" in a, get: (a) => a.index, set: (a, r) => {
+      a.index = r;
+    } }, metadata: e }, H, U), d(o, null, G, { kind: "accessor", name: "coachItemDetails", static: !1, private: !1, access: { has: (a) => "coachItemDetails" in a, get: (a) => a.coachItemDetails, set: (a, r) => {
+      a.coachItemDetails = r;
+    } }, metadata: e }, K, M), d(o, null, P, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (a) => "disable" in a, get: (a) => a.disable, set: (a, r) => {
+      a.disable = r;
+    } }, metadata: e }, q, W), d(o, null, J, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (a) => "vertical" in a, get: (a) => a.vertical, set: (a, r) => {
+      a.vertical = r;
+    } }, metadata: e }, Q, X), d(o, null, Y, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (a) => "showTitleInfo" in a, get: (a) => a.showTitleInfo, set: (a, r) => {
+      a.showTitleInfo = r;
+    } }, metadata: e }, Z, aa), d(null, n = { value: c }, i, { kind: "class", name: c.name, metadata: e }, null, b), c = n.value, e && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), o.styles = [na, va], o.events = {
     selectcoach: "selectcoach",
     focuscoach: "focuscoach"
-  }, s(g, d), g;
+  }, s(c, b), c;
 })();
 export {
-  Ka as SbbSeatReservationNavigationCoachElement
+  ya as SbbSeatReservationNavigationCoachElement
 };