@sbb-esta/lyne-elements-experimental 3.1.0 → 3.2.0

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

@@ -1,34 +1,40 @@
-var Q = (a) => {
-  throw TypeError(a);
+var ne = (o) => {
+  throw TypeError(o);
 };
-var Y = (a, l, h) => l.has(a) || Q("Cannot " + h);
-var d = (a, l, h) => (Y(a, l, "read from private field"), h ? h.call(a) : l.get(a)), u = (a, l, h) => l.has(a) ? Q("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(a) : l.set(a, h), c = (a, l, h, R) => (Y(a, l, "write to private field"), R ? R.call(a, h) : l.set(a, h), h);
-import { __runInitializers as o, __esDecorate as f } from "tslib";
-import { isArrowKeyOrPageKeysPressed as ee } from "@sbb-esta/lyne-elements/core/a11y.js";
-import { forceType as y } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { LitElement as te } from "lit";
-import { property as C, state as Z } from "lit/decorators.js";
-import { mapPlaceInfosToPlaceSelection as ie, mapPlaceAndCoachToSeatReservationPlaceSelection as se, mapCoachInfosToCoachSelection as ae } from "../common/mapper.js";
-var g;
-(function(a) {
-  a.right = "right", a.left = "left";
-})(g || (g = {}));
-let fe = (() => {
-  var v, S, p, x, b, I, P, _, m, r;
-  let a = te, l, h = [], R = [], E, A = [], w = [], N, k = [], T = [], z, B = [], G = [], V, F = [], O = [], D, W = [], K = [], L, H = [], U = [], X, q = [], M = [], j, $ = [], J = [];
-  return r = class extends a {
+var de = (o, h, n) => h.has(o) || ne("Cannot " + n);
+var d = (o, h, n) => (de(o, h, "read from private field"), n ? n.call(o) : h.get(o)), u = (o, h, n) => h.has(o) ? ne("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(o) : h.set(o, n), a = (o, h, n, N) => (de(o, h, "write to private field"), N ? N.call(o, n) : h.set(o, n), n);
+import { __runInitializers as c, __esDecorate as g } from "tslib";
+import { isArrowKeyOrPageKeysPressed as ue } from "@sbb-esta/lyne-elements/core/a11y.js";
+import { forceType as f } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { LitElement as ge } from "lit";
+import { property as C, state as T } from "lit/decorators.js";
+import { mapPlaceInfosToPlaceSelection as Ce, mapPlaceAndCoachToSeatReservationPlaceSelection as fe, mapCoachInfosToCoachSelection as ve } from "../common/mapper.js";
+var v;
+(function(o) {
+  o.right = "right", o.left = "left";
+})(v || (v = {}));
+let Pe = (() => {
+  var S, x, p, I, b, _, m, y, P, A, R, E, r;
+  let o = ge, h, n = [], N = [], B, w = [], k = [], z, G = [], F = [], V, D = [], O = [], L, W = [], K = [], X, H = [], U = [], q, M = [], j = [], $, J = [], Q = [], Y, Z = [], ee = [], te, ie = [], se = [], ae, ce = [], oe = [], re, le = [], he = [];
+  return r = class extends o {
     constructor() {
       super(...arguments);
-      u(this, v);
       u(this, S);
-      u(this, p);
       u(this, x);
-      u(this, b);
+      u(this, p);
       u(this, I);
-      u(this, P);
+      u(this, b);
       u(this, _);
       u(this, m);
-      c(this, v, o(this, h, null)), c(this, S, (o(this, R), o(this, A, !0))), c(this, p, (o(this, w), o(this, k, !1))), c(this, x, (o(this, T), o(this, B, 16))), c(this, b, (o(this, G), o(this, F, null))), c(this, I, (o(this, O), o(this, W, null))), c(this, P, (o(this, K), o(this, H, !1))), c(this, _, (o(this, U), o(this, q, -1))), c(this, m, (o(this, M), o(this, $, -1))), this.coachBorderPadding = (o(this, J), 6), this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.currScrollDirection = g.right, this.maxCalcCoachsWidth = 0, this.scrollCoachsAreaWidth = 0, this.triggerCoachPositionsCollection = [], this.firstTabElement = null, this.lastTabElement = null, this.coachScrollArea = null, this.currSelectedPlace = null, this.currSelectedPlaceElementId = null, this.currSelectedCoachIndex = -1, this.preventCoachScrollByPlaceClick = !1, this.selectedSeatReservationPlaces = [], this.seatReservationWithoutNavigationHasFocus = !1, this.isCoachGridFocusable = !1, this.isAutoScrolling = !1, this.isKeyboardNavigation = !1, this.keyboardNavigationEvents = {
+      u(this, y);
+      u(this, P);
+      u(this, A);
+      u(this, R);
+      u(this, E);
+      a(this, S, c(this, n, null)), a(this, x, (c(this, N), c(this, w, !0))), a(this, p, (c(this, k), c(this, G, !1))), a(this, I, (c(this, F), c(this, D, 16))), a(this, b, (c(this, O), c(this, W, null))), a(this, _, (c(this, K), c(this, H, -1))), a(this, m, (c(this, U), c(this, M, -1))), a(this, y, (c(this, j), c(this, J, !1))), a(this, P, (c(this, Q), c(this, Z, -1))), a(this, A, (c(this, ee), c(this, ie, -1))), a(this, R, (c(this, se), c(this, ce, -1))), a(this, E, (c(this, oe), c(this, le, -1))), this.coachBorderPadding = (c(this, he), 6), this.gapBetweenCoaches = 4, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.coachNavButtonDim = 0, this.currScrollDirection = v.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.preventCoachScrollByPlaceClick = !1, this.selectedSeatReservationPlaces = {
+        seats: [],
+        bicycles: []
+      }, this.seatReservationWithoutNavigationHasFocus = !1, this.isCoachGridFocusable = !1, this.isAutoScrolling = !1, this.isKeyboardNavigation = !1, this.keyboardNavigationEvents = {
         ArrowLeft: "ArrowLeft",
         ArrowRight: "ArrowRight",
         ArrowUp: "ArrowUp",
@@ -39,83 +45,117 @@ let fe = (() => {
     }
     /** The seat reservation object which contains all coaches and places */
     get seatReservation() {
-      return d(this, v);
+      return d(this, S);
     }
     set seatReservation(e) {
-      c(this, v, e);
+      a(this, S, e);
     }
     /** The seat reservation navigation can be toggled by this property */
     get hasNavigation() {
-      return d(this, S);
+      return d(this, x);
     }
     set hasNavigation(e) {
-      c(this, S, e);
+      a(this, x, e);
     }
     /** The seat reservation area is aligned vertically */
     get alignVertical() {
       return d(this, p);
     }
     set alignVertical(e) {
-      c(this, p, e);
+      a(this, p, e);
     }
     /** The seat reservation area's base grid size */
     get baseGridSize() {
-      return d(this, x);
+      return d(this, I);
     }
     set baseGridSize(e) {
-      c(this, x, e);
+      a(this, I, e);
     }
     /** The seat reservation area's width */
     get height() {
       return d(this, b);
     }
     set height(e) {
-      c(this, b, e);
+      a(this, b, e);
     }
     /** Maximal number of possible clickable seats */
-    get maxReservations() {
-      return d(this, I);
+    get maxSeatReservations() {
+      return d(this, _);
+    }
+    set maxSeatReservations(e) {
+      a(this, _, e);
+    }
+    /** Maximal number of possible clickable bicycle places */
+    get maxBicycleReservations() {
+      return d(this, m);
     }
-    set maxReservations(e) {
-      c(this, I, e);
+    set maxBicycleReservations(e) {
+      a(this, m, e);
     }
     /** Any click functionality is prevented */
     get preventPlaceClick() {
-      return d(this, P);
+      return d(this, y);
     }
     set preventPlaceClick(e) {
-      c(this, P, e);
+      a(this, y, e);
+    }
+    get preselectCoachIndex() {
+      return d(this, P);
+    }
+    set preselectCoachIndex(e) {
+      a(this, P, e);
     }
     get selectedCoachIndex() {
-      return d(this, _);
+      return d(this, A);
     }
     set selectedCoachIndex(e) {
-      c(this, _, e);
+      a(this, A, e);
     }
     get focusedCoachIndex() {
-      return d(this, m);
+      return d(this, R);
     }
     set focusedCoachIndex(e) {
-      c(this, m, e);
+      a(this, R, e);
+    }
+    //Sets the hover style when scrolling to a coach
+    get hoveredScrollCoachIndex() {
+      return d(this, E);
+    }
+    set hoveredScrollCoachIndex(e) {
+      a(this, E, e);
     }
     willUpdate(e) {
-      super.willUpdate(e), e.has("seatReservation") && this._initSeatReservationPlaceSelection(), e.has("baseGridSize") && (this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.style?.setProperty("--sbb-seat-reservation-grid-size", `${this.baseGridSize}px`), this.alignVertical && this._setVerticalAlignmentOffset()), e.has("height") && this.height && this.seatReservation.coachItems.length && (this.baseGridSize = this.height / this.seatReservation.coachItems[0].dimension.h, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.style?.setProperty("--sbb-seat-reservation-grid-size", `${this.baseGridSize}px`), this.alignVertical && this._setVerticalAlignmentOffset()), e.has("alignVertical") && this.alignVertical && this._setVerticalAlignmentOffset();
+      super.willUpdate(e), e.has("seatReservation") && 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 && this.seatReservation.coachItems.length && (this.baseGridSize = this.height / this.seatReservation.coachItems[0].dimension.h, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.style?.setProperty("--sbb-seat-reservation-grid-size", `${this.baseGridSize}px`), this.initNavigationSelectionByScrollEvent()), e.has("alignVertical") && this.alignVertical && this.initNavigationSelectionByScrollEvent(), e.has("preselectCoachIndex") && this.preselectCoachIndex && setTimeout(() => this.scrollToSelectedNavCoach(this.preselectCoachIndex), 1);
+    }
+    navigateByDirectionBtn(e) {
+      this.unfocusPlaceElement();
+      let t = this.currSelectedCoachIndex;
+      e == "DIRECTION_LEFT" && t > 0 ? t = this.currSelectedCoachIndex != -1 ? this.currSelectedCoachIndex - 1 : 0 : e == "DIRECTION_RIGHT" && t < this.seatReservation.coachItems.length - 1 && (t = this.currSelectedCoachIndex != -1 ? this.currSelectedCoachIndex + 1 : 0), this.scrollToSelectedNavCoach(t);
     }
     /* Init scroll event handling for coach navigation */
     initNavigationSelectionByScrollEvent() {
-      if (this.firstTabElement = this.shadowRoot?.getElementById("first-tab-element"), this.lastTabElement = this.shadowRoot?.getElementById("last-tab-element"), this.coachScrollArea = this.shadowRoot?.getElementById("sbb-sr__parent-area"), this.coachScrollArea) {
+      if (this.seatReservation.coachItems.length > 0) {
+        const e = (this.seatReservation.coachItems[0].dimension.h + this.coachBorderOffset * 2) * this.baseGridSize;
+        this.style?.setProperty("--sbb-seat-reservation-coach-height", `${e}`);
+      }
+      if (this.firstTabElement = this.shadowRoot?.querySelector("#first-tab-element"), this.lastTabElement = this.shadowRoot?.querySelector("#last-tab-element"), this.coachScrollArea = this.shadowRoot?.querySelector("#sbb-sr__parent-area"), this.navigationScrollArea = this.shadowRoot?.querySelector("#sbb-sr-navigation"), this.navigationScrollArea) {
+        this.scrollNavigationAreaDim = this.alignVertical ? this.navigationScrollArea.getBoundingClientRect().height : this.navigationScrollArea.getBoundingClientRect().width;
+        const t = this.navigationScrollArea.querySelector("ul > li")?.getBoundingClientRect();
+        this.coachNavButtonDim = this.alignVertical ? t?.height : t?.width;
+      }
+      if (this.coachScrollArea) {
         let e = 0;
-        this.scrollCoachsAreaWidth = this.coachScrollArea.getBoundingClientRect().width, this.triggerCoachPositionsCollection = this.seatReservation.coachItems.map((t) => {
+        this.scrollCoachsAreaWidth = this.alignVertical ? this.coachScrollArea.getBoundingClientRect().height : this.coachScrollArea.getBoundingClientRect().width, this.triggerCoachPositionsCollection = this.seatReservation.coachItems.map((t) => {
           const i = e, s = this.getCalculatedDimension(t.dimension).w;
-          return e += s, {
+          return e += s + this.gapBetweenCoaches, {
             start: i,
             end: e,
             width: s
           };
         }), this.maxCalcCoachsWidth = e, this.coachScrollArea.addEventListener("scrollend", () => {
           const t = this.isAutoScrolling ? this.currSelectedCoachIndex : this._getCoachIndexByScrollTriggerPosition();
-          this._isScrollableToSelectedCoach() ? this.currSelectedCoachIndex = t : this.currSelectedCoachIndex = t < this.currSelectedCoachIndex ? this.currSelectedCoachIndex : t, this.preventCoachScrollByPlaceClick = !1, this.updateCurrentSelectedCoach(), this.hasNavigation || (this.preselectPlaceInCoach(), this.isAutoScrolling = !1);
-        }), this.alignVertical && this._setVerticalAlignmentOffset();
+          this.currSelectedCoachIndex === -1 && (this.currSelectedCoachIndex = t), this._isScrollableToSelectedCoach() ? this.currSelectedCoachIndex = t : this.currSelectedCoachIndex = t < this.currSelectedCoachIndex ? this.currSelectedCoachIndex : t, this.isAutoScrolling || this._scrollToSelectedNavigationButton(t), this.preventCoachScrollByPlaceClick = !1, this.updateCurrentSelectedCoach(), this.hasNavigation || (this.preselectPlaceInCoach(), this.isAutoScrolling = !1);
+        });
       }
     }
     /**
@@ -143,7 +183,7 @@ let fe = (() => {
           return;
         }
       }
-      if (this.currSelectedCoachIndex !== -1 && ee(e))
+      if (this.currSelectedCoachIndex !== -1 && ue(e))
         switch (e.preventDefault(), t) {
           case this.keyboardNavigationEvents.ArrowLeft:
             {
@@ -184,27 +224,82 @@ let fe = (() => {
         this.isAutoScrolling = !0, this.isCoachGridFocusable = !0, this.currSelectedCoachIndex = e, this._setScrollDirectionByCoachIndex();
         const t = this._getCoachScrollPositionX();
         (this.selectedCoachIndex !== -1 || this.currSelectedCoachIndex > 0) && this._isScrollableToSelectedCoach() ? this.coachScrollArea.scrollTo({
-          top: 0,
-          left: t,
+          top: this.alignVertical ? t : 0,
+          left: this.alignVertical ? 0 : t,
           behavior: "smooth"
-        }) : this.updateCurrentSelectedCoach();
+        }) : this.updateCurrentSelectedCoach(), this._scrollToSelectedNavigationButton(e);
+      }
+    }
+    focusPlaceElement(e, t) {
+      if (this.unfocusPlaceElement(), e) {
+        this.currSelectedPlace = e, t && (this.currSelectedCoachIndex = t), this._setCurrSelectedPlaceElementId(e);
+        const i = this._getPlaceHtmlElement();
+        i && i.setAttribute("keyfocus", "focus");
+      }
+    }
+    unfocusPlaceElement() {
+      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), {
+        w: this.baseGridSize * e.w,
+        h: this.baseGridSize * e.h
+      };
+    }
+    getCalculatedPosition(e, t, i, s) {
+      if (i && t) {
+        const l = s ? i.h : i.h + this.coachBorderOffset;
+        e.y === 0 ? e.y -= this.coachBorderOffset : e.y + t.h === l && (e.y += this.coachBorderOffset);
       }
+      return {
+        x: this.baseGridSize * e.x,
+        y: this.baseGridSize * e.y,
+        z: e.z
+      };
+    }
+    /**
+     * Counts all available seats together depending on the seat type
+     *
+     * @param coachIndex
+     * @returns An Object with count of free seats and free bicycle places
+     */
+    getAvailableFreePlacesNumFromCoach(e) {
+      const t = { seats: 0, bicycles: 0 }, i = this.seatReservation.coachItems[e].places?.reduce((s, l) => (l.state !== "FREE" || (l.type === "SEAT" ? s.seats++ : s.bicycles++), s), t);
+      return i || t;
+    }
+    /**
+     * Performs an automatic main navigation scroll to the specified selectedNavCoachIndex.
+     * Calculates the central scroll offset of the nav coach to be selected.
+     * @param selectedNavCoachIndex
+     */
+    _scrollToSelectedNavigationButton(e) {
+      setTimeout(() => {
+        if (this.hoveredScrollCoachIndex = e, this.hasNavigation && this.navigationScrollArea) {
+          const t = this.scrollNavigationAreaDim / 2, s = e * this.coachNavButtonDim - t + this.coachNavButtonDim;
+          this.navigationScrollArea.scrollTo({
+            top: this.alignVertical ? s : 0,
+            left: this.alignVertical ? 0 : s,
+            behavior: "smooth"
+          });
+        }
+      }, 10);
     }
     /**
      * Sets the new ScrollDirection by the new given target coach index.
      */
     _setScrollDirectionByCoachIndex() {
-      this.currScrollDirection = this.currSelectedCoachIndex > this.selectedCoachIndex ? g.right : g.left;
+      this.currScrollDirection = this.currSelectedCoachIndex > this.selectedCoachIndex ? v.right : v.left;
     }
     /**
      * Returns the scroll start or end position X from the selected coach.
-     * In case the user is curretnly navigate throught places by keyboard and goes to previous coach,
-     * then we return the end position of the coach to get clostest next scroll position of the next focus place.
+     * In case the user is currently navigating through places by keyboard and goes to previous coach,
+     * then we return the end position of the coach to get the closest scroll position of the next focus place.
      * @returns number
      */
     _getCoachScrollPositionX() {
       const e = this.triggerCoachPositionsCollection[this.currSelectedCoachIndex];
-      return this.isKeyboardNavigation && this.currScrollDirection === g.left && e.width > this.scrollCoachsAreaWidth ? e.end - this.scrollCoachsAreaWidth : e.start;
+      return this.isKeyboardNavigation && this.currScrollDirection === v.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.
@@ -221,16 +316,16 @@ let fe = (() => {
      * @returns boolean
      */
     _isScrollableToSelectedCoach() {
-      const e = this.coachScrollArea.scrollLeft, t = this.coachScrollArea.getBoundingClientRect().width, i = this.maxCalcCoachsWidth - t, s = this.triggerCoachPositionsCollection[this.currSelectedCoachIndex], n = e === this.triggerCoachPositionsCollection[this.currSelectedCoachIndex].start;
-      return (e < i || e > s.start) && !n;
+      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], l = e === this.triggerCoachPositionsCollection[this.currSelectedCoachIndex].start;
+      return (e < i || e > s.start) && !l;
     }
     /**
      * Returns the coach index which is currently visible in the scroll area
      * @returns number
      */
     _getCoachIndexByScrollTriggerPosition() {
-      const e = this.coachScrollArea.scrollLeft + this.scrollCoachsAreaWidth / 2;
-      return this.triggerCoachPositionsCollection.findIndex((t) => e >= t.start && e <= t.end);
+      const t = (this.alignVertical ? this.coachScrollArea.scrollTop : this.coachScrollArea.scrollLeft) + this.scrollCoachsAreaWidth / 2;
+      return this.triggerCoachPositionsCollection.findIndex((i) => t >= i.start && t <= i.end);
     }
     /**
      * Get the first place of current selected coach by table cell coordinate 0-0 id.
@@ -238,8 +333,8 @@ let fe = (() => {
      */
     _getFirstPlaceInSelecedCoach() {
       let e = null;
-      const t = this.seatReservation?.coachItems[this.currSelectedCoachIndex], i = "cell-" + this.currSelectedCoachIndex + "-0-0", s = this.shadowRoot?.querySelector("[cell-id='" + i + "']")?.querySelector("sbb-seat-reservation-place-control")?.getAttribute("text") || null;
-      return t && s && (e = t.places?.find((n) => n.number === s) || null), e;
+      const t = this.seatReservation?.coachItems[this.currSelectedCoachIndex], i = "cell-" + 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((l) => l.number === s) || null), e;
     }
     /**
      * To get the correct closest place of current pressed key and the current selected place,
@@ -254,50 +349,29 @@ let fe = (() => {
         if (this.currSelectedPlaceElementId) {
           if (this.currSelectedPlace)
             for (const s of t.places)
-              e ? s.number !== this.currSelectedPlace?.number && (e === this.keyboardNavigationEvents.ArrowRight && (s.position.y === this.currSelectedPlace.position.y || s.position.y === this.currSelectedPlace.position.y - 1) && s.position.x > this.currSelectedPlace.position.x && (!i || s.position.x < i.position.x) || e === this.keyboardNavigationEvents.ArrowDown && (s.position.x === this.currSelectedPlace.position.x || s.position.x === this.currSelectedPlace.position.x + 1) && s.position.y > this.currSelectedPlace.position.y && (!i || s.position.y < i.position.y) || e === this.keyboardNavigationEvents.ArrowLeft && (s.position.y === this.currSelectedPlace.position.y || s.position.y === this.currSelectedPlace.position.y + 1) && s.position.x < this.currSelectedPlace.position.x && (!i || s.position.x > i.position.x) || e === this.keyboardNavigationEvents.ArrowUp && (s.position.x === this.currSelectedPlace.position.x || s.position.x === this.currSelectedPlace.position.x - 1) && s.position.y < this.currSelectedPlace?.position.y && (!i || s.position.y > i.position.y)) && (i = s) : (this.currScrollDirection === g.right && s.position.y === this.currSelectedPlace?.position.y && (!i || s.position.x < i.position.x) || this.currScrollDirection === g.left && s.position.y === this.currSelectedPlace?.position.y && (!i || s.position.x > i.position.x)) && (i = s);
+              e ? s.number !== this.currSelectedPlace?.number && (e === this.keyboardNavigationEvents.ArrowRight && (s.position.y === this.currSelectedPlace.position.y || s.position.y === this.currSelectedPlace.position.y - 1) && s.position.x > this.currSelectedPlace.position.x && (!i || s.position.x < i.position.x) || e === this.keyboardNavigationEvents.ArrowDown && (s.position.x === this.currSelectedPlace.position.x || s.position.x === this.currSelectedPlace.position.x + 1) && s.position.y > this.currSelectedPlace.position.y && (!i || s.position.y < i.position.y) || e === this.keyboardNavigationEvents.ArrowLeft && (s.position.y === this.currSelectedPlace.position.y || s.position.y === this.currSelectedPlace.position.y + 1) && s.position.x < this.currSelectedPlace.position.x && (!i || s.position.x > i.position.x) || e === this.keyboardNavigationEvents.ArrowUp && (s.position.x === this.currSelectedPlace.position.x || s.position.x === this.currSelectedPlace.position.x - 1) && s.position.y < this.currSelectedPlace?.position.y && (!i || s.position.y > i.position.y)) && (i = s) : (this.currScrollDirection === v.right && s.position.y === this.currSelectedPlace?.position.y && (!i || s.position.x < i.position.x) || this.currScrollDirection === v.left && s.position.y === this.currSelectedPlace?.position.y && (!i || s.position.x > i.position.x)) && (i = s);
         } else
           return this._getFirstPlaceInSelecedCoach();
       return i;
     }
-    focusPlaceElement(e, t) {
-      if (this.unfocusPlaceElement(), e) {
-        this.currSelectedPlace = e, t && (this.currSelectedCoachIndex = t), this._setCurrSelectedPlaceElementId(e);
-        const i = this._getPlaceHtmlElement();
-        i && i.setAttribute("keyfocus", "focus");
-      }
-    }
-    unfocusPlaceElement() {
-      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), {
-        w: this.baseGridSize * e.w,
-        h: this.baseGridSize * e.h
-      };
-    }
-    getCalculatedPosition(e, t, i, s) {
-      if (i && t) {
-        const n = s ? i.h : i.h + this.coachBorderOffset;
-        e.y === 0 ? e.y -= this.coachBorderOffset : e.y + t.h === n && (e.y += this.coachBorderOffset);
-      }
-      return {
-        x: this.baseGridSize * e.x,
-        y: this.baseGridSize * e.y,
-        z: e.z
-      };
-    }
-    // Handling for Tab navigation if an place is selected inside the coach.
+    // Handling for Tab navigation if a 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) {
-        this.unfocusPlaceElement(), this.selectedCoachIndex = -1, this.currSelectedCoachIndex = -1, this.seatReservationWithoutNavigationHasFocus = !1, e === "NEXT_TAB" ? this.lastTabElement.focus() : this.firstTabElement.focus();
+        this.unfocusPlaceElement(), this.seatReservationWithoutNavigationHasFocus = !1, e === "NEXT_TAB" ? this.lastTabElement.focus() : this.firstTabElement.focus();
         return;
       }
       if (this.hasNavigation) {
-        const s = this._getPlaceHtmlElement(), n = s ? s.getAttribute("keyfocus") === "focus" : !1;
-        e === "PREV_TAB" && this.selectedCoachIndex === t ? n ? (this.focusedCoachIndex = t, this.unfocusPlaceElement()) : this.focusedCoachIndex = i : i !== this.currSelectedCoachIndex ? this.focusedCoachIndex = i : (this.focusedCoachIndex = -1, this.selectedCoachIndex = i, n ? this.focusPlaceElement(this.currSelectedPlace) : (this.isCoachGridFocusable = !0, this._setFocusToSelectedCoachGrid()));
+        const s = this._getPlaceHtmlElement(), l = s ? s.getAttribute("keyfocus") === "focus" : !1;
+        if (e === "PREV_TAB" && this.selectedCoachIndex === t)
+          if (l) {
+            this.focusedCoachIndex = t, this.unfocusPlaceElement();
+            return;
+          } else
+            this.focusedCoachIndex = i;
+        else i !== this.currSelectedCoachIndex ? this.focusedCoachIndex = i : (this.focusedCoachIndex = -1, this.selectedCoachIndex = i, l ? this.focusPlaceElement(this.currSelectedPlace) : (this.isCoachGridFocusable = !0, this._setFocusToSelectedCoachGrid()));
+        this._scrollToSelectedNavigationButton(i);
       } else
         this.scrollToSelectedNavCoach(i);
     }
@@ -321,17 +395,20 @@ let fe = (() => {
       return t > 0 ? t - 1 : t;
     }
     updateSelectedSeatReservationPlaces(e) {
-      if (e.state === "SELECTED") {
-        const t = this._getSeatReservationPlaceSelection(e);
-        t && this.selectedSeatReservationPlaces.push(t);
-      } else
-        this.selectedSeatReservationPlaces = this.selectedSeatReservationPlaces.filter((t) => t.id !== e.id);
-      this.maxReservations && this.selectedSeatReservationPlaces.length > this.maxReservations && this._resetAllPlaceSelections(e), this.dispatchEvent(new CustomEvent("selectedplaces", {
+      e.placeType === "SEAT" ? this.selectedSeatReservationPlaces.seats = this._updateSelectedSeatReservationPlaces(this.selectedSeatReservationPlaces.seats, this.maxSeatReservations, e) : this.selectedSeatReservationPlaces.bicycles = this._updateSelectedSeatReservationPlaces(this.selectedSeatReservationPlaces.bicycles, this.maxBicycleReservations, e), 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);
+      } else
+        e = e.filter((s) => s.id !== i.id);
+      return t > -1 && e.length > t && (t === 0 ? e = this._resetAllPlaceSelections(e) : e = this._resetAllPlaceSelections(e, i)), e;
+    }
     updateCurrentSelectedPlaceInCoach(e) {
       const t = e.coachIndex, i = this.seatReservation.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));
@@ -352,36 +429,37 @@ let fe = (() => {
     _initSeatReservationPlaceSelection() {
       this.seatReservation.coachItems.map((e, t) => {
         e.places?.filter((i) => i.state === "SELECTED")?.forEach((i) => {
-          const s = ie(i, t), n = this._getSeatReservationPlaceSelection(s);
-          n && this.selectedSeatReservationPlaces.push(n);
+          const s = Ce(i, t), l = this._getSeatReservationPlaceSelection(s);
+          l && (l.placeType === "SEAT" ? this.selectedSeatReservationPlaces.seats.push(l) : this.selectedSeatReservationPlaces.bicycles.push(l));
         });
       });
     }
     /**
      * All selected places will be reset or the currentSelectedPlace was given, then we reset all except currentSelectedPlace
+     * @param reservationPlaceSelections
      * @param currSelectedPlace
      */
-    _resetAllPlaceSelections(e) {
-      for (const t of this.selectedSeatReservationPlaces)
-        (!e || e.id !== t.id) && (this.shadowRoot?.getElementById(t.id)).setAttribute("state", "FREE");
-      e ? this.selectedSeatReservationPlaces = this.selectedSeatReservationPlaces.filter((t) => t.id === e.id) : this.selectedSeatReservationPlaces = [];
+    _resetAllPlaceSelections(e, t) {
+      for (const i of e)
+        (!t || t.id !== i.id) && (this.shadowRoot?.getElementById(i.id)).setAttribute("state", "FREE");
+      return t ? e = e.filter((i) => i.id === t.id) : e = [], e;
     }
     _getSeatReservationPlaceSelection(e) {
       const t = this.seatReservation.coachItems[e.coachIndex], i = t.places?.find((s) => s.number === e.number);
-      return i ? se(i, t, e.coachIndex) : null;
+      return i ? fe(i, t, e.coachIndex) : null;
     }
     _getSeatReservationCoachSelection(e) {
       if (!this.seatReservation.coachItems[e])
         return null;
-      const t = this.seatReservation.coachItems[e];
-      return ae(e, t);
+      const t = this.seatReservation.coachItems[e], i = this.getAvailableFreePlacesNumFromCoach(e);
+      return ve(e, t, i);
     }
     _setCurrSelectedPlaceElementId(e) {
       e ? this.currSelectedPlaceElementId = "seat-reservation__place-button-" + this.currSelectedCoachIndex + "-" + e.number : this.currSelectedPlaceElementId = null;
     }
     /**
      * Returns the current selected place HTML element by given placeNumber and coachIndex.
-     * If both doesnt exist, we try to return the place HTML element by the _currentSelectedPlaceElementId
+     * If both doesn't exist, we try to return the place HTML element by the _currentSelectedPlaceElementId
      * @param placeNumber optional as string
      * @param coachIndex optional as string
      * @returns HTMLElement or null
@@ -390,42 +468,38 @@ let fe = (() => {
       const i = t || this.currSelectedCoachIndex, s = e ? "seat-reservation__place-button-" + i + "-" + e : this.currSelectedPlaceElementId;
       return s && this.shadowRoot?.getElementById(s) || null;
     }
-    //Set the vertical offset
-    _setVerticalAlignmentOffset() {
-      setTimeout(() => {
-        const e = this.shadowRoot?.querySelector(".sbb-sr__wrapper");
-        if (e) {
-          const t = e.getBoundingClientRect().width;
-          this.style?.setProperty("--sbb-seat-reservation-vertical-offset", `${t}px`);
-        }
-      });
-    }
-  }, v = new WeakMap(), S = new WeakMap(), p = new WeakMap(), x = new WeakMap(), b = new WeakMap(), I = new WeakMap(), P = new WeakMap(), _ = new WeakMap(), m = new WeakMap(), (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    l = [C({ attribute: "seat-reservation", type: Object })], E = [y(), C({ attribute: "has-navigation", type: Boolean })], N = [y(), C({ attribute: "align-vertical", type: Boolean })], z = [y(), C({ attribute: "base-grid-size", type: Number })], V = [y(), C({ attribute: "height", type: Number })], D = [y(), C({ attribute: "max-reservations", type: Number })], L = [y(), C({ attribute: "prevent-place-click", type: Boolean })], X = [Z()], j = [Z()], f(r, null, l, { kind: "accessor", name: "seatReservation", static: !1, private: !1, access: { has: (t) => "seatReservation" in t, get: (t) => t.seatReservation, set: (t, i) => {
+  }, S = new WeakMap(), x = new WeakMap(), p = new WeakMap(), I = new WeakMap(), b = new WeakMap(), _ = new WeakMap(), m = new WeakMap(), y = new WeakMap(), P = new WeakMap(), A = new WeakMap(), R = new WeakMap(), E = new WeakMap(), (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+    h = [C({ attribute: "seat-reservation", type: Object })], B = [f(), C({ attribute: "has-navigation", type: Boolean })], z = [f(), C({ attribute: "align-vertical", type: Boolean })], V = [f(), C({ attribute: "base-grid-size", type: Number })], L = [f(), C({ attribute: "height", type: Number })], X = [f(), C({ attribute: "max-seat-reservations", type: Number })], q = [f(), C({ attribute: "max-bicycle-reservations", type: Number })], $ = [f(), C({ attribute: "prevent-place-click", type: Boolean })], Y = [f(), C({ attribute: "preselect-coach-index", type: Number })], te = [T()], ae = [T()], re = [T()], g(r, null, h, { kind: "accessor", name: "seatReservation", static: !1, private: !1, access: { has: (t) => "seatReservation" in t, get: (t) => t.seatReservation, set: (t, i) => {
       t.seatReservation = i;
-    } }, metadata: e }, h, R), f(r, null, E, { kind: "accessor", name: "hasNavigation", static: !1, private: !1, access: { has: (t) => "hasNavigation" in t, get: (t) => t.hasNavigation, set: (t, i) => {
+    } }, metadata: e }, n, N), g(r, null, B, { 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 }, A, w), f(r, null, N, { kind: "accessor", name: "alignVertical", static: !1, private: !1, access: { has: (t) => "alignVertical" in t, get: (t) => t.alignVertical, set: (t, i) => {
+    } }, metadata: e }, w, k), g(r, null, z, { 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 }, k, T), f(r, null, z, { kind: "accessor", name: "baseGridSize", static: !1, private: !1, access: { has: (t) => "baseGridSize" in t, get: (t) => t.baseGridSize, set: (t, i) => {
+    } }, metadata: e }, G, F), g(r, null, V, { 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 }, B, G), f(r, null, V, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, i) => {
+    } }, metadata: e }, D, O), g(r, null, L, { 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 }, F, O), f(r, null, D, { kind: "accessor", name: "maxReservations", static: !1, private: !1, access: { has: (t) => "maxReservations" in t, get: (t) => t.maxReservations, set: (t, i) => {
-      t.maxReservations = i;
-    } }, metadata: e }, W, K), f(r, null, L, { kind: "accessor", name: "preventPlaceClick", static: !1, private: !1, access: { has: (t) => "preventPlaceClick" in t, get: (t) => t.preventPlaceClick, set: (t, i) => {
+    } }, metadata: e }, W, K), g(r, null, X, { 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 }, H, U), g(r, null, q, { 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 }, M, j), g(r, null, $, { 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 }, H, U), f(r, null, X, { kind: "accessor", name: "selectedCoachIndex", static: !1, private: !1, access: { has: (t) => "selectedCoachIndex" in t, get: (t) => t.selectedCoachIndex, set: (t, i) => {
+    } }, metadata: e }, J, Q), g(r, null, Y, { 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 }, Z, ee), g(r, null, te, { 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 }, q, M), f(r, null, j, { kind: "accessor", name: "focusedCoachIndex", static: !1, private: !1, access: { has: (t) => "focusedCoachIndex" in t, get: (t) => t.focusedCoachIndex, set: (t, i) => {
+    } }, metadata: e }, ie, se), g(r, null, ae, { 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 }, $, J), e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    } }, metadata: e }, ce, oe), g(r, null, re, { 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 }, le, he), e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), r.events = {
     selectedplaces: "selectedplaces",
     selectedcoach: "selectedcoach"
   }, r;
 })();
 export {
-  fe as SeatReservationBaseElement
+  Pe as SeatReservationBaseElement
 };

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

@@ -1,21 +1,11 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SeatReservation } from '../common.js';
 import { SeatReservationBaseElement } from './seat-reservation-base-element.js';
 /**
- * Describe the purpose of the component with a single short sentence.
+ * Main component for the seat reservation.
+ *
  */
 export declare class SbbSeatReservationElement extends SeatReservationBaseElement {
     static styles: CSSResultGroup;
-    /** The seat reservation object which contains all coaches and places */
-    accessor seatReservation: SeatReservation;
-    /** The seat reservation navigation can be toggled by this property */
-    accessor hasNavigation: boolean;
-    /** Controls the visual representation of seat reservation in a horizonal or vertical alignment */
-    accessor alignVertical: boolean;
-    /** Maximal number of possible clickable seats */
-    accessor maxReservations: number;
-    /** Any click functionality is prevented */
-    accessor preventPlaceClick: boolean;
     private _language;
     private _coachesHtmlTemplate?;
     private _notAreaElements;
@@ -23,8 +13,9 @@ export declare class SbbSeatReservationElement extends SeatReservationBaseElemen
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;
     protected render(): TemplateResult | null;
-    private _componentSetup;
+    private _determineBaseFontSize;
     private _initVehicleSeatReservationConstruction;
+    private _renderNavigationControlButton;
     private _renderNavigation;
     /**
      *
@@ -33,11 +24,35 @@ export declare class SbbSeatReservationElement extends SeatReservationBaseElemen
      */
     private _renderCoaches;
     private _renderCoachElement;
+    /**
+     * @returns Returns the border graphic (COACH_BORDER_MIDDLE) of a coach with calculated border gap and coach width,
+     * depending on whether the coach is with a driver area or without.
+     */
     private _getRenderedCoachBorders;
     private _getRenderedRowPlaces;
     private _getRenderedColumnPlaces;
     private _getRenderedGraphicalElements;
+    /**
+     * creates a rendered element with an area component
+     * @param graphicalElement
+     * @param rotation
+     * @param coachDimension
+     * @param coachIndex used to generate a unique id for the popover trigger
+     * @private
+     */
     private _getRenderElementWithArea;
+    /**
+     * Creates a popover for extra service information
+     * @param triggerId
+     * @param popoverContent
+     * @private
+     */
+    private _popover;
+    /**
+     * trigger to close all opened popovers (normally only one is opened at a time)
+     * @private
+     */
+    private _closePopover;
     private _getRenderElementWithoutArea;
     private _getRenderedServiceElements;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"seat-reservation.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation/seat-reservation.component.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1E,OAAO,KAAK,EAMV,eAAe,EAChB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGhF,OAAO,+CAA+C,CAAC;AACvD,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yCAAyC,CAAC;AACjD,OAAO,+BAA+B,CAAC;AAEvC;;GAEG;AACH,qBAEM,yBAA0B,SAAQ,0BAA0B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wEAAwE;IACxE,SACyB,eAAe,EAAE,eAAe,CAAS;IAElE,sEAAsE;IACtE,SAEyB,aAAa,EAAE,OAAO,CAAQ;IAEvD,kGAAkG;IAClG,SAEyB,aAAa,EAAE,OAAO,CAAS;IAExD,iDAAiD;IACjD,SAEyB,eAAe,EAAE,MAAM,CAAS;IAEzD,2CAA2C;IAC3C,SAEyB,iBAAiB,EAAE,OAAO,CAAS;IAE5D,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,oBAAoB,CAAC,CAAiB;IAE9C,OAAO,CAAC,gBAAgB,CAQtB;IAEF,OAAO,CAAC,2BAA2B,CAAkB;cAElC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAK3D,MAAM,IAAI,cAAc,GAAG,IAAI;IAKlD,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,uCAAuC;IAwC/C,OAAO,CAAC,iBAAiB;IAqCzB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,mBAAmB;IA0B3B,OAAO,CAAC,wBAAwB;IA+BhC,OAAO,CAAC,qBAAqB;IA0B7B,OAAO,CAAC,wBAAwB;IA4ChC,OAAO,CAAC,6BAA6B;IA0BrC,OAAO,CAAC,yBAAyB;IA2EjC,OAAO,CAAC,4BAA4B;IA0CpC,OAAO,CAAC,2BAA2B;IAyCnC;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,yBAAyB;IAuBjC,OAAO,CAAC,8BAA8B;CAyBvC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}
+{"version":3,"file":"seat-reservation.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation/seat-reservation.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGhF,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+CAA+C,CAAC;AACvD,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yCAAyC,CAAC;AACjD,OAAO,+BAA+B,CAAC;AACvC,OAAO,4CAA4C,CAAC;AAEpD;;;GAGG;AACH,qBAEM,yBAA0B,SAAQ,0BAA0B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,oBAAoB,CAAC,CAAiB;IAG9C,OAAO,CAAC,gBAAgB,CAQtB;IAGF,OAAO,CAAC,2BAA2B,CAAkB;cAElC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAS3D,MAAM,IAAI,cAAc,GAAG,IAAI;IASlD,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,uCAAuC;IAkC/C,OAAO,CAAC,8BAA8B;IAmCtC,OAAO,CAAC,iBAAiB;IA2CzB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,mBAAmB;IAgC3B;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IA8BhC,OAAO,CAAC,qBAAqB;IA0B7B,OAAO,CAAC,wBAAwB;IA0ChC,OAAO,CAAC,6BAA6B;IAgCrC;;;;;;;OAOG;IACH,OAAO,CAAC,yBAAyB;IA0EjC;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAWhB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,4BAA4B;IAoCpC,OAAO,CAAC,2BAA2B;IAyCnC;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,yBAAyB;IAkCjC,OAAO,CAAC,8BAA8B;CAyBvC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}