@sbb-esta/lyne-elements-experimental 3.11.0 → 3.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/custom-elements.json +66 -11
  2. package/development/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts.map +1 -1
  3. package/development/seat-reservation/common/mapper/seat-reservation-sample-data.js +19 -3
  4. package/development/seat-reservation/common/translations/i18n.d.ts +22 -13
  5. package/development/seat-reservation/common/translations/i18n.d.ts.map +1 -1
  6. package/development/seat-reservation/common/translations/i18n.js +412 -33
  7. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +8 -1
  8. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  9. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +11 -1
  10. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts +3 -1
  11. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  12. package/development/seat-reservation/seat-reservation/seat-reservation.component.js +19 -5
  13. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +2 -1
  14. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +57 -36
  15. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +2 -2
  16. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
  17. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +4 -2
  18. package/package.json +2 -2
  19. package/pearl-chain/pearl-chain.component.js +1 -1
  20. package/pearl-chain-time/pearl-chain-time.component.js +1 -1
  21. package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
  22. package/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts.map +1 -1
  23. package/seat-reservation/common/mapper/seat-reservation-sample-data.js +18 -2
  24. package/seat-reservation/common/translations/i18n.d.ts +22 -13
  25. package/seat-reservation/common/translations/i18n.d.ts.map +1 -1
  26. package/seat-reservation/common/translations/i18n.js +406 -35
  27. package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +8 -1
  28. package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  29. package/seat-reservation/seat-reservation/seat-reservation-base-element.js +16 -7
  30. package/seat-reservation/seat-reservation/seat-reservation.component.d.ts +3 -1
  31. package/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  32. package/seat-reservation/seat-reservation/seat-reservation.component.js +13 -10
  33. package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +10 -10
  34. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +101 -101
  35. package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
  36. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
  37. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +7 -7
  38. package/timetable-row/timetable-row.component.js +1 -1
package/seat-reservation/seat-reservation/seat-reservation.component.d.ts CHANGED
@@ -19,8 +19,9 @@ export declare class SbbSeatReservationElement extends SeatReservationBaseElemen
19
19
  private _renderNavigation;
20
20
  /**
21
21
  *
22
- * @param coaches
23
22
  * @returns
23
+ * @param seatReservation
24
+ * @param deckIndex
24
25
  */
25
26
  private _renderCoaches;
26
27
  private _renderCoachElement;
@@ -38,6 +39,7 @@ export declare class SbbSeatReservationElement extends SeatReservationBaseElemen
38
39
  * @param rotation
39
40
  * @param coachDimension
40
41
  * @param coachIndex used to generate a unique id for the popover trigger
42
+ * @param coachDeckIndex used to generate a unique id
41
43
  * @private
42
44
  */
43
45
  private _getRenderElementWithArea;
package/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map CHANGED
@@ -1 +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":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAgB1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGhF,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+CAA+C,CAAC;AACvD,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yCAAyC,CAAC;AACjD,OAAO,+BAA+B,CAAC;AACvC,OAAO,4CAA4C,CAAC;AAEpD;;;GAGG;AACH,qBAEM,yBAA0B,SAAQ,0BAA0B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,oBAAoB,CAAC,CAAiB;IAE9C,OAAO,CAAC,gBAAgB,CAQtB;IAGF,OAAO,CAAC,2BAA2B,CAAkB;cAElC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAS3D,MAAM,IAAI,cAAc,GAAG,IAAI;IAKlD,OAAO,CAAC,uCAAuC;IAoD/C,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,8BAA8B;IAkCtC,OAAO,CAAC,iBAAiB;IAwCzB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,mBAAmB;IAqC3B;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IA8BhC,OAAO,CAAC,qBAAqB;IA8B7B,OAAO,CAAC,wBAAwB;IAoDhC,OAAO,CAAC,6BAA6B;IAgCrC;;;;;;;OAOG;IACH,OAAO,CAAC,yBAAyB;IA2EjC,OAAO,CAAC,4BAA4B;IAuCpC,OAAO,CAAC,2BAA2B;IAwCnC;;;;OAIG;IACH,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,gBAAgB;IASxB;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAWhB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,yBAAyB;IAkCjC,OAAO,CAAC,8BAA8B;CAyBvC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}
1
+ {"version":3,"file":"seat-reservation.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation/seat-reservation.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAgB1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGhF,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+CAA+C,CAAC;AACvD,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yCAAyC,CAAC;AACjD,OAAO,+BAA+B,CAAC;AACvC,OAAO,4CAA4C,CAAC;AAEpD;;;GAGG;AACH,qBAEM,yBAA0B,SAAQ,0BAA0B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,oBAAoB,CAAC,CAAiB;IAE9C,OAAO,CAAC,gBAAgB,CAQtB;IAGF,OAAO,CAAC,2BAA2B,CAAkB;cAElC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAS3D,MAAM,IAAI,cAAc,GAAG,IAAI;IAKlD,OAAO,CAAC,uCAAuC;IAoD/C,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,8BAA8B;IAmCtC,OAAO,CAAC,iBAAiB;IAwCzB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,mBAAmB;IAqC3B;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IA8BhC,OAAO,CAAC,qBAAqB;IA8B7B,OAAO,CAAC,wBAAwB;IAoDhC,OAAO,CAAC,6BAA6B;IAgCrC;;;;;;;;OAQG;IACH,OAAO,CAAC,yBAAyB;IAgFjC,OAAO,CAAC,4BAA4B;IAuCpC,OAAO,CAAC,2BAA2B;IAwCnC;;;;OAIG;IACH,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,gBAAgB;IASxB;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAWhB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,yBAAyB;IAkCjC,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 CHANGED
@@ -14,7 +14,7 @@ import "../seat-reservation-place-control.js";
14
14
  import "../seat-reservation-navigation-coach.js";
15
15
  import "../seat-reservation-scoped.js";
16
16
  import "@sbb-esta/lyne-elements/popover/popover.js";
17
- const T = R`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-height: 0;--sbb-seat-reservation-decks: 1;display:block;height:inherit}:host ::part(coach-floor){fill:var(--sbb-background-color-2)}@media (forced-colors: active){:host ::part(coach-floor){fill:transparent}}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(coach-floor){rotate:180deg}[popover]:where(sbb-popover){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}.sbb-sr__container{display:flex;height:inherit}.sbb-sr__grid{display:grid;grid-template-columns:20% 1fr 20%;grid-template-rows:auto auto}.sbb-sr__grid .sbb-sr-navigation-first-grid,.sbb-sr__grid .sbb-sr-navigation-last-grid{grid-row-start:1;position:relative}.sbb-sr__grid .sbb-sr-navigation-first-grid{grid-column:1/2}.sbb-sr__grid .sbb-sr-navigation-last-grid{grid-column:3/4}.sbb-sr__grid .sbb-sr__component{display:flex;grid-column:1/4;grid-row:1/3}.sbb-sr__grid .sbb-sr-grid-inner{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:auto 1fr;gap:0}.sbb-sr__grid .sbb-sr-grid-inner .nav-grid{grid-column:2/3;grid-row:1/2;display:inherit}.sbb-sr__grid .sbb-sr-grid-inner .coaches-grid{grid-column:1/4;grid-row:2/3;display:inherit}.sbb-sr__navigation-control-button{position:absolute;z-index:10}.sbb-sr__navigation-control-button#first-tab-element{inset-inline-end:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__navigation-control-button#last-tab-element{inset-inline-start:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation-wrapper{overflow:hidden;padding-block:0 calc(32 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr-navigation::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr-navigation::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr-navigation::-webkit-scrollbar-button,.sbb-sr-navigation::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr-navigation{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr-navigation{--sbb-scrollbar-color: transparent;display:flex;overflow:scroll hidden;position:relative}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-coach-decks{display:flex;overflow:hidden;height:inherit}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{display:flex;justify-content:space-between;height:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));writing-mode:vertical-lr}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{height:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-end:16px;rotate:180deg;text-align:center;line-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr__wrapper::-webkit-scrollbar-button,.sbb-sr__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr__wrapper{overflow-x:scroll;padding-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper .sbb-sr__parent{display:flex;flex-direction:column;position:relative}.sbb-sr__list-decks{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column}.sbb-sr__list-decks--gap{gap:calc(48 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-item-deck{position:relative}.sbb-sr__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-popover{margin:0}.sbb-sr-coach-wrapper__table{outline:0}:host([align-vertical]) .sbb-sr{grid-template-columns:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 1fr;grid-template-rows:20% 60% 20%}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid{grid-column:2/3;grid-row-start:1}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid #first-tab-element{position:absolute;inset-block-end:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-end:initial;rotate:90deg}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid{grid-column:2/3;grid-row:3/4}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid #last-tab-element{inset-block-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:90deg}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-wrapper{padding-block-end:initial;padding-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr__component{grid-column:1/3;grid-row:1/4}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner{grid-template-columns:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 1fr;grid-template-rows:20% 60% 20%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid{grid-column:2/3;grid-row:2/3;height:100%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid .sbb-sr-navigation{display:block;overflow:hidden scroll;height:100%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid .sbb-sr-navigation .sbb-sr-navigation__list-coaches{flex-direction:column;padding:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid{grid-column:1/2;grid-row:1/4;overflow:hidden;position:relative}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc(100% - 24 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{width:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:16px;rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-button,:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{overflow:hidden scroll;height:100%;padding:0}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__parent{rotate:90deg;transform-origin:calc((var(--sbb-seat-reservation-height) + 24 - 24 - 6 * (var(--sbb-seat-reservation-decks) - 1)) / 2 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc((var(--sbb-seat-reservation-height) + 24 - 24 - 6 * (var(--sbb-seat-reservation-decks) - 1)) / 2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}`;
17
+ const T = R`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-height: 0;--sbb-seat-reservation-decks: 1;display:block;height:inherit}:host ::part(coach-floor){fill:var(--sbb-background-color-2)}@media(forced-colors:active){:host ::part(coach-floor){fill:transparent}}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(coach-floor){rotate:180deg}[popover]:where(sbb-popover){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}.sbb-sr__container{display:flex;height:inherit}.sbb-sr__grid{display:grid;grid-template-columns:20% 1fr 20%;grid-template-rows:auto auto}.sbb-sr__grid .sbb-sr-navigation-first-grid,.sbb-sr__grid .sbb-sr-navigation-last-grid{grid-row-start:1;position:relative;margin-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__grid .sbb-sr-navigation-first-grid{grid-column:1/2}.sbb-sr__grid .sbb-sr-navigation-last-grid{grid-column:3/4}.sbb-sr__grid .sbb-sr__component{display:flex;grid-column:1/4;grid-row:1/3}.sbb-sr__grid .sbb-sr-grid-inner{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:auto 1fr;gap:0}.sbb-sr__grid .sbb-sr-grid-inner .nav-grid{grid-column:2/3;grid-row:1/2;display:inherit}.sbb-sr__grid .sbb-sr-grid-inner .coaches-grid{grid-column:1/4;grid-row:2/3;display:inherit}.sbb-sr__navigation-control-button{position:absolute;z-index:10}.sbb-sr__navigation-control-button#first-tab-element{inset-inline-end:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__navigation-control-button#last-tab-element{inset-inline-start:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation-wrapper{overflow:hidden;padding-block:0 calc(32 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr-navigation::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr-navigation::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr-navigation::-webkit-scrollbar-button,.sbb-sr-navigation::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr-navigation{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr-navigation{padding-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{--sbb-scrollbar-color: transparent;display:flex;overflow:scroll hidden;position:relative}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-coach-decks{display:flex;overflow:hidden;height:inherit}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{display:flex;justify-content:space-between;height:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));writing-mode:vertical-lr}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{height:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-end:16px;rotate:180deg;text-align:center;line-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr__wrapper::-webkit-scrollbar-button,.sbb-sr__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr__wrapper{overflow-x:scroll;padding-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper .sbb-sr__parent{display:flex;flex-direction:column;position:relative}.sbb-sr__list-decks{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column}.sbb-sr__list-decks--gap{gap:calc(48 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-item-deck{position:relative}.sbb-sr__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-popover{margin:0}.sbb-sr-coach-wrapper__table{outline:0}:host([align-vertical]) .sbb-sr{grid-template-columns:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 1fr;grid-template-rows:20% 60% 20%}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid,:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid{margin-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-start:0}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid{grid-column:2/3;grid-row-start:1}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid #first-tab-element{position:absolute;inset-block-end:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-end:initial;rotate:90deg}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid{grid-column:2/3;grid-row:3/4}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid #last-tab-element{inset-block-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:90deg}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-wrapper{padding-block-end:initial;padding-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr__component{grid-column:1/3;grid-row:1/4}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner{grid-template-columns:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 1fr;grid-template-rows:20% 60% 20%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid{grid-column:2/3;grid-row:2/3;height:100%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid .sbb-sr-navigation{display:block;overflow:hidden scroll;height:100%;padding-block-start:0;padding-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid .sbb-sr-navigation .sbb-sr-navigation__list-coaches{flex-direction:column;padding:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid{grid-column:1/2;grid-row:1/4;overflow:hidden;position:relative}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc(100% - 24 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{width:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:16px;rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-button,:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{overflow:hidden scroll;height:100%;padding:0}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__parent{rotate:90deg;transform-origin:calc((var(--sbb-seat-reservation-height) + 24 - 24 - 6 * (var(--sbb-seat-reservation-decks) - 1)) / 2 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc((var(--sbb-seat-reservation-height) + 24 - 24 - 6 * (var(--sbb-seat-reservation-decks) - 1)) / 2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}`;
18
18
  let q = (() => {
19
19
  var h;
20
20
  let $ = [S("sbb-seat-reservation")], w, f = [], d, k = E;
@@ -97,7 +97,7 @@ let q = (() => {
97
97
  _renderNavigationControlButton(r) {
98
98
  if (!this.hasNavigation || !this.seatReservations)
99
99
  return null;
100
- const e = r == "DIRECTION_RIGHT" ? "last-tab-element" : "first-tab-element", a = r == "DIRECTION_RIGHT" ? "arrow-right-small" : "arrow-left-small", s = r == "DIRECTION_RIGHT" ? n("SEAT_RESERVATION_END", this._language.current) : n("SEAT_RESERVATION_BEGIN", this._language.current);
100
+ const e = r == "DIRECTION_RIGHT" ? "last-tab-element" : "first-tab-element", a = r == "DIRECTION_RIGHT" ? "chevron-small-right-small" : "chevron-small-left-small", s = r == "DIRECTION_RIGHT" ? n("SEAT_RESERVATION_END", this._language.current) : n("SEAT_RESERVATION_BEGIN", this._language.current);
101
101
  let t = !0;
102
102
  return (r == "DIRECTION_LEFT" && this.selectedCoachIndex > 0 || r == "DIRECTION_RIGHT" && this.selectedCoachIndex < this.seatReservations[this.currSelectedDeckIndex].coachItems.length - 1) && (t = !1), b`<sbb-secondary-button
103
103
  @click="${() => this.navigateByDirectionBtn(r)}"
@@ -146,8 +146,9 @@ let q = (() => {
146
146
  }
147
147
  /**
148
148
  *
149
- * @param coaches
150
149
  * @returns
150
+ * @param seatReservation
151
+ * @param deckIndex
151
152
  */
152
153
  _renderCoaches(r, e) {
153
154
  const a = JSON.parse(JSON.stringify(r?.coachItems));
@@ -263,35 +264,37 @@ let q = (() => {
263
264
  * @param rotation
264
265
  * @param coachDimension
265
266
  * @param coachIndex used to generate a unique id for the popover trigger
267
+ * @param coachDeckIndex used to generate a unique id
266
268
  * @private
267
269
  */
268
270
  _getRenderElementWithArea(r, e, a, s, t) {
269
- const i = r.icon?.indexOf("TABLE") === -1, o = r.icon && i ? r.icon : null, l = o !== "ENTRY_EXIT", p = r.icon ? n(r.icon, this._language.current) : g, c = this.getCalculatedDimension(r.dimension, a, !0, l), _ = this.getCalculatedPosition(r.position, r.dimension, a, !0), x = `popover-trigger-${t}-${s}-${_.x}-${_.y}`;
270
- let u = "free";
271
- return r.position.y === this.coachBorderOffset * -1 ? u = "upper-border" : r.position.y + r.dimension.h === a.h + this.coachBorderOffset && (u = "lower-border"), b`
271
+ const i = r.icon?.indexOf("TABLE") === -1, o = r.icon && i ? r.icon : null, l = this.isElementDirectlyOnBorder(r, a) && o !== "ENTRY_EXIT", p = r.icon ? n(r.icon, this._language.current) : g, c = this.getCalculatedDimension(r.dimension, a, !0, l), u = this.getCalculatedPosition(r.position, r.dimension, a, !0), x = `popover-trigger-${t}-${s}-${u.x}-${u.y}`;
272
+ let _ = "free";
273
+ return r.position.y === this.coachBorderOffset * -1 ? _ = "upper-border" : r.position.y + r.dimension.h === a.h + this.coachBorderOffset && (_ = "lower-border"), b`
272
274
  <sbb-seat-reservation-area
273
275
  id="${x}"
274
276
  class="${m({ "sbb-seat-reservation-area--cursor-pointer": o !== null })}"
275
277
  style=${v({
276
278
  "--sbb-seat-reservation-area-width": c.w,
277
279
  "--sbb-seat-reservation-area-height": c.h,
278
- "--sbb-seat-reservation-area-top": _.y,
279
- "--sbb-seat-reservation-area-left": _.x
280
+ "--sbb-seat-reservation-area-top": u.y,
281
+ "--sbb-seat-reservation-area-left": u.x
280
282
  })}
281
- mounting=${u}
283
+ mounting=${_}
282
284
  background="dark"
283
285
  aria-hidden="true"
284
286
  >
285
287
  ${o ? b`
286
288
  <sbb-seat-reservation-graphic
287
289
  style=${v({
288
- "--sbb-seat-reservation-graphic-width": this.baseGridSize,
290
+ "--sbb-seat-reservation-graphic-max-width": c.w,
289
291
  "--sbb-seat-reservation-graphic-height": this.baseGridSize,
290
292
  "--sbb-seat-reservation-graphic-rotation": e
291
293
  })}
292
294
  name=${o}
293
295
  role="img"
294
296
  aria-hidden="true"
297
+ class="auto-width"
295
298
  ></sbb-seat-reservation-graphic>
296
299
  ` : g}
297
300
  </sbb-seat-reservation-area>
package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js CHANGED
@@ -2,7 +2,7 @@ var E = (t) => {
2
2
  throw TypeError(t);
3
3
  };
4
4
  var z = (t, r, s) => r.has(t) || E("Cannot " + s);
5
- var m = (t, r, s) => (z(t, r, "read from private field"), s ? s.call(t) : r.get(t)), v = (t, r, s) => r.has(t) ? E("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, s), b = (t, r, s, i) => (z(t, r, "write to private field"), i ? i.call(t, s) : r.set(t, s), s);
5
+ var m = (t, r, s) => (z(t, r, "read from private field"), s ? s.call(t) : r.get(t)), v = (t, r, s) => r.has(t) ? E("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, s), l = (t, r, s, i) => (z(t, r, "write to private field"), i ? i.call(t, s) : r.set(t, s), s);
6
6
  import { __runInitializers as h, __esDecorate as p } from "tslib";
7
7
  import { SbbLanguageController as k } from "@sbb-esta/lyne-elements/core/controllers.js";
8
8
  import { forceType as I } from "@sbb-esta/lyne-elements/core/decorators.js";
@@ -11,7 +11,7 @@ import { customElement as D, property as N } from "lit/decorators.js";
11
11
  import { classMap as O } from "lit/directives/class-map.js";
12
12
  import { mapIconToSvg as C, getI18nSeatReservation as L } from "../common.js";
13
13
  import "@sbb-esta/lyne-elements/icon.js";
14
- const R = $`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.auto-width){--sbb-icon-svg-width: auto;width:auto}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:pointer}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media (forced-colors: active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}`;
14
+ const R = $`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.auto-width){--sbb-icon-svg-width: auto;max-width:calc(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:auto}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:pointer}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media(forced-colors:active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}`;
15
15
  let K = (() => {
16
16
  var n, c, o;
17
17
  let t = [D("sbb-seat-reservation-graphic")], r, s = [], i, d = j, f, _ = [], x = [], w, S = [], y = [];
@@ -20,21 +20,21 @@ let K = (() => {
20
20
  super(...arguments);
21
21
  v(this, n);
22
22
  v(this, c);
23
- b(this, n, h(this, _, "")), b(this, c, (h(this, x), h(this, S, !1))), this._language = (h(this, y), new k(this));
23
+ l(this, n, h(this, _, "")), l(this, c, (h(this, x), h(this, S, !1))), this._language = (h(this, y), new k(this));
24
24
  }
25
25
  /** Name of the SVG graphic to be displayed. */
26
26
  get name() {
27
27
  return m(this, n);
28
28
  }
29
29
  set name(e) {
30
- b(this, n, e);
30
+ l(this, n, e);
31
31
  }
32
32
  /** if true, scale the graphic content of the given element non-uniformly if necessary */
33
33
  get stretch() {
34
34
  return m(this, c);
35
35
  }
36
36
  set stretch(e) {
37
- b(this, c, e);
37
+ l(this, c, e);
38
38
  }
39
39
  render() {
40
40
  const e = C[this.name];
@@ -52,15 +52,15 @@ let K = (() => {
52
52
  </span>`;
53
53
  }
54
54
  _getSvgElement(e) {
55
- const a = new DOMParser(), l = e || "<svg></svg>", g = a.parseFromString(l, "image/svg+xml").firstElementChild;
55
+ const a = new DOMParser(), b = e || "<svg></svg>", g = a.parseFromString(b, "image/svg+xml").firstElementChild;
56
56
  return this.stretch && g?.nodeName.toLowerCase() === "svg" && g.setAttribute("preserveAspectRatio", "none"), g;
57
57
  }
58
58
  }, n = new WeakMap(), c = new WeakMap(), i = o, (() => {
59
59
  const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
60
- f = [I(), N({ attribute: "name" })], w = [I(), N({ attribute: "stretch", type: Boolean })], p(o, null, f, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (a) => "name" in a, get: (a) => a.name, set: (a, l) => {
61
- a.name = l;
62
- } }, metadata: e }, _, x), p(o, null, w, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (a) => "stretch" in a, get: (a) => a.stretch, set: (a, l) => {
63
- a.stretch = l;
60
+ f = [I(), N({ attribute: "name" })], w = [I(), N({ attribute: "stretch", type: Boolean })], p(o, null, f, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (a) => "name" in a, get: (a) => a.name, set: (a, b) => {
61
+ a.name = b;
62
+ } }, metadata: e }, _, x), p(o, null, w, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (a) => "stretch" in a, get: (a) => a.stretch, set: (a, b) => {
63
+ a.stretch = b;
64
64
  } }, metadata: e }, S, y), p(null, r = { value: i }, t, { kind: "class", name: i.name, metadata: e }, null, s), i = r.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
65
65
  })(), o.styles = R, h(i, s), i;
66
66
  })();
package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js CHANGED
@@ -2,126 +2,126 @@ var ha = (o) => {
2
2
  throw TypeError(o);
3
3
  };
4
4
  var ga = (o, n, c) => n.has(o) || ha("Cannot " + c);
5
- var l = (o, n, c) => (ga(o, n, "read from private field"), c ? c.call(o) : n.get(o)), b = (o, n, c) => n.has(o) ? ha("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, c), r = (o, n, c, h) => (ga(o, n, "write to private field"), h ? h.call(o, c) : n.set(o, c), c);
5
+ var b = (o, n, c) => (ga(o, n, "read from private field"), c ? c.call(o) : n.get(o)), l = (o, n, c) => n.has(o) ? ha("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, c), r = (o, n, c, h) => (ga(o, n, "write to private field"), h ? h.call(o, c) : n.set(o, c), c);
6
6
  import { __runInitializers as s, __esDecorate as v } from "tslib";
7
7
  import { SbbLanguageController as pa } from "@sbb-esta/lyne-elements/core/controllers.js";
8
8
  import { forceType as g } from "@sbb-esta/lyne-elements/core/decorators.js";
9
- import { css as fa, LitElement as ya, nothing as z, html as _ } from "lit";
10
- import { customElement as ka, property as d } from "lit/decorators.js";
9
+ import { css as fa, LitElement as ka, nothing as z, html as _ } from "lit";
10
+ import { customElement as ya, property as d } from "lit/decorators.js";
11
11
  import { classMap as _a } from "lit/directives/class-map.js";
12
12
  import { getI18nSeatReservation as u } from "../common/translations.js";
13
13
  import "@sbb-esta/lyne-elements/screen-reader-only.js";
14
14
  import "../seat-reservation-navigation-services.js";
15
- const xa = fa`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-navigation-travelclass-spacing: 10;--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-outline-color: light-dark( var(--sbb-color-granite), var(--sbb-color-graphite) );--sbb-seat-reservation-navigation-btn-outline-width: 1;--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-backgorund-color-2);--sbb-seat-reservation-navigation-btn-outline-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-color-selected: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-width-hover: 2;--sbb-seat-reservation-navigation-btn-background-color-hover: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) )}:host(.sbb-sr__navigation-coach--hover-scroll){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) )}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));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% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.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:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.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:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.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:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:relative;outline:calc(var(--sbb-seat-reservation-navigation-btn-outline-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 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-seat-reservation-navigation-btn-outline-color: light-dark( var(--sbb-color-black), var(--sbb-color-white) )}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-silver);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-silver), var(--sbb-color-black) )}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal);background-color:light-dark(var(--sbb-color-metal),var(--sbb-color-storm))}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite);color:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-milk);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-milk), var(--sbb-color-iron) )}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black);background-color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black);color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.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-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) )}.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-5)}.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);color:light-dark(var(--sbb-color-iron),var(--sbb-color-silver))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-background-color-2);--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-platinum);--sbb-seat-reservation-navigation-btn-outline-color: light-dark( var(--sbb-color-platinum), var(--sbb-color-iron) );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);background-color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite);color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-family:var(--sbb-typo-font-family);font-weight:700;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),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);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}@media (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}}@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-background-color-2-inverted)}.sbb-sr-navigation--first-class{width:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 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:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);background-color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite));color:var(--sbb-color-white);color:light-dark(var(--sbb-color-white),var(--sbb-color-black))}:host([vertical]) .sbb-sr-navigation__item-coach{flex-direction:row}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__ctrl-button{flex-direction:row-reverse;height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline-start:unset;padding-inline-end:unset}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation--first-class{height:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:initial;inset-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,:host([vertical]) .sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-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)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation--first-class{margin-block-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-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)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation--first-class{margin-block-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-end:initial}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation-driver-area{height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}`;
15
+ const xa = fa`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-navigation-travelclass-spacing: 10;--sbb-seat-reservation-navigation-btn-border-width: 1;--sbb-seat-reservation-navigation-btn-border-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-border-color: light-dark( var(--sbb-color-granite), var(--sbb-color-graphite) );--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-selected: 2;--sbb-seat-reservation-navigation-btn-background-color-selected: var(--sbb-color-milk);--sbb-seat-reservation-navigation-btn-background-color-selected: light-dark( var(--sbb-color-milk), var(--sbb-color-iron) );--sbb-seat-reservation-navigation-btn-border-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-selected: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-width-focused: 1;--sbb-seat-reservation-navigation-btn-outline-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-offset-focused: 4;--sbb-seat-reservation-navigation-btn-background-color-focused: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color-focused: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-background-color-hover: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) )}:host(.sbb-sr__navigation-coach--hover-scroll){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) )}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));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% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.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:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.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:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.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:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:relative;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-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__ctrl-button:focus-visible:not([disabled],:disabled){outline:calc(var(--sbb-seat-reservation-navigation-btn-outline-width-focused) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-outline-color-focused);outline-offset:calc(var(--sbb-seat-reservation-navigation-btn-outline-offset-focused) * var(--sbb-seat-reservation-one-px-rem, .0625rem));--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-focused );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-focused )}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal);background-color:light-dark(var(--sbb-color-metal),var(--sbb-color-storm))}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite);color:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected )}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black);background-color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black);color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected )}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-hover )}.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-5)}.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);color:light-dark(var(--sbb-color-iron),var(--sbb-color-silver))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-background-color-2);--sbb-seat-reservation-navigation-btn-border-color: var(--sbb-color-platinum);--sbb-seat-reservation-navigation-btn-border-color: light-dark( var(--sbb-color-platinum), var(--sbb-color-iron) );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);background-color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite);color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-family:var(--sbb-typo-font-family);font-weight:700;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),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);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}}@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-background-color-2-inverted)}.sbb-sr-navigation--first-class{width:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 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:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);background-color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite));color:var(--sbb-color-white);color:light-dark(var(--sbb-color-white),var(--sbb-color-black))}:host([vertical]) .sbb-sr-navigation__item-coach{flex-direction:row}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__ctrl-button{flex-direction:row-reverse;height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline-start:unset;padding-inline-end:unset}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation--first-class{height:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:initial;inset-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,:host([vertical]) .sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-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)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation--first-class{margin-block-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-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)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation--first-class{margin-block-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-end:initial}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation-driver-area{height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}`;
16
16
  let Oa = (() => {
17
- var m, p, f, y, k, x, I, C, A, S, B, w, i;
18
- let o = [ka("sbb-seat-reservation-navigation-coach")], n, c = [], h, E = ya, T, $ = [], N = [], D, O = [], L = [], P, R = [], V = [], j, H = [], U = [], F, G = [], K = [], q, M = [], Y = [], J, Q = [], W = [], X, Z = [], aa = [], ta, ea = [], ra = [], sa, ia = [], oa = [], na, ca = [], la = [], ba, va = [], da = [];
17
+ var m, p, f, k, y, x, I, C, A, w, S, B, i;
18
+ let o = [ya("sbb-seat-reservation-navigation-coach")], n, c = [], h, E = ka, T, $ = [], N = [], D, O = [], L = [], P, R = [], V = [], j, H = [], U = [], F, G = [], K = [], q, M = [], Y = [], J, Q = [], W = [], X, Z = [], aa = [], ea, ta = [], ra = [], sa, ia = [], oa = [], na, ca = [], ba = [], la, va = [], da = [];
19
19
  return i = class extends E {
20
20
  constructor() {
21
21
  super(...arguments);
22
- b(this, m);
23
- b(this, p);
24
- b(this, f);
25
- b(this, y);
26
- b(this, k);
27
- b(this, x);
28
- b(this, I);
29
- b(this, C);
30
- b(this, A);
31
- b(this, S);
32
- b(this, B);
33
- b(this, w);
34
- r(this, m, s(this, $, "")), r(this, p, (s(this, N), s(this, O, []))), r(this, f, (s(this, L), s(this, R, !1))), r(this, y, (s(this, V), s(this, H, !1))), r(this, k, (s(this, U), s(this, G, 0))), r(this, x, (s(this, K), s(this, M, { seats: 0, bicycles: 0 }))), r(this, I, (s(this, Y), s(this, Q, ["ANY_CLASS"]))), r(this, C, (s(this, W), s(this, Z, !1))), r(this, A, (s(this, aa), s(this, ea, !1))), r(this, S, (s(this, ra), s(this, ia, !1))), r(this, B, (s(this, oa), s(this, ca, !1))), r(this, w, (s(this, la), s(this, va, !1))), this._language = (s(this, da), new pa(this));
22
+ l(this, m);
23
+ l(this, p);
24
+ l(this, f);
25
+ l(this, k);
26
+ l(this, y);
27
+ l(this, x);
28
+ l(this, I);
29
+ l(this, C);
30
+ l(this, A);
31
+ l(this, w);
32
+ l(this, S);
33
+ l(this, B);
34
+ r(this, m, s(this, $, "")), r(this, p, (s(this, N), s(this, O, []))), r(this, f, (s(this, L), s(this, R, !1))), r(this, k, (s(this, V), s(this, H, !1))), r(this, y, (s(this, U), s(this, G, 0))), r(this, x, (s(this, K), s(this, M, { seats: 0, bicycles: 0 }))), r(this, I, (s(this, Y), s(this, Q, ["ANY_CLASS"]))), r(this, C, (s(this, W), s(this, Z, !1))), r(this, A, (s(this, aa), s(this, ta, !1))), r(this, w, (s(this, ra), s(this, ia, !1))), r(this, S, (s(this, oa), s(this, ca, !1))), r(this, B, (s(this, ba), s(this, va, !1))), this._language = (s(this, da), new pa(this));
35
35
  }
36
36
  /** Coach ID, which is used to identify the coach in the navigation */
37
37
  get coachId() {
38
- return l(this, m);
38
+ return b(this, m);
39
39
  }
40
- set coachId(t) {
41
- r(this, m, t);
40
+ set coachId(e) {
41
+ r(this, m, e);
42
42
  }
43
43
  /** Coach service property ids, which are used to display the services in the navigation */
44
44
  get propertyIds() {
45
- return l(this, p);
45
+ return b(this, p);
46
46
  }
47
- set propertyIds(t) {
48
- r(this, p, t);
47
+ set propertyIds(e) {
48
+ r(this, p, e);
49
49
  }
50
50
  /* pre-selected Coach index property */
51
51
  get selected() {
52
- return l(this, f);
52
+ return b(this, f);
53
53
  }
54
- set selected(t) {
55
- r(this, f, t);
54
+ set selected(e) {
55
+ r(this, f, e);
56
56
  }
57
57
  /* focus Coach index property */
58
58
  get focused() {
59
- return l(this, y);
59
+ return b(this, k);
60
60
  }
61
- set focused(t) {
62
- r(this, y, t);
61
+ set focused(e) {
62
+ r(this, k, e);
63
63
  }
64
64
  get index() {
65
- return l(this, k);
65
+ return b(this, y);
66
66
  }
67
- set index(t) {
68
- r(this, k, t);
67
+ set index(e) {
68
+ r(this, y, e);
69
69
  }
70
70
  /** Representation of places available for selecting, counting seat places and bicycle places separetely */
71
71
  get freePlacesByType() {
72
- return l(this, x);
72
+ return b(this, x);
73
73
  }
74
- set freePlacesByType(t) {
75
- r(this, x, t);
74
+ set freePlacesByType(e) {
75
+ r(this, x, e);
76
76
  }
77
77
  /** Travel class of the coach */
78
78
  get travelClass() {
79
- return l(this, I);
79
+ return b(this, I);
80
80
  }
81
- set travelClass(t) {
82
- r(this, I, t);
81
+ set travelClass(e) {
82
+ r(this, I, e);
83
83
  }
84
84
  /** If the coach is a driver/restricted area */
85
85
  get driverArea() {
86
- return l(this, C);
86
+ return b(this, C);
87
87
  }
88
- set driverArea(t) {
89
- r(this, C, t);
88
+ set driverArea(e) {
89
+ r(this, C, e);
90
90
  }
91
91
  /** If the coach is the first in the navigation */
92
92
  get first() {
93
- return l(this, A);
93
+ return b(this, A);
94
94
  }
95
- set first(t) {
96
- r(this, A, t);
95
+ set first(e) {
96
+ r(this, A, e);
97
97
  }
98
98
  /** If the coach is the last in the navigation */
99
99
  get last() {
100
- return l(this, S);
100
+ return b(this, w);
101
101
  }
102
- set last(t) {
103
- r(this, S, t);
102
+ set last(e) {
103
+ r(this, w, e);
104
104
  }
105
105
  /** Disable the coach navigation */
106
106
  get disable() {
107
- return l(this, B);
107
+ return b(this, S);
108
108
  }
109
- set disable(t) {
110
- r(this, B, t);
109
+ set disable(e) {
110
+ r(this, S, e);
111
111
  }
112
112
  /** If the coach navigation should be displayed vertically */
113
113
  get vertical() {
114
- return l(this, w);
114
+ return b(this, B);
115
115
  }
116
- set vertical(t) {
117
- r(this, w, t);
116
+ set vertical(e) {
117
+ r(this, B, e);
118
118
  }
119
- willUpdate(t) {
120
- if (super.willUpdate(t), t.has("selected")) {
119
+ willUpdate(e) {
120
+ if (super.willUpdate(e), e.has("selected")) {
121
121
  const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
122
122
  this.selected && a && (a.focus(), this.dispatchEvent(new Event("focuscoach", { bubbles: !0, composed: !0 })));
123
123
  }
124
- if (t.has("focused") && this.focused) {
124
+ if (e.has("focused") && this.focused) {
125
125
  const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
126
126
  a && a.focus();
127
127
  }
@@ -150,7 +150,7 @@ let Oa = (() => {
150
150
  `;
151
151
  }
152
152
  _getNavigationButton() {
153
- const t = this._getCoachServiceClassNumber(), a = this._getTitleDescriptionNavCoachButton(t), e = this._getAriaDescriptionCoachServices();
153
+ const e = this._getCoachServiceClassNumber(), a = this._getTitleDescriptionNavCoachButton(e), t = this._getAriaDescriptionCoachServices();
154
154
  return _` <button
155
155
  type="button"
156
156
  ?disabled="${this.disable}"
@@ -162,88 +162,88 @@ let Oa = (() => {
162
162
  aria-describedby="nav-coach-service-descriptions-${this.index}"
163
163
  @click=${() => this._selectNavCoach(this.index)}
164
164
  >
165
- ${this._getBtnInformation(t)}
165
+ ${this._getBtnInformation(e)}
166
166
  </button>
167
167
  <sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}"
168
- >${e}</sbb-screen-reader-only
168
+ >${t}</sbb-screen-reader-only
169
169
  >`;
170
170
  }
171
- _getBtnInformation(t) {
171
+ _getBtnInformation(e) {
172
172
  return this.driverArea ? null : _`
173
- ${t === 1 ? _`<span class="sbb-sr-navigation--first-class"></span>` : z}
173
+ ${e === 1 ? _`<span class="sbb-sr-navigation--first-class"></span>` : z}
174
174
  ${this.travelClass?.length > 0 || this.coachId ? _`<div class="sbb-sr-navigation__additional-information">
175
175
  ${this.coachId ? _`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
176
176
  ${this.coachId}
177
177
  </div>` : z}
178
178
  <div
179
- ${t ?? z}
179
+ ${e ?? z}
180
180
  class="sbb-sr-navigation__item-coach-travelclass"
181
181
  aria-hidden="true"
182
182
  >
183
- ${t}
183
+ ${e}
184
184
  </div>
185
185
  </div>` : z}
186
186
  `;
187
187
  }
188
- _getTitleDescriptionNavCoachButton(t) {
188
+ _getTitleDescriptionNavCoachButton(e) {
189
189
  if (this.driverArea)
190
190
  return u("NAVIGATE_COACH_BLOCKED", this._language.current, [
191
191
  this.coachId
192
192
  ]);
193
193
  let a = u("NAVIGATE_TO_COACH", this._language.current, [this.coachId]);
194
- if (t) {
195
- const ua = u(t === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), ma = u("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [ua]);
194
+ if (e) {
195
+ const ua = u(e === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), ma = u("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [ua]);
196
196
  a = a.concat(ma);
197
197
  }
198
- const e = u("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.freePlacesByType.seats, this.freePlacesByType.bicycles]);
199
- return a = a.concat(". ").concat(e), a;
198
+ const t = u("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.freePlacesByType.seats, this.freePlacesByType.bicycles]);
199
+ return a = a.concat(". ").concat(t), a;
200
200
  }
201
201
  _getAriaDescriptionCoachServices() {
202
- let t = null;
203
- return this.propertyIds.length && (t = u("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", t += this.propertyIds.map((a) => u(a, this._language.current)).join()), t;
202
+ let e = null;
203
+ return this.propertyIds.length && (e = u("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += this.propertyIds.map((a) => u(a, this._language.current)).join()), e;
204
204
  }
205
205
  /**
206
206
  * emits the index of the coach array for the main navigation.
207
207
  * @param coachIndex
208
208
  * @private
209
209
  */
210
- _selectNavCoach(t) {
210
+ _selectNavCoach(e) {
211
211
  this.driverArea || this.dispatchEvent(new CustomEvent("selectcoach", {
212
212
  bubbles: !0,
213
213
  composed: !0,
214
- detail: t
214
+ detail: e
215
215
  }));
216
216
  }
217
217
  _getCoachServiceClassNumber() {
218
218
  return this.travelClass?.includes("FIRST") ? 1 : this.travelClass?.includes("SECOND") ? 2 : null;
219
219
  }
220
- }, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), y = new WeakMap(), k = new WeakMap(), x = new WeakMap(), I = new WeakMap(), C = new WeakMap(), A = new WeakMap(), S = new WeakMap(), B = new WeakMap(), w = new WeakMap(), h = i, (() => {
221
- const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(E[Symbol.metadata] ?? null) : void 0;
222
- T = [g(), d({ attribute: "coach-id" })], D = [d({ attribute: "property-ids", type: Array })], P = [g(), d({ type: Boolean })], j = [g(), d({ type: Boolean })], F = [g(), d({ type: Number })], q = [d({ attribute: "free-places-by-type", type: Object })], J = [d({ attribute: "travel-class", type: Array })], X = [g(), d({ attribute: "driver-area", type: Boolean })], ta = [g(), d({ type: Boolean })], sa = [g(), d({ type: Boolean })], na = [g(), d({ attribute: "disable", type: Boolean })], ba = [g(), d({ type: Boolean, reflect: !0, useDefault: !0 })], v(i, null, T, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (a) => "coachId" in a, get: (a) => a.coachId, set: (a, e) => {
223
- a.coachId = e;
224
- } }, metadata: t }, $, N), v(i, null, D, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (a) => "propertyIds" in a, get: (a) => a.propertyIds, set: (a, e) => {
225
- a.propertyIds = e;
226
- } }, metadata: t }, O, L), v(i, null, P, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (a) => "selected" in a, get: (a) => a.selected, set: (a, e) => {
227
- a.selected = e;
228
- } }, metadata: t }, R, V), v(i, null, j, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (a) => "focused" in a, get: (a) => a.focused, set: (a, e) => {
229
- a.focused = e;
230
- } }, metadata: t }, H, U), v(i, null, F, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (a) => "index" in a, get: (a) => a.index, set: (a, e) => {
231
- a.index = e;
232
- } }, metadata: t }, G, K), v(i, null, q, { kind: "accessor", name: "freePlacesByType", static: !1, private: !1, access: { has: (a) => "freePlacesByType" in a, get: (a) => a.freePlacesByType, set: (a, e) => {
233
- a.freePlacesByType = e;
234
- } }, metadata: t }, M, Y), v(i, null, J, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (a) => "travelClass" in a, get: (a) => a.travelClass, set: (a, e) => {
235
- a.travelClass = e;
236
- } }, metadata: t }, Q, W), v(i, null, X, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (a) => "driverArea" in a, get: (a) => a.driverArea, set: (a, e) => {
237
- a.driverArea = e;
238
- } }, metadata: t }, Z, aa), v(i, null, ta, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (a) => "first" in a, get: (a) => a.first, set: (a, e) => {
239
- a.first = e;
240
- } }, metadata: t }, ea, ra), v(i, null, sa, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (a) => "last" in a, get: (a) => a.last, set: (a, e) => {
241
- a.last = e;
242
- } }, metadata: t }, ia, oa), v(i, null, na, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (a) => "disable" in a, get: (a) => a.disable, set: (a, e) => {
243
- a.disable = e;
244
- } }, metadata: t }, ca, la), v(i, null, ba, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (a) => "vertical" in a, get: (a) => a.vertical, set: (a, e) => {
245
- a.vertical = e;
246
- } }, metadata: t }, va, da), v(null, n = { value: h }, o, { kind: "class", name: h.name, metadata: t }, null, c), h = n.value, t && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
220
+ }, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), k = new WeakMap(), y = new WeakMap(), x = new WeakMap(), I = new WeakMap(), C = new WeakMap(), A = new WeakMap(), w = new WeakMap(), S = new WeakMap(), B = new WeakMap(), h = i, (() => {
221
+ const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(E[Symbol.metadata] ?? null) : void 0;
222
+ T = [g(), d({ attribute: "coach-id" })], D = [d({ attribute: "property-ids", type: Array })], P = [g(), d({ type: Boolean })], j = [g(), d({ type: Boolean })], F = [g(), d({ type: Number })], q = [d({ attribute: "free-places-by-type", type: Object })], J = [d({ attribute: "travel-class", type: Array })], X = [g(), d({ attribute: "driver-area", type: Boolean })], ea = [g(), d({ type: Boolean })], sa = [g(), d({ type: Boolean })], na = [g(), d({ attribute: "disable", type: Boolean })], la = [g(), d({ type: Boolean, reflect: !0, useDefault: !0 })], v(i, null, T, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (a) => "coachId" in a, get: (a) => a.coachId, set: (a, t) => {
223
+ a.coachId = t;
224
+ } }, metadata: e }, $, N), v(i, null, D, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (a) => "propertyIds" in a, get: (a) => a.propertyIds, set: (a, t) => {
225
+ a.propertyIds = t;
226
+ } }, metadata: e }, O, L), v(i, null, P, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (a) => "selected" in a, get: (a) => a.selected, set: (a, t) => {
227
+ a.selected = t;
228
+ } }, metadata: e }, R, V), v(i, null, j, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (a) => "focused" in a, get: (a) => a.focused, set: (a, t) => {
229
+ a.focused = t;
230
+ } }, metadata: e }, H, U), v(i, null, F, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (a) => "index" in a, get: (a) => a.index, set: (a, t) => {
231
+ a.index = t;
232
+ } }, metadata: e }, G, K), v(i, null, q, { kind: "accessor", name: "freePlacesByType", static: !1, private: !1, access: { has: (a) => "freePlacesByType" in a, get: (a) => a.freePlacesByType, set: (a, t) => {
233
+ a.freePlacesByType = t;
234
+ } }, metadata: e }, M, Y), v(i, null, J, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (a) => "travelClass" in a, get: (a) => a.travelClass, set: (a, t) => {
235
+ a.travelClass = t;
236
+ } }, metadata: e }, Q, W), v(i, null, X, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (a) => "driverArea" in a, get: (a) => a.driverArea, set: (a, t) => {
237
+ a.driverArea = t;
238
+ } }, metadata: e }, Z, aa), v(i, null, ea, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (a) => "first" in a, get: (a) => a.first, set: (a, t) => {
239
+ a.first = t;
240
+ } }, metadata: e }, ta, ra), v(i, null, sa, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (a) => "last" in a, get: (a) => a.last, set: (a, t) => {
241
+ a.last = t;
242
+ } }, metadata: e }, ia, oa), v(i, null, na, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (a) => "disable" in a, get: (a) => a.disable, set: (a, t) => {
243
+ a.disable = t;
244
+ } }, metadata: e }, ca, ba), v(i, null, la, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (a) => "vertical" in a, get: (a) => a.vertical, set: (a, t) => {
245
+ a.vertical = t;
246
+ } }, metadata: e }, va, da), v(null, n = { value: h }, o, { kind: "class", name: h.name, metadata: e }, null, c), h = n.value, e && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
247
247
  })(), i.styles = xa, i.events = {
248
248
  selectcoach: "selectcoach",
249
249
  focuscoach: "focuscoach"