@sbb-esta/lyne-elements-experimental 3.0.0-next.3 → 3.0.1

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

@@ -3,33 +3,32 @@ var Q = (a) => {
 };
 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 { __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 { 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";
+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 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 {
+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 {
     constructor() {
       super(...arguments);
       u(this, v);
       u(this, S);
-      u(this, x);
       u(this, p);
+      u(this, x);
       u(this, b);
-      u(this, P);
       u(this, I);
-      u(this, m);
+      u(this, P);
       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 = {
+      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 = {
         ArrowLeft: "ArrowLeft",
         ArrowRight: "ArrowRight",
         ArrowUp: "ArrowUp",
@@ -45,7 +44,7 @@ let Ce = (() => {
     set seatReservation(e) {
       c(this, v, e);
     }
-    /** The seat resvervation navigation can be toggled by this property */
+    /** The seat reservation navigation can be toggled by this property */
     get hasNavigation() {
       return d(this, S);
     }
@@ -54,17 +53,17 @@ let Ce = (() => {
     }
     /** The seat reservation area is aligned vertically */
     get alignVertical() {
-      return d(this, x);
+      return d(this, p);
     }
     set alignVertical(e) {
-      c(this, x, e);
+      c(this, p, e);
     }
     /** The seat reservation area's base grid size */
     get baseGridSize() {
-      return d(this, p);
+      return d(this, x);
     }
     set baseGridSize(e) {
-      c(this, p, e);
+      c(this, x, e);
     }
     /** The seat reservation area's width */
     get height() {
@@ -75,29 +74,29 @@ let Ce = (() => {
     }
     /** Maximal number of possible clickable seats */
     get maxReservations() {
-      return d(this, P);
+      return d(this, I);
     }
     set maxReservations(e) {
-      c(this, P, e);
+      c(this, I, e);
     }
     /** Any click functionality is prevented */
     get preventPlaceClick() {
-      return d(this, I);
+      return d(this, P);
     }
     set preventPlaceClick(e) {
-      c(this, I, e);
+      c(this, P, e);
     }
     get selectedCoachIndex() {
-      return d(this, m);
+      return d(this, _);
     }
     set selectedCoachIndex(e) {
-      c(this, m, e);
+      c(this, _, e);
     }
     get focusedCoachIndex() {
-      return d(this, _);
+      return d(this, m);
     }
     set focusedCoachIndex(e) {
-      c(this, _, e);
+      c(this, m, 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();
@@ -144,7 +143,7 @@ let Ce = (() => {
           return;
         }
       }
-      if (this.currSelectedCoachIndex !== -1 && te(e))
+      if (this.currSelectedCoachIndex !== -1 && ee(e))
         switch (e.preventDefault(), t) {
           case this.keyboardNavigationEvents.ArrowLeft:
             {
@@ -327,7 +326,11 @@ let Ce = (() => {
         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.selectedPlaces.emit(this.selectedSeatReservationPlaces);
+      this.maxReservations && this.selectedSeatReservationPlaces.length > this.maxReservations && this._resetAllPlaceSelections(e), this.dispatchEvent(new CustomEvent("selectedplaces", {
+        bubbles: !0,
+        composed: !0,
+        detail: this.selectedSeatReservationPlaces
+      }));
     }
     updateCurrentSelectedPlaceInCoach(e) {
       const t = e.coachIndex, i = this.seatReservation.coachItems[t].places?.find((s) => s.number == e.number);
@@ -336,7 +339,11 @@ let Ce = (() => {
     updateCurrentSelectedCoach() {
       this.selectedCoachIndex = this.currSelectedCoachIndex, this.focusedCoachIndex = -1;
       const e = this._getSeatReservationCoachSelection(this.selectedCoachIndex);
-      e && this.selectedCoach.emit(e);
+      e && this.dispatchEvent(new CustomEvent("selectedcoach", {
+        bubbles: !0,
+        composed: !0,
+        detail: e
+      }));
     }
     /**
      * Initialization of SeatReservationPlaceSelection Array based on the transferred places
@@ -345,7 +352,7 @@ 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);
+          const s = ie(i, t), n = this._getSeatReservationPlaceSelection(s);
           n && this.selectedSeatReservationPlaces.push(n);
         });
       });
@@ -361,13 +368,13 @@ let Ce = (() => {
     }
     _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;
+      return i ? se(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 ae(e, t);
     }
     _setCurrSelectedPlaceElementId(e) {
       e ? this.currSelectedPlaceElementId = "seat-reservation__place-button-" + this.currSelectedCoachIndex + "-" + e.number : this.currSelectedPlaceElementId = null;
@@ -393,32 +400,32 @@ let Ce = (() => {
         }
       });
     }
-  }, 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(), (() => {
+  }, 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 })], 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) => {
+    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) => {
       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 }, 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) => {
       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 }, 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) => {
       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 }, 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) => {
       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 }, 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) => {
       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 }, 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(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 }, 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) => {
       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 }, 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) => {
       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 }, 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) => {
       t.focusedCoachIndex = i;
-    } }, metadata: e }, $, J), e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.events = {
-    selectedPlaces: "selectedPlaces",
-    selectedCoach: "selectedCoach"
-  }, o;
+    } }, metadata: e }, $, J), e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), r.events = {
+    selectedplaces: "selectedplaces",
+    selectedcoach: "selectedcoach"
+  }, r;
 })();
 export {
-  Ce as SeatReservationBaseElement
+  fe as SeatReservationBaseElement
 };

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

@@ -3,9 +3,6 @@ import { SeatReservation } from '../common.js';
 import { SeatReservationBaseElement } from './seat-reservation-base-element.js';
 /**
  * Describe the purpose of the component with a single short sentence.
- *
- * @event {CustomEvent<SeatReservationSelectedPlacesEventDetails>} selectedPlaces - Emits when a place was selected and returns a Place array with all selected places
- * @event {CustomEvent<SeatReservationCoachSelection>} selectedCoach - Emits when a coach was selected and returns a CoachSelection
  */
 export declare class SbbSeatReservationElement extends SeatReservationBaseElement {
     static styles: CSSResultGroup;

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,qEAAqE,CAAC;AAC7E,OAAO,8BAA8B,CAAC;AAEtC;;;;;GAKG;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;IA2ChC,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":"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"}

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

@@ -16,8 +16,8 @@ import "@sbb-esta/lyne-elements/screen-reader-only.js";
 import "../seat-reservation-area.js";
 import "../seat-reservation-graphic.js";
 import "../seat-reservation-place-control.js";
-import "../seat-reservation-navigation/seat-reservation-navigation-coach.js";
-import "./seat-reservation-scoped/seat-reservation-scoped.component.js";
+import "../seat-reservation-navigation-coach.js";
+import "../seat-reservation-scoped.js";
 const ee = X`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-vertical-offset: 0;display:block}:host ::part(coach-floor){fill:var(--sbb-color-white)}@media (forced-colors: active){:host ::part(coach-floor){fill:transparent}}.sbb-sr__wrapper--vertical{width:fit-content;position:relative;inset-inline-start:var(--sbb-seat-reservation-vertical-offset);rotate:90deg;transform-origin:top left}.sbb-sr__wrapper--vertical .sbb-sr__parent{overflow-y:hidden}.sbb-sr__wrapper--vertical .sbb-sr__list-coaches{width:100vw}.sbb-sr-navigation--vertical{inset-inline-start:var(--sbb-seat-reservation-vertical-offset);margin-inline-start:1.25rem;position:absolute}.sbb-sr-navigation--vertical .sbb-sr-navigation__list-coaches{flex-direction:column}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;justify-content:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x);min-height:3.75rem}.sbb-sr__parent{overflow-x:scroll;padding:3rem 0}.sbb-sr__list-coaches{display:flex;gap:.25rem;padding:0;margin:0;list-style:none}.sbb-sr__item-coach{padding:0;margin:0;position:relative}.sbb-sr-coach-wrapper__table{outline:0}`;
 let me = (() => {
   var g, m, f, $, C, c;
@@ -133,8 +133,8 @@ let me = (() => {
         >
           ${this.seatReservation?.coachItems.map((e, t) => d`<li>
               <sbb-seat-reservation-navigation-coach
-                @selectCoach=${(i) => this._onSelectNavCoach(i)}
-                @focusCoach=${() => this._onFocusNavCoach()}
+                @selectcoach=${(i) => this._onSelectNavCoach(i)}
+                @focuscoach=${() => this._onFocusNavCoach()}
                 index="${t}"
                 coach-id="${e.id}"
                 .selected=${this.selectedCoachIndex === t}
@@ -229,7 +229,7 @@ let me = (() => {
           cell-id="cell-${t}-${i.position.y}-${s}"
         >
           <sbb-seat-reservation-place-control
-            @selectPlace=${(v) => this._onSelectPlace(v)}
+            @selectplace=${(v) => this._onSelectPlace(v)}
             exportparts="sbb-sr-place-part"
             id="seat-reservation__place-button-${t}-${i.number}"
             class="seat-reservation-place-control"

package/seat-reservation/{seat-reservation-navigation/seat-reservation-navigation-coach → seat-reservation-navigation-coach}/seat-reservation-navigation-coach.component.d.ts

@@ -1,18 +1,14 @@
-import { EventEmitter } from '@sbb-esta/lyne-elements/core/eventing.js';
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-import { PlaceTravelClass } from '../../common.js';
+import { PlaceTravelClass } from '../common.js';
 export type SelectCoachEventDetails = number;
 /**
  * This component will display the navigation coach item for Seat reservation.
- *
- * @event {CustomEvent<SelectCoachEventDetails>} selectCoach - Emits when a coach within the navigation was selected and returns the clicked coach nav index
- * @event {CustomEvent<void>} focusCoach - Emits when a nav coach has the focus
  */
 export declare class SbbSeatReservationNavigationCoachElement extends LitElement {
     static styles: CSSResultGroup;
     static readonly events: {
-        readonly selectCoach: "selectCoach";
-        readonly focusCoach: "focusCoach";
+        readonly selectcoach: "selectcoach";
+        readonly focuscoach: "focuscoach";
     };
     /** Coach ID, which is used to identify the coach in the navigation */
     accessor coachId: string;
@@ -34,9 +30,6 @@ export declare class SbbSeatReservationNavigationCoachElement extends LitElement
     /** If the coach navigation should be displayed vertically */
     accessor vertical: boolean;
     private _language;
-    /** Emits when a coach within the navigation was selected */
-    protected selectNavCoach: EventEmitter<SelectCoachEventDetails>;
-    protected focusNavCoach: EventEmitter<void>;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     /**
      * Render a maximum of 3 of the service sign icons (slice(0,3)) regardless of the input from Backend,

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

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

package/seat-reservation/{seat-reservation-navigation/seat-reservation-navigation-coach → seat-reservation-navigation-coach}/seat-reservation-navigation-coach.component.js

@@ -1,23 +1,22 @@
-var bt = (o) => {
+var lt = (o) => {
   throw TypeError(o);
 };
-var dt = (o, n, c) => n.has(o) || bt("Cannot " + c);
-var l = (o, n, c) => (dt(o, n, "read from private field"), c ? c.call(o) : n.get(o)), b = (o, n, c) => n.has(o) ? bt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, c), s = (o, n, c, h) => (dt(o, n, "write to private field"), h ? h.call(o, c) : n.set(o, c), c);
+var bt = (o, n, c) => n.has(o) || lt("Cannot " + c);
+var l = (o, n, c) => (bt(o, n, "read from private field"), c ? c.call(o) : n.get(o)), b = (o, n, c) => n.has(o) ? lt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, c), s = (o, n, c, h) => (bt(o, n, "write to private field"), h ? h.call(o, c) : n.set(o, c), c);
 import { __runInitializers as i, __esDecorate as d } from "tslib";
-import { SbbLanguageController as ut } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { SbbLanguageController as _t } from "@sbb-esta/lyne-elements/core/controllers.js";
 import { forceType as _ } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { EventEmitter as vt } from "@sbb-esta/lyne-elements/core/eventing.js";
-import { css as mt, LitElement as ft, nothing as E, html as g } from "lit";
-import { customElement as pt, property as v } from "lit/decorators.js";
-import { classMap as ht } from "lit/directives/class-map.js";
-import { getI18nSeatReservation as w } from "../../common/translations.js";
+import { css as gt, LitElement as ut, nothing as E, html as g } from "lit";
+import { customElement as mt, property as v } from "lit/decorators.js";
+import { classMap as dt } from "lit/directives/class-map.js";
+import { getI18nSeatReservation as w } from "../common/translations.js";
 import "@sbb-esta/lyne-elements/screen-reader-only.js";
 import "../seat-reservation-navigation-services.js";
-const xt = mt`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-navigation-travelclass-spacing: .625rem;--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-outline-width: var(--sbb-border-width-1x);--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-width-hover: var(--sbb-border-width-2x);--sbb-seat-reservation-navigation-btn-background-color-hover: var(--sbb-color-cloud)}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-2x);width:var(--sbb-train-formation-wagon-width);list-style-type:none}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{width:calc(100% - 1.125rem)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-start-start-radius:var(--sbb-border-radius-8x);border-end-start-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class{margin-inline-start:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-8x);border-end-end-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__additional-information{padding-inline-end:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.vertical-coach{flex-direction:row}.sbb-sr-navigation__ctrl-button{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;flex-direction:column;justify-content:center;height:2.25rem;position:relative;outline:var(--sbb-seat-reservation-navigation-btn-outline-width) solid var(--sbb-seat-reservation-navigation-btn-outline-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:pointer}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x);cursor:initial}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button,.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled,.sbb-sr-navigation-driver-area),.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-outline-width: var( --sbb-seat-reservation-navigation-btn-outline-width-hover );--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-silver)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-milk)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-cloud)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-iron)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-platinum);cursor:unset;pointer-events:unset}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-graphite)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite)}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:var(--sbb-spacing-fixed-2x);padding-inline:1rem 1rem;font-family:var(--sbb-typo-font-family);font-weight:700;color:var(--sbb-color-granite)}@media (forced-colors: active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite)}@media (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite)}}@media (forced-colors: active) and (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:inherit}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-charcoal)}.sbb-sr-navigation--first-class{width:calc(100% - .5rem);position:absolute;inset-block-start:.1875rem;inset-inline-start:.25rem;border:var(--sbb-border-width-1x) solid transparent;border-radius:var(--sbb-border-radius-1x);margin:auto;background-color:var(--sbb-color-lemon)}.sbb-sr-navigation__item-coach-travelclass{display:flex;align-items:center;justify-content:center;min-height:1.25rem;min-width:1.25rem;border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);color:var(--sbb-color-white)}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation__ctrl-button{flex-direction:row-reverse;height:5rem;min-width:2.25rem}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:1rem 1rem;padding-inline-start:unset;padding-inline-end:unset}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation--first-class{height:calc(100% - .5rem);width:initial;inset-inline-end:.1875rem;inset-block-start:.25rem;inset-inline-start:initial}.sbb-sr-navigation__item-coach.vertical-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.vertical-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 1.125rem)}.sbb-sr-navigation__item-coach.vertical-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-8x);border-end-start-radius:var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.vertical-coach.first-coach:not(.last-coach) .sbb-sr-navigation--first-class{margin-block-start:var(--sbb-seat-reservation-navigation-travelclass-spacing);margin-inline-start:initial}.sbb-sr-navigation__item-coach.vertical-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-2x);border-end-start-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.vertical-coach.last-coach:not(.first-coach) .sbb-sr-navigation--first-class{margin-block-end:var(--sbb-seat-reservation-navigation-travelclass-spacing);margin-inline-end:initial}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation-driver-area{height:5rem;min-width:2.25rem}`, yt = 3;
-let Rt = (() => {
-  var u, m, f, p, x, y, C, I, k, S, A, r;
-  let o = [pt("sbb-seat-reservation-navigation-coach")], n, c = [], h, N = ft, B, $ = [], T = [], R, D = [], O = [], L, V = [], j = [], H, G = [], K = [], U, q = [], F = [], M, Y = [], P = [], X, J = [], Q = [], W, Z = [], tt = [], at, et = [], st = [], it, rt = [], ot = [], nt, ct = [], lt = [];
-  var z = (r = class extends N {
+const ft = gt`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-navigation-travelclass-spacing: .625rem;--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-outline-width: var(--sbb-border-width-1x);--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-width-hover: var(--sbb-border-width-2x);--sbb-seat-reservation-navigation-btn-background-color-hover: var(--sbb-color-cloud)}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-2x);width:var(--sbb-train-formation-wagon-width);list-style-type:none}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{width:calc(100% - 1.125rem)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-start-start-radius:var(--sbb-border-radius-8x);border-end-start-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class{margin-inline-start:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-8x);border-end-end-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__additional-information{padding-inline-end:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.vertical-coach{flex-direction:row}.sbb-sr-navigation__ctrl-button{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;flex-direction:column;justify-content:center;height:2.25rem;position:relative;outline:var(--sbb-seat-reservation-navigation-btn-outline-width) solid var(--sbb-seat-reservation-navigation-btn-outline-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:pointer}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x);cursor:initial}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button,.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled,.sbb-sr-navigation-driver-area),.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-outline-width: var( --sbb-seat-reservation-navigation-btn-outline-width-hover );--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-silver)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-milk)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-cloud)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-iron)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-platinum);cursor:unset;pointer-events:unset}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-graphite)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite)}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:var(--sbb-spacing-fixed-2x);padding-inline:1rem 1rem;font-family:var(--sbb-typo-font-family);font-weight:700;color:var(--sbb-color-granite)}@media (forced-colors: active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite)}@media (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite)}}@media (forced-colors: active) and (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:inherit}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-charcoal)}.sbb-sr-navigation--first-class{width:calc(100% - .5rem);position:absolute;inset-block-start:.1875rem;inset-inline-start:.25rem;border:var(--sbb-border-width-1x) solid transparent;border-radius:var(--sbb-border-radius-1x);margin:auto;background-color:var(--sbb-color-lemon)}.sbb-sr-navigation__item-coach-travelclass{display:flex;align-items:center;justify-content:center;min-height:1.25rem;min-width:1.25rem;border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);color:var(--sbb-color-white)}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation__ctrl-button{flex-direction:row-reverse;height:5rem;min-width:2.25rem}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:1rem 1rem;padding-inline-start:unset;padding-inline-end:unset}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation--first-class{height:calc(100% - .5rem);width:initial;inset-inline-end:.1875rem;inset-block-start:.25rem;inset-inline-start:initial}.sbb-sr-navigation__item-coach.vertical-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.vertical-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 1.125rem)}.sbb-sr-navigation__item-coach.vertical-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-8x);border-end-start-radius:var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.vertical-coach.first-coach:not(.last-coach) .sbb-sr-navigation--first-class{margin-block-start:var(--sbb-seat-reservation-navigation-travelclass-spacing);margin-inline-start:initial}.sbb-sr-navigation__item-coach.vertical-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-2x);border-end-start-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.vertical-coach.last-coach:not(.first-coach) .sbb-sr-navigation--first-class{margin-block-end:var(--sbb-seat-reservation-navigation-travelclass-spacing);margin-inline-end:initial}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation-driver-area{height:5rem;min-width:2.25rem}`, pt = 3;
+let $t = (() => {
+  var u, m, f, p, x, y, I, C, k, A, S, r;
+  let o = [mt("sbb-seat-reservation-navigation-coach")], n, c = [], h, z = ut, B, $ = [], N = [], T, D = [], R = [], O, L = [], V = [], j, H = [], G = [], K, U = [], q = [], F, M = [], Y = [], P, X = [], J = [], Q, W = [], Z = [], tt, at = [], et = [], st, it = [], rt = [], ot, nt = [], ct = [];
+  return r = class extends z {
     constructor() {
       super(...arguments);
       b(this, u);
@@ -26,12 +25,12 @@ let Rt = (() => {
       b(this, p);
       b(this, x);
       b(this, y);
-      b(this, C);
       b(this, I);
+      b(this, C);
       b(this, k);
-      b(this, S);
       b(this, A);
-      s(this, u, i(this, $, "")), s(this, m, (i(this, T), i(this, D, []))), s(this, f, (i(this, O), i(this, V, !1))), s(this, p, (i(this, j), i(this, G, !1))), s(this, x, (i(this, K), i(this, q, 0))), s(this, y, (i(this, F), i(this, Y, ["ANY_CLASS"]))), s(this, C, (i(this, P), i(this, J, !1))), s(this, I, (i(this, Q), i(this, Z, !1))), s(this, k, (i(this, tt), i(this, et, !1))), s(this, S, (i(this, st), i(this, rt, !1))), s(this, A, (i(this, ot), i(this, ct, !1))), this._language = (i(this, lt), new ut(this)), this.selectNavCoach = new vt(this, z.events.selectCoach), this.focusNavCoach = new vt(this, z.events.focusCoach);
+      b(this, S);
+      s(this, u, i(this, $, "")), s(this, m, (i(this, N), i(this, D, []))), s(this, f, (i(this, R), i(this, L, !1))), s(this, p, (i(this, V), i(this, H, !1))), s(this, x, (i(this, G), i(this, U, 0))), s(this, y, (i(this, q), i(this, M, ["ANY_CLASS"]))), s(this, I, (i(this, Y), i(this, X, !1))), s(this, C, (i(this, J), i(this, W, !1))), s(this, k, (i(this, Z), i(this, at, !1))), s(this, A, (i(this, et), i(this, it, !1))), s(this, S, (i(this, rt), i(this, nt, !1))), this._language = (i(this, ct), new _t(this));
     }
     /** Coach ID, which is used to identify the coach in the navigation */
     get coachId() {
@@ -76,17 +75,17 @@ let Rt = (() => {
     }
     /** If the coach is a driver/restricted area */
     get driverArea() {
-      return l(this, C);
+      return l(this, I);
     }
     set driverArea(a) {
-      s(this, C, a);
+      s(this, I, a);
     }
     /** If the coach is the first in the navigation */
     get first() {
-      return l(this, I);
+      return l(this, C);
     }
     set first(a) {
-      s(this, I, a);
+      s(this, C, a);
     }
     /** If the coach is the last in the navigation */
     get last() {
@@ -97,22 +96,22 @@ let Rt = (() => {
     }
     /** Disable the coach navigation */
     get disable() {
-      return l(this, S);
+      return l(this, A);
     }
     set disable(a) {
-      s(this, S, a);
+      s(this, A, a);
     }
     /** If the coach navigation should be displayed vertically */
     get vertical() {
-      return l(this, A);
+      return l(this, S);
     }
     set vertical(a) {
-      s(this, A, a);
+      s(this, S, a);
     }
     willUpdate(a) {
       if (super.willUpdate(a), a.has("selected")) {
         const t = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
-        this.selected && t && (t.focus(), this.focusNavCoach.emit());
+        this.selected && t && (t.focus(), this.dispatchEvent(new Event("focuscoach", { bubbles: !0, composed: !0 })));
       }
       if (a.has("focused") && this.focused) {
         const t = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
@@ -127,9 +126,9 @@ let Rt = (() => {
      * @protected
      */
     render() {
-      return this.propertyIds = this.propertyIds.filter((a) => a !== "ANY_SEAT").slice(0, yt), g`
+      return this.propertyIds = this.propertyIds.filter((a) => a !== "ANY_SEAT").slice(0, pt), g`
       <div
-        class="${ht({
+        class="${dt({
         "sbb-sr-navigation__item-coach": !0,
         "last-coach": this.last,
         "first-coach": this.first,
@@ -150,7 +149,7 @@ let Rt = (() => {
       return g` <button
         type="button"
         ?disabled="${this.disable}"
-        class="${ht({
+        class="${dt({
         "sbb-sr-navigation__ctrl-button": !0,
         "sbb-sr-navigation-driver-area": this.driverArea
       })}"
@@ -188,8 +187,8 @@ let Rt = (() => {
         ]);
       let t = w("NAVIGATE_TO_COACH", this._language.current, [this.coachId]);
       if (a) {
-        const _t = w(a === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), gt = w("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [_t]);
-        t = t.concat(gt);
+        const vt = w(a === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), ht = w("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [vt]);
+        t = t.concat(ht);
       }
       return t;
     }
@@ -203,42 +202,45 @@ let Rt = (() => {
      * @private
      */
     _selectNavCoach(a) {
-      this.driverArea || this.selectNavCoach.emit(a);
+      this.driverArea || this.dispatchEvent(new CustomEvent("selectcoach", {
+        bubbles: !0,
+        composed: !0,
+        detail: a
+      }));
     }
     _getCoachServiceClassNumber() {
       return this.travelClass?.includes("FIRST") ? 1 : this.travelClass?.includes("SECOND") ? 2 : null;
     }
-  }, u = new WeakMap(), m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), y = new WeakMap(), C = new WeakMap(), I = new WeakMap(), k = new WeakMap(), S = new WeakMap(), A = new WeakMap(), h = r, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(N[Symbol.metadata] ?? null) : void 0;
-    B = [_(), v({ attribute: "coach-id" })], R = [v({ attribute: "property-ids", type: Array })], L = [_(), v({ type: Boolean })], H = [_(), v({ type: Boolean })], U = [_(), v({ type: Number })], M = [v({ attribute: "travel-class", type: Array })], X = [_(), v({ attribute: "driver-area", type: Boolean })], W = [_(), v({ type: Boolean })], at = [_(), v({ type: Boolean })], it = [_(), v({ attribute: "disable", type: Boolean })], nt = [_(), v({ type: Boolean })], d(r, null, B, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (t) => "coachId" in t, get: (t) => t.coachId, set: (t, e) => {
+  }, u = new WeakMap(), m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), y = new WeakMap(), I = new WeakMap(), C = new WeakMap(), k = new WeakMap(), A = new WeakMap(), S = new WeakMap(), h = r, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(z[Symbol.metadata] ?? null) : void 0;
+    B = [_(), v({ attribute: "coach-id" })], T = [v({ attribute: "property-ids", type: Array })], O = [_(), v({ type: Boolean })], j = [_(), v({ type: Boolean })], K = [_(), v({ type: Number })], F = [v({ attribute: "travel-class", type: Array })], P = [_(), v({ attribute: "driver-area", type: Boolean })], Q = [_(), v({ type: Boolean })], tt = [_(), v({ type: Boolean })], st = [_(), v({ attribute: "disable", type: Boolean })], ot = [_(), v({ type: Boolean })], d(r, null, B, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (t) => "coachId" in t, get: (t) => t.coachId, set: (t, e) => {
       t.coachId = e;
-    } }, metadata: a }, $, T), d(r, null, R, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, e) => {
+    } }, metadata: a }, $, N), d(r, null, T, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, e) => {
       t.propertyIds = e;
-    } }, metadata: a }, D, O), d(r, null, L, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, get: (t) => t.selected, set: (t, e) => {
+    } }, metadata: a }, D, R), d(r, null, O, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, get: (t) => t.selected, set: (t, e) => {
       t.selected = e;
-    } }, metadata: a }, V, j), d(r, null, H, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (t) => "focused" in t, get: (t) => t.focused, set: (t, e) => {
+    } }, metadata: a }, L, V), d(r, null, j, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (t) => "focused" in t, get: (t) => t.focused, set: (t, e) => {
       t.focused = e;
-    } }, metadata: a }, G, K), d(r, null, U, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (t) => "index" in t, get: (t) => t.index, set: (t, e) => {
+    } }, metadata: a }, H, G), d(r, null, K, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (t) => "index" in t, get: (t) => t.index, set: (t, e) => {
       t.index = e;
-    } }, metadata: a }, q, F), d(r, null, M, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (t) => "travelClass" in t, get: (t) => t.travelClass, set: (t, e) => {
+    } }, metadata: a }, U, q), d(r, null, F, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (t) => "travelClass" in t, get: (t) => t.travelClass, set: (t, e) => {
       t.travelClass = e;
-    } }, metadata: a }, Y, P), d(r, null, X, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (t) => "driverArea" in t, get: (t) => t.driverArea, set: (t, e) => {
+    } }, metadata: a }, M, Y), d(r, null, P, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (t) => "driverArea" in t, get: (t) => t.driverArea, set: (t, e) => {
       t.driverArea = e;
-    } }, metadata: a }, J, Q), d(r, null, W, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (t) => "first" in t, get: (t) => t.first, set: (t, e) => {
+    } }, metadata: a }, X, J), d(r, null, Q, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (t) => "first" in t, get: (t) => t.first, set: (t, e) => {
       t.first = e;
-    } }, metadata: a }, Z, tt), d(r, null, at, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (t) => "last" in t, get: (t) => t.last, set: (t, e) => {
+    } }, metadata: a }, W, Z), d(r, null, tt, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (t) => "last" in t, get: (t) => t.last, set: (t, e) => {
       t.last = e;
-    } }, metadata: a }, et, st), d(r, null, it, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (t) => "disable" in t, get: (t) => t.disable, set: (t, e) => {
+    } }, metadata: a }, at, et), d(r, null, st, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (t) => "disable" in t, get: (t) => t.disable, set: (t, e) => {
       t.disable = e;
-    } }, metadata: a }, rt, ot), d(r, null, nt, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, e) => {
+    } }, metadata: a }, it, rt), d(r, null, ot, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, e) => {
       t.vertical = e;
-    } }, metadata: a }, ct, lt), d(null, n = { value: h }, o, { kind: "class", name: h.name, metadata: a }, null, c), z = h = n.value, a && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), r.styles = xt, r.events = {
-    selectCoach: "selectCoach",
-    focusCoach: "focusCoach"
-  }, i(h, c), r);
-  return z = h;
+    } }, metadata: a }, nt, ct), d(null, n = { value: h }, o, { kind: "class", name: h.name, metadata: a }, null, c), h = n.value, a && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), r.styles = ft, r.events = {
+    selectcoach: "selectcoach",
+    focuscoach: "focuscoach"
+  }, i(h, c), h;
 })();
 export {
-  Rt as SbbSeatReservationNavigationCoachElement
+  $t as SbbSeatReservationNavigationCoachElement
 };

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

@@ -0,0 +1 @@
+{"version":3,"file":"seat-reservation-navigation-coach.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-coach.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oFAAoF,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"seat-reservation-navigation-services.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACxE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,+CAA+C,CAAC;AACvD,OAAO,gCAAgC,CAAC;AAIxC;;;GAGG;AACH,qBAEM,2CAA4C,SAAQ,UAAU;IAClE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,0DAA0D;IAC1D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;IA4B3C,OAAO,CAAC,2BAA2B;CAcpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0CAA0C,EAAE,2CAA2C,CAAC;KACzF;CACF"}

package/seat-reservation/{seat-reservation-navigation/seat-reservation-navigation-services → seat-reservation-navigation-services}/seat-reservation-navigation-services.component.js

@@ -9,9 +9,9 @@ import { forceType as w } from "@sbb-esta/lyne-elements/core/decorators.js";
 import { css as A, LitElement as j, nothing as z, html as E } from "lit";
 import { customElement as C, property as D } from "lit/decorators.js";
 import { classMap as k } from "lit/directives/class-map.js";
-import { getI18nSeatReservation as m } from "../../common.js";
+import { getI18nSeatReservation as m } from "../common.js";
 import "@sbb-esta/lyne-elements/screen-reader-only.js";
-import "../../seat-reservation-graphic.js";
+import "../seat-reservation-graphic.js";
 const O = A`*,:before,:after{box-sizing:border-box}.sbb-sr-navigation__signs{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-2x);color:var(--sbb-color-granite)}.sbb-sr-navigation__signs--vertical{align-content:center;height:100%}`;
 let J = (() => {
   var o, c, l;

package/seat-reservation/seat-reservation-navigation-services.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seat-reservation-navigation-services.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-services.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0FAA0F,CAAC"}