@sbb-esta/lyne-elements-experimental 3.7.0 → 3.9.0

package/seat-reservation/seat-reservation/seat-reservation-base-element.js

@@ -1,37 +1,46 @@
-var ve = (h) => {
-  throw TypeError(h);
+var ve = (n) => {
+  throw TypeError(n);
 };
-var fe = (h, d, u) => d.has(h) || ve("Cannot " + u);
-var g = (h, d, u) => (fe(h, d, "read from private field"), u ? u.call(h) : d.get(h)), v = (h, d, u) => d.has(h) ? ve("Cannot add the same private member more than once") : d instanceof WeakSet ? d.add(h) : d.set(h, u), o = (h, d, u, w) => (fe(h, d, "write to private field"), w ? w.call(h, u) : d.set(h, u), u);
-import { __runInitializers as r, __esDecorate as f } from "tslib";
-import { isArrowKeyOrPageKeysPressed as Se } from "@sbb-esta/lyne-elements/core/a11y.js";
+var fe = (n, d, u) => d.has(n) || ve("Cannot " + u);
+var g = (n, d, u) => (fe(n, d, "read from private field"), u ? u.call(n) : d.get(n)), v = (n, d, u) => d.has(n) ? ve("Cannot add the same private member more than once") : d instanceof WeakSet ? d.add(n) : d.set(n, u), r = (n, d, u, T) => (fe(n, d, "write to private field"), T ? T.call(n, u) : d.set(n, u), u);
+import { __runInitializers as l, __esDecorate as f } from "tslib";
+import { isArrowKeyOrPageKeysPressed as Ce } from "@sbb-esta/lyne-elements/core/a11y.js";
 import { forceType as C } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { LitElement as Ce, isServer as xe } from "lit";
-import { property as S, state as T, eventOptions as Ie } from "lit/decorators.js";
-import { mapPlaceInfosToPlaceSelection as pe, mapPlaceAndCoachToSeatReservationPlaceSelection as me, mapCoachInfosToCoachSelection as be } from "../common/mapper.js";
-var x;
-(function(h) {
-  h.right = "right", h.left = "left";
-})(x || (x = {}));
-let we = (() => {
-  var I, p, m, b, _, y, P, A, R, k, E, N, n;
-  let h = Ce, d = [], u, w = [], B = [], D, z = [], F = [], G, V = [], O = [], L, W = [], X = [], H, K = [], U = [], q, M = [], $ = [], j, J = [], Q = [], Y, Z = [], ee = [], te, ie = [], se = [], ae, ce = [], oe = [], re, le = [], he = [], ne, de = [], ue = [], ge;
-  return n = class extends h {
+import { LitElement as pe, isServer as xe } from "lit";
+import { property as S, state as w, eventOptions as Ie } from "lit/decorators.js";
+import { mapIconToSvg as Se, mapPlaceInfosToPlaceSelection as me, mapPlaceAndCoachToSeatReservationPlaceSelection as _e, mapCoachInfosToCoachSelection as be } from "../common/mapper.js";
+var p;
+(function(n) {
+  n.right = "right", n.left = "left";
+})(p || (p = {}));
+const ye = 3, Pe = [
+  "sa-vo",
+  "sa-rs",
+  "sa-abteilkinderwagen",
+  "sa-wr",
+  "sa-fa",
+  "sa-bz",
+  "sa-rz"
+];
+let Be = (() => {
+  var x, I, m, _, b, y, P, A, R, E, N, k, h;
+  let n = pe, d = [], u, T = [], D = [], B, z = [], F = [], O, V = [], G = [], L, W = [], X = [], H, K = [], U = [], q, M = [], $ = [], j, Y = [], J = [], Q, Z = [], ee = [], te, se = [], ie = [], ae, ce = [], oe = [], re, le = [], ne = [], he, de = [], ue = [], ge;
+  return h = class extends n {
     constructor() {
       super(...arguments);
+      v(this, x);
       v(this, I);
-      v(this, p);
       v(this, m);
-      v(this, b);
       v(this, _);
+      v(this, b);
       v(this, y);
       v(this, P);
       v(this, A);
       v(this, R);
-      v(this, k);
       v(this, E);
       v(this, N);
-      o(this, I, (r(this, d), r(this, w, null))), o(this, p, (r(this, B), r(this, z, !0))), o(this, m, (r(this, F), r(this, V, !1))), o(this, b, (r(this, O), r(this, W, 16))), o(this, _, (r(this, X), r(this, K, null))), o(this, y, (r(this, U), r(this, M, -1))), o(this, P, (r(this, $), r(this, J, -1))), o(this, A, (r(this, Q), r(this, Z, !1))), o(this, R, (r(this, ee), r(this, ie, -1))), o(this, k, (r(this, se), r(this, ce, -1))), o(this, E, (r(this, oe), r(this, le, -1))), o(this, N, (r(this, he), r(this, de, -1))), this.coachBorderPadding = (r(this, ue), 6), this.gapBetweenCoaches = 4, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.gapBetweenCoachDecks = 48, this.coachNavButtonDim = 0, this.currScrollDirection = x.right, this.maxCalcCoachsWidth = 0, this.scrollCoachsAreaWidth = 0, this.scrollNavigationAreaDim = 0, this.triggerCoachPositionsCollection = [], this.firstTabElement = null, this.lastTabElement = null, this.navigationScrollArea = null, this.coachScrollArea = null, this.currSelectedPlace = null, this.currSelectedPlaceElementId = null, this.currSelectedCoachIndex = -1, this.currSelectedDeckIndex = 0, this.preventCoachScrollByPlaceClick = !1, this.selectedSeatReservationPlaces = {
+      v(this, k);
+      r(this, x, (l(this, d), l(this, T, null))), r(this, I, (l(this, D), l(this, z, !0))), r(this, m, (l(this, F), l(this, V, !1))), r(this, _, (l(this, G), l(this, W, 16))), r(this, b, (l(this, X), l(this, K, null))), r(this, y, (l(this, U), l(this, M, -1))), r(this, P, (l(this, $), l(this, Y, -1))), r(this, A, (l(this, J), l(this, Z, !1))), r(this, R, (l(this, ee), l(this, se, -1))), r(this, E, (l(this, ie), l(this, ce, -1))), r(this, N, (l(this, oe), l(this, le, -1))), r(this, k, (l(this, ne), l(this, de, -1))), this.coachBorderPadding = (l(this, ue), 6), this.gapBetweenCoaches = 4, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.gapBetweenCoachDecks = 48, this.coachNavButtonDim = 0, this.coachNavData = [], this.currScrollDirection = p.right, this.maxCalcCoachsWidth = 0, this.scrollCoachsAreaWidth = 0, this.scrollNavigationAreaDim = 0, this.triggerCoachPositionsCollection = [], this.firstTabElement = null, this.lastTabElement = null, this.navigationScrollArea = null, this.coachScrollArea = null, this.currSelectedPlace = null, this.currSelectedPlaceElementId = null, this.currSelectedCoachIndex = -1, this.currSelectedDeckIndex = 0, this.preventCoachScrollByPlaceClick = !1, this.selectedSeatReservationPlaces = {
         seats: [],
         bicycles: []
       }, this.seatReservationWithoutNavigationHasFocus = !1, this.isCoachGridFocusable = !1, this.isAutoScrolling = !1, this.isKeyboardNavigation = !1, this.hasMultipleDecks = !1, this.keyboardNavigationEvents = {
@@ -41,91 +50,101 @@ let we = (() => {
         ArrowDown: "ArrowDown",
         Tab: "Tab",
         Enter: "Enter"
+      }, this._prepareServiceIconsNavigation = (e) => {
+        if (!e)
+          return [];
+        const t = e?.map(function(s) {
+          return {
+            pId: s,
+            svgName: Se[s]?.svgName ? Se[s]?.svgName : ""
+          };
+        }).filter((s) => Pe.indexOf(s.svgName) !== -1).filter((s, i, a) => a.map((o) => o.svgName).indexOf(s.svgName) === i).map((s) => s.pId).slice(0, ye);
+        return t || [];
       };
     }
     /** The seat reservations array contains all coaches and places */
     get seatReservations() {
-      return g(this, I);
+      return g(this, x);
     }
     set seatReservations(e) {
-      o(this, I, e);
+      r(this, x, e);
     }
     /** The seat reservation navigation can be toggled by this property */
     get hasNavigation() {
-      return g(this, p);
+      return g(this, I);
     }
     set hasNavigation(e) {
-      o(this, p, e);
+      r(this, I, e);
     }
     /** The seat reservation area is aligned vertically */
     get alignVertical() {
       return g(this, m);
     }
     set alignVertical(e) {
-      o(this, m, e);
+      r(this, m, e);
     }
     /** The seat reservation area's base grid size */
     get baseGridSize() {
-      return g(this, b);
+      return g(this, _);
     }
     set baseGridSize(e) {
-      o(this, b, e);
+      r(this, _, e);
     }
     /** The seat reservation area's width */
     get height() {
-      return g(this, _);
+      return g(this, b);
     }
     set height(e) {
-      o(this, _, e);
+      r(this, b, e);
     }
     /** Maximal number of possible clickable seats */
     get maxSeatReservations() {
       return g(this, y);
     }
     set maxSeatReservations(e) {
-      o(this, y, e);
+      r(this, y, e);
     }
     /** Maximal number of possible clickable bicycle places */
     get maxBicycleReservations() {
       return g(this, P);
     }
     set maxBicycleReservations(e) {
-      o(this, P, e);
+      r(this, P, e);
     }
     /** Any click functionality is prevented */
     get preventPlaceClick() {
       return g(this, A);
     }
     set preventPlaceClick(e) {
-      o(this, A, e);
+      r(this, A, e);
     }
     get preselectCoachIndex() {
       return g(this, R);
     }
     set preselectCoachIndex(e) {
-      o(this, R, e);
+      r(this, R, e);
     }
     get selectedCoachIndex() {
-      return g(this, k);
+      return g(this, E);
     }
     set selectedCoachIndex(e) {
-      o(this, k, e);
+      r(this, E, e);
     }
     get focusedCoachIndex() {
-      return g(this, E);
+      return g(this, N);
     }
     set focusedCoachIndex(e) {
-      o(this, E, e);
+      r(this, N, e);
     }
     //Sets the hover style when scrolling to a coach
     get hoveredScrollCoachIndex() {
-      return g(this, N);
+      return g(this, k);
     }
     set hoveredScrollCoachIndex(e) {
-      o(this, N, e);
+      r(this, k, e);
     }
     willUpdate(e) {
-      if (super.willUpdate(e), e.has("seatReservations") && (this.hasMultipleDecks = this.seatReservations?.length > 1, this._initSeatReservationPlaceSelection()), e.has("baseGridSize") && (this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.style?.setProperty("--sbb-seat-reservation-grid-size", `${this.baseGridSize}px`), this.initNavigationSelectionByScrollEvent()), e.has("height") && this.height) {
+      if (super.willUpdate(e), e.has("seatReservations") && (this.hasMultipleDecks = this.seatReservations?.length > 1, this._initPrepareSeatReservationData(), this._initSeatReservationPlaceSelection()), e.has("baseGridSize") && (this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.style?.setProperty("--sbb-seat-reservation-grid-size", `${this.baseGridSize}px`), this.initNavigationSelectionByScrollEvent()), e.has("height") && this.height) {
         const t = this.seatReservations[this.currSelectedDeckIndex] || null;
         t?.coachItems.length && (this.baseGridSize = this.height / t.coachItems[0].dimension.h, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.style?.setProperty("--sbb-seat-reservation-grid-size", `${this.baseGridSize}px`), this.initNavigationSelectionByScrollEvent());
       }
@@ -140,33 +159,33 @@ let we = (() => {
      * Data can be prepared once for the entire component
      * in order to avoid recurring iteration processes in rendering.
      */
-    initPrepairSeatReservationData() {
-      this._determineBaseFontSize(), this._prepairCoachDriverArea();
+    _initPrepareSeatReservationData() {
+      this._determineBaseFontSize(), this.hasMultipleDecks && this._initEmptyCoachDeckOffsets(), this._prepareNavigationCoachData();
     }
     /* Init scroll event handling for coach navigation */
     initNavigationSelectionByScrollEvent() {
       this.firstTabElement = this.shadowRoot?.querySelector("#first-tab-element"), this.lastTabElement = this.shadowRoot?.querySelector("#last-tab-element"), this.coachScrollArea = this.shadowRoot?.querySelector("#sbb-sr__wrapper-scrollarea"), this.navigationScrollArea = this.shadowRoot?.querySelector("#sbb-sr-navigation");
       const e = this.seatReservations ? this.seatReservations[this.currSelectedDeckIndex] : null;
       if (e && e.coachItems.length > 0) {
-        const t = e.coachItems[0].dimension.h * this.baseGridSize + this.coachBorderPadding, i = (this.seatReservations.length - 1) * this.gapBetweenCoachDecks;
-        this.style?.setProperty("--sbb-seat-reservation-height", `${t * this.seatReservations.length + i}`), this.style?.setProperty("--sbb-seat-reservation-decks", `${this.seatReservations.length}`);
+        const t = e.coachItems[0].dimension.h * this.baseGridSize + this.coachBorderPadding, s = (this.seatReservations.length - 1) * this.gapBetweenCoachDecks;
+        this.style?.setProperty("--sbb-seat-reservation-height", `${t * this.seatReservations.length + s}`), this.style?.setProperty("--sbb-seat-reservation-decks", `${this.seatReservations.length}`);
       }
       if (this.navigationScrollArea) {
         this.scrollNavigationAreaDim = this.alignVertical ? this.navigationScrollArea.getBoundingClientRect().height : this.navigationScrollArea.getBoundingClientRect().width;
         const t = this.navigationScrollArea.querySelector("ul > li");
         if (t) {
-          const i = t?.getBoundingClientRect();
-          this.coachNavButtonDim = this.alignVertical ? i.height : i.width;
+          const s = t?.getBoundingClientRect();
+          this.coachNavButtonDim = this.alignVertical ? s.height : s.width;
         }
       }
       if (this.coachScrollArea && e) {
         let t = 0;
-        this.scrollCoachsAreaWidth = this.alignVertical ? this.coachScrollArea.getBoundingClientRect().height : this.coachScrollArea.getBoundingClientRect().width, this.triggerCoachPositionsCollection = e.coachItems.map((i) => {
-          const s = t, c = this.getCalculatedDimension(i.dimension).w;
-          return t += c + this.gapBetweenCoaches, {
-            start: s,
+        this.scrollCoachsAreaWidth = this.alignVertical ? this.coachScrollArea.getBoundingClientRect().height : this.coachScrollArea.getBoundingClientRect().width, this.triggerCoachPositionsCollection = e.coachItems.map((s) => {
+          const i = t, a = this.getCalculatedDimension(s.dimension).w;
+          return t += a + this.gapBetweenCoaches, {
+            start: i,
             end: t,
-            width: c
+            width: a
           };
         }), this.maxCalcCoachsWidth = t;
       }
@@ -205,30 +224,30 @@ let we = (() => {
           return;
         }
       }
-      if (this.currSelectedCoachIndex !== -1 && Se(e))
+      if (this.currSelectedCoachIndex !== -1 && Ce(e))
         switch (e.preventDefault(), t) {
           case this.keyboardNavigationEvents.ArrowLeft:
             {
-              const i = this.alignVertical ? this.keyboardNavigationEvents.ArrowDown : t;
-              this._navigateToPlaceByKeyboard(i);
+              const s = this.alignVertical ? this.keyboardNavigationEvents.ArrowDown : t;
+              this._navigateToPlaceByKeyboard(s);
             }
             break;
           case this.keyboardNavigationEvents.ArrowRight:
             {
-              const i = this.alignVertical ? this.keyboardNavigationEvents.ArrowUp : t;
-              this._navigateToPlaceByKeyboard(i);
+              const s = this.alignVertical ? this.keyboardNavigationEvents.ArrowUp : t;
+              this._navigateToPlaceByKeyboard(s);
             }
             break;
           case this.keyboardNavigationEvents.ArrowUp:
             {
-              const i = this.alignVertical ? this.keyboardNavigationEvents.ArrowLeft : t;
-              this._navigateToPlaceByKeyboard(i);
+              const s = this.alignVertical ? this.keyboardNavigationEvents.ArrowLeft : t;
+              this._navigateToPlaceByKeyboard(s);
             }
             break;
           case this.keyboardNavigationEvents.ArrowDown:
             {
-              const i = this.alignVertical ? this.keyboardNavigationEvents.ArrowRight : t;
-              this._navigateToPlaceByKeyboard(i);
+              const s = this.alignVertical ? this.keyboardNavigationEvents.ArrowRight : t;
+              this._navigateToPlaceByKeyboard(s);
             }
             break;
         }
@@ -263,16 +282,16 @@ let we = (() => {
       const e = this._getPlaceHtmlElement();
       e && (e.setAttribute("keyfocus", "unfocus"), this._setCurrSelectedPlaceElementId(null), this.currSelectedPlace = null);
     }
-    getCalculatedDimension(e, t, i, s) {
-      return t && !i && (e.h += this.coachBorderOffset * 2), s && (e.h += this.coachBorderOffset), {
+    getCalculatedDimension(e, t, s, i) {
+      return t && !s && (e.h += this.coachBorderOffset * 2), i && (e.h += this.coachBorderOffset), {
         w: this.baseGridSize * e.w,
         h: this.baseGridSize * e.h
       };
     }
-    getCalculatedPosition(e, t, i, s) {
-      if (i && t) {
-        const c = s ? i.h : i.h + this.coachBorderOffset;
-        e.y === 0 ? e.y -= this.coachBorderOffset : e.y + t.h === c && (e.y += this.coachBorderOffset);
+    getCalculatedPosition(e, t, s, i) {
+      if (s && t) {
+        const a = i ? s.h : s.h + this.coachBorderOffset;
+        e.y === 0 ? e.y -= this.coachBorderOffset : e.y + t.h === a && (e.y += this.coachBorderOffset);
       }
       return {
         x: this.baseGridSize * e.x,
@@ -283,12 +302,12 @@ let we = (() => {
     /**
      * Counts all available seats together depending on the seat type
      *
-     * @param coachIndex
+     * @param places
      * @returns An Object with count of free seats and free bicycle places
      */
     getAvailableFreePlacesNumFromCoach(e) {
-      const t = { seats: 0, bicycles: 0 }, i = this.seatReservations[this.currSelectedDeckIndex].coachItems[e].places?.reduce((s, c) => (c.state !== "FREE" || (c.type === "SEAT" ? s.seats++ : s.bicycles++), s), t);
-      return i || t;
+      const t = { seats: 0, bicycles: 0 }, s = e?.reduce((i, a) => (a.state !== "FREE" || (a.type === "SEAT" ? i.seats++ : i.bicycles++), i), t);
+      return s || t;
     }
     /**
      * At the end of a scroll Event from the coach scrollable area,
@@ -306,10 +325,10 @@ let we = (() => {
     _scrollToSelectedNavigationButton(e) {
       setTimeout(() => {
         if (this.hoveredScrollCoachIndex = e, this.hasNavigation && this.navigationScrollArea) {
-          const t = this.scrollNavigationAreaDim / 2, s = e * this.coachNavButtonDim - t + this.coachNavButtonDim;
+          const t = this.scrollNavigationAreaDim / 2, i = e * this.coachNavButtonDim - t + this.coachNavButtonDim;
           this.navigationScrollArea.scrollTo({
-            top: this.alignVertical ? s : 0,
-            left: this.alignVertical ? 0 : s,
+            top: this.alignVertical ? i : 0,
+            left: this.alignVertical ? 0 : i,
             behavior: "smooth"
           });
         }
@@ -319,7 +338,7 @@ let we = (() => {
      * Sets the new ScrollDirection by the new given target coach index.
      */
     _setScrollDirectionByCoachIndex() {
-      this.currScrollDirection = this.currSelectedCoachIndex > this.selectedCoachIndex ? x.right : x.left;
+      this.currScrollDirection = this.currSelectedCoachIndex > this.selectedCoachIndex ? p.right : p.left;
     }
     /**
      * Returns the scroll start or end position X from the selected coach.
@@ -329,7 +348,7 @@ let we = (() => {
      */
     _getCoachScrollPositionX() {
       const e = this.triggerCoachPositionsCollection[this.currSelectedCoachIndex];
-      return this.isKeyboardNavigation && this.currScrollDirection === x.left && e.width > this.scrollCoachsAreaWidth ? e.end - this.scrollCoachsAreaWidth : e.start;
+      return this.isKeyboardNavigation && this.currScrollDirection === p.left && e.width > this.scrollCoachsAreaWidth ? e.end - this.scrollCoachsAreaWidth : e.start;
     }
     /**
      * Sets the focus on the HTML table (grid) caption element so that the heading is read out when using a ScreenReader.
@@ -346,8 +365,8 @@ let we = (() => {
      * @returns boolean
      */
     _isScrollableToSelectedCoach() {
-      const e = this.alignVertical ? this.coachScrollArea.scrollTop : this.coachScrollArea.scrollLeft, t = this.alignVertical ? this.coachScrollArea.getBoundingClientRect().height : this.coachScrollArea.getBoundingClientRect().width, i = this.maxCalcCoachsWidth - t, s = this.triggerCoachPositionsCollection[this.currSelectedCoachIndex], c = e === this.triggerCoachPositionsCollection[this.currSelectedCoachIndex].start;
-      return (e < i || e > s.start) && !c;
+      const e = this.alignVertical ? this.coachScrollArea.scrollTop : this.coachScrollArea.scrollLeft, t = this.alignVertical ? this.coachScrollArea.getBoundingClientRect().height : this.coachScrollArea.getBoundingClientRect().width, s = this.maxCalcCoachsWidth - t, i = this.triggerCoachPositionsCollection[this.currSelectedCoachIndex], a = e === this.triggerCoachPositionsCollection[this.currSelectedCoachIndex].start;
+      return (e < s || e > i.start) && !a;
     }
     /**
      * Returns the coach index which is currently visible in the scroll area
@@ -355,7 +374,7 @@ let we = (() => {
      */
     _getCoachIndexByScrollTriggerPosition() {
       const t = (this.alignVertical ? this.coachScrollArea.scrollTop : this.coachScrollArea.scrollLeft) + this.scrollCoachsAreaWidth / 2;
-      return this.triggerCoachPositionsCollection.findIndex((i) => t >= i.start && t <= i.end);
+      return this.triggerCoachPositionsCollection.findIndex((s) => t >= s.start && t <= s.end);
     }
     /**
      * Get the first place of current selected coach by table cell coordinate 0-0 id.
@@ -363,8 +382,8 @@ let we = (() => {
      */
     _getFirstPlaceInSelecedCoach() {
       let e = null;
-      const t = this.seatReservations[this.currSelectedDeckIndex].coachItems[this.currSelectedCoachIndex], i = "cell-" + this.currSelectedDeckIndex + "-" + this.currSelectedCoachIndex + "-0-0", s = this.shadowRoot?.querySelector("#" + i)?.querySelector("sbb-seat-reservation-place-control")?.getAttribute("text") || null;
-      return t && s && (e = t.places?.find((c) => c.number === s) || null), e;
+      const t = this.seatReservations[this.currSelectedDeckIndex].coachItems[this.currSelectedCoachIndex], s = "cell-" + this.currSelectedDeckIndex + "-" + this.currSelectedCoachIndex + "-0-0", i = this.shadowRoot?.querySelector("#" + s)?.querySelector("sbb-seat-reservation-place-control")?.getAttribute("text") || null;
+      return t && i && (e = t.places?.find((a) => a.number === i) || null), e;
     }
     _getSwitchedCoachDeckIndexByKeyNavigation(e, t) {
       return !this.currSelectedPlace || e === this.keyboardNavigationEvents.ArrowRight || e === this.keyboardNavigationEvents.ArrowLeft ? null : e === this.keyboardNavigationEvents.ArrowDown && this.currSelectedPlace.position.y + 2 === t.dimension.h && this.seatReservations[this.currSelectedDeckIndex + 1] ? this.currSelectedDeckIndex + 1 : e === this.keyboardNavigationEvents.ArrowUp && this.currSelectedPlace.position.y === 0 && this.seatReservations[this.currSelectedDeckIndex - 1] ? this.currSelectedDeckIndex - 1 : null;
@@ -377,40 +396,40 @@ let we = (() => {
      */
     _getClosestPlaceByKeyDirection(e) {
       const t = this.seatReservations[this.currSelectedDeckIndex].coachItems[this.currSelectedCoachIndex];
-      let i = null, s = t.places, c = null;
-      if (s)
+      let s = null, i = t.places, a = null;
+      if (i)
         if (this.currSelectedPlaceElementId) {
           if (this.currSelectedPlace) {
-            const l = { ...this.currSelectedPlace.position };
-            e && (c = this._getSwitchedCoachDeckIndexByKeyNavigation(e, t), c !== null && (s = this.seatReservations[c].coachItems[this.currSelectedCoachIndex].places || [], l.y = c < this.currSelectedDeckIndex ? t.dimension.h : -1));
-            for (const a of s)
-              e ? a.number !== this.currSelectedPlace?.number && (e === this.keyboardNavigationEvents.ArrowRight && (a.position.y === l.y || a.position.y === l.y - 1) && a.position.x > l.x && (!i || a.position.x < i.position.x) || e === this.keyboardNavigationEvents.ArrowDown && (a.position.x === l.x || a.position.x === l.x + 1) && a.position.y > l.y && (!i || a.position.y < i.position.y) || e === this.keyboardNavigationEvents.ArrowLeft && (a.position.y === l.y || a.position.y === l.y + 1) && a.position.x < l.x && (!i || a.position.x > i.position.x) || e === this.keyboardNavigationEvents.ArrowUp && (a.position.x === l.x || a.position.x === l.x - 1) && a.position.y < l.y && (!i || a.position.y > i.position.y)) && (i = a) : (this.currScrollDirection === x.right && a.position.y === l.y && (!i || a.position.x < i.position.x) || this.currScrollDirection === x.left && a.position.y === l.y && (!i || a.position.x > i.position.x)) && (i = a);
-            c !== null && i && (this.currSelectedDeckIndex = c);
+            const o = { ...this.currSelectedPlace.position };
+            e && (a = this._getSwitchedCoachDeckIndexByKeyNavigation(e, t), a !== null && (i = this.seatReservations[a].coachItems[this.currSelectedCoachIndex].places || [], o.y = a < this.currSelectedDeckIndex ? t.dimension.h : -1));
+            for (const c of i)
+              e ? c.number !== this.currSelectedPlace?.number && (e === this.keyboardNavigationEvents.ArrowRight && (c.position.y === o.y || c.position.y === o.y - 1) && c.position.x > o.x && (!s || c.position.x < s.position.x) || e === this.keyboardNavigationEvents.ArrowDown && (c.position.x === o.x || c.position.x === o.x + 1) && c.position.y > o.y && (!s || c.position.y < s.position.y) || e === this.keyboardNavigationEvents.ArrowLeft && (c.position.y === o.y || c.position.y === o.y + 1) && c.position.x < o.x && (!s || c.position.x > s.position.x) || e === this.keyboardNavigationEvents.ArrowUp && (c.position.x === o.x || c.position.x === o.x - 1) && c.position.y < o.y && (!s || c.position.y > s.position.y)) && (s = c) : (this.currScrollDirection === p.right && c.position.y === o.y && (!s || c.position.x < s.position.x) || this.currScrollDirection === p.left && c.position.y === o.y && (!s || c.position.x > s.position.x)) && (s = c);
+            a !== null && s && (this.currSelectedDeckIndex = a);
           }
         } else
           return this._getFirstPlaceInSelecedCoach();
-      return i;
+      return s;
     }
     // Handling for Tab navigation if an place is selected inside the coach.
     // This controls the focused coach from the current selected coach.
     _navigateCoachNavigationByKeyboard(e) {
-      const t = this.focusedCoachIndex === -1 ? this.currSelectedCoachIndex === -1 ? 0 : this.currSelectedCoachIndex : this.focusedCoachIndex, i = e === "NEXT_TAB" ? this.getNextAvailableCoachIndex(t) : this.getPrevAvailableCoachIndex(t);
-      if (t === i) {
+      const t = this.focusedCoachIndex === -1 ? this.currSelectedCoachIndex === -1 ? 0 : this.currSelectedCoachIndex : this.focusedCoachIndex, s = e === "NEXT_TAB" ? this.getNextAvailableCoachIndex(t) : this.getPrevAvailableCoachIndex(t);
+      if (t === s) {
         this.unfocusPlaceElement(), this.seatReservationWithoutNavigationHasFocus = !1, e === "NEXT_TAB" ? this.lastTabElement.focus() : this.firstTabElement.focus();
         return;
       }
       if (this.hasNavigation) {
-        const s = this._getPlaceHtmlElement(), c = s ? s.getAttribute("keyfocus") === "focus" : !1;
+        const i = this._getPlaceHtmlElement(), a = i ? i.getAttribute("keyfocus") === "focus" : !1;
         if (e === "PREV_TAB" && this.selectedCoachIndex === t)
-          if (c) {
+          if (a) {
             this.focusedCoachIndex = t, this.unfocusPlaceElement();
             return;
           } else
-            this.focusedCoachIndex = i;
-        else i !== this.currSelectedCoachIndex ? this.focusedCoachIndex = i : (this.focusedCoachIndex = -1, this.selectedCoachIndex = i, c ? this.focusPlaceElement(this.currSelectedPlace) : (this.isCoachGridFocusable = !0, this._setFocusToSelectedCoachGrid()));
-        this._scrollToSelectedNavigationButton(i);
+            this.focusedCoachIndex = s;
+        else s !== this.currSelectedCoachIndex ? this.focusedCoachIndex = s : (this.focusedCoachIndex = -1, this.selectedCoachIndex = s, a ? this.focusPlaceElement(this.currSelectedPlace) : (this.isCoachGridFocusable = !0, this._setFocusToSelectedCoachGrid()));
+        this._scrollToSelectedNavigationButton(s);
       } else
-        this.scrollToSelectedNavCoach(i);
+        this.scrollToSelectedNavCoach(s);
     }
     _navigateToPlaceByKeyboard(e) {
       if (this.preventCoachScrollByPlaceClick = !1, this.isKeyboardNavigation = !0, this.focusedCoachIndex !== -1 && (this.focusedCoachIndex = -1), !this.preventPlaceClick) {
@@ -418,8 +437,8 @@ let we = (() => {
         if (t)
           this.focusPlaceElement(t);
         else if (e === this.keyboardNavigationEvents.ArrowRight || e === this.keyboardNavigationEvents.ArrowLeft || this.alignVertical && (e === this.keyboardNavigationEvents.ArrowUp || e === this.keyboardNavigationEvents.ArrowDown)) {
-          const i = e === this.keyboardNavigationEvents.ArrowRight ? this.getNextAvailableCoachIndex() : this.getPrevAvailableCoachIndex();
-          this.scrollToSelectedNavCoach(i);
+          const s = e === this.keyboardNavigationEvents.ArrowRight ? this.getNextAvailableCoachIndex() : this.getPrevAvailableCoachIndex();
+          this.scrollToSelectedNavCoach(s);
         }
       }
     }
@@ -432,28 +451,28 @@ let we = (() => {
       return t > 0 ? t - 1 : t;
     }
     updateSelectedSeatReservationPlaces(e) {
-      const t = e.placeType === "SEAT" ? "seats" : "bicycles", i = e.placeType === "SEAT" ? this.maxSeatReservations : this.maxBicycleReservations, s = this.selectedSeatReservationPlaces[t], c = this._updateSelectedSeatReservationPlaces(s, i, e);
-      this.selectedSeatReservationPlaces[t] = c, this.dispatchEvent(new CustomEvent("selectedplaces", {
+      const t = e.placeType === "SEAT" ? "seats" : "bicycles", s = e.placeType === "SEAT" ? this.maxSeatReservations : this.maxBicycleReservations, i = this.selectedSeatReservationPlaces[t], a = this._updateSelectedSeatReservationPlaces(i, s, e);
+      this.selectedSeatReservationPlaces[t] = a, this.dispatchEvent(new CustomEvent("selectedplaces", {
         bubbles: !0,
         composed: !0,
         detail: this.selectedSeatReservationPlaces
       }));
     }
-    _updateSelectedSeatReservationPlaces(e, t, i) {
-      if (i.state === "SELECTED") {
-        const s = this._getSeatReservationPlaceSelection(i);
-        s && e.push(s);
+    _updateSelectedSeatReservationPlaces(e, t, s) {
+      if (s.state === "SELECTED") {
+        const i = this._getSeatReservationPlaceSelection(s);
+        i && e.push(i);
       } else
-        e = e.filter((s) => s.id !== i.id);
+        e = e.filter((i) => i.id !== s.id);
       if (t > -1 && e.length > t) {
-        const s = t > 0 ? i : void 0;
-        e = this._resetAllPlaceSelections(e, s);
+        const i = t > 0 ? s : void 0;
+        e = this._resetAllPlaceSelections(e, i);
       }
       return e;
     }
     updateCurrentSelectedPlaceInCoach(e) {
-      const t = e.coachIndex, i = this.seatReservations[this.currSelectedDeckIndex].coachItems[t].places?.find((s) => s.number == e.number);
-      i && (this.currSelectedCoachIndex = t, this.currSelectedPlace = i, this.currSelectedCoachIndex !== this.selectedCoachIndex && this.updateCurrentSelectedCoach(), this._setCurrSelectedPlaceElementId(i));
+      const t = e.coachIndex, s = this.seatReservations[this.currSelectedDeckIndex].coachItems[t].places?.find((i) => i.number == e.number);
+      s && (this.currSelectedCoachIndex = t, this.currSelectedPlace = s, this.currSelectedCoachIndex !== this.selectedCoachIndex && this.updateCurrentSelectedCoach(), this._setCurrSelectedPlaceElementId(s));
     }
     updateCurrentSelectedCoach() {
       this.selectedCoachIndex = this.currSelectedCoachIndex, this.focusedCoachIndex = -1;
@@ -464,15 +483,43 @@ let we = (() => {
         detail: e
       }));
     }
+    /**
+     * In the case of coach layouts with different decks,
+     * it is necessary to extend the offset with empty coaches
+     * in order to create a stable vehicle layout.
+     *
+     *             [ooo]-[ooo]-[ooo]
+     * [ooo]-[ooo]-[ooo]-[ooo]-[ooo]
+     */
+    _initEmptyCoachDeckOffsets() {
+      const e = Array(this.seatReservations.length - 1).fill(0);
+      this.seatReservations[this.seatReservations.length - 1].coachItems.forEach((s) => {
+        for (let i = 0; i < this.seatReservations.length - 1; i++) {
+          const a = this.seatReservations[i].coachItems[e[i]];
+          if (s.id != a?.id) {
+            const o = {
+              ...s,
+              places: void 0,
+              propertyIds: void 0,
+              graphicElements: void 0,
+              serviceElements: void 0,
+              travelClass: []
+            };
+            this.seatReservations[i].coachItems.splice(e[i], 0, o);
+          }
+          e[i]++;
+        }
+      });
+    }
     /**
      * Initialization of SeatReservationPlaceSelection Array based on the transferred places
      * that have the state SELECTED within the seatReservation object
      */
     _initSeatReservationPlaceSelection() {
-      this.seatReservations?.forEach((e) => e.coachItems.map((t, i) => {
-        t.places?.filter((s) => s.state === "SELECTED")?.forEach((s) => {
-          const c = pe(s, e.deckCoachIndex, i), l = this._getSeatReservationPlaceSelection(c);
-          l && (l.placeType === "SEAT" ? this.selectedSeatReservationPlaces.seats.push(l) : this.selectedSeatReservationPlaces.bicycles.push(l));
+      this.seatReservations?.forEach((e) => e.coachItems.map((t, s) => {
+        t.places?.filter((i) => i.state === "SELECTED")?.forEach((i) => {
+          const a = me(i, e.deckCoachIndex, s), o = this._getSeatReservationPlaceSelection(a);
+          o && (o.placeType === "SEAT" ? this.selectedSeatReservationPlaces.seats.push(o) : this.selectedSeatReservationPlaces.bicycles.push(o));
         });
       }));
     }
@@ -482,22 +529,22 @@ let we = (() => {
      * @param currSelectedPlace
      */
     _resetAllPlaceSelections(e, t) {
-      for (const i of e)
-        if (!t || t.id !== i.id) {
-          const s = this.shadowRoot?.getElementById(i.id);
-          s && s.setAttribute("state", "FREE");
+      for (const s of e)
+        if (!t || t.id !== s.id) {
+          const i = this.shadowRoot?.getElementById(s.id);
+          i && i.setAttribute("state", "FREE");
         }
-      return t ? e = e.filter((i) => i.id === t.id) : e = [], e;
+      return t ? e = e.filter((s) => s.id === t.id) : e = [], e;
     }
     _getSeatReservationPlaceSelection(e) {
-      const t = this.seatReservations[this.currSelectedDeckIndex].coachItems[e.coachIndex], i = t.places?.find((s) => s.number === e.number);
-      return i ? me(i, t, e.deckIndex, e.coachIndex) : null;
+      const t = this.seatReservations[this.currSelectedDeckIndex].coachItems[e.coachIndex], s = t.places?.find((i) => i.number === e.number);
+      return s ? _e(s, t, e.deckIndex, e.coachIndex) : null;
     }
     _getSeatReservationSelectedCoach(e) {
       if (!this.seatReservations[this.currSelectedDeckIndex].coachItems[e])
         return null;
-      const t = this.seatReservations[this.currSelectedDeckIndex].coachItems[e], i = this.getAvailableFreePlacesNumFromCoach(e);
-      return be(e, t, i);
+      const t = this.seatReservations[this.currSelectedDeckIndex].coachItems[e], s = this.getAvailableFreePlacesNumFromCoach(t.places);
+      return be(e, t, s);
     }
     _setCurrSelectedPlaceElementId(e) {
       e ? this.currSelectedPlaceElementId = "seat-reservation__place-button-" + this.currSelectedDeckIndex + "-" + this.currSelectedCoachIndex + "-" + e.number : this.currSelectedPlaceElementId = null;
@@ -513,23 +560,41 @@ let we = (() => {
       }
     }
     /**
-     * Prepares all coaches with the values for whether there is a driver area left or right
+     * Prepares data for displaying navigation area.
+     * Calculates the values which are not going to change during use of a component:
+     *    - coach id
+     *    - list of service icons
+     *    - class (first, second, any)
+     *    - whether there is a driver area left or right
      * */
-    _prepairCoachDriverArea() {
-      this.seatReservations.forEach((e, t) => {
-        this.seatReservations[t].coachItems = e.coachItems.map((i) => {
-          const s = i.graphicElements?.filter((c) => c.icon === "DRIVER_AREA");
-          if (s && s.length > 0) {
-            const c = s.find((a) => a.position.x === 0) || !1, l = s.find((a) => a.position.x > 0) || !1;
-            i.driverAreaSide = {
-              left: !!c,
-              right: !!l
-            };
-          }
-          return i;
+    _prepareNavigationCoachData() {
+      this.seatReservations[this.seatReservations.length - 1].coachItems.forEach((t, s) => {
+        const i = [], a = [], o = [];
+        this.seatReservations.map((c) => c.coachItems[s]).forEach((c) => {
+          i.push(...c.travelClass), a.push(...c.propertyIds ? c.propertyIds : []), o.push(...c.places ? c.places : []);
+        }), this.coachNavData.push({
+          id: t.id,
+          travelClass: this._prepareTravelClassNavigation(i),
+          propertyIds: this._prepareServiceIconsNavigation(a),
+          isDriverArea: t.places ? t.places.length === 0 : !0,
+          driverAreaSide: this._prepareDriverAreaSideNavigation(t),
+          freePlaces: this.getAvailableFreePlacesNumFromCoach(o)
         });
       });
     }
+    _prepareTravelClassNavigation(e) {
+      return e.indexOf("FIRST") !== -1 ? "FIRST" : e.indexOf("SECOND") !== -1 ? "SECOND" : "ANY_CLASS";
+    }
+    _prepareDriverAreaSideNavigation(e) {
+      const t = e.graphicElements?.filter((s) => s.icon === "DRIVER_AREA");
+      if (t && t.length > 0) {
+        const s = t.find((a) => a.position.x === 0) || !1, i = t.find((a) => a.position.x > 0) || !1;
+        return {
+          left: !!s,
+          right: !!i
+        };
+      }
+    }
     /**
      * Returns the current selected place HTML element by currSelectedPlaceElementId.
      * @returns HTMLElement or null
@@ -537,38 +602,38 @@ let we = (() => {
     _getPlaceHtmlElement() {
       return this.currSelectedPlaceElementId && this.shadowRoot?.getElementById(this.currSelectedPlaceElementId) || null;
     }
-  }, I = new WeakMap(), p = new WeakMap(), m = new WeakMap(), b = new WeakMap(), _ = new WeakMap(), y = new WeakMap(), P = new WeakMap(), A = new WeakMap(), R = new WeakMap(), k = new WeakMap(), E = new WeakMap(), N = new WeakMap(), (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-    u = [S({ attribute: "seat-reservations", type: Array })], D = [C(), S({ attribute: "has-navigation", type: Boolean })], G = [C(), S({ attribute: "align-vertical", type: Boolean, reflect: !0, useDefault: !0 })], L = [C(), S({ attribute: "base-grid-size", type: Number })], H = [C(), S({ attribute: "height", type: Number })], q = [C(), S({ attribute: "max-seat-reservations", type: Number })], j = [C(), S({ attribute: "max-bicycle-reservations", type: Number })], Y = [C(), S({ attribute: "prevent-place-click", type: Boolean })], te = [C(), S({ attribute: "preselect-coach-index", type: Number })], ae = [T()], re = [T()], ne = [T()], ge = [Ie({ passive: !0 })], f(n, null, u, { kind: "accessor", name: "seatReservations", static: !1, private: !1, access: { has: (t) => "seatReservations" in t, get: (t) => t.seatReservations, set: (t, i) => {
-      t.seatReservations = i;
-    } }, metadata: e }, w, B), f(n, null, D, { kind: "accessor", name: "hasNavigation", static: !1, private: !1, access: { has: (t) => "hasNavigation" in t, get: (t) => t.hasNavigation, set: (t, i) => {
-      t.hasNavigation = i;
-    } }, metadata: e }, z, F), f(n, null, G, { kind: "accessor", name: "alignVertical", static: !1, private: !1, access: { has: (t) => "alignVertical" in t, get: (t) => t.alignVertical, set: (t, i) => {
-      t.alignVertical = i;
-    } }, metadata: e }, V, O), f(n, null, L, { kind: "accessor", name: "baseGridSize", static: !1, private: !1, access: { has: (t) => "baseGridSize" in t, get: (t) => t.baseGridSize, set: (t, i) => {
-      t.baseGridSize = i;
-    } }, metadata: e }, W, X), f(n, null, H, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, i) => {
-      t.height = i;
-    } }, metadata: e }, K, U), f(n, null, q, { kind: "accessor", name: "maxSeatReservations", static: !1, private: !1, access: { has: (t) => "maxSeatReservations" in t, get: (t) => t.maxSeatReservations, set: (t, i) => {
-      t.maxSeatReservations = i;
-    } }, metadata: e }, M, $), f(n, null, j, { kind: "accessor", name: "maxBicycleReservations", static: !1, private: !1, access: { has: (t) => "maxBicycleReservations" in t, get: (t) => t.maxBicycleReservations, set: (t, i) => {
-      t.maxBicycleReservations = i;
-    } }, metadata: e }, J, Q), f(n, null, Y, { kind: "accessor", name: "preventPlaceClick", static: !1, private: !1, access: { has: (t) => "preventPlaceClick" in t, get: (t) => t.preventPlaceClick, set: (t, i) => {
-      t.preventPlaceClick = i;
-    } }, metadata: e }, Z, ee), f(n, null, te, { kind: "accessor", name: "preselectCoachIndex", static: !1, private: !1, access: { has: (t) => "preselectCoachIndex" in t, get: (t) => t.preselectCoachIndex, set: (t, i) => {
-      t.preselectCoachIndex = i;
-    } }, metadata: e }, ie, se), f(n, null, ae, { kind: "accessor", name: "selectedCoachIndex", static: !1, private: !1, access: { has: (t) => "selectedCoachIndex" in t, get: (t) => t.selectedCoachIndex, set: (t, i) => {
-      t.selectedCoachIndex = i;
-    } }, metadata: e }, ce, oe), f(n, null, re, { kind: "accessor", name: "focusedCoachIndex", static: !1, private: !1, access: { has: (t) => "focusedCoachIndex" in t, get: (t) => t.focusedCoachIndex, set: (t, i) => {
-      t.focusedCoachIndex = i;
-    } }, metadata: e }, le, he), f(n, null, ne, { kind: "accessor", name: "hoveredScrollCoachIndex", static: !1, private: !1, access: { has: (t) => "hoveredScrollCoachIndex" in t, get: (t) => t.hoveredScrollCoachIndex, set: (t, i) => {
-      t.hoveredScrollCoachIndex = i;
-    } }, metadata: e }, de, ue), f(n, null, ge, { kind: "method", name: "coachAreaScrollend", static: !1, private: !1, access: { has: (t) => "coachAreaScrollend" in t, get: (t) => t.coachAreaScrollend }, metadata: e }, null, d), e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), n.events = {
+  }, x = new WeakMap(), I = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), b = new WeakMap(), y = new WeakMap(), P = new WeakMap(), A = new WeakMap(), R = new WeakMap(), E = new WeakMap(), N = new WeakMap(), k = new WeakMap(), (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    u = [S({ attribute: "seat-reservations", type: Array })], B = [C(), S({ attribute: "has-navigation", type: Boolean })], O = [C(), S({ attribute: "align-vertical", type: Boolean, reflect: !0, useDefault: !0 })], L = [C(), S({ attribute: "base-grid-size", type: Number })], H = [C(), S({ attribute: "height", type: Number })], q = [C(), S({ attribute: "max-seat-reservations", type: Number })], j = [C(), S({ attribute: "max-bicycle-reservations", type: Number })], Q = [C(), S({ attribute: "prevent-place-click", type: Boolean })], te = [C(), S({ attribute: "preselect-coach-index", type: Number })], ae = [w()], re = [w()], he = [w()], ge = [Ie({ passive: !0 })], f(h, null, u, { kind: "accessor", name: "seatReservations", static: !1, private: !1, access: { has: (t) => "seatReservations" in t, get: (t) => t.seatReservations, set: (t, s) => {
+      t.seatReservations = s;
+    } }, metadata: e }, T, D), f(h, null, B, { kind: "accessor", name: "hasNavigation", static: !1, private: !1, access: { has: (t) => "hasNavigation" in t, get: (t) => t.hasNavigation, set: (t, s) => {
+      t.hasNavigation = s;
+    } }, metadata: e }, z, F), f(h, null, O, { kind: "accessor", name: "alignVertical", static: !1, private: !1, access: { has: (t) => "alignVertical" in t, get: (t) => t.alignVertical, set: (t, s) => {
+      t.alignVertical = s;
+    } }, metadata: e }, V, G), f(h, null, L, { kind: "accessor", name: "baseGridSize", static: !1, private: !1, access: { has: (t) => "baseGridSize" in t, get: (t) => t.baseGridSize, set: (t, s) => {
+      t.baseGridSize = s;
+    } }, metadata: e }, W, X), f(h, null, H, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, s) => {
+      t.height = s;
+    } }, metadata: e }, K, U), f(h, null, q, { kind: "accessor", name: "maxSeatReservations", static: !1, private: !1, access: { has: (t) => "maxSeatReservations" in t, get: (t) => t.maxSeatReservations, set: (t, s) => {
+      t.maxSeatReservations = s;
+    } }, metadata: e }, M, $), f(h, null, j, { kind: "accessor", name: "maxBicycleReservations", static: !1, private: !1, access: { has: (t) => "maxBicycleReservations" in t, get: (t) => t.maxBicycleReservations, set: (t, s) => {
+      t.maxBicycleReservations = s;
+    } }, metadata: e }, Y, J), f(h, null, Q, { kind: "accessor", name: "preventPlaceClick", static: !1, private: !1, access: { has: (t) => "preventPlaceClick" in t, get: (t) => t.preventPlaceClick, set: (t, s) => {
+      t.preventPlaceClick = s;
+    } }, metadata: e }, Z, ee), f(h, null, te, { kind: "accessor", name: "preselectCoachIndex", static: !1, private: !1, access: { has: (t) => "preselectCoachIndex" in t, get: (t) => t.preselectCoachIndex, set: (t, s) => {
+      t.preselectCoachIndex = s;
+    } }, metadata: e }, se, ie), f(h, null, ae, { kind: "accessor", name: "selectedCoachIndex", static: !1, private: !1, access: { has: (t) => "selectedCoachIndex" in t, get: (t) => t.selectedCoachIndex, set: (t, s) => {
+      t.selectedCoachIndex = s;
+    } }, metadata: e }, ce, oe), f(h, null, re, { kind: "accessor", name: "focusedCoachIndex", static: !1, private: !1, access: { has: (t) => "focusedCoachIndex" in t, get: (t) => t.focusedCoachIndex, set: (t, s) => {
+      t.focusedCoachIndex = s;
+    } }, metadata: e }, le, ne), f(h, null, he, { kind: "accessor", name: "hoveredScrollCoachIndex", static: !1, private: !1, access: { has: (t) => "hoveredScrollCoachIndex" in t, get: (t) => t.hoveredScrollCoachIndex, set: (t, s) => {
+      t.hoveredScrollCoachIndex = s;
+    } }, metadata: e }, de, ue), f(h, null, ge, { kind: "method", name: "coachAreaScrollend", static: !1, private: !1, access: { has: (t) => "coachAreaScrollend" in t, get: (t) => t.coachAreaScrollend }, metadata: e }, null, d), e && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), h.events = {
     selectedplaces: "selectedplaces",
     selectedcoach: "selectedcoach"
-  }, n;
+  }, h;
 })();
 export {
-  we as SeatReservationBaseElement
+  Be as SeatReservationBaseElement
 };