@sbb-esta/lyne-elements-experimental 2.11.2 → 3.0.0-next.1

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

@@ -1,35 +1,35 @@
-var Q = (a) => {
-  throw TypeError(a);
+var te = (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 r, __esDecorate as f } from "tslib";
-import { isArrowKeyOrPageKeysPressed as te } from "@sbb-esta/lyne-elements/core/a11y.js";
-import { forceType as y } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { EventEmitter as Z } from "@sbb-esta/lyne-elements/core/eventing.js";
-import { LitElement as ie } from "lit";
-import { property as C, state as ee } from "lit/decorators.js";
-import { mapPlaceInfosToPlaceSelection as se, mapPlaceAndCoachToSeatReservationPlaceSelection as ae, mapCoachInfosToCoachSelection as ce } from "../common/mapper.js";
-var g;
-(function(a) {
-  a.right = "right", a.left = "left";
-})(g || (g = {}));
-let Ce = (() => {
-  var v, S, x, p, b, P, I, m, _, o;
-  let a = ie, l, h = [], R = [], A, E = [], w = [], N, k = [], T = [], z, B = [], G = [], V, F = [], O = [], D, W = [], K = [], L, H = [], U = [], X, q = [], M = [], j, $ = [], J = [];
-  return o = class extends a {
+var ie = (o, n, d) => n.has(o) || te("Cannot " + d);
+var f = (o, n, d) => (ie(o, n, "read from private field"), d ? d.call(o) : n.get(o)), g = (o, n, d) => n.has(o) ? te("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, d), r = (o, n, d, w) => (ie(o, n, "write to private field"), w ? w.call(o, d) : n.set(o, d), d);
+import { __runInitializers as h, __esDecorate as v } from "tslib";
+import { isArrowKeyOrPageKeysPressed as oe } from "@sbb-esta/lyne-elements/core/a11y.js";
+import { forceType as E } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { EventEmitter as se } from "@sbb-esta/lyne-elements/core/eventing.js";
+import { LitElement as re } from "lit";
+import { property as x, state as ae } from "lit/decorators.js";
+import { mapPlaceInfosToPlaceSelection as le, mapPlaceAndCoachToSeatReservationPlaceSelection as he, mapCoachInfosToCoachSelection as ne } from "../common/mapper.js";
+var S;
+(function(o) {
+  o.right = "right", o.left = "left";
+})(S || (S = {}));
+let be = (() => {
+  var p, b, P, I, m, _, y, R, A, l;
+  let o = re, n, d = [], w = [], k, T = [], z = [], B, G = [], V = [], F, O = [], D = [], W, K = [], L = [], H, U = [], X = [], q, M = [], j = [], $, J = [], Q = [], Y, Z = [], ee = [];
+  return l = class extends o {
     constructor() {
       super(...arguments);
-      u(this, v);
-      u(this, S);
-      u(this, x);
-      u(this, p);
-      u(this, b);
-      u(this, P);
-      u(this, I);
-      u(this, m);
-      u(this, _);
-      c(this, v, r(this, h, null)), c(this, S, (r(this, R), r(this, E, !0))), c(this, x, (r(this, w), r(this, k, !1))), c(this, p, (r(this, T), r(this, B, 16))), c(this, b, (r(this, G), r(this, F, null))), c(this, P, (r(this, O), r(this, W, null))), c(this, I, (r(this, K), r(this, H, !1))), c(this, m, (r(this, U), r(this, q, -1))), c(this, _, (r(this, M), r(this, $, -1))), this.selectedPlaces = (r(this, J), new Z(this, o.events.selectedPlaces)), this.selectedCoach = new Z(this, o.events.selectedCoach), this.coachBorderPadding = 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 = {
+      g(this, p);
+      g(this, b);
+      g(this, P);
+      g(this, I);
+      g(this, m);
+      g(this, _);
+      g(this, y);
+      g(this, R);
+      g(this, A);
+      r(this, p, h(this, d, null)), r(this, b, (h(this, w), h(this, T, !0))), r(this, P, (h(this, z), h(this, G, !1))), r(this, I, (h(this, V), h(this, O, 16))), r(this, m, (h(this, D), h(this, K, null))), r(this, _, (h(this, L), h(this, U, null))), r(this, y, (h(this, X), h(this, M, !1))), r(this, R, (h(this, j), h(this, J, -1))), r(this, A, (h(this, Q), h(this, Z, -1))), this.selectedPlaces = (h(this, ee), new se(this, l.events.selectedPlaces)), this.selectedCoach = new se(this, l.events.selectedCoach), this.coachBorderPadding = 6, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.currScrollDirection = S.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 = {
         ArrowLeft: "ArrowLeft",
         ArrowRight: "ArrowRight",
         ArrowUp: "ArrowUp",
@@ -40,82 +40,84 @@ let Ce = (() => {
     }
     /** The seat reservation object which contains all coaches and places */
     get seatReservation() {
-      return d(this, v);
+      return f(this, p);
     }
     set seatReservation(e) {
-      c(this, v, e);
+      r(this, p, e);
     }
     /** The seat resvervation navigation can be toggled by this property */
     get hasNavigation() {
-      return d(this, S);
+      return f(this, b);
     }
     set hasNavigation(e) {
-      c(this, S, e);
+      r(this, b, e);
     }
     /** The seat reservation area is aligned vertically */
     get alignVertical() {
-      return d(this, x);
+      return f(this, P);
     }
     set alignVertical(e) {
-      c(this, x, e);
+      r(this, P, e);
     }
     /** The seat reservation area's base grid size */
     get baseGridSize() {
-      return d(this, p);
+      return f(this, I);
     }
     set baseGridSize(e) {
-      c(this, p, e);
+      r(this, I, e);
     }
     /** The seat reservation area's width */
     get height() {
-      return d(this, b);
+      return f(this, m);
     }
     set height(e) {
-      c(this, b, e);
+      r(this, m, e);
     }
     /** Maximal number of possible clickable seats */
     get maxReservations() {
-      return d(this, P);
+      return f(this, _);
     }
     set maxReservations(e) {
-      c(this, P, e);
+      r(this, _, e);
     }
     /** Any click functionality is prevented */
     get preventPlaceClick() {
-      return d(this, I);
+      return f(this, y);
     }
     set preventPlaceClick(e) {
-      c(this, I, e);
+      r(this, y, e);
     }
     get selectedCoachIndex() {
-      return d(this, m);
+      return f(this, R);
     }
     set selectedCoachIndex(e) {
-      c(this, m, e);
+      r(this, R, e);
     }
     get focusedCoachIndex() {
-      return d(this, _);
+      return f(this, A);
     }
     set focusedCoachIndex(e) {
-      c(this, _, e);
+      r(this, A, 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();
+      var t, i;
+      super.willUpdate(e), e.has("seatReservation") && this._initSeatReservationPlaceSelection(), e.has("baseGridSize") && (this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, (t = this.style) == null || t.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, (i = this.style) == null || i.setProperty("--sbb-seat-reservation-grid-size", `${this.baseGridSize}px`), this.alignVertical && this._setVerticalAlignmentOffset()), e.has("alignVertical") && this.alignVertical && this._setVerticalAlignmentOffset();
     }
     /* 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) {
-        let e = 0;
-        this.scrollCoachsAreaWidth = this.coachScrollArea.getBoundingClientRect().width, this.triggerCoachPositionsCollection = this.seatReservation.coachItems.map((t) => {
-          const i = e, s = this.getCalculatedDimension(t.dimension).w;
-          return e += s, {
-            start: i,
-            end: e,
-            width: s
+      var e, t, i;
+      if (this.firstTabElement = (e = this.shadowRoot) == null ? void 0 : e.getElementById("first-tab-element"), this.lastTabElement = (t = this.shadowRoot) == null ? void 0 : t.getElementById("last-tab-element"), this.coachScrollArea = (i = this.shadowRoot) == null ? void 0 : i.getElementById("sbb-sr__parent-area"), this.coachScrollArea) {
+        let s = 0;
+        this.scrollCoachsAreaWidth = this.coachScrollArea.getBoundingClientRect().width, this.triggerCoachPositionsCollection = this.seatReservation.coachItems.map((c) => {
+          const C = s, u = this.getCalculatedDimension(c.dimension).w;
+          return s += u, {
+            start: C,
+            end: s,
+            width: u
           };
-        }), 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.maxCalcCoachsWidth = s, this.coachScrollArea.addEventListener("scrollend", () => {
+          const c = this.isAutoScrolling ? this.currSelectedCoachIndex : this._getCoachIndexByScrollTriggerPosition();
+          this._isScrollableToSelectedCoach() ? this.currSelectedCoachIndex = c : this.currSelectedCoachIndex = c < this.currSelectedCoachIndex ? this.currSelectedCoachIndex : c, this.preventCoachScrollByPlaceClick = !1, this.updateCurrentSelectedCoach(), this.hasNavigation || (this.preselectPlaceInCoach(), this.isAutoScrolling = !1);
         }), this.alignVertical && this._setVerticalAlignmentOffset();
       }
     }
@@ -144,7 +146,7 @@ let Ce = (() => {
           return;
         }
       }
-      if (this.currSelectedCoachIndex !== -1 && te(e))
+      if (this.currSelectedCoachIndex !== -1 && oe(e))
         switch (e.preventDefault(), t) {
           case this.keyboardNavigationEvents.ArrowLeft:
             {
@@ -195,7 +197,7 @@ let Ce = (() => {
      * 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 ? S.right : S.left;
     }
     /**
      * Returns the scroll start or end position X from the selected coach.
@@ -205,16 +207,17 @@ let Ce = (() => {
      */
     _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 === S.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.
      */
     _setFocusToSelectedCoachGrid() {
+      var e;
       if (this.isCoachGridFocusable) {
         this.isCoachGridFocusable = !1;
-        const e = this.shadowRoot?.querySelector("#sbb-sr-coach-caption-" + this.currSelectedCoachIndex);
-        e && e.focus();
+        const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("#sbb-sr-coach-caption-" + this.currSelectedCoachIndex);
+        t && t.focus();
       }
     }
     /**
@@ -222,8 +225,8 @@ let Ce = (() => {
      * @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.coachScrollArea.scrollLeft, t = 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;
     }
     /**
      * Returns the coach index which is currently visible in the scroll area
@@ -238,9 +241,10 @@ let Ce = (() => {
      * @returns Place or null
      */
     _getFirstPlaceInSelecedCoach() {
+      var c, C, u, N, a;
       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 = (c = this.seatReservation) == null ? void 0 : c.coachItems[this.currSelectedCoachIndex], i = "cell-" + this.currSelectedCoachIndex + "-0-0", s = ((N = (u = (C = this.shadowRoot) == null ? void 0 : C.querySelector("[cell-id='" + i + "']")) == null ? void 0 : u.querySelector("sbb-seat-reservation-place-control")) == null ? void 0 : N.getAttribute("text")) || null;
+      return t && s && (e = ((a = t.places) == null ? void 0 : a.find((ce) => ce.number === s)) || null), e;
     }
     /**
      * To get the correct closest place of current pressed key and the current selected place,
@@ -249,13 +253,14 @@ let Ce = (() => {
      * @returns Place or null
      */
     _getClosestPlaceByKeyDirection(e) {
-      const t = this.seatReservation?.coachItems[this.currSelectedCoachIndex];
+      var s, c, C, u, N;
+      const t = (s = this.seatReservation) == null ? void 0 : s.coachItems[this.currSelectedCoachIndex];
       let i = null;
       if (t.places)
         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);
+            for (const a of t.places)
+              e ? a.number !== ((u = this.currSelectedPlace) == null ? void 0 : u.number) && (e === this.keyboardNavigationEvents.ArrowRight && (a.position.y === this.currSelectedPlace.position.y || a.position.y === this.currSelectedPlace.position.y - 1) && a.position.x > this.currSelectedPlace.position.x && (!i || a.position.x < i.position.x) || e === this.keyboardNavigationEvents.ArrowDown && (a.position.x === this.currSelectedPlace.position.x || a.position.x === this.currSelectedPlace.position.x + 1) && a.position.y > this.currSelectedPlace.position.y && (!i || a.position.y < i.position.y) || e === this.keyboardNavigationEvents.ArrowLeft && (a.position.y === this.currSelectedPlace.position.y || a.position.y === this.currSelectedPlace.position.y + 1) && a.position.x < this.currSelectedPlace.position.x && (!i || a.position.x > i.position.x) || e === this.keyboardNavigationEvents.ArrowUp && (a.position.x === this.currSelectedPlace.position.x || a.position.x === this.currSelectedPlace.position.x - 1) && a.position.y < ((N = this.currSelectedPlace) == null ? void 0 : N.position.y) && (!i || a.position.y > i.position.y)) && (i = a) : (this.currScrollDirection === S.right && a.position.y === ((c = this.currSelectedPlace) == null ? void 0 : c.position.y) && (!i || a.position.x < i.position.x) || this.currScrollDirection === S.left && a.position.y === ((C = this.currSelectedPlace) == null ? void 0 : C.position.y) && (!i || a.position.x > i.position.x)) && (i = a);
         } else
           return this._getFirstPlaceInSelecedCoach();
       return i;
@@ -279,8 +284,8 @@ let Ce = (() => {
     }
     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);
+        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);
       }
       return {
         x: this.baseGridSize * e.x,
@@ -297,8 +302,8 @@ let Ce = (() => {
         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(), c = s ? s.getAttribute("keyfocus") === "focus" : !1;
+        e === "PREV_TAB" && this.selectedCoachIndex === t ? c ? (this.focusedCoachIndex = t, this.unfocusPlaceElement()) : this.focusedCoachIndex = i : i !== this.currSelectedCoachIndex ? this.focusedCoachIndex = i : (this.focusedCoachIndex = -1, this.selectedCoachIndex = i, c ? this.focusPlaceElement(this.currSelectedPlace) : (this.isCoachGridFocusable = !0, this._setFocusToSelectedCoachGrid()));
       } else
         this.scrollToSelectedNavCoach(i);
     }
@@ -330,7 +335,8 @@ let Ce = (() => {
       this.maxReservations && this.selectedSeatReservationPlaces.length > this.maxReservations && this._resetAllPlaceSelections(e), this.selectedPlaces.emit(this.selectedSeatReservationPlaces);
     }
     updateCurrentSelectedPlaceInCoach(e) {
-      const t = e.coachIndex, i = this.seatReservation.coachItems[t].places?.find((s) => s.number == e.number);
+      var s;
+      const t = e.coachIndex, i = (s = this.seatReservation.coachItems[t].places) == null ? void 0 : s.find((c) => c.number == e.number);
       i && (this.currSelectedCoachIndex = t, this.currSelectedPlace = i, this.currSelectedCoachIndex !== this.selectedCoachIndex && this.updateCurrentSelectedCoach(), this._setCurrSelectedPlaceElementId(i));
     }
     updateCurrentSelectedCoach() {
@@ -344,9 +350,10 @@ let Ce = (() => {
      */
     _initSeatReservationPlaceSelection() {
       this.seatReservation.coachItems.map((e, t) => {
-        e.places?.filter((i) => i.state === "SELECTED")?.forEach((i) => {
-          const s = se(i, t), n = this._getSeatReservationPlaceSelection(s);
-          n && this.selectedSeatReservationPlaces.push(n);
+        var i, s;
+        (s = (i = e.places) == null ? void 0 : i.filter((c) => c.state === "SELECTED")) == null || s.forEach((c) => {
+          const C = le(c, t), u = this._getSeatReservationPlaceSelection(C);
+          u && this.selectedSeatReservationPlaces.push(u);
         });
       });
     }
@@ -355,19 +362,21 @@ let Ce = (() => {
      * @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 = [];
+      var t;
+      for (const i of this.selectedSeatReservationPlaces)
+        (!e || e.id !== i.id) && ((t = this.shadowRoot) == null ? void 0 : t.getElementById(i.id)).setAttribute("state", "FREE");
+      e ? this.selectedSeatReservationPlaces = this.selectedSeatReservationPlaces.filter((i) => i.id === e.id) : this.selectedSeatReservationPlaces = [];
     }
     _getSeatReservationPlaceSelection(e) {
-      const t = this.seatReservation.coachItems[e.coachIndex], i = t.places?.find((s) => s.number === e.number);
-      return i ? ae(i, t, e.coachIndex) : null;
+      var s;
+      const t = this.seatReservation.coachItems[e.coachIndex], i = (s = t.places) == null ? void 0 : s.find((c) => c.number === e.number);
+      return i ? he(i, t, e.coachIndex) : null;
     }
     _getSeatReservationCoachSelection(e) {
       if (!this.seatReservation.coachItems[e])
         return null;
       const t = this.seatReservation.coachItems[e];
-      return ce(e, t);
+      return ne(e, t);
     }
     _setCurrSelectedPlaceElementId(e) {
       e ? this.currSelectedPlaceElementId = "seat-reservation__place-button-" + this.currSelectedCoachIndex + "-" + e.number : this.currSelectedPlaceElementId = null;
@@ -380,45 +389,47 @@ let Ce = (() => {
      * @returns HTMLElement or null
      */
     _getPlaceHtmlElement(e, t) {
+      var c;
       const i = t || this.currSelectedCoachIndex, s = e ? "seat-reservation__place-button-" + i + "-" + e : this.currSelectedPlaceElementId;
-      return s && this.shadowRoot?.getElementById(s) || null;
+      return s && ((c = this.shadowRoot) == null ? void 0 : c.getElementById(s)) || null;
     }
     //Set the vertical offset
     _setVerticalAlignmentOffset() {
       setTimeout(() => {
-        const e = this.shadowRoot?.querySelector(".sbb-sr__wrapper");
+        var t, i;
+        const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".sbb-sr__wrapper");
         if (e) {
-          const t = e.getBoundingClientRect().width;
-          this.style?.setProperty("--sbb-seat-reservation-vertical-offset", `${t}px`);
+          const s = e.getBoundingClientRect().width;
+          (i = this.style) == null || i.setProperty("--sbb-seat-reservation-vertical-offset", `${s}px`);
         }
       });
     }
-  }, v = new WeakMap(), S = new WeakMap(), x = new WeakMap(), p = new WeakMap(), b = new WeakMap(), P = new WeakMap(), I = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    l = [C({ attribute: "seat-reservation", type: Object })], A = [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 = [ee()], j = [ee()], f(o, null, l, { kind: "accessor", name: "seatReservation", static: !1, private: !1, access: { has: (t) => "seatReservation" in t, get: (t) => t.seatReservation, set: (t, i) => {
+  }, p = new WeakMap(), b = new WeakMap(), P = new WeakMap(), I = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), y = new WeakMap(), R = new WeakMap(), A = new WeakMap(), (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+    n = [x({ attribute: "seat-reservation", type: Object })], k = [E(), x({ attribute: "has-navigation", type: Boolean })], B = [E(), x({ attribute: "align-vertical", type: Boolean })], F = [E(), x({ attribute: "base-grid-size", type: Number })], W = [E(), x({ attribute: "height", type: Number })], H = [E(), x({ attribute: "max-reservations", type: Number })], q = [E(), x({ attribute: "prevent-place-click", type: Boolean })], $ = [ae()], Y = [ae()], v(l, null, n, { 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(o, null, A, { kind: "accessor", name: "hasNavigation", static: !1, private: !1, access: { has: (t) => "hasNavigation" in t, get: (t) => t.hasNavigation, set: (t, i) => {
+    } }, metadata: e }, d, w), v(l, null, k, { 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 }, E, w), f(o, 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 }, T, z), v(l, null, B, { 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(o, 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, V), v(l, null, F, { 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(o, 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 }, O, D), v(l, null, W, { 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(o, null, D, { kind: "accessor", name: "maxReservations", static: !1, private: !1, access: { has: (t) => "maxReservations" in t, get: (t) => t.maxReservations, set: (t, i) => {
+    } }, metadata: e }, K, L), v(l, null, H, { 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(o, 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 }, U, X), v(l, null, q, { 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(o, 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 }, M, j), v(l, null, $, { 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(o, 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 }, J, Q), v(l, null, Y, { 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(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.events = {
+    } }, metadata: e }, Z, ee), e && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), l.events = {
     selectedPlaces: "selectedPlaces",
     selectedCoach: "selectedCoach"
-  }, o;
+  }, l;
 })();
 export {
-  Ce as SeatReservationBaseElement
+  be as SeatReservationBaseElement
 };

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

@@ -1,27 +1,27 @@
-var J = (s) => {
+var N = (s) => {
   throw TypeError(s);
 };
-var K = (s, i, l) => i.has(s) || J("Cannot " + l);
-var o = (s, i, l) => (K(s, i, "read from private field"), l ? l.call(s) : i.get(s)), h = (s, i, l) => i.has(s) ? J("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, l), d = (s, i, l, c) => (K(s, i, "write to private field"), c ? c.call(s, l) : i.set(s, l), l);
-import { __esDecorate as _, __runInitializers as a } from "tslib";
+var Q = (s, a, n) => a.has(s) || N("Cannot " + n);
+var o = (s, a, n) => (Q(s, a, "read from private field"), n ? n.call(s) : a.get(s)), h = (s, a, n) => a.has(s) ? N("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, n), d = (s, a, n, c) => (Q(s, a, "write to private field"), c ? c.call(s, n) : a.set(s, n), n);
+import { __esDecorate as _, __runInitializers as r } from "tslib";
 import { forceType as p } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { css as N, LitElement as Q, html as M } from "lit";
-import { customElement as V, property as b } from "lit/decorators.js";
-const W = N`*,:before,:after{box-sizing:border-box}:host{display:block}:host .coach-border,:host .coach-wrapper,:host .graphical-element{width:var(--sbb-seat-reservation-scoped-width);height:var(--sbb-seat-reservation-scoped-height);inset-block-start:var(--sbb-seat-reservation-scoped-inset-block-start);inset-inline-start:var(--sbb-seat-reservation-scoped-inset-inline-start);z-index:var(--sbb-seat-reservation-scoped-z-index)}:host .coach-border,:host .graphical-element ::slotted(*),:host .graphical-element{position:absolute}:host .coach-border{z-index:0}`;
-let it = (() => {
-  var I, u, m, g, z, f, S, r;
-  let s = [V("sbb-seat-reservation-scoped")], i, l = [], c, v = Q, x, k = [], y = [], w, B = [], C = [], $, E = [], D = [], j, O = [], T = [], U, L = [], P = [], R, q = [], A = [], F, G = [], H = [];
-  return r = class extends v {
+import { css as W, LitElement as X, html as V } from "lit";
+import { customElement as Y, property as b } from "lit/decorators.js";
+const Z = W`*,:before,:after{box-sizing:border-box}:host{display:block}:host .coach-border,:host .coach-wrapper,:host .graphical-element{width:var(--sbb-seat-reservation-scoped-width);height:var(--sbb-seat-reservation-scoped-height);inset-block-start:var(--sbb-seat-reservation-scoped-inset-block-start);inset-inline-start:var(--sbb-seat-reservation-scoped-inset-inline-start);z-index:var(--sbb-seat-reservation-scoped-z-index)}:host .coach-border,:host .graphical-element ::slotted(*),:host .graphical-element{position:absolute}:host .coach-border{z-index:0}`;
+let lt = (() => {
+  var I, u, m, g, z, f, S, l;
+  let s = [Y("sbb-seat-reservation-scoped")], a, n = [], c, v = X, x, k = [], y = [], w, B = [], C = [], $, E = [], D = [], j, O = [], T = [], U, L = [], P = [], R, q = [], A = [], F, G = [], H = [];
+  return l = class extends v {
     constructor() {
       super(...arguments);
-      h(this, I, a(this, k, ""));
-      h(this, u, (a(this, y), a(this, B, "")));
-      h(this, m, (a(this, C), a(this, E, "")));
-      h(this, g, (a(this, D), a(this, O, "")));
-      h(this, z, (a(this, T), a(this, L, "")));
-      h(this, f, (a(this, P), a(this, q, "")));
-      h(this, S, (a(this, A), a(this, G, "")));
-      a(this, H);
+      h(this, I, r(this, k, ""));
+      h(this, u, (r(this, y), r(this, B, "")));
+      h(this, m, (r(this, C), r(this, E, "")));
+      h(this, g, (r(this, D), r(this, O, "")));
+      h(this, z, (r(this, T), r(this, L, "")));
+      h(this, f, (r(this, P), r(this, q, "")));
+      h(this, S, (r(this, A), r(this, G, "")));
+      r(this, H);
     }
     /** Inset block start in pixels (without unit) */
     get insetBlockStart() {
@@ -73,34 +73,35 @@ let it = (() => {
       d(this, S, e);
     }
     willUpdate(e) {
-      super.willUpdate(e), e.has("width") && this.style?.setProperty("--sbb-seat-reservation-scoped-width", `${this.width}`), e.has("height") && this.style?.setProperty("--sbb-seat-reservation-scoped-height", `${this.height}`), e.has("insetBlockStart") && this.style?.setProperty("--sbb-seat-reservation-scoped-inset-block-start", `${this.insetBlockStart}`), e.has("insetInlineStart") && this.style?.setProperty("--sbb-seat-reservation-scoped-inset-inline-start", `${this.insetInlineStart}`), e.has("zIndex") && this.style?.setProperty("--sbb-seat-reservation-scoped-z-index", `${this.zIndex}`);
+      var t, i, J, K, M;
+      super.willUpdate(e), e.has("width") && ((t = this.style) == null || t.setProperty("--sbb-seat-reservation-scoped-width", `${this.width}`)), e.has("height") && ((i = this.style) == null || i.setProperty("--sbb-seat-reservation-scoped-height", `${this.height}`)), e.has("insetBlockStart") && ((J = this.style) == null || J.setProperty("--sbb-seat-reservation-scoped-inset-block-start", `${this.insetBlockStart}`)), e.has("insetInlineStart") && ((K = this.style) == null || K.setProperty("--sbb-seat-reservation-scoped-inset-inline-start", `${this.insetInlineStart}`)), e.has("zIndex") && ((M = this.style) == null || M.setProperty("--sbb-seat-reservation-scoped-z-index", `${this.zIndex}`));
     }
     render() {
-      return this.cellId ? M`<td id="${this.cellId}" class="${this.scopedClasses}">
+      return this.cellId ? V`<td id="${this.cellId}" class="${this.scopedClasses}">
         <slot></slot>
-      </td>` : M`<div class="${this.scopedClasses}">
+      </td>` : V`<div class="${this.scopedClasses}">
         <slot></slot>
       </div>`;
     }
-  }, I = new WeakMap(), u = new WeakMap(), m = new WeakMap(), g = new WeakMap(), z = new WeakMap(), f = new WeakMap(), S = new WeakMap(), c = r, (() => {
+  }, I = new WeakMap(), u = new WeakMap(), m = new WeakMap(), g = new WeakMap(), z = new WeakMap(), f = new WeakMap(), S = new WeakMap(), c = l, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    x = [p(), b({ attribute: "inset-block-start" })], w = [p(), b({ attribute: "inset-inline-start" })], $ = [p(), b({ attribute: "width" })], j = [p(), b({ attribute: "height" })], U = [p(), b({ attribute: "z-index" })], R = [p(), b({ attribute: "cell-id" })], F = [p(), b({ attribute: "scoped-classes" })], _(r, null, x, { kind: "accessor", name: "insetBlockStart", static: !1, private: !1, access: { has: (t) => "insetBlockStart" in t, get: (t) => t.insetBlockStart, set: (t, n) => {
-      t.insetBlockStart = n;
-    } }, metadata: e }, k, y), _(r, null, w, { kind: "accessor", name: "insetInlineStart", static: !1, private: !1, access: { has: (t) => "insetInlineStart" in t, get: (t) => t.insetInlineStart, set: (t, n) => {
-      t.insetInlineStart = n;
-    } }, metadata: e }, B, C), _(r, null, $, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (t) => "width" in t, get: (t) => t.width, set: (t, n) => {
-      t.width = n;
-    } }, metadata: e }, E, D), _(r, null, j, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, n) => {
-      t.height = n;
-    } }, metadata: e }, O, T), _(r, null, U, { kind: "accessor", name: "zIndex", static: !1, private: !1, access: { has: (t) => "zIndex" in t, get: (t) => t.zIndex, set: (t, n) => {
-      t.zIndex = n;
-    } }, metadata: e }, L, P), _(r, null, R, { kind: "accessor", name: "cellId", static: !1, private: !1, access: { has: (t) => "cellId" in t, get: (t) => t.cellId, set: (t, n) => {
-      t.cellId = n;
-    } }, metadata: e }, q, A), _(r, null, F, { kind: "accessor", name: "scopedClasses", static: !1, private: !1, access: { has: (t) => "scopedClasses" in t, get: (t) => t.scopedClasses, set: (t, n) => {
-      t.scopedClasses = n;
-    } }, metadata: e }, G, H), _(null, i = { value: c }, s, { kind: "class", name: c.name, metadata: e }, null, l), c = i.value, e && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), r.styles = W, a(c, l), c;
+    x = [p(), b({ attribute: "inset-block-start" })], w = [p(), b({ attribute: "inset-inline-start" })], $ = [p(), b({ attribute: "width" })], j = [p(), b({ attribute: "height" })], U = [p(), b({ attribute: "z-index" })], R = [p(), b({ attribute: "cell-id" })], F = [p(), b({ attribute: "scoped-classes" })], _(l, null, x, { kind: "accessor", name: "insetBlockStart", static: !1, private: !1, access: { has: (t) => "insetBlockStart" in t, get: (t) => t.insetBlockStart, set: (t, i) => {
+      t.insetBlockStart = i;
+    } }, metadata: e }, k, y), _(l, null, w, { kind: "accessor", name: "insetInlineStart", static: !1, private: !1, access: { has: (t) => "insetInlineStart" in t, get: (t) => t.insetInlineStart, set: (t, i) => {
+      t.insetInlineStart = i;
+    } }, metadata: e }, B, C), _(l, null, $, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (t) => "width" in t, get: (t) => t.width, set: (t, i) => {
+      t.width = i;
+    } }, metadata: e }, E, D), _(l, null, j, { 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 }, O, T), _(l, null, U, { kind: "accessor", name: "zIndex", static: !1, private: !1, access: { has: (t) => "zIndex" in t, get: (t) => t.zIndex, set: (t, i) => {
+      t.zIndex = i;
+    } }, metadata: e }, L, P), _(l, null, R, { kind: "accessor", name: "cellId", static: !1, private: !1, access: { has: (t) => "cellId" in t, get: (t) => t.cellId, set: (t, i) => {
+      t.cellId = i;
+    } }, metadata: e }, q, A), _(l, null, F, { kind: "accessor", name: "scopedClasses", static: !1, private: !1, access: { has: (t) => "scopedClasses" in t, get: (t) => t.scopedClasses, set: (t, i) => {
+      t.scopedClasses = i;
+    } }, metadata: e }, G, H), _(null, a = { value: c }, s, { kind: "class", name: c.name, metadata: e }, null, n), c = a.value, e && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), l.styles = Z, r(c, n), c;
 })();
 export {
-  it as SbbSeatReservationScopedElement
+  lt as SbbSeatReservationScopedElement
 };