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

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 (167) hide show
  1. package/_index.scss +2 -0
  2. package/{core.css → autocomplete-grid/_autocomplete-grid.global.scss} +4 -3
  3. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +4 -4
  4. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +42 -66
  5. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
  6. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
  7. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
  8. package/{autocomplete-grid-option.component-kcihiOWt.js → autocomplete-grid-option.component-DUFBhQwI.js} +1 -1
  9. package/autocomplete-grid.js +3 -3
  10. package/autocomplete-grid.pure.js +3 -3
  11. package/core/datetime/date-helper.js +1 -1
  12. package/core/styles/_theme.scss +19 -0
  13. package/core.js +1 -1
  14. package/custom-elements.json +165 -27
  15. package/{date-helper-CuMnZCsr.js → date-helper-DNzMLcyb.js} +3 -3
  16. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  17. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +5 -5
  18. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
  19. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +54 -83
  20. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
  21. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +1 -1
  22. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +0 -1
  23. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  24. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
  25. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
  26. package/development/{autocomplete-grid-cell.component-BF8i4388.js → autocomplete-grid-cell.component-BbdELDro.js} +1 -1
  27. package/development/{autocomplete-grid-option.component-D9pTXPlu.js → autocomplete-grid-option.component-C7WuqRit.js} +1 -2
  28. package/development/{autocomplete-grid-row.component-CBHh50jC.js → autocomplete-grid-row.component-DoXbOsQM.js} +1 -1
  29. package/development/autocomplete-grid.js +4 -4
  30. package/development/autocomplete-grid.pure.js +3 -3
  31. package/development/core/datetime/date-helper.js +1 -1
  32. package/development/core/timetable/access-leg-helper.js +1 -1
  33. package/development/core/timetable/timetable-helper.js +1 -1
  34. package/development/core.js +1 -1
  35. package/development/date-helper-BcTDWVeP.js +539 -0
  36. package/development/{differenceInMinutes-B7_GTDq7.js → differenceInMinutes-CxAbGYQ3.js} +2 -2
  37. package/development/{format-DFx4997p.js → format-Cx3zmmaF.js} +3 -3
  38. package/development/{isValid-JpZ7FphI.js → isValid-40Olgzo1.js} +2 -2
  39. package/development/journey-summary/journey-summary.component.js +1 -1
  40. package/development/journey-summary.component-BsC7wBIn.js +341 -0
  41. package/development/journey-summary.js +2 -2
  42. package/development/journey-summary.pure.js +1 -1
  43. package/development/{mapper-hWWm7Uke.js → mapper-BrZOqqfe.js} +1 -1
  44. package/development/pearl-chain/pearl-chain.component.js +1 -1
  45. package/development/pearl-chain-time/pearl-chain-time.component.js +1 -1
  46. package/development/{pearl-chain-time.component-BxVQ1z-Z.js → pearl-chain-time.component-C-CuC1ke.js} +3 -3
  47. package/development/pearl-chain-time.js +2 -2
  48. package/development/pearl-chain-time.pure.js +1 -1
  49. package/development/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
  50. package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
  51. package/development/{pearl-chain-vertical-item.component-DJioJtxP.js → pearl-chain-vertical-item.component-CLu9QrqJ.js} +2 -2
  52. package/development/pearl-chain-vertical-item.js +2 -2
  53. package/development/pearl-chain-vertical-item.pure.js +1 -1
  54. package/development/{pearl-chain-vertical.component-zSOeIkhh.js → pearl-chain-vertical.component-DbPz5k_R.js} +1 -1
  55. package/development/pearl-chain-vertical.js +2 -2
  56. package/development/pearl-chain-vertical.pure.js +1 -1
  57. package/development/pearl-chain.component-10OsJZIX.js +318 -0
  58. package/development/pearl-chain.js +2 -2
  59. package/development/pearl-chain.pure.js +1 -1
  60. package/development/seat-reservation/common/mapper/icon-mapper.js +1 -1
  61. package/development/seat-reservation/common/mapper/mapper.js +1 -1
  62. package/development/seat-reservation/common/mapper.js +1 -1
  63. package/development/seat-reservation/common/svgs.js +1 -1
  64. package/development/seat-reservation/common/translations/i18n.js +1 -1
  65. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +11 -1
  66. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  67. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +41 -24
  68. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  69. package/development/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
  70. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
  71. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
  72. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts +6 -2
  73. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
  74. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +2 -2
  75. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
  76. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts +6 -2
  77. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
  78. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +2 -2
  79. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
  80. package/development/{seat-reservation-area.component-CMqjbUtV.js → seat-reservation-area.component-DPhQJFid.js} +2 -2
  81. package/development/{seat-reservation-graphic.component-C2r57590.js → seat-reservation-graphic.component-0LYsmerm.js} +2 -2
  82. package/development/seat-reservation-navigation-coach.component-B97jKD7Y.js +438 -0
  83. package/development/{seat-reservation-navigation-services.component-Do8JLJh3.js → seat-reservation-navigation-services.component-Cx0Is97w.js} +2 -2
  84. package/development/{seat-reservation-place-control.component-BfuOGZYq.js → seat-reservation-place-control.component-DaL1g8WH.js} +40 -37
  85. package/development/{seat-reservation-scoped.component-D-Mvw-Q3.js → seat-reservation-scoped.component-BHbORVsR.js} +1 -1
  86. package/development/seat-reservation.component-DI9pSlzt.js +473 -0
  87. package/development/seat-reservation.js +12 -12
  88. package/development/seat-reservation.pure.js +11 -11
  89. package/development/{svgs-kDpBCto5.js → svgs-Dj-RKmRs.js} +1 -1
  90. package/development/timetable-duration/timetable-duration.component.js +1 -1
  91. package/development/timetable-duration.component-Chk5D4Is.js +96 -0
  92. package/development/timetable-duration.js +2 -2
  93. package/development/timetable-duration.pure.js +1 -1
  94. package/development/timetable-row/timetable-row.component.d.ts.map +1 -1
  95. package/development/timetable-row/timetable-row.component.js +1 -1
  96. package/development/timetable-row.component-nzrQzxL6.js +736 -0
  97. package/development/timetable-row.js +2 -2
  98. package/development/timetable-row.pure.js +1 -1
  99. package/development/{toDate-DOFAOjP-.js → toDate-CDWut5fS.js} +1 -1
  100. package/{differenceInMinutes-Dr9gRqtu.js → differenceInMinutes-BAZ-Fham.js} +1 -1
  101. package/{format-DbUuNYFU.js → format-DjgG1QPc.js} +2 -2
  102. package/{isValid-B9oVW3lA.js → isValid-CXnsFZVu.js} +1 -1
  103. package/journey-summary/journey-summary.component.js +1 -1
  104. package/{journey-summary.component-CkDRawn9.js → journey-summary.component-DNoO3OCf.js} +41 -41
  105. package/journey-summary.js +1 -1
  106. package/journey-summary.pure.js +1 -1
  107. package/package.json +6 -6
  108. package/pearl-chain/pearl-chain.component.js +1 -1
  109. package/pearl-chain-time/pearl-chain-time.component.js +1 -1
  110. package/{pearl-chain-time.component-D5OCEBJ_.js → pearl-chain-time.component-BuvA6IE1.js} +33 -33
  111. package/pearl-chain-time.js +1 -1
  112. package/pearl-chain-time.pure.js +1 -1
  113. package/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
  114. package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
  115. package/{pearl-chain-vertical-item.component-IdquCJMy.js → pearl-chain-vertical-item.component-QZ4s8Jbv.js} +24 -24
  116. package/pearl-chain-vertical-item.js +1 -1
  117. package/pearl-chain-vertical-item.pure.js +1 -1
  118. package/pearl-chain-vertical.js +1 -1
  119. package/pearl-chain-vertical.pure.js +1 -1
  120. package/{pearl-chain.component-C6lcD7Xl.js → pearl-chain.component-DtGXXkY6.js} +26 -26
  121. package/pearl-chain.js +1 -1
  122. package/pearl-chain.pure.js +1 -1
  123. package/seat-reservation/common/mapper/mapper.js +1 -1
  124. package/seat-reservation/common/mapper.js +1 -1
  125. package/seat-reservation/common/svgs.js +1 -1
  126. package/seat-reservation/seat-reservation/seat-reservation-base-element.js +91 -77
  127. package/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
  128. package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
  129. package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
  130. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +2 -2
  131. package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
  132. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +2 -2
  133. package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
  134. package/{seat-reservation-area.component-BcmwKJSK.js → seat-reservation-area.component-G9lHb7S8.js} +16 -16
  135. package/{seat-reservation-graphic.component-C3wc4DKr.js → seat-reservation-graphic.component-BXFcQDxY.js} +20 -20
  136. package/seat-reservation-navigation-coach.component-BXy8EkJe.js +338 -0
  137. package/{seat-reservation-navigation-services.component-CfAQa7pa.js → seat-reservation-navigation-services.component-49XmV9rv.js} +21 -21
  138. package/{seat-reservation-place-control.component-DrzEDW8Z.js → seat-reservation-place-control.component-DToIW328.js} +70 -71
  139. package/{seat-reservation.component-RNI6_X71.js → seat-reservation.component--0XnrCkk.js} +78 -77
  140. package/seat-reservation.js +12 -12
  141. package/seat-reservation.pure.js +11 -11
  142. package/timetable-duration/timetable-duration.component.js +1 -1
  143. package/timetable-duration.component-iMCvh1zr.js +61 -0
  144. package/timetable-duration.js +1 -1
  145. package/timetable-duration.pure.js +1 -1
  146. package/timetable-row/timetable-row.component.js +1 -1
  147. package/{timetable-row.component-Din-TQ9u.js → timetable-row.component-mNKmhRmP.js} +89 -85
  148. package/timetable-row.js +1 -1
  149. package/timetable-row.pure.js +1 -1
  150. package/core/styles/core.scss +0 -13
  151. package/core/styles/theme.scss +0 -5
  152. package/development/date-helper-DGz-ztQM.js +0 -520
  153. package/development/journey-summary.component-De1ioDRq.js +0 -341
  154. package/development/pearl-chain.component-B83OsEx8.js +0 -312
  155. package/development/seat-reservation-navigation-coach.component-BwLbiHCG.js +0 -426
  156. package/development/seat-reservation.component-B-n0sIL5.js +0 -472
  157. package/development/timetable-duration.component-fBla8Kue.js +0 -96
  158. package/development/timetable-row.component-DSTGtQAC.js +0 -732
  159. package/seat-reservation-navigation-coach.component-D1SgS8BU.js +0 -328
  160. package/timetable-duration.component-DPRcG1LP.js +0 -61
  161. /package/{autocomplete-grid-cell.component-DAsWZlTn.js → autocomplete-grid-cell.component-79IjA__I.js} +0 -0
  162. /package/{autocomplete-grid-row.component-VbyYP0U-.js → autocomplete-grid-row.component-B3U15Rwa.js} +0 -0
  163. /package/{mapper-Cqie5ivY.js → mapper-Dcou8VEf.js} +0 -0
  164. /package/{pearl-chain-vertical.component-CDOWaup3.js → pearl-chain-vertical.component-Dc3vaHsQ.js} +0 -0
  165. /package/{seat-reservation-scoped.component-BohQUGVW.js → seat-reservation-scoped.component-D8dAmrP7.js} +0 -0
  166. /package/{svgs-D5DhLHxC.js → svgs-D4fuYTHV.js} +0 -0
  167. /package/{toDate-p-Tpkb7t.js → toDate-BhNUyM4s.js} +0 -0
@@ -1,19 +1,19 @@
1
1
  import { SeatReservationBaseElement as e } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
2
2
  import { SbbSecondaryButtonElement as t } from "@sbb-esta/lyne-elements/button.pure.js";
3
- import { SbbLanguageController as n, screenReaderOnlyStyles as r, scrollbarStyles as i } from "@sbb-esta/lyne-elements/core.js";
4
- import { html as a, isServer as o, nothing as s, unsafeCSS as c } from "lit";
5
- import { styleMap as l } from "lit/directives/style-map.js";
6
- import { classMap as u } from "lit/directives/class-map.js";
7
- import { getI18nSeatReservation as d } from "./seat-reservation/common/translations.js";
8
- import { SbbSeatReservationGraphicElement as f } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
9
- import { SbbPopoverElement as p } from "@sbb-esta/lyne-elements/popover.pure.js";
10
- import { repeat as m } from "lit/directives/repeat.js";
11
- import { SbbSeatReservationAreaElement as h } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
12
- import { SbbSeatReservationNavigationCoachElement as g } from "./seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
13
- import { SbbSeatReservationPlaceControlElement as _ } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
14
- import { SbbSeatReservationScopedElement as v } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
3
+ import { SbbLanguageController as n, listResetStyles as r, screenReaderOnlyStyles as i, scrollbarStyles as a } from "@sbb-esta/lyne-elements/core.js";
4
+ import { html as o, isServer as s, nothing as c, unsafeCSS as l } from "lit";
5
+ import { styleMap as u } from "lit/directives/style-map.js";
6
+ import { classMap as d } from "lit/directives/class-map.js";
7
+ import { getI18nSeatReservation as f } from "./seat-reservation/common/translations.js";
8
+ import { SbbSeatReservationGraphicElement as p } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
9
+ import { SbbPopoverElement as m } from "@sbb-esta/lyne-elements/popover.pure.js";
10
+ import { repeat as h } from "lit/directives/repeat.js";
11
+ import { SbbSeatReservationAreaElement as g } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
12
+ import { SbbSeatReservationNavigationCoachElement as _ } from "./seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
13
+ import { SbbSeatReservationPlaceControlElement as v } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
14
+ import { SbbSeatReservationScopedElement as y } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
15
15
  //#region src/elements-experimental/seat-reservation/seat-reservation/seat-reservation.scss?inline
16
- var y = ":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}[popover]:where(sbb-popover) .sbb-sr-popover{margin-block:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr__component{flex-direction:row-reverse;justify-content:flex-end;gap:calc(22 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:inherit}@media(min-width:37.5rem){:host([align-vertical]) .sbb-sr__component{gap:calc(54 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation,:host([align-vertical]) .sbb-sr__component ul.sbb-sr-navigation__list-coaches{flex-direction:column}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation{padding:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem));top:0;rotate:90deg}@media(min-width:64rem){:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(-1 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches{max-width:initial;padding:calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem));overflow:hidden scroll}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches li{display:flex}:host([align-vertical]) .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{inline-size:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));block-size:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr__wrapper-scrollarea{width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:100%;overflow:hidden scroll}:host([align-vertical]) .sbb-sr__wrapper-scrollarea .sbb-sr__parent{rotate:90deg}:host([align-vertical]) .sbb-sr-travel-direction-wrapper{width:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation .sbb-sr__navigation-control-button{position:relative;top:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}@media(min-width:64rem){.sbb-sr-navigation .sbb-sr__navigation-control-button{top:0}}.sbb-sr__component{display:flex;flex-direction:column;gap:calc(64 * var(--sbb-seat-reservation-one-px-rem, .0625rem) - 16px)}.sbb-sr-travel-direction-wrapper{display:flex;justify-content:center;align-items:center;column-gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-size:var(--sbb-text-font-size-s)}.sbb-sr-travel-direction-wrapper .sbb-sr__travel-direction--arrow{display:flex;align-items:center}.sbb-sr-navigation-wrapper{display:flex}.sbb-sr-navigation{display:flex;justify-content:center;width:100%;padding-inline:16px}.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(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0;max-width:856px;--sbb-scrollbar-color: transparent;overflow:scroll hidden;position:relative}.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-scrollarea{overflow:scroll hidden;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-scrollarea .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__list-decks:has(.sbb-sr-coach-has-overhanging-elements) .sbb-sr__list-coaches{gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-coach-wrapper__table{outline:0}", b = class extends e {
16
+ var b = ":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}.sbb-sr-popover{margin-block:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr__component{flex-direction:row-reverse;justify-content:flex-end;gap:calc(22 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:inherit}@media(min-width:37.5rem){:host([align-vertical]) .sbb-sr__component{gap:calc(54 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation,:host([align-vertical]) .sbb-sr__component ul.sbb-sr-navigation__list-coaches{flex-direction:column}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation{padding:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem));top:0;rotate:90deg}@media(min-width:64rem){:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(-1 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches{max-width:initial;padding:calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem));overflow:hidden scroll}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches li{display:flex}:host([align-vertical]) .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{inline-size:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));block-size:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr__wrapper-scrollarea{width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:100%;overflow:hidden scroll}:host([align-vertical]) .sbb-sr__wrapper-scrollarea .sbb-sr__parent{rotate:90deg}:host([align-vertical]) .sbb-sr-travel-direction-wrapper{width:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation .sbb-sr__navigation-control-button{position:relative;top:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}@media(min-width:64rem){.sbb-sr-navigation .sbb-sr__navigation-control-button{top:0}}.sbb-sr__component{display:flex;flex-direction:column;gap:calc(64 * var(--sbb-seat-reservation-one-px-rem, .0625rem) - 16px)}.sbb-sr-travel-direction-wrapper{display:flex;justify-content:center;align-items:center;column-gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-size:var(--sbb-text-font-size-s)}.sbb-sr-travel-direction-wrapper .sbb-sr__travel-direction--arrow{display:flex;align-items:center}.sbb-sr-navigation-wrapper{display:flex}.sbb-sr-navigation{display:flex;justify-content:center;width:100%;padding-inline:16px}.sbb-sr-navigation__list-coaches{display:flex;flex-wrap:nowrap;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0;max-width:856px;--sbb-scrollbar-color: transparent;overflow:scroll hidden;position:relative}.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-scrollarea{overflow:scroll hidden;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-scrollarea .sbb-sr__parent{display:flex;flex-direction:column;position:relative}.sbb-sr__list-decks{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{display:flex;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-decks:has(.sbb-sr-coach-has-overhanging-elements) .sbb-sr__list-coaches{gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-coach-wrapper__table{outline:0}", x = class extends e {
17
17
  constructor() {
18
18
  super(...arguments), this._language = new n(this);
19
19
  }
@@ -23,19 +23,20 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
23
23
  static {
24
24
  this.elementDependencies = [
25
25
  t,
26
+ m,
27
+ g,
26
28
  p,
27
- h,
28
- f,
29
+ v,
29
30
  _,
30
- g,
31
- v
31
+ y
32
32
  ];
33
33
  }
34
34
  static {
35
35
  this.styles = [
36
- i,
37
36
  r,
38
- c(y)
37
+ a,
38
+ i,
39
+ l(b)
39
40
  ];
40
41
  }
41
42
  willUpdate(e) {
@@ -50,7 +51,7 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
50
51
  return this._initVehicleSeatReservationConstruction(), this._coachesHtmlTemplate || null;
51
52
  }
52
53
  _initVehicleSeatReservationConstruction() {
53
- this._coachesHtmlTemplate = a`
54
+ this._coachesHtmlTemplate = o`
54
55
  ${this._renderTravelDirection()}
55
56
  <div class="sbb-sr__component">
56
57
  ${this._renderNavigation()}
@@ -67,12 +68,12 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
67
68
  >
68
69
  <div id="sbb-sr__parent-area" class="sbb-sr__parent">
69
70
  <ul
70
- class="${u({
71
+ class="${d({
71
72
  "sbb-sr__list-decks": !0,
72
73
  "sbb-sr__list-decks--gap": this.hasMultipleDecks
73
74
  })}"
74
75
  >
75
- ${this.seatReservations?.map((e, t) => a`<li class="sbb-sr__list-item-deck">
76
+ ${this.seatReservations?.map((e, t) => o`<li class="sbb-sr__list-item-deck">
76
77
  <ul class="sbb-sr__list-coaches" role="presentation">
77
78
  ${this._renderCoaches(e, t)}
78
79
  </ul>
@@ -85,12 +86,12 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
85
86
  `;
86
87
  }
87
88
  _renderDeckLabels() {
88
- return this.hasMultipleDecks ? this.seatReservations.map((e) => a`<b aria-hidden="true">${d(e.deckCoachLevel, this._language.current)}</b>`) : null;
89
+ return this.hasMultipleDecks ? this.seatReservations.map((e) => o`<b aria-hidden="true">${f(e.deckCoachLevel, this._language.current)}</b>`) : null;
89
90
  }
90
91
  _renderNavigationControlButton(e) {
91
92
  if (!this.hasNavigation || !this.seatReservations) return null;
92
- let t = e == "DIRECTION_RIGHT" ? "sbb-sr-navigation__wrapper-button-direction--right" : "sbb-sr-navigation__wrapper-button-direction--left", n = e == "DIRECTION_RIGHT" ? "chevron-small-right-small" : "chevron-small-left-small", r = d(e == "DIRECTION_RIGHT" ? "SEAT_RESERVATION_END" : "SEAT_RESERVATION_BEGIN", this._language.current), i = !0;
93
- return (e == "DIRECTION_LEFT" && this.selectedCoachIndex > 0 || e == "DIRECTION_RIGHT" && this.selectedCoachIndex < this.coachItemDetailsElements.length - 1) && (i = !1), a`<div class="sbb-sr-navigation__wrapper-button-direction">
93
+ let t = e == "DIRECTION_RIGHT" ? "sbb-sr-navigation__wrapper-button-direction--right" : "sbb-sr-navigation__wrapper-button-direction--left", n = e == "DIRECTION_RIGHT" ? "chevron-small-right-small" : "chevron-small-left-small", r = f(e == "DIRECTION_RIGHT" ? "SEAT_RESERVATION_END" : "SEAT_RESERVATION_BEGIN", this._language.current), i = !0;
94
+ return (e == "DIRECTION_LEFT" && this.selectedCoachIndex > 0 || e == "DIRECTION_RIGHT" && this.selectedCoachIndex < this.coachItemDetailsElements.length - 1) && (i = !1), o`<div class="sbb-sr-navigation__wrapper-button-direction">
94
95
  <sbb-secondary-button
95
96
  @click="${() => this.navigateByDirectionBtn(e)}"
96
97
  @focus="${() => this.onFocusNavDirectionButton()}"
@@ -101,15 +102,15 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
101
102
  type="button"
102
103
  aria-label="${r}"
103
104
  role="button"
104
- .disabledInteractive="${i || s}"
105
- .disabled="${i || s}"
105
+ .disabledInteractive="${i || c}"
106
+ .disabled="${i || c}"
106
107
  ></sbb-secondary-button>
107
108
  </div>`;
108
109
  }
109
110
  _renderTravelDirection() {
110
111
  if (!this.travelDirection || this.travelDirection === "NONE") return null;
111
- let e = d("SEAT_RESERVATION_TRAVEL_DIRECTION", this._language.current);
112
- return a`<div class="sbb-sr-travel-direction-wrapper">
112
+ let e = f("SEAT_RESERVATION_TRAVEL_DIRECTION", this._language.current);
113
+ return o`<div class="sbb-sr-travel-direction-wrapper">
113
114
  <div class="sbb-sr__travel-direction--arrow">
114
115
  <sbb-icon slot="icon" name="${`arrow-${this.alignVertical ? this.travelDirection === "RIGHT" ? "down" : "up" : this.travelDirection === "RIGHT" ? "right" : "left"}-small`}"></sbb-icon>
115
116
  </div>
@@ -117,15 +118,15 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
117
118
  </div>`;
118
119
  }
119
120
  _renderNavigation() {
120
- return o || !this.hasNavigation || !this.seatReservations ? null : a`<div class="sbb-sr-navigation-wrapper">
121
+ return s || !this.hasNavigation || !this.seatReservations ? null : o`<div class="sbb-sr-navigation-wrapper">
121
122
  <nav id="sbb-sr-navigation" class="sbb-sr-navigation">
122
123
  ${this._renderNavigationControlButton("DIRECTION_LEFT")}
123
124
  <ul
124
125
  id="sbb-sr__navigation-list-coaches"
125
126
  class="sbb-sr-navigation__list-coaches sbb-scrollbar"
126
- aria-label="${d("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
127
+ aria-label="${f("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
127
128
  >
128
- ${this.coachItemDetailsElements.map((e, t) => a`<li>
129
+ ${this.coachItemDetailsElements.map((e, t) => o`<li>
129
130
  <sbb-seat-reservation-navigation-coach
130
131
  @selectcoach=${(e) => this._onSelectNavCoach(e)}
131
132
  @focuscoach=${() => this._onFocusNavCoach()}
@@ -148,16 +149,16 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
148
149
  }
149
150
  _renderCoaches(e, t) {
150
151
  let n = JSON.parse(JSON.stringify(e?.coachItems));
151
- return !n || o ? null : n.map((n, r) => a`
152
+ return !n || s ? null : n.map((n, r) => o`
152
153
  <li class="sbb-sr__item-coach">
153
154
  ${this._renderCoachElement(n, r, t, e.deckCoachIndex)}
154
155
  </li>
155
156
  `);
156
157
  }
157
158
  _renderCoachElement(e, t, n, r) {
158
- let i = this.seatReservationStructure.decks[n].deckCoaches[t], o = this._getDescriptionTableCoach(e);
159
- return a`<sbb-seat-reservation-scoped
160
- style=${l({
159
+ let i = this.seatReservationStructure.decks[n].deckCoaches[t], a = this._getDescriptionTableCoach(e);
160
+ return o`<sbb-seat-reservation-scoped
161
+ style=${u({
161
162
  "--sbb-seat-reservation-scoped-width": i.width,
162
163
  "--sbb-seat-reservation-scoped-height": i.height
163
164
  })}
@@ -175,7 +176,7 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
175
176
  tabindex="-1"
176
177
  >
177
178
  <caption id="sbb-sr-coach-caption-${t}" tabindex="-1">
178
- <span class="sbb-screen-reader-only">${o}</span>
179
+ <span class="sbb-screen-reader-only">${a}</span>
179
180
  </caption>
180
181
  ${this._getRenderedRowPlaces(e, t, n, r)}
181
182
  </table>
@@ -183,11 +184,11 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
183
184
  }
184
185
  _getRenderedCoachBorders(e, t, n) {
185
186
  if (!e.graphicElements) return null;
186
- let r = this.seatReservationStructure.decks[t].deckCoaches[n], i = r.borderMiddleElement, o = r.hasOverhangingElements;
187
- return a`
187
+ let r = this.seatReservationStructure.decks[t].deckCoaches[n], i = r.borderMiddleElement, a = r.hasOverhangingElements;
188
+ return o`
188
189
  <sbb-seat-reservation-graphic
189
- class="${u({ "sbb-sr-coach-has-overhanging-elements": o || !1 })}"
190
- style=${l({
190
+ class="${d({ "sbb-sr-coach-has-overhanging-elements": a || !1 })}"
191
+ style=${u({
191
192
  "--sbb-seat-reservation-graphic-width": i.dimension.w,
192
193
  "--sbb-seat-reservation-graphic-height": i.dimension.h,
193
194
  "--sbb-seat-reservation-graphic-top": i.position.y,
@@ -204,7 +205,7 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
204
205
  if (!e.places) return null;
205
206
  let i = {};
206
207
  for (let t of e.places) i[t.position.y] ? i[t.position.y].push(t) : i[t.position.y] = [t];
207
- return Object.values(i).map((e, i) => a`
208
+ return Object.values(i).map((e, i) => o`
208
209
  <tr id="row-${t}-${e[0].position.y}" data-row-index=${i}>
209
210
  ${this._getRenderedColumnPlaces(e, t, n, r)}
210
211
  </tr>
@@ -213,22 +214,22 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
213
214
  _getRenderedColumnPlaces(e, t, n, r) {
214
215
  e.sort((e, t) => Number(e.position.x) - Number(t.position.x));
215
216
  let i = t + "-" + r;
216
- return a`${m(e, (e) => i + "-" + e.number, (e, i) => {
217
- let o = this.getCalculatedDimension(e.dimension), s = this.getCalculatedPosition(e.position), c = e.rotation || 0, u = this.alignVertical ? -90 : 0, d = this.getPlaceElementId(n, t, e.number);
218
- return a`
217
+ return o`${h(e, (e) => i + "-" + e.number, (e, i) => {
218
+ let a = this.getCalculatedDimension(e.dimension), s = this.getCalculatedPosition(e.position), c = e.rotation || 0, l = this.alignVertical ? -90 : 0, d = this.getPlaceElementId(n, t, e.number);
219
+ return o`
219
220
  <td
220
221
  id="cell-${n}-${t}-${e.position.y}-${i}"
221
222
  class="graphical-element"
222
223
  >
223
224
  <sbb-seat-reservation-place-control
224
- style=${l({
225
- "--sbb-seat-reservation-place-control-text-scale-value": Math.min(o.w, o.h),
226
- "--sbb-seat-reservation-place-control-width": o.w,
227
- "--sbb-seat-reservation-place-control-height": o.h,
225
+ style=${u({
226
+ "--sbb-seat-reservation-place-control-text-scale-value": Math.min(a.w, a.h),
227
+ "--sbb-seat-reservation-place-control-width": a.w,
228
+ "--sbb-seat-reservation-place-control-height": a.h,
228
229
  "--sbb-seat-reservation-place-control-top": s.y,
229
230
  "--sbb-seat-reservation-place-control-left": s.x,
230
231
  "--sbb-seat-reservation-place-control-rotation": c,
231
- "--sbb-seat-reservation-place-control-text-rotation": u
232
+ "--sbb-seat-reservation-place-control-text-rotation": l
232
233
  })}
233
234
  @selectplace=${(e) => this._onSelectPlace(e)}
234
235
  exportparts="sbb-sr-place-part"
@@ -250,8 +251,8 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
250
251
  })}`;
251
252
  }
252
253
  _getRenderedCoachElements(e, t) {
253
- return this.seatReservationStructure.decks[e].deckCoaches[t].otherElements.map((e) => a` <sbb-seat-reservation-graphic
254
- style=${l({
254
+ return this.seatReservationStructure.decks[e].deckCoaches[t].otherElements.map((e) => o` <sbb-seat-reservation-graphic
255
+ style=${u({
255
256
  "--sbb-seat-reservation-graphic-width": e.dimension.w,
256
257
  "--sbb-seat-reservation-graphic-height": e.dimension.h,
257
258
  "--sbb-seat-reservation-graphic-top": e.position.y,
@@ -259,57 +260,57 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
259
260
  "--sbb-seat-reservation-graphic-position": "absolute",
260
261
  "--sbb-seat-reservation-graphic-rotation": e.rotation
261
262
  })}
262
- name=${e.icon ?? s}
263
+ name=${e.icon ?? c}
263
264
  aria-hidden="true"
264
265
  ?stretch=${!0}
265
266
  ></sbb-seat-reservation-graphic>`);
266
267
  }
267
268
  _getRenderedAreaElements(e, t) {
268
269
  return this.seatReservationStructure.decks[e].deckCoaches[t].areaElements.map((n) => {
269
- let r = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, i = n.icon?.indexOf("TABLE") === -1, o = n.icon && i ? n.icon : null, c = n.icon ? d(n.icon, this._language.current) : s;
270
- return a`
270
+ let r = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, i = n.icon?.indexOf("TABLE") === -1, a = n.icon && i ? n.icon : null, s = n.icon ? f(n.icon, this._language.current) : c;
271
+ return o`
271
272
  <sbb-seat-reservation-area
272
273
  id="${r}"
273
- class="${u({ "sbb-seat-reservation-area--cursor-pointer": o !== null })}"
274
- style=${l({
274
+ class="${d({ "sbb-seat-reservation-area--cursor-pointer": a !== null })}"
275
+ style=${u({
275
276
  "--sbb-seat-reservation-area-width": n.dimension.w,
276
277
  "--sbb-seat-reservation-area-height": n.dimension.h,
277
278
  "--sbb-seat-reservation-area-top": n.position.y,
278
279
  "--sbb-seat-reservation-area-left": n.position.x,
279
280
  "--sbb-seat-reservation-area-z-index": n.position.z
280
281
  })}
281
- mounting=${n.mounting ?? s}
282
+ mounting=${n.mounting ?? c}
282
283
  background="dark"
283
284
  aria-hidden="true"
284
285
  >
285
- ${o ? a`
286
+ ${a ? o`
286
287
  <sbb-seat-reservation-graphic
287
- style=${l({
288
+ style=${u({
288
289
  "--sbb-seat-reservation-graphic-max-width": this.globalAreaIconDim.w,
289
290
  "--sbb-seat-reservation-graphic-max-height": this.globalAreaIconDim.h,
290
291
  "--sbb-seat-reservation-graphic-width": n.dimension.w,
291
292
  "--sbb-seat-reservation-graphic-height": n.dimension.h,
292
293
  "--sbb-seat-reservation-graphic-rotation": n.rotation,
293
- "--sbb-seat-reservation-graphic-padding-percent": o === "ENTRY_EXIT" ? 1 : this.globalAreaIconPadding
294
+ "--sbb-seat-reservation-graphic-padding-percent": a === "ENTRY_EXIT" ? 1 : this.globalAreaIconPadding
294
295
  })}
295
- name=${o}
296
+ name=${a}
296
297
  role="img"
297
298
  aria-hidden="true"
298
299
  class="sbb-sr-graphic__dimension--square-dim"
299
300
  ></sbb-seat-reservation-graphic>
300
- ` : s}
301
+ ` : c}
301
302
  </sbb-seat-reservation-area>
302
- ${o ? this._popover(r, c) : s}
303
+ ${a ? this._popover(r, s) : c}
303
304
  `;
304
305
  });
305
306
  }
306
307
  _getRenderedServiceElements(e, t) {
307
308
  return this.seatReservationStructure.decks[e].deckCoaches[t].serviceElements.map((n) => {
308
- let r = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, i = n.icon ? d(n.icon, this._language.current) : null;
309
- return a`
309
+ let r = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, i = n.icon ? f(n.icon, this._language.current) : null;
310
+ return o`
310
311
  <sbb-seat-reservation-graphic
311
312
  id="${r}"
312
- style=${l({
313
+ style=${u({
313
314
  "--sbb-seat-reservation-graphic-width": n.dimension.w,
314
315
  "--sbb-seat-reservation-graphic-height": n.dimension.h,
315
316
  "--sbb-seat-reservation-graphic-top": n.position.y,
@@ -318,7 +319,7 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
318
319
  "--sbb-seat-reservation-graphic-rotation": n.rotation
319
320
  })}
320
321
  class="sbb-seat-reservation-graphic--cursor-pointer"
321
- name=${n.icon ?? s}
322
+ name=${n.icon ?? c}
322
323
  role="img"
323
324
  aria-hidden="true"
324
325
  ></sbb-seat-reservation-graphic>
@@ -331,14 +332,14 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
331
332
  this.preventCoachScrollByPlaceClick = !0, this.isCoachGridFocusable = !1, this.focusedCoachIndex = -1, this.hasSeatReservationNativeFocus ||= !0, this.preventPlaceClick || (this.updateSelectedSeatReservationPlaces(t), this.updateCurrentSelectedPlaceInCoach(t));
332
333
  }
333
334
  _onSelectNavCoach(e) {
334
- let t = e.detail;
335
+ let t = e.coachIndex;
335
336
  this.isKeyboardNavigation = !1, this.preventCoachScrollByPlaceClick = !1, this.hasSeatReservationNativeFocus = !0, t !== null && t !== this.currSelectedCoachIndex ? (this.unfocusPlaceElement(), this.scrollToSelectedNavCoach(t)) : t === this.currSelectedCoachIndex && (this.updateCurrentSelectedCoach(), this.preselectPlaceInCoach()), this._closePopover();
336
337
  }
337
338
  _onFocusNavCoach() {
338
339
  this.preventCoachScrollByPlaceClick ? this.focusPlaceElement(this.currSelectedPlace) : this.preselectPlaceInCoach(), this.isAutoScrolling = !1;
339
340
  }
340
341
  _popover(e, t) {
341
- return a`
342
+ return o`
342
343
  <sbb-popover trigger="${e}" hover-trigger="">
343
344
  <p class="sbb-text-s sbb-sr-popover">${t}</p>
344
345
  </sbb-popover>
@@ -348,24 +349,24 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
348
349
  this.shadowRoot?.querySelectorAll("sbb-popover:is(:state(state-opened),[state--state-opened])").forEach((e) => e.close());
349
350
  }
350
351
  _getDescriptionTableCoach(e) {
351
- if (e.type === "LOCOMOTIVE_COACH") return d("COACH_LOCOMOTIVE", this._language.current);
352
- if (!e.places?.length) return d("COACH_BLOCKED_TABLE_CAPTION", this._language.current, [e.id]);
352
+ if (e.type === "LOCOMOTIVE_COACH") return f("COACH_LOCOMOTIVE", this._language.current);
353
+ if (!e.places?.length) return f("COACH_BLOCKED_TABLE_CAPTION", this._language.current, [e.id]);
353
354
  let t, n = this._getTitleDescriptionListString(e.graphicElements), r = this._getTitleDescriptionListString(e.serviceElements);
354
- if (t = d("COACH_TABLE_CAPTION", this._language.current, [e.id]), !this.hasNavigation) {
355
- let n = this.getAvailableFreePlacesNumFromCoach(e.places), r = d("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [n.seats, n.bicycles]);
355
+ if (t = f("COACH_TABLE_CAPTION", this._language.current, [e.id]), !this.hasNavigation) {
356
+ let n = this.getAvailableFreePlacesNumFromCoach(e.places), r = f("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [n.seats, n.bicycles]);
356
357
  t = t.concat(". ").concat(r).concat(". ");
357
358
  }
358
- return (n || r) && (t += ". " + d("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", t += r + ", " + n + "."), t;
359
+ return (n || r) && (t += ". " + f("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", t += r + ", " + n + "."), t;
359
360
  }
360
361
  _getTitleDescriptionListString(e) {
361
362
  let t = [];
362
363
  return e?.map((e) => {
363
364
  let n = e.icon;
364
365
  if (!n) return null;
365
- let r = t.indexOf(n) > -1, i = d(e.icon, this._language.current), a = this.notFixedRotatableAreaIcons.indexOf(n) === -1 && this.notAreaElements.indexOf(n) === -1;
366
+ let r = t.indexOf(n) > -1, i = f(e.icon, this._language.current), a = this.notFixedRotatableAreaIcons.indexOf(n) === -1 && this.notAreaElements.indexOf(n) === -1;
366
367
  return r || t.push(e.icon), i && !r && a ? i : null;
367
368
  }).filter((e) => !!e).join(", ");
368
369
  }
369
370
  };
370
371
  //#endregion
371
- export { b as t };
372
+ export { x as t };
@@ -1,16 +1,16 @@
1
- import { i as e, n as t, r as n, t as r } from "./mapper-Cqie5ivY.js";
1
+ import { i as e, n as t, r as n, t as r } from "./mapper-Dcou8VEf.js";
2
2
  import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.js";
3
- import { t as a } from "./svgs-D5DhLHxC.js";
3
+ import { t as a } from "./svgs-D4fuYTHV.js";
4
4
  import { getI18nSeatReservation as o } from "./seat-reservation/common/translations/i18n.js";
5
- import { t as s } from "./seat-reservation-area.component-BcmwKJSK.js";
6
- import { t as c } from "./seat-reservation-graphic.component-C3wc4DKr.js";
7
- import { t as l } from "./seat-reservation-navigation-coach.component-D1SgS8BU.js";
8
- import { t as u } from "./seat-reservation-navigation-services.component-CfAQa7pa.js";
9
- import { t as d } from "./seat-reservation-place-control.component-DrzEDW8Z.js";
10
- import { t as f } from "./seat-reservation-scoped.component-BohQUGVW.js";
11
- import { SeatReservationBaseElement as p } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
12
- import { t as m } from "./seat-reservation.component-RNI6_X71.js";
5
+ import { t as s } from "./seat-reservation-area.component-G9lHb7S8.js";
6
+ import { t as c } from "./seat-reservation-graphic.component-BXFcQDxY.js";
7
+ import { n as l, t as u } from "./seat-reservation-navigation-coach.component-BXy8EkJe.js";
8
+ import { t as d } from "./seat-reservation-navigation-services.component-49XmV9rv.js";
9
+ import { n as f, t as p } from "./seat-reservation-place-control.component-DToIW328.js";
10
+ import { t as m } from "./seat-reservation-scoped.component-D8dAmrP7.js";
11
+ import { SbbSeatReservationSelectedCoachEvent as h, SbbSeatReservationSelectedPlacesEvent as g, SeatReservationBaseElement as _ } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
12
+ import { t as v } from "./seat-reservation.component--0XnrCkk.js";
13
13
  import "./seat-reservation.pure.js";
14
- m.define(), s.define(), c.define(), l.define(), u.define(), d.define(), f.define();
14
+ v.define(), s.define(), c.define(), u.define(), d.define(), f.define(), m.define();
15
15
  //#endregion
16
- export { s as SbbSeatReservationAreaElement, m as SbbSeatReservationElement, c as SbbSeatReservationGraphicElement, l as SbbSeatReservationNavigationCoachElement, u as SbbSeatReservationNavigationServicesElement, d as SbbSeatReservationPlaceControlElement, f as SbbSeatReservationScopedElement, p as SeatReservationBaseElement, o as getI18nSeatReservation, r as mapCoachInfosToCoachSelection, i as mapIconToSvg, t as mapPlaceAndCoachToSeatReservationPlaceSelection, n as mapPlaceInfosToPlaceSelection, e as mapRawDataToSeatReservation, a as svgs };
16
+ export { p as SbbPlaceSelectionEvent, s as SbbSeatReservationAreaElement, v as SbbSeatReservationElement, c as SbbSeatReservationGraphicElement, u as SbbSeatReservationNavigationCoachElement, d as SbbSeatReservationNavigationServicesElement, f as SbbSeatReservationPlaceControlElement, m as SbbSeatReservationScopedElement, h as SbbSeatReservationSelectedCoachEvent, g as SbbSeatReservationSelectedPlacesEvent, l as SbbSelectCoachEvent, _ as SeatReservationBaseElement, o as getI18nSeatReservation, r as mapCoachInfosToCoachSelection, i as mapIconToSvg, t as mapPlaceAndCoachToSeatReservationPlaceSelection, n as mapPlaceInfosToPlaceSelection, e as mapRawDataToSeatReservation, a as svgs };
@@ -1,14 +1,14 @@
1
- import { i as e, n as t, r as n, t as r } from "./mapper-Cqie5ivY.js";
1
+ import { i as e, n as t, r as n, t as r } from "./mapper-Dcou8VEf.js";
2
2
  import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.js";
3
3
  import "./seat-reservation/common/mapper.js";
4
- import { t as a } from "./svgs-D5DhLHxC.js";
4
+ import { t as a } from "./svgs-D4fuYTHV.js";
5
5
  import { getI18nSeatReservation as o } from "./seat-reservation/common/translations/i18n.js";
6
- import { t as s } from "./seat-reservation-area.component-BcmwKJSK.js";
7
- import { t as c } from "./seat-reservation-graphic.component-C3wc4DKr.js";
8
- import { t as l } from "./seat-reservation-navigation-coach.component-D1SgS8BU.js";
9
- import { t as u } from "./seat-reservation-navigation-services.component-CfAQa7pa.js";
10
- import { t as d } from "./seat-reservation-place-control.component-DrzEDW8Z.js";
11
- import { t as f } from "./seat-reservation-scoped.component-BohQUGVW.js";
12
- import { SeatReservationBaseElement as p } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
13
- import { t as m } from "./seat-reservation.component-RNI6_X71.js";
14
- export { s as SbbSeatReservationAreaElement, m as SbbSeatReservationElement, c as SbbSeatReservationGraphicElement, l as SbbSeatReservationNavigationCoachElement, u as SbbSeatReservationNavigationServicesElement, d as SbbSeatReservationPlaceControlElement, f as SbbSeatReservationScopedElement, p as SeatReservationBaseElement, o as getI18nSeatReservation, r as mapCoachInfosToCoachSelection, i as mapIconToSvg, t as mapPlaceAndCoachToSeatReservationPlaceSelection, n as mapPlaceInfosToPlaceSelection, e as mapRawDataToSeatReservation, a as svgs };
6
+ import { t as s } from "./seat-reservation-area.component-G9lHb7S8.js";
7
+ import { t as c } from "./seat-reservation-graphic.component-BXFcQDxY.js";
8
+ import { n as l, t as u } from "./seat-reservation-navigation-coach.component-BXy8EkJe.js";
9
+ import { t as d } from "./seat-reservation-navigation-services.component-49XmV9rv.js";
10
+ import { n as f, t as p } from "./seat-reservation-place-control.component-DToIW328.js";
11
+ import { t as m } from "./seat-reservation-scoped.component-D8dAmrP7.js";
12
+ import { SbbSeatReservationSelectedCoachEvent as h, SbbSeatReservationSelectedPlacesEvent as g, SeatReservationBaseElement as _ } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
13
+ import { t as v } from "./seat-reservation.component--0XnrCkk.js";
14
+ export { p as SbbPlaceSelectionEvent, s as SbbSeatReservationAreaElement, v as SbbSeatReservationElement, c as SbbSeatReservationGraphicElement, u as SbbSeatReservationNavigationCoachElement, d as SbbSeatReservationNavigationServicesElement, f as SbbSeatReservationPlaceControlElement, m as SbbSeatReservationScopedElement, h as SbbSeatReservationSelectedCoachEvent, g as SbbSeatReservationSelectedPlacesEvent, l as SbbSelectCoachEvent, _ as SeatReservationBaseElement, o as getI18nSeatReservation, r as mapCoachInfosToCoachSelection, i as mapIconToSvg, t as mapPlaceAndCoachToSeatReservationPlaceSelection, n as mapPlaceInfosToPlaceSelection, e as mapRawDataToSeatReservation, a as svgs };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../timetable-duration.component-DPRcG1LP.js";
1
+ import { t as e } from "../timetable-duration.component-iMCvh1zr.js";
2
2
  export { e as SbbTimetableDurationElement };
@@ -0,0 +1,61 @@
1
+ import { SbbElement as e, SbbLanguageController as t, forceType as n, i18nDurationHour as r, i18nDurationMinute as i, screenReaderOnlyStyles as a } from "@sbb-esta/lyne-elements/core.js";
2
+ import { html as o, unsafeCSS as s } from "lit";
3
+ import { __esDecorate as c, __runInitializers as l } from "tslib";
4
+ import { property as u } from "lit/decorators.js";
5
+ //#region src/elements-experimental/timetable-duration/timetable-duration.scss?inline
6
+ var d = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);margin:0;white-space:nowrap}", f = (() => {
7
+ let f = e, p, m = [], h = [];
8
+ return class extends f {
9
+ constructor() {
10
+ super(...arguments), this.#e = l(this, m, ""), this._language = (l(this, h), new t(this));
11
+ }
12
+ static {
13
+ let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
14
+ p = [n(), u()], c(this, null, p, {
15
+ kind: "accessor",
16
+ name: "config",
17
+ static: !1,
18
+ private: !1,
19
+ access: {
20
+ has: (e) => "config" in e,
21
+ get: (e) => e.config,
22
+ set: (e, t) => {
23
+ e.config = t;
24
+ }
25
+ },
26
+ metadata: e
27
+ }, m, h), e && Object.defineProperty(this, Symbol.metadata, {
28
+ enumerable: !0,
29
+ configurable: !0,
30
+ writable: !0,
31
+ value: e
32
+ });
33
+ }
34
+ static {
35
+ this.elementName = "sbb-timetable-duration";
36
+ }
37
+ static {
38
+ this.styles = [a, s(d)];
39
+ }
40
+ #e;
41
+ get config() {
42
+ return this.#e;
43
+ }
44
+ set config(e) {
45
+ this.#e = e;
46
+ }
47
+ render() {
48
+ let e = JSON.parse(this.config), t = r.multiple.short[this._language.current], n = i.multiple.short[this._language.current], a = "", s = "", c = r.multiple.long[this._language.current], l = i.multiple.long[this._language.current];
49
+ return e.hours === 1 && (c = r.single.long[this._language.current]), e.minutes === 1 && (l = i.single.long[this._language.current]), e.hours !== 0 && (a += `${e.hours} ${t}`, s += `${e.hours} ${c}`), a += ` ${e.minutes} ${n}`, s += ` ${e.minutes} ${l}.`, o`
50
+ <p aria-label=${s} class="duration" role="text">
51
+ <span aria-hidden="true" class="duration__text--visual" role="presentation">
52
+ ${a}
53
+ </span>
54
+ <span class="sbb-screen-reader-only">${s}</span>
55
+ </p>
56
+ `;
57
+ }
58
+ };
59
+ })();
60
+ //#endregion
61
+ export { f as t };
@@ -1,4 +1,4 @@
1
- import { t as e } from "./timetable-duration.component-DPRcG1LP.js";
1
+ import { t as e } from "./timetable-duration.component-iMCvh1zr.js";
2
2
  import "./timetable-duration.pure.js";
3
3
  //#region src/elements-experimental/timetable-duration.ts
4
4
  e.define();
@@ -1,2 +1,2 @@
1
- import { t as e } from "./timetable-duration.component-DPRcG1LP.js";
1
+ import { t as e } from "./timetable-duration.component-iMCvh1zr.js";
2
2
  export { e as SbbTimetableDurationElement };
@@ -1,2 +1,2 @@
1
- import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../timetable-row.component-Din-TQ9u.js";
1
+ import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../timetable-row.component-mNKmhRmP.js";
2
2
  export { s as SbbTimetableRowElement, r as filterNotices, a as getCus, n as getHimIcon, e as handleNotices, i as renderIconProduct, o as renderStringProduct, t as sortSituation };