@sbb-esta/lyne-elements-experimental 3.12.0 → 3.13.0

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

@@ -1,10 +1,10 @@
-import { __esDecorate as C, __runInitializers as y } from "tslib";
+import { __esDecorate as $, __runInitializers as y } from "tslib";
 import { SbbLanguageController as A } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { css as R, html as b, nothing as g } from "lit";
+import { css as R, html as b, nothing as u } from "lit";
 import { customElement as S } from "lit/decorators.js";
-import { classMap as m } from "lit/directives/class-map.js";
+import { classMap as w } from "lit/directives/class-map.js";
 import { styleMap as v } from "lit/directives/style-map.js";
-import { getI18nSeatReservation as n } from "../common.js";
+import { getI18nSeatReservation as l } from "../common.js";
 import { SeatReservationBaseElement as E } from "./seat-reservation-base-element.js";
 import "@sbb-esta/lyne-elements/button.js";
 import "@sbb-esta/lyne-elements/screen-reader-only.js";
@@ -14,11 +14,11 @@ import "../seat-reservation-place-control.js";
 import "../seat-reservation-navigation-coach.js";
 import "../seat-reservation-scoped.js";
 import "@sbb-esta/lyne-elements/popover/popover.js";
-const T = R`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-height: 0;--sbb-seat-reservation-decks: 1;display:block;height:inherit}:host ::part(coach-floor){fill:var(--sbb-background-color-2)}@media(forced-colors:active){:host ::part(coach-floor){fill:transparent}}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(coach-floor){rotate:180deg}[popover]:where(sbb-popover){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}.sbb-sr__container{display:flex;height:inherit}.sbb-sr__grid{display:grid;grid-template-columns:20% 1fr 20%;grid-template-rows:auto auto}.sbb-sr__grid .sbb-sr-navigation-first-grid,.sbb-sr__grid .sbb-sr-navigation-last-grid{grid-row-start:1;position:relative}.sbb-sr__grid .sbb-sr-navigation-first-grid{grid-column:1/2}.sbb-sr__grid .sbb-sr-navigation-last-grid{grid-column:3/4}.sbb-sr__grid .sbb-sr__component{display:flex;grid-column:1/4;grid-row:1/3}.sbb-sr__grid .sbb-sr-grid-inner{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:auto 1fr;gap:0}.sbb-sr__grid .sbb-sr-grid-inner .nav-grid{grid-column:2/3;grid-row:1/2;display:inherit}.sbb-sr__grid .sbb-sr-grid-inner .coaches-grid{grid-column:1/4;grid-row:2/3;display:inherit}.sbb-sr__navigation-control-button{position:absolute;z-index:10}.sbb-sr__navigation-control-button#first-tab-element{inset-inline-end:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__navigation-control-button#last-tab-element{inset-inline-start:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation-wrapper{overflow:hidden;padding-block:0 calc(32 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr-navigation::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr-navigation::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr-navigation::-webkit-scrollbar-button,.sbb-sr-navigation::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr-navigation{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr-navigation{--sbb-scrollbar-color: transparent;display:flex;overflow:scroll hidden;position:relative}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-coach-decks{display:flex;overflow:hidden;height:inherit}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{display:flex;justify-content:space-between;height:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));writing-mode:vertical-lr}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{height:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-end:16px;rotate:180deg;text-align:center;line-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr__wrapper::-webkit-scrollbar-button,.sbb-sr__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr__wrapper{overflow-x:scroll;padding-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper .sbb-sr__parent{display:flex;flex-direction:column;position:relative}.sbb-sr__list-decks{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column}.sbb-sr__list-decks--gap{gap:calc(48 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-item-deck{position:relative}.sbb-sr__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-popover{margin:0}.sbb-sr-coach-wrapper__table{outline:0}:host([align-vertical]) .sbb-sr{grid-template-columns:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 1fr;grid-template-rows:20% 60% 20%}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid{grid-column:2/3;grid-row-start:1}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid #first-tab-element{position:absolute;inset-block-end:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-end:initial;rotate:90deg}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid{grid-column:2/3;grid-row:3/4}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid #last-tab-element{inset-block-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:90deg}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-wrapper{padding-block-end:initial;padding-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr__component{grid-column:1/3;grid-row:1/4}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner{grid-template-columns:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 1fr;grid-template-rows:20% 60% 20%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid{grid-column:2/3;grid-row:2/3;height:100%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid .sbb-sr-navigation{display:block;overflow:hidden scroll;height:100%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid .sbb-sr-navigation .sbb-sr-navigation__list-coaches{flex-direction:column;padding:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid{grid-column:1/2;grid-row:1/4;overflow:hidden;position:relative}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc(100% - 24 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{width:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:16px;rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-button,:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{overflow:hidden scroll;height:100%;padding:0}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__parent{rotate:90deg;transform-origin:calc((var(--sbb-seat-reservation-height) + 24 - 24 - 6 * (var(--sbb-seat-reservation-decks) - 1)) / 2 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc((var(--sbb-seat-reservation-height) + 24 - 24 - 6 * (var(--sbb-seat-reservation-decks) - 1)) / 2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}`;
+const T = R`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-height: 0;--sbb-seat-reservation-decks: 1;display:block;height:inherit}:host ::part(coach-floor){fill:var(--sbb-background-color-2)}@media(forced-colors:active){:host ::part(coach-floor){fill:transparent}}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(coach-floor){rotate:180deg}[popover]:where(sbb-popover){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}.sbb-sr__container{display:flex;height:inherit}.sbb-sr__grid{display:grid;grid-template-columns:20% 1fr 20%;grid-template-rows:auto auto}.sbb-sr__grid .sbb-sr-navigation-first-grid,.sbb-sr__grid .sbb-sr-navigation-last-grid{grid-row-start:1;position:relative;margin-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__grid .sbb-sr-navigation-first-grid{grid-column:1/2}.sbb-sr__grid .sbb-sr-navigation-last-grid{grid-column:3/4}.sbb-sr__grid .sbb-sr__component{display:flex;grid-column:1/4;grid-row:1/3}.sbb-sr__grid .sbb-sr-grid-inner{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:auto 1fr;gap:0}.sbb-sr__grid .sbb-sr-grid-inner .nav-grid{grid-column:2/3;grid-row:1/2;display:inherit}.sbb-sr__grid .sbb-sr-grid-inner .coaches-grid{grid-column:1/4;grid-row:2/3;display:inherit}.sbb-sr__navigation-control-button{position:absolute;z-index:10}.sbb-sr__navigation-control-button#first-tab-element{inset-inline-end:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__navigation-control-button#last-tab-element{inset-inline-start:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation-wrapper{overflow:hidden;padding-block:0 calc(32 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr-navigation::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr-navigation::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr-navigation::-webkit-scrollbar-button,.sbb-sr-navigation::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr-navigation{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr-navigation{padding-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{--sbb-scrollbar-color: transparent;display:flex;overflow:scroll hidden;position:relative}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-coach-decks{display:flex;overflow:hidden;height:inherit}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{display:flex;justify-content:space-between;height:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));writing-mode:vertical-lr}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{height:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-end:16px;rotate:180deg;text-align:center;line-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr__wrapper::-webkit-scrollbar-button,.sbb-sr__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr__wrapper{overflow-x:scroll;padding-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper .sbb-sr__parent{display:flex;flex-direction:column;position:relative}.sbb-sr__list-decks{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column}.sbb-sr__list-decks--gap{gap:calc(48 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-item-deck{position:relative}.sbb-sr__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-popover{margin:0}.sbb-sr-coach-wrapper__table{outline:0}:host([align-vertical]) .sbb-sr{grid-template-columns:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 1fr;grid-template-rows:20% 60% 20%}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid,:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid{margin-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-start:0}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid{grid-column:2/3;grid-row-start:1}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid #first-tab-element{position:absolute;inset-block-end:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-end:initial;rotate:90deg}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid{grid-column:2/3;grid-row:3/4}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid #last-tab-element{inset-block-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:90deg}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-wrapper{padding-block-end:initial;padding-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr__component{grid-column:1/3;grid-row:1/4}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner{grid-template-columns:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 1fr;grid-template-rows:20% 60% 20%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid{grid-column:2/3;grid-row:2/3;height:100%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid .sbb-sr-navigation{display:block;overflow:hidden scroll;height:100%;padding-block-start:0;padding-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid .sbb-sr-navigation .sbb-sr-navigation__list-coaches{flex-direction:column;padding:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid{grid-column:1/2;grid-row:1/4;overflow:hidden;position:relative}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc(100% - 24 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{width:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:16px;rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-button,:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{overflow:hidden scroll;height:100%;padding:0}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__parent{rotate:90deg;transform-origin:calc((var(--sbb-seat-reservation-height) + 24 - 24 - 6 * (var(--sbb-seat-reservation-decks) - 1)) / 2 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc((var(--sbb-seat-reservation-height) + 24 - 24 - 6 * (var(--sbb-seat-reservation-decks) - 1)) / 2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}`;
 let q = (() => {
   var h;
-  let $ = [S("sbb-seat-reservation")], w, f = [], d, k = E;
-  return h = class extends k {
+  let C = [S("sbb-seat-reservation")], f, k = [], d, x = E;
+  return h = class extends x {
     constructor() {
       super(...arguments), this._language = new A(this), this._notAreaElements = [
         "DRIVER_AREA",
@@ -64,7 +64,7 @@ let q = (() => {
                   >
                     <div id="sbb-sr__parent-area" class="sbb-sr__parent" tabindex="-1">
                       <ul
-                        class="${m({
+                        class="${w({
         "sbb-sr__list-decks": !0,
         "sbb-sr__list-decks--gap": this.hasMultipleDecks
       })}"
@@ -90,25 +90,25 @@ let q = (() => {
     }
     _renderDeckLabels() {
       return this.hasMultipleDecks ? this.seatReservations.map((r) => {
-        const e = n(r.deckCoachLevel, this._language.current);
+        const e = l(r.deckCoachLevel, this._language.current);
         return b`<b aria-hidden="true">${e}</b>`;
       }) : null;
     }
     _renderNavigationControlButton(r) {
       if (!this.hasNavigation || !this.seatReservations)
         return null;
-      const e = r == "DIRECTION_RIGHT" ? "last-tab-element" : "first-tab-element", a = r == "DIRECTION_RIGHT" ? "arrow-right-small" : "arrow-left-small", s = r == "DIRECTION_RIGHT" ? n("SEAT_RESERVATION_END", this._language.current) : n("SEAT_RESERVATION_BEGIN", this._language.current);
-      let t = !0;
-      return (r == "DIRECTION_LEFT" && this.selectedCoachIndex > 0 || r == "DIRECTION_RIGHT" && this.selectedCoachIndex < this.seatReservations[this.currSelectedDeckIndex].coachItems.length - 1) && (t = !1), b`<sbb-secondary-button
+      const e = r == "DIRECTION_RIGHT" ? "last-tab-element" : "first-tab-element", t = r == "DIRECTION_RIGHT" ? "chevron-small-right-small" : "chevron-small-left-small", a = r == "DIRECTION_RIGHT" ? l("SEAT_RESERVATION_END", this._language.current) : l("SEAT_RESERVATION_BEGIN", this._language.current);
+      let s = !0;
+      return (r == "DIRECTION_LEFT" && this.selectedCoachIndex > 0 || r == "DIRECTION_RIGHT" && this.selectedCoachIndex < this.seatReservations[this.currSelectedDeckIndex].coachItems.length - 1) && (s = !1), b`<sbb-secondary-button
       @click="${() => this.navigateByDirectionBtn(r)}"
       id="${e}"
       class="sbb-sr__navigation-control-button"
       size="s"
-      icon-name="${a}"
+      icon-name="${t}"
       type="button"
-      aria-label="${s}"
+      aria-label="${a}"
       role="contentinfo"
-      .disabledInteractive="${t || g}"
+      .disabledInteractive="${s || u}"
     ></sbb-secondary-button>`;
     }
     _renderNavigation() {
@@ -117,13 +117,13 @@ let q = (() => {
         <ul
           id="sbb-sr__navigation-list-coaches"
           class="sbb-sr-navigation__list-coaches"
-          aria-label="${n("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
+          aria-label="${l("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
         >
           ${this.coachNavData.map((r, e) => b`<li>
               <sbb-seat-reservation-navigation-coach
-                @selectcoach=${(a) => this._onSelectNavCoach(a)}
+                @selectcoach=${(t) => this._onSelectNavCoach(t)}
                 @focuscoach=${() => this._onFocusNavCoach()}
-                class="${m({
+                class="${w({
         "sbb-sr__navigation-coach--hover-scroll": this.hoveredScrollCoachIndex === e
       })}"
                 index="${e}"
@@ -146,19 +146,20 @@ let q = (() => {
     }
     /**
      *
-     * @param coaches
      * @returns
+     * @param seatReservation
+     * @param deckIndex
      */
     _renderCoaches(r, e) {
-      const a = JSON.parse(JSON.stringify(r?.coachItems));
-      return a ? a.map((s, t) => b`
+      const t = JSON.parse(JSON.stringify(r?.coachItems));
+      return t ? t.map((a, s) => b`
         <li class="sbb-sr__item-coach">
-          ${this._renderCoachElement(s, t, e)}
+          ${this._renderCoachElement(a, s, e, r.deckCoachIndex)}
         </li>
       `) : null;
     }
-    _renderCoachElement(r, e, a) {
-      const s = this.getCalculatedDimension(r.dimension), t = this._getDescriptionTableCoach(r);
+    _renderCoachElement(r, e, t, a) {
+      const s = this.getCalculatedDimension(r.dimension), i = this._getDescriptionTableCoach(r);
       return b`<sbb-seat-reservation-scoped
       style=${v({
         "--sbb-seat-reservation-scoped-width": s.w,
@@ -166,8 +167,8 @@ let q = (() => {
       })}
     >
       ${this._getRenderedCoachBorders(r)}
-      ${this._getRenderedGraphicalElements(r.graphicElements || [], r.dimension, e, a)}
-      ${this._getRenderedServiceElements(e, a, r.serviceElements)}
+      ${this._getRenderedGraphicalElements(r.graphicElements || [], r.dimension, e, t)}
+      ${this._getRenderedServiceElements(e, t, r.serviceElements)}
 
       <table
         @focus=${() => this.onFocusTableCoachAndPreselectPlace(e)}
@@ -176,9 +177,9 @@ let q = (() => {
         aria-describedby="sbb-sr-coach-caption-${e}"
       >
         <caption id="sbb-sr-coach-caption-${e}" tabindex="-1">
-          <sbb-screen-reader-only>${t}</sbb-screen-reader-only>
+          <sbb-screen-reader-only>${i}</sbb-screen-reader-only>
         </caption>
-        ${this._getRenderedRowPlaces(r, e, a)}
+        ${this._getRenderedRowPlaces(r, e, t, a)}
       </table>
     </sbb-seat-reservation-scoped>`;
     }
@@ -189,11 +190,11 @@ let q = (() => {
     _getRenderedCoachBorders(r) {
       if (!r.graphicElements)
         return null;
-      const e = 1, s = r.graphicElements?.find((l) => l.icon === "DRIVER_AREA"), t = s ? r.dimension.w - s.dimension.w - e : r.dimension.w - e * 2, i = (r.dimension.h + this.coachBorderOffset * 2) * this.baseGridSize, o = s && s.position.x === 0 ? s?.dimension.w * this.baseGridSize : this.baseGridSize;
+      const e = 1, a = r.graphicElements?.find((n) => n.icon === "DRIVER_AREA"), s = a ? r.dimension.w - a.dimension.w - e : r.dimension.w - e * 2, i = (r.dimension.h + this.coachBorderOffset * 2) * this.baseGridSize, o = a && a.position.x === 0 ? a?.dimension.w * this.baseGridSize : this.baseGridSize;
       return b`
       <sbb-seat-reservation-graphic
         style=${v({
-        "--sbb-seat-reservation-graphic-width": t * this.baseGridSize,
+        "--sbb-seat-reservation-graphic-width": s * this.baseGridSize,
         "--sbb-seat-reservation-graphic-height": i,
         "--sbb-seat-reservation-graphic-top": this.coachBorderPadding * -1,
         "--sbb-seat-reservation-graphic-left": o,
@@ -205,45 +206,46 @@ let q = (() => {
       ></sbb-seat-reservation-graphic>
     `;
     }
-    _getRenderedRowPlaces(r, e, a) {
+    _getRenderedRowPlaces(r, e, t, a) {
       if (!r.places)
         return null;
       const s = {};
-      for (const t of r.places)
-        s[t.position.y] ? s[t.position.y].push(t) : s[t.position.y] = [t];
-      return Object.values(s).map((t, i) => b`
-          <tr id="row-${e}-${t[0].position.y}" data-row-index=${i}>
-            ${this._getRenderedColumnPlaces(t, e, a)}
+      for (const i of r.places)
+        s[i.position.y] ? s[i.position.y].push(i) : s[i.position.y] = [i];
+      return Object.values(s).map((i, o) => b`
+          <tr id="row-${e}-${i[0].position.y}" data-row-index=${o}>
+            ${this._getRenderedColumnPlaces(i, e, t, a)}
           </tr>
-        `).flatMap((t) => t);
+        `).flatMap((i) => i);
     }
-    _getRenderedColumnPlaces(r, e, a) {
-      return r.sort((s, t) => Number(s.position.x) - Number(t.position.x)), r?.map((s, t) => {
-        const i = this.getCalculatedDimension(s.dimension), o = this.getCalculatedPosition(s.position), l = s.rotation || 0, p = this.alignVertical ? -90 : 0;
+    _getRenderedColumnPlaces(r, e, t, a) {
+      return r.sort((s, i) => Number(s.position.x) - Number(i.position.x)), r?.map((s, i) => {
+        const o = this.getCalculatedDimension(s.dimension), n = this.getCalculatedPosition(s.position), p = s.rotation || 0, c = this.alignVertical ? -90 : 0, g = this.getPlaceElementId(t, e, s.number);
         return b`
         <td
-          id="cell-${a}-${e}-${s.position.y}-${t}"
+          id="cell-${t}-${e}-${s.position.y}-${i}"
           class="graphical-element"
         >
           <sbb-seat-reservation-place-control
             style=${v({
-          "--sbb-seat-reservation-place-control-text-scale-value": Math.min(i.w, i.h),
-          "--sbb-seat-reservation-place-control-width": i.w,
-          "--sbb-seat-reservation-place-control-height": i.h,
-          "--sbb-seat-reservation-place-control-top": o.y,
-          "--sbb-seat-reservation-place-control-left": o.x,
-          "--sbb-seat-reservation-place-control-rotation": l,
-          "--sbb-seat-reservation-place-control-text-rotation": p
+          "--sbb-seat-reservation-place-control-text-scale-value": Math.min(o.w, o.h),
+          "--sbb-seat-reservation-place-control-width": o.w,
+          "--sbb-seat-reservation-place-control-height": o.h,
+          "--sbb-seat-reservation-place-control-top": n.y,
+          "--sbb-seat-reservation-place-control-left": n.x,
+          "--sbb-seat-reservation-place-control-rotation": p,
+          "--sbb-seat-reservation-place-control-text-rotation": c
         })}
-            @selectplace=${(c) => this._onSelectPlace(c)}
+            @selectplace=${(_) => this._onSelectPlace(_)}
             exportparts="sbb-sr-place-part"
-            id="seat-reservation__place-button-${a}-${e}-${s.number}"
+            id=${g}
             class="seat-reservation-place-control"
             text=${s.number}
             type=${s.type}
             state=${s.state}
             coach-index=${e}
             deck-index=${a}
+            data-deck-index=${t}
             .propertyIds=${s.propertyIds}
             .preventClick=${this.preventPlaceClick}
           ></sbb-seat-reservation-place-control>
@@ -251,10 +253,10 @@ let q = (() => {
       `;
       });
     }
-    _getRenderedGraphicalElements(r, e, a, s) {
-      return r ? r?.map((t) => {
-        const i = t.icon ?? "", o = t.rotation || 0, l = this._notFixedRotatableAreaIcons.indexOf(t.icon) === -1, p = this.alignVertical && l ? o - 90 : o;
-        return this._notAreaElements.findIndex((c) => c === i) > -1 ? this._getRenderElementWithoutArea(t, o, e) : this._getRenderElementWithArea(t, p, e, a, s);
+    _getRenderedGraphicalElements(r, e, t, a) {
+      return r ? r?.map((s) => {
+        const i = s.icon ?? "", o = s.rotation || 0, n = this._notFixedRotatableAreaIcons.indexOf(s.icon) === -1, p = this.alignVertical && n ? o - 90 : o;
+        return this._notAreaElements.findIndex((c) => c === i) > -1 ? this._getRenderElementWithoutArea(s, o, e) : this._getRenderElementWithArea(s, p, e, t, a);
       }) : null;
     }
     /**
@@ -263,60 +265,62 @@ let q = (() => {
      * @param rotation
      * @param coachDimension
      * @param coachIndex used to generate a unique id for the popover trigger
+     * @param coachDeckIndex used to generate a unique id
      * @private
      */
-    _getRenderElementWithArea(r, e, a, s, t) {
-      const i = r.icon?.indexOf("TABLE") === -1, o = r.icon && i ? r.icon : null, l = o !== "ENTRY_EXIT", p = r.icon ? n(r.icon, this._language.current) : g, c = this.getCalculatedDimension(r.dimension, a, !0, l), _ = this.getCalculatedPosition(r.position, r.dimension, a, !0), x = `popover-trigger-${t}-${s}-${_.x}-${_.y}`;
-      let u = "free";
-      return r.position.y === this.coachBorderOffset * -1 ? u = "upper-border" : r.position.y + r.dimension.h === a.h + this.coachBorderOffset && (u = "lower-border"), b`
+    _getRenderElementWithArea(r, e, t, a, s) {
+      const i = r.icon?.indexOf("TABLE") === -1, o = r.icon && i ? r.icon : null, n = this.isElementDirectlyOnBorder(r, t) && o !== "ENTRY_EXIT", p = r.icon ? l(r.icon, this._language.current) : u, c = this.getCalculatedDimension(r.dimension, t, !0, n), g = this.getCalculatedPosition(r.position, r.dimension, t, !0), _ = `popover-trigger-${s}-${a}-${g.x}-${g.y}`;
+      let m = "free";
+      return r.position.y === this.coachBorderOffset * -1 ? m = "upper-border" : r.position.y + r.dimension.h === t.h + this.coachBorderOffset && (m = "lower-border"), b`
       <sbb-seat-reservation-area
-        id="${x}"
-        class="${m({ "sbb-seat-reservation-area--cursor-pointer": o !== null })}"
+        id="${_}"
+        class="${w({ "sbb-seat-reservation-area--cursor-pointer": o !== null })}"
         style=${v({
         "--sbb-seat-reservation-area-width": c.w,
         "--sbb-seat-reservation-area-height": c.h,
-        "--sbb-seat-reservation-area-top": _.y,
-        "--sbb-seat-reservation-area-left": _.x
+        "--sbb-seat-reservation-area-top": g.y,
+        "--sbb-seat-reservation-area-left": g.x
       })}
-        mounting=${u}
+        mounting=${m}
         background="dark"
         aria-hidden="true"
       >
         ${o ? b`
               <sbb-seat-reservation-graphic
                 style=${v({
-        "--sbb-seat-reservation-graphic-width": this.baseGridSize,
+        "--sbb-seat-reservation-graphic-max-width": c.w,
         "--sbb-seat-reservation-graphic-height": this.baseGridSize,
         "--sbb-seat-reservation-graphic-rotation": e
       })}
                 name=${o}
                 role="img"
                 aria-hidden="true"
+                class="auto-width"
               ></sbb-seat-reservation-graphic>
-            ` : g}
+            ` : u}
       </sbb-seat-reservation-area>
-      ${o ? this._popover(x, p) : g}
+      ${o ? this._popover(_, p) : u}
     `;
     }
-    _getRenderElementWithoutArea(r, e, a) {
-      const s = this.getCalculatedDimension(r.dimension, a), t = this.getCalculatedPosition(r.position, r.dimension, a), i = r.icon && r.icon.indexOf("DRIVER_AREA") === -1 ? r.icon : r.icon?.concat("_", this.seatReservations[this.currSelectedDeckIndex].vehicleType);
+    _getRenderElementWithoutArea(r, e, t) {
+      const a = this.getCalculatedDimension(r.dimension, t), s = this.getCalculatedPosition(r.position, r.dimension, t), i = r.icon && r.icon.indexOf("DRIVER_AREA") === -1 ? r.icon : r.icon?.concat("_", this.seatReservations[this.currSelectedDeckIndex].vehicleType);
       return b` <sbb-seat-reservation-graphic
       style=${v({
-        "--sbb-seat-reservation-graphic-width": s.w,
-        "--sbb-seat-reservation-graphic-height": s.h,
-        "--sbb-seat-reservation-graphic-top": t.y,
-        "--sbb-seat-reservation-graphic-left": t.x,
+        "--sbb-seat-reservation-graphic-width": a.w,
+        "--sbb-seat-reservation-graphic-height": a.h,
+        "--sbb-seat-reservation-graphic-top": s.y,
+        "--sbb-seat-reservation-graphic-left": s.x,
         "--sbb-seat-reservation-graphic-position": "absolute",
         "--sbb-seat-reservation-graphic-rotation": e
       })}
-      name=${i ?? g}
+      name=${i ?? u}
       aria-hidden="true"
       ?stretch=${!0}
     ></sbb-seat-reservation-graphic>`;
     }
-    _getRenderedServiceElements(r, e, a) {
-      return a ? a?.map((s) => {
-        const t = s.icon ? n(s.icon, this._language.current) : null, i = this.getCalculatedDimension(s.dimension), o = this.getCalculatedPosition(s.position), l = s.rotation || 0, p = this.alignVertical ? l - 90 : l, c = `popover-trigger-${e}-${r}-${o.x}-${o.y}`;
+    _getRenderedServiceElements(r, e, t) {
+      return t ? t?.map((a) => {
+        const s = a.icon ? l(a.icon, this._language.current) : null, i = this.getCalculatedDimension(a.dimension), o = this.getCalculatedPosition(a.position), n = a.rotation || 0, p = this.alignVertical ? n - 90 : n, c = `popover-trigger-${e}-${r}-${o.x}-${o.y}`;
         return b`
         <sbb-seat-reservation-graphic
           id="${c}"
@@ -329,11 +333,11 @@ let q = (() => {
           "--sbb-seat-reservation-graphic-rotation": p
         })}
           class="sbb-seat-reservation-graphic--cursor-pointer"
-          name=${s.icon ?? g}
+          name=${a.icon ?? u}
           role="img"
           aria-hidden="true"
         ></sbb-seat-reservation-graphic>
-        ${this._popover(c, t)}
+        ${this._popover(c, s)}
       `;
       }) : null;
     }
@@ -344,7 +348,7 @@ let q = (() => {
      */
     _onSelectPlace(r) {
       const e = r.detail;
-      this.preventCoachScrollByPlaceClick = !0, this.isCoachGridFocusable = !1, this.preventPlaceClick || (this.currSelectedDeckIndex = e.deckIndex, this.updateSelectedSeatReservationPlaces(e), this.updateCurrentSelectedPlaceInCoach(e));
+      this.preventCoachScrollByPlaceClick = !0, this.isCoachGridFocusable = !1, this.preventPlaceClick || (this.updateSelectedSeatReservationPlaces(e), this.updateCurrentSelectedPlaceInCoach(e));
     }
     _onSelectNavCoach(r) {
       const e = r.detail;
@@ -375,33 +379,33 @@ let q = (() => {
     }
     _getDescriptionTableCoach(r) {
       if (!r.places?.length)
-        return n("COACH_BLOCKED_TABLE_CAPTION", this._language.current, [
+        return l("COACH_BLOCKED_TABLE_CAPTION", this._language.current, [
           r.id
         ]);
       let e;
-      const a = this._getTitleDescriptionListString(r.graphicElements), s = this._getTitleDescriptionListString(r.serviceElements);
-      if (e = n("COACH_TABLE_CAPTION", this._language.current, [
+      const t = this._getTitleDescriptionListString(r.graphicElements), a = this._getTitleDescriptionListString(r.serviceElements);
+      if (e = l("COACH_TABLE_CAPTION", this._language.current, [
         r.id
       ]), !this.hasNavigation) {
-        const t = this.getAvailableFreePlacesNumFromCoach(r.places), i = n("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [t.seats, t.bicycles]);
+        const s = this.getAvailableFreePlacesNumFromCoach(r.places), i = l("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [s.seats, s.bicycles]);
         e = e.concat(". ").concat(i).concat(". ");
       }
-      return (a || s) && (e += ". " + n("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += s + ", " + a + "."), e;
+      return (t || a) && (e += ". " + l("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += a + ", " + t + "."), e;
     }
     _getTitleDescriptionListString(r) {
       const e = [];
-      return r?.map((a) => {
-        const s = a.icon;
-        if (!s)
+      return r?.map((t) => {
+        const a = t.icon;
+        if (!a)
           return null;
-        const t = e.indexOf(s) > -1, i = n(a.icon, this._language.current), o = this._notFixedRotatableAreaIcons.indexOf(s) === -1 && this._notAreaElements.indexOf(s) === -1;
-        return t || e.push(a.icon), i && !t && o ? i : null;
-      }).filter((a) => !!a).join(", ");
+        const s = e.indexOf(a) > -1, i = l(t.icon, this._language.current), o = this._notFixedRotatableAreaIcons.indexOf(a) === -1 && this._notAreaElements.indexOf(a) === -1;
+        return s || e.push(t.icon), i && !s && o ? i : null;
+      }).filter((t) => !!t).join(", ");
     }
   }, d = h, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
-    C(null, w = { value: d }, $, { kind: "class", name: d.name, metadata: r }, null, f), d = w.value, r && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), h.styles = T, y(d, f), d;
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+    $(null, f = { value: d }, C, { kind: "class", name: d.name, metadata: r }, null, k), d = f.value, r && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), h.styles = T, y(d, k), d;
 })();
 export {
   q as SbbSeatReservationElement

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

@@ -7,7 +7,7 @@ import { __esDecorate as v, __runInitializers as l } from "tslib";
 import { forceType as z } from "@sbb-esta/lyne-elements/core/decorators.js";
 import { css as E, LitElement as I, html as j } from "lit";
 import { customElement as D, property as S } from "lit/decorators.js";
-const O = E`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width-4x);--sbb-seat-reservation-area-rotation: 0;display:flex;justify-content:center;align-items:center;height:calc(var(--sbb-seat-reservation-area-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(var(--sbb-seat-reservation-area-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:var(--sbb-border-width-1x) solid var(--sbb-color-graphite);border:var(--sbb-border-width-1x) solid light-dark(var(--sbb-color-graphite),var(--sbb-color-granite));border-radius:var(--sbb-seat-reservation-area-border-radius);position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-area-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-area-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:calc(var(--sbb-seat-reservation-area-rotation) * 1deg);line-height:normal;background-color:var(--sbb-background-color-2)}:host([background=dark]){background-color:var(--sbb-color-milk);background-color:light-dark(var(--sbb-color-milk),var(--sbb-color-iron))}:host([mounting=upper-border]){border-block-start-width:var(--sbb-border-width-2x);border-radius:0 0 var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius)}:host([mounting=lower-border]){border-block-end-width:var(--sbb-border-width-2x);border-radius:var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius) 0 0}:host([mounting=upper-to-lower-border]){border-block-start:none;border-block-end:none;border-radius:0}:host(.sbb-seat-reservation-area--cursor-pointer){cursor:pointer}`;
+const O = E`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width-4x);--sbb-seat-reservation-area-rotation: 0;display:flex;justify-content:center;align-items:center;height:calc(var(--sbb-seat-reservation-area-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(var(--sbb-seat-reservation-area-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:var(--sbb-border-width-1x) solid var(--sbb-color-graphite);border:var(--sbb-border-width-1x) solid light-dark(var(--sbb-color-graphite),var(--sbb-color-granite));border-radius:var(--sbb-seat-reservation-area-border-radius);position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-area-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-area-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:calc(var(--sbb-seat-reservation-area-rotation) * 1deg);line-height:normal;background-color:var(--sbb-background-color-2)}:host([background=dark]){background-color:var(--sbb-color-milk);background-color:light-dark(var(--sbb-color-milk),var(--sbb-color-iron))}:host([mounting=upper-border]){border-block-start-width:var(--sbb-border-width-2x);border-radius:0 0 var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius)}:host([mounting=lower-border]){border-block-end-width:var(--sbb-border-width-2x);border-radius:var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius) 0 0}:host([mounting=upper-to-lower-border]){border-block-start:none;border-block-end:none;border-radius:0}:host(.sbb-seat-reservation-area--cursor-pointer){cursor:var(--sbb-cursor-pointer)}`;
 let B = (() => {
   var n, b, o;
   let r = [D("sbb-seat-reservation-area")], e, t = [], s, g = I, h, p = [], k = [], _, f = [], x = [];

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

@@ -2,7 +2,7 @@ var E = (t) => {
   throw TypeError(t);
 };
 var z = (t, r, s) => r.has(t) || E("Cannot " + s);
-var m = (t, r, s) => (z(t, r, "read from private field"), s ? s.call(t) : r.get(t)), v = (t, r, s) => r.has(t) ? E("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, s), b = (t, r, s, i) => (z(t, r, "write to private field"), i ? i.call(t, s) : r.set(t, s), s);
+var m = (t, r, s) => (z(t, r, "read from private field"), s ? s.call(t) : r.get(t)), v = (t, r, s) => r.has(t) ? E("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, s), l = (t, r, s, i) => (z(t, r, "write to private field"), i ? i.call(t, s) : r.set(t, s), s);
 import { __runInitializers as h, __esDecorate as p } from "tslib";
 import { SbbLanguageController as k } from "@sbb-esta/lyne-elements/core/controllers.js";
 import { forceType as I } from "@sbb-esta/lyne-elements/core/decorators.js";
@@ -11,7 +11,7 @@ import { customElement as D, property as N } from "lit/decorators.js";
 import { classMap as O } from "lit/directives/class-map.js";
 import { mapIconToSvg as C, getI18nSeatReservation as L } from "../common.js";
 import "@sbb-esta/lyne-elements/icon.js";
-const R = $`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.auto-width){--sbb-icon-svg-width: auto;width:auto}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:pointer}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media(forced-colors:active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}`;
+const R = $`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.auto-width){--sbb-icon-svg-width: auto;max-width:calc(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:auto}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:var(--sbb-cursor-pointer)}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media(forced-colors:active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}`;
 let K = (() => {
   var n, c, o;
   let t = [D("sbb-seat-reservation-graphic")], r, s = [], i, d = j, f, _ = [], x = [], w, S = [], y = [];
@@ -20,21 +20,21 @@ let K = (() => {
       super(...arguments);
       v(this, n);
       v(this, c);
-      b(this, n, h(this, _, "")), b(this, c, (h(this, x), h(this, S, !1))), this._language = (h(this, y), new k(this));
+      l(this, n, h(this, _, "")), l(this, c, (h(this, x), h(this, S, !1))), this._language = (h(this, y), new k(this));
     }
     /** Name of the SVG graphic to be displayed. */
     get name() {
       return m(this, n);
     }
     set name(e) {
-      b(this, n, e);
+      l(this, n, e);
     }
     /** if true, scale the graphic content of the given element non-uniformly if necessary */
     get stretch() {
       return m(this, c);
     }
     set stretch(e) {
-      b(this, c, e);
+      l(this, c, e);
     }
     render() {
       const e = C[this.name];
@@ -52,15 +52,15 @@ let K = (() => {
     </span>`;
     }
     _getSvgElement(e) {
-      const a = new DOMParser(), l = e || "<svg></svg>", g = a.parseFromString(l, "image/svg+xml").firstElementChild;
+      const a = new DOMParser(), b = e || "<svg></svg>", g = a.parseFromString(b, "image/svg+xml").firstElementChild;
       return this.stretch && g?.nodeName.toLowerCase() === "svg" && g.setAttribute("preserveAspectRatio", "none"), g;
     }
   }, n = new WeakMap(), c = new WeakMap(), i = o, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-    f = [I(), N({ attribute: "name" })], w = [I(), N({ attribute: "stretch", type: Boolean })], p(o, null, f, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (a) => "name" in a, get: (a) => a.name, set: (a, l) => {
-      a.name = l;
-    } }, metadata: e }, _, x), p(o, null, w, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (a) => "stretch" in a, get: (a) => a.stretch, set: (a, l) => {
-      a.stretch = l;
+    f = [I(), N({ attribute: "name" })], w = [I(), N({ attribute: "stretch", type: Boolean })], p(o, null, f, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (a) => "name" in a, get: (a) => a.name, set: (a, b) => {
+      a.name = b;
+    } }, metadata: e }, _, x), p(o, null, w, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (a) => "stretch" in a, get: (a) => a.stretch, set: (a, b) => {
+      a.stretch = b;
     } }, metadata: e }, S, y), p(null, r = { value: i }, t, { kind: "class", name: i.name, metadata: e }, null, s), i = r.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), o.styles = R, h(i, s), i;
 })();

package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts

@@ -14,7 +14,9 @@ export declare class SbbSeatReservationNavigationCoachElement extends LitElement
     accessor coachId: string;
     /** Coach service property ids, which are used to display the services in the navigation */
     accessor propertyIds: string[];
+    /** Pre-selected coach index property */
     accessor selected: boolean;
+    /** Focused coach index property */
     accessor focused: boolean;
     accessor index: number;
     /** Representation of places available for selecting, counting seat places and bicycle places separetely */

package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"seat-reservation-navigation-coach.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC7F,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAI9E,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AAEpD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C;;GAEG;AACH,qBAEM,wCAAyC,SAAQ,UAAU;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,sEAAsE;IACtE,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAG3C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAG1C,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,SAEgB,KAAK,EAAE,MAAM,CAAK;IAElC,2GAA2G;IAC3G,SACgB,gBAAgB,EAAE,uBAAuB,CAA6B;IAEtF,gCAAgC;IAChC,SACgB,WAAW,EAAE,gBAAgB,EAAE,CAAiB;IAEhE,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C,kDAAkD;IAClD,SAEgB,KAAK,EAAE,OAAO,CAAS;IAEvC,iDAAiD;IACjD,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC,mCAAmC;IACnC,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,6DAA6D;IAC7D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;cAEjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAwB5E;;;;OAIG;cACgB,MAAM,IAAI,cAAc;IAqB3C,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,kCAAkC;IAmC1C,OAAO,CAAC,gCAAgC;IAYxC;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,2BAA2B;CASpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uCAAuC,EAAE,wCAAwC,CAAC;KACnF;CACF"}
+{"version":3,"file":"seat-reservation-navigation-coach.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC7F,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAI9E,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AAEpD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C;;GAEG;AACH,qBAEM,wCAAyC,SAAQ,UAAU;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,sEAAsE;IACtE,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,wCAAwC;IACxC,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,mCAAmC;IACnC,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,SAEgB,KAAK,EAAE,MAAM,CAAK;IAElC,2GAA2G;IAC3G,SACgB,gBAAgB,EAAE,uBAAuB,CAA6B;IAEtF,gCAAgC;IAChC,SACgB,WAAW,EAAE,gBAAgB,EAAE,CAAiB;IAEhE,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C,kDAAkD;IAClD,SAEgB,KAAK,EAAE,OAAO,CAAS;IAEvC,iDAAiD;IACjD,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC,mCAAmC;IACnC,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,6DAA6D;IAC7D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;cAEjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAwB5E;;;;OAIG;cACgB,MAAM,IAAI,cAAc;IAqB3C,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,kCAAkC;IAmC1C,OAAO,CAAC,gCAAgC;IAYxC;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,2BAA2B;CASpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uCAAuC,EAAE,wCAAwC,CAAC;KACnF;CACF"}