@sbb-esta/lyne-elements-experimental 4.8.1 → 4.10.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 (184) hide show
  1. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +1 -1
  2. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
  3. package/autocomplete-grid/autocomplete-grid-cell.js +1 -1
  4. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
  5. package/autocomplete-grid/autocomplete-grid-option.js +1 -1
  6. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
  7. package/autocomplete-grid/autocomplete-grid-row.js +1 -1
  8. package/{autocomplete-grid-cell.component-Dak9wlBr.js → autocomplete-grid-cell.component-DkD9aFKc.js} +5 -5
  9. package/autocomplete-grid-option.component-CtATJy7n.js +37 -0
  10. package/autocomplete-grid-row.component-6nJv5PMj.js +27 -0
  11. package/autocomplete-grid.js +3 -3
  12. package/autocomplete-grid.pure.js +3 -3
  13. package/custom-elements.json +70 -2
  14. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +2 -2
  15. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
  16. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
  17. package/development/autocomplete-grid/autocomplete-grid-cell.js +1 -1
  18. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  19. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
  20. package/development/autocomplete-grid/autocomplete-grid-option.js +1 -1
  21. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
  22. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
  23. package/development/autocomplete-grid/autocomplete-grid-row.js +1 -1
  24. package/development/autocomplete-grid-cell.component-BxkWGaX0.js +34 -0
  25. package/development/autocomplete-grid-option.component-5mPGswUO.js +61 -0
  26. package/development/autocomplete-grid-row.component-DEm6zyHZ.js +39 -0
  27. package/development/autocomplete-grid.js +3 -3
  28. package/development/autocomplete-grid.pure.js +3 -3
  29. package/development/core/datetime/date-helper.js +1 -1
  30. package/development/core/datetime.js +1 -1
  31. package/development/{date-helper-8_Y-PuHh.js → date-helper-qNdwgC9O.js} +4 -4
  32. package/development/{differenceInMinutes-DN_1Rk3O.js → differenceInMinutes-B7_GTDq7.js} +2 -2
  33. package/development/{format-Bbrn2bgo.js → format-DFx4997p.js} +3 -3
  34. package/development/{isValid-C-HzKv4v.js → isValid-JpZ7FphI.js} +2 -2
  35. package/development/journey-summary/journey-summary.component.d.ts.map +1 -1
  36. package/development/journey-summary/journey-summary.component.js +1 -1
  37. package/development/journey-summary.component-BZwgD4im.js +340 -0
  38. package/development/journey-summary.js +1 -1
  39. package/development/journey-summary.pure.js +1 -1
  40. package/development/pearl-chain/pearl-chain.component.d.ts.map +1 -1
  41. package/development/pearl-chain/pearl-chain.component.js +1 -1
  42. package/development/pearl-chain-time/pearl-chain-time.component.d.ts.map +1 -1
  43. package/development/pearl-chain-time/pearl-chain-time.component.js +1 -1
  44. package/development/pearl-chain-time.component-B2_BI6E_.js +319 -0
  45. package/development/pearl-chain-time.js +1 -1
  46. package/development/pearl-chain-time.pure.js +1 -1
  47. package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts.map +1 -1
  48. package/development/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
  49. package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts.map +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-DcmH13Vb.js +133 -0
  52. package/development/pearl-chain-vertical-item.js +1 -1
  53. package/development/pearl-chain-vertical-item.pure.js +1 -1
  54. package/development/pearl-chain-vertical.component-CpcNFl-x.js +31 -0
  55. package/development/pearl-chain-vertical.js +1 -1
  56. package/development/pearl-chain-vertical.pure.js +1 -1
  57. package/development/pearl-chain.component-oQZUzsyW.js +316 -0
  58. package/development/pearl-chain.js +1 -1
  59. package/development/pearl-chain.pure.js +1 -1
  60. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +3 -0
  61. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  62. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +37 -2
  63. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  64. package/development/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
  65. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts.map +1 -1
  66. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
  67. package/development/seat-reservation/seat-reservation-area.js +1 -1
  68. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +1 -1
  69. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts.map +1 -1
  70. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
  71. package/development/seat-reservation/seat-reservation-graphic.js +1 -1
  72. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
  73. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +1 -1
  74. package/development/seat-reservation/seat-reservation-navigation-coach.js +1 -1
  75. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts.map +1 -1
  76. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
  77. package/development/seat-reservation/seat-reservation-navigation-services.js +1 -1
  78. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
  79. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
  80. package/development/seat-reservation/seat-reservation-place-control.js +1 -1
  81. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts.map +1 -1
  82. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
  83. package/development/seat-reservation/seat-reservation-scoped.js +1 -1
  84. package/development/seat-reservation/seat-reservation.js +1 -1
  85. package/development/seat-reservation-area.component-DbeuTnXT.js +96 -0
  86. package/development/seat-reservation-graphic.component-DlrHtlia.js +129 -0
  87. package/development/seat-reservation-navigation-coach.component-CjoDkcVU.js +428 -0
  88. package/development/seat-reservation-navigation-services.component-CGel7__P.js +159 -0
  89. package/development/seat-reservation-place-control.component-CM9efId7.js +429 -0
  90. package/development/seat-reservation-scoped.component-CFA_bJ3o.js +25 -0
  91. package/development/seat-reservation.component-DFJVFmrI.js +510 -0
  92. package/development/seat-reservation.js +7 -7
  93. package/development/seat-reservation.pure.js +7 -7
  94. package/development/timetable-duration/timetable-duration.component.d.ts.map +1 -1
  95. package/development/timetable-duration/timetable-duration.component.js +1 -1
  96. package/development/timetable-duration.component-BhFlqYbV.js +100 -0
  97. package/development/timetable-duration.js +1 -1
  98. package/development/timetable-duration.pure.js +1 -1
  99. package/development/timetable-row/timetable-row.component.d.ts.map +1 -1
  100. package/development/timetable-row/timetable-row.component.js +1 -1
  101. package/development/timetable-row.component-Dko8laRT.js +729 -0
  102. package/development/timetable-row.js +1 -1
  103. package/development/timetable-row.pure.js +1 -1
  104. package/development/{toDate-Biiv3kyf.js → toDate-DOFAOjP-.js} +2 -2
  105. package/journey-summary/journey-summary.component.js +1 -1
  106. package/{journey-summary.component-Cq_4kaOp.js → journey-summary.component-DC7-qPHY.js} +38 -38
  107. package/journey-summary.js +1 -1
  108. package/journey-summary.pure.js +1 -1
  109. package/package.json +2 -2
  110. package/pearl-chain/pearl-chain.component.js +1 -1
  111. package/pearl-chain-time/pearl-chain-time.component.js +1 -1
  112. package/{pearl-chain-time.component-DGDW5S1c.js → pearl-chain-time.component-CkKsrbgQ.js} +28 -28
  113. package/pearl-chain-time.js +1 -1
  114. package/pearl-chain-time.pure.js +1 -1
  115. package/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
  116. package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
  117. package/pearl-chain-vertical-item.component-BUqZ-3Ay.js +108 -0
  118. package/pearl-chain-vertical-item.js +1 -1
  119. package/pearl-chain-vertical-item.pure.js +1 -1
  120. package/{pearl-chain-vertical.component-CXIDT5RD.js → pearl-chain-vertical.component-Df9CvRxo.js} +5 -5
  121. package/pearl-chain-vertical.js +1 -1
  122. package/pearl-chain-vertical.pure.js +1 -1
  123. package/pearl-chain.component-CpISVoAu.js +194 -0
  124. package/pearl-chain.js +1 -1
  125. package/pearl-chain.pure.js +1 -1
  126. package/seat-reservation/seat-reservation/seat-reservation-base-element.js +30 -4
  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-area.js +1 -1
  130. package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +1 -1
  131. package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
  132. package/seat-reservation/seat-reservation-graphic.js +1 -1
  133. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +1 -1
  134. package/seat-reservation/seat-reservation-navigation-coach.js +1 -1
  135. package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
  136. package/seat-reservation/seat-reservation-navigation-services.js +1 -1
  137. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
  138. package/seat-reservation/seat-reservation-place-control.js +1 -1
  139. package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
  140. package/seat-reservation/seat-reservation-scoped.js +1 -1
  141. package/seat-reservation/seat-reservation.js +1 -1
  142. package/seat-reservation-area.component-CtYawDjE.js +75 -0
  143. package/seat-reservation-graphic.component-Cm_pVxaB.js +102 -0
  144. package/seat-reservation-navigation-coach.component-sug9IBTH.js +333 -0
  145. package/{seat-reservation-navigation-services.component-QL0UnilZ.js → seat-reservation-navigation-services.component-C9dDYD_M.js} +19 -19
  146. package/seat-reservation-place-control.component-CE7d9M2b.js +322 -0
  147. package/seat-reservation-scoped.component-DVyP2JGE.js +17 -0
  148. package/{seat-reservation.component-zrQHTRl3.js → seat-reservation.component-DajC6fqU.js} +58 -55
  149. package/seat-reservation.js +7 -7
  150. package/seat-reservation.pure.js +7 -7
  151. package/timetable-duration/timetable-duration.component.js +1 -1
  152. package/{timetable-duration.component-DaYoJUGS.js → timetable-duration.component-BnJA8wSb.js} +12 -12
  153. package/timetable-duration.js +1 -1
  154. package/timetable-duration.pure.js +1 -1
  155. package/timetable-row/timetable-row.component.js +1 -1
  156. package/{timetable-row.component-BDMAEsbR.js → timetable-row.component-DbzBCpKR.js} +59 -59
  157. package/timetable-row.js +1 -1
  158. package/timetable-row.pure.js +1 -1
  159. package/autocomplete-grid-option.component-DNRFHOwc.js +0 -37
  160. package/autocomplete-grid-row.component-DBHZQ0GQ.js +0 -27
  161. package/development/autocomplete-grid-cell.component-BBvM4o2H.js +0 -42
  162. package/development/autocomplete-grid-option.component-QzfM5eIE.js +0 -123
  163. package/development/autocomplete-grid-row.component-H8sCTCkT.js +0 -104
  164. package/development/journey-summary.component-uGhZvA4p.js +0 -385
  165. package/development/pearl-chain-time.component-B8mayTWD.js +0 -415
  166. package/development/pearl-chain-vertical-item.component-BDzbcIaf.js +0 -435
  167. package/development/pearl-chain-vertical.component-CswE7b3M.js +0 -39
  168. package/development/pearl-chain.component-wpsTvoSe.js +0 -704
  169. package/development/seat-reservation-area.component-ORuli_DC.js +0 -138
  170. package/development/seat-reservation-graphic.component-lZXqHWIz.js +0 -193
  171. package/development/seat-reservation-navigation-coach.component-D2QXTMJJ.js +0 -828
  172. package/development/seat-reservation-navigation-services.component-Bg1adRlU.js +0 -179
  173. package/development/seat-reservation-place-control.component-CwUX-QYO.js +0 -726
  174. package/development/seat-reservation-scoped.component-uLT33P9y.js +0 -31
  175. package/development/seat-reservation.component-MOv5kHDC.js +0 -821
  176. package/development/timetable-duration.component-D21SXsQq.js +0 -125
  177. package/development/timetable-row.component-Y5w8vEwP.js +0 -932
  178. package/pearl-chain-vertical-item.component-G22bWhLU.js +0 -108
  179. package/pearl-chain.component-DmjkVIva.js +0 -194
  180. package/seat-reservation-area.component-COD6CXhP.js +0 -75
  181. package/seat-reservation-graphic.component-BNfU5tQM.js +0 -102
  182. package/seat-reservation-navigation-coach.component-Bh9ILq60.js +0 -333
  183. package/seat-reservation-place-control.component-BfnZUyHv.js +0 -322
  184. package/seat-reservation-scoped.component-CY04BT_4.js +0 -17
@@ -1,333 +0,0 @@
1
- import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { SbbElement as n } from "@sbb-esta/lyne-elements/core/base-elements.js";
3
- import { SbbLanguageController as r } from "@sbb-esta/lyne-elements/core/controllers.js";
4
- import { forceType as i } from "@sbb-esta/lyne-elements/core/decorators.js";
5
- import { boxSizingStyles as a } from "@sbb-esta/lyne-elements/core/styles.js";
6
- import { css as o, html as s, nothing as c } from "lit";
7
- import { property as l } from "lit/decorators.js";
8
- import "@sbb-esta/lyne-elements/screen-reader-only.js";
9
- import { classMap as u } from "lit/directives/class-map.js";
10
- import { getI18nSeatReservation as d } from "./seat-reservation/common/translations.js";
11
- import { SbbSeatReservationNavigationServicesElement as f } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
12
- //#region src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.scss?lit&inline
13
- var p = o`:host{min-height:calc(44 * var(--sbb-seat-reservation-one-px-rem,.0625rem));--sbb-seat-reservation-navigation-travelclass-spacing:10;--sbb-seat-reservation-navigation-btn-border-width-default:1;--sbb-seat-reservation-navigation-btn-border-width:var(--sbb-seat-reservation-navigation-btn-border-width-default);--sbb-seat-reservation-navigation-btn-border-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite));--sbb-seat-reservation-navigation-btn-background-color:var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,var(--sbb-color-black));--sbb-seat-reservation-navigation-btn-border-width-selected:2;--sbb-seat-reservation-navigation-btn-background-color-selected:var(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,var(--sbb-color-iron));--sbb-seat-reservation-navigation-btn-border-color-selected:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-navigation-btn-outline-width-focused:1;--sbb-seat-reservation-navigation-btn-outline-color-focused:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-navigation-btn-outline-offset-focused:4;--sbb-seat-reservation-navigation-btn-background-color-focused:var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,var(--sbb-color-black));--sbb-seat-reservation-navigation-btn-border-width-focused:var(--sbb-seat-reservation-navigation-btn-border-width);--sbb-seat-reservation-navigation-btn-border-color-focused:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-navigation-btn-border-width-hovered:2;--sbb-seat-reservation-navigation-btn-background-color-hovered:var(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,var(--sbb-color-midnight));--sbb-seat-reservation-navigation-btn-border-color-hovered:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-navigation-btn-background-color-disabled:var(--sbb-background-color-2);--sbb-seat-reservation-navigation-btn-border-color-disabled:var(--lightningcss-light,var(--sbb-color-platinum))var(--lightningcss-dark,var(--sbb-color-iron));display:inline-block}.sbb-sr-navigation__item-coach{gap:calc(8 * var(--sbb-seat-reservation-one-px-rem,.0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem,.0625rem));flex-direction:column;list-style-type:none;display:flex}.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-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area):before{content:"";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-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x);width:100%;height:100%;position:absolute}.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-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:"";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) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x);width:100%;height:100%;position:absolute}.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{appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:inherit;height:calc(36 * var(--sbb-seat-reservation-one-px-rem,.0625rem));background:0 0;background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:var(--sbb-cursor-pointer);border:none;border-radius:0;outline:none;flex-direction:column;justify-content:center;margin:0;padding:0;display:flex;position:relative}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area:before{content:"";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-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x);width:100%;height:100%;position:absolute}.sbb-sr-navigation__ctrl-button{border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__ctrl-button:before{content:"";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) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x);width:100%;height:100%;position:absolute}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button{--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-seat-reservation-navigation-btn-border-width:var(--sbb-seat-reservation-navigation-btn-border-width-focused);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-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal);background-color:var(--lightningcss-light,var(--sbb-color-metal))var(--lightningcss-dark,var(--sbb-color-storm))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-anthracite))var(--lightningcss-dark,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-color:var(--sbb-seat-reservation-navigation-btn-border-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:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected.sbb-sr-navigation__item-coach--hovered .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-color:var(--sbb-seat-reservation-navigation-btn-border-color-selected);--sbb-seat-reservation-navigation-btn-border-width:var(--sbb-seat-reservation-navigation-btn-border-width-selected);background-color:var(--sbb-seat-reservation-navigation-btn-background-color-hovered)!important}.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-seat-reservation-navigation-btn-border-color:var(--sbb-seat-reservation-navigation-btn-border-color-selected);--sbb-seat-reservation-navigation-btn-border-width:var(--sbb-seat-reservation-navigation-btn-border-width-selected)}.sbb-sr-navigation__item-coach--hovered .sbb-sr-navigation__ctrl-button,.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color:var(--sbb-seat-reservation-navigation-btn-background-color-hovered);--sbb-seat-reservation-navigation-btn-border-color:var(--sbb-seat-reservation-navigation-btn-border-color-hovered);--sbb-seat-reservation-navigation-btn-border-width:var(--sbb-seat-reservation-navigation-btn-border-width-hovered)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,var(--sbb-color-silver))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color:var(--sbb-seat-reservation-navigation-btn-background-color-disabled);--sbb-seat-reservation-navigation-btn-border-color:var(--sbb-seat-reservation-navigation-btn-border-color-disabled);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:var(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{justify-content:space-between;align-items:center;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);color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-granite));flex:1;font-weight:700;display:flex}@media (forced-colors:active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite))}@media (forced-colors:active){.sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite))}}.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));border:calc(1 * var(--sbb-seat-reservation-one-px-rem,.0625rem)) solid transparent;border-radius:var(--sbb-border-radius-1x);background-color:var(--sbb-color-lemon);margin:auto;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))}.sbb-sr-navigation__item-coach-travelclass{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:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite));color:var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,var(--sbb-color-black));justify-content:center;align-items:center;display:flex}@media (forced-colors:active){.sbb-sr-navigation__item-coach-travelclass{border:var(--sbb-border-width-1x) solid}}:host([vertical]) .sbb-sr-navigation__item-coach{flex-direction:row}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__ctrl-button{height:calc(80 * var(--sbb-seat-reservation-one-px-rem,.0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem,.0625rem));flex-direction:row-reverse}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem,.0625rem));flex-direction:column-reverse;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-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem,.0625rem));inset-inline-start:initial;inset-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}: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-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:"";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-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x);width:100%;height:100%;position:absolute}: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-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:"";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) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x);width:100%;height:100%;position:absolute}: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))}`;
14
- //#endregion
15
- //#region src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.ts
16
- f.define();
17
- var m = (() => {
18
- let o = n, f, m = [], h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [];
19
- return class extends o {
20
- constructor() {
21
- super(...arguments), this.#e = t(this, m, !1), this.#t = (t(this, h), t(this, _, !1)), this.#n = (t(this, v), t(this, b, !1)), this.#r = (t(this, x), t(this, C, !0)), this.#i = (t(this, w), t(this, E, 0)), this.#a = (t(this, D), t(this, k, {})), this.#o = (t(this, A), t(this, M, !1)), this.#s = (t(this, N), t(this, F, !1)), this.#c = (t(this, I), t(this, R, !1)), this._language = (t(this, z), new r(this));
22
- }
23
- static {
24
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
25
- f = [i(), l({ type: Boolean })], g = [i(), l({ type: Boolean })], y = [i(), l({ type: Boolean })], S = [i(), l({ type: Boolean })], T = [i(), l({ type: Number })], O = [l({
26
- attribute: "coach-item-details",
27
- type: Object
28
- })], j = [i(), l({
29
- attribute: "disable",
30
- type: Boolean
31
- })], P = [i(), l({
32
- type: Boolean,
33
- reflect: !0,
34
- useDefault: !0
35
- })], L = [i(), l({ type: Boolean })], e(this, null, f, {
36
- kind: "accessor",
37
- name: "selected",
38
- static: !1,
39
- private: !1,
40
- access: {
41
- has: (e) => "selected" in e,
42
- get: (e) => e.selected,
43
- set: (e, t) => {
44
- e.selected = t;
45
- }
46
- },
47
- metadata: t
48
- }, m, h), e(this, null, g, {
49
- kind: "accessor",
50
- name: "focused",
51
- static: !1,
52
- private: !1,
53
- access: {
54
- has: (e) => "focused" in e,
55
- get: (e) => e.focused,
56
- set: (e, t) => {
57
- e.focused = t;
58
- }
59
- },
60
- metadata: t
61
- }, _, v), e(this, null, y, {
62
- kind: "accessor",
63
- name: "hovered",
64
- static: !1,
65
- private: !1,
66
- access: {
67
- has: (e) => "hovered" in e,
68
- get: (e) => e.hovered,
69
- set: (e, t) => {
70
- e.hovered = t;
71
- }
72
- },
73
- metadata: t
74
- }, b, x), e(this, null, S, {
75
- kind: "accessor",
76
- name: "nativeFocusActive",
77
- static: !1,
78
- private: !1,
79
- access: {
80
- has: (e) => "nativeFocusActive" in e,
81
- get: (e) => e.nativeFocusActive,
82
- set: (e, t) => {
83
- e.nativeFocusActive = t;
84
- }
85
- },
86
- metadata: t
87
- }, C, w), e(this, null, T, {
88
- kind: "accessor",
89
- name: "index",
90
- static: !1,
91
- private: !1,
92
- access: {
93
- has: (e) => "index" in e,
94
- get: (e) => e.index,
95
- set: (e, t) => {
96
- e.index = t;
97
- }
98
- },
99
- metadata: t
100
- }, E, D), e(this, null, O, {
101
- kind: "accessor",
102
- name: "coachItemDetails",
103
- static: !1,
104
- private: !1,
105
- access: {
106
- has: (e) => "coachItemDetails" in e,
107
- get: (e) => e.coachItemDetails,
108
- set: (e, t) => {
109
- e.coachItemDetails = t;
110
- }
111
- },
112
- metadata: t
113
- }, k, A), e(this, null, j, {
114
- kind: "accessor",
115
- name: "disable",
116
- static: !1,
117
- private: !1,
118
- access: {
119
- has: (e) => "disable" in e,
120
- get: (e) => e.disable,
121
- set: (e, t) => {
122
- e.disable = t;
123
- }
124
- },
125
- metadata: t
126
- }, M, N), e(this, null, P, {
127
- kind: "accessor",
128
- name: "vertical",
129
- static: !1,
130
- private: !1,
131
- access: {
132
- has: (e) => "vertical" in e,
133
- get: (e) => e.vertical,
134
- set: (e, t) => {
135
- e.vertical = t;
136
- }
137
- },
138
- metadata: t
139
- }, F, I), e(this, null, L, {
140
- kind: "accessor",
141
- name: "showTitleInfo",
142
- static: !1,
143
- private: !1,
144
- access: {
145
- has: (e) => "showTitleInfo" in e,
146
- get: (e) => e.showTitleInfo,
147
- set: (e, t) => {
148
- e.showTitleInfo = t;
149
- }
150
- },
151
- metadata: t
152
- }, R, z), t && Object.defineProperty(this, Symbol.metadata, {
153
- enumerable: !0,
154
- configurable: !0,
155
- writable: !0,
156
- value: t
157
- });
158
- }
159
- static {
160
- this.elementName = "sbb-seat-reservation-navigation-coach";
161
- }
162
- static {
163
- this.styles = [a, p];
164
- }
165
- static {
166
- this.events = {
167
- selectcoach: "selectcoach",
168
- focuscoach: "focuscoach"
169
- };
170
- }
171
- #e;
172
- get selected() {
173
- return this.#e;
174
- }
175
- set selected(e) {
176
- this.#e = e;
177
- }
178
- #t;
179
- get focused() {
180
- return this.#t;
181
- }
182
- set focused(e) {
183
- this.#t = e;
184
- }
185
- #n;
186
- get hovered() {
187
- return this.#n;
188
- }
189
- set hovered(e) {
190
- this.#n = e;
191
- }
192
- #r;
193
- get nativeFocusActive() {
194
- return this.#r;
195
- }
196
- set nativeFocusActive(e) {
197
- this.#r = e;
198
- }
199
- #i;
200
- get index() {
201
- return this.#i;
202
- }
203
- set index(e) {
204
- this.#i = e;
205
- }
206
- #a;
207
- get coachItemDetails() {
208
- return this.#a;
209
- }
210
- set coachItemDetails(e) {
211
- this.#a = e;
212
- }
213
- #o;
214
- get disable() {
215
- return this.#o;
216
- }
217
- set disable(e) {
218
- this.#o = e;
219
- }
220
- #s;
221
- get vertical() {
222
- return this.#s;
223
- }
224
- set vertical(e) {
225
- this.#s = e;
226
- }
227
- #c;
228
- get showTitleInfo() {
229
- return this.#c;
230
- }
231
- set showTitleInfo(e) {
232
- this.#c = e;
233
- }
234
- willUpdate(e) {
235
- if (super.willUpdate(e), e.has("selected")) {
236
- let e = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
237
- this.selected && e && (this.nativeFocusActive && e.focus(), this.dispatchEvent(new Event("focuscoach", {
238
- bubbles: !0,
239
- composed: !0
240
- })));
241
- }
242
- if (e.has("focused") && this.focused) {
243
- let e = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
244
- e && this.nativeFocusActive && e.focus();
245
- }
246
- }
247
- render() {
248
- return s`
249
- <div
250
- class="${u({
251
- "sbb-sr-navigation__item-coach": !0,
252
- "last-coach": this.coachItemDetails.driverAreaSide?.right || !1,
253
- "first-coach": this.coachItemDetails.driverAreaSide?.left || !1,
254
- "sbb-sr-navigation__item-coach--selected": this.selected,
255
- "sbb-sr-navigation__item-coach--focused": this.focused,
256
- "sbb-sr-navigation__item-coach--hovered": this.hovered
257
- })}"
258
- >
259
- ${this._getNavigationButton()}
260
- ${this.coachItemDetails.propertyIds?.length ? s`<sbb-seat-reservation-navigation-services
261
- ?vertical="${this.vertical}"
262
- .propertyIds="${this.coachItemDetails.propertyIds}"
263
- ?showTitleInfo="${this.showTitleInfo}"
264
- ></sbb-seat-reservation-navigation-services>` : c}
265
- </div>
266
- `;
267
- }
268
- _getNavigationButton() {
269
- let e = this._getCoachServiceClassNumber(), t = this._getTitleDescriptionNavCoachButton(e), n = this._getAriaDescriptionCoachServices();
270
- return s` <button
271
- @click=${() => this._selectNavCoach(this.index)}
272
- class="${u({
273
- "sbb-sr-navigation__ctrl-button": !0,
274
- "sbb-sr-navigation-driver-area": this.coachItemDetails.isDriverArea
275
- })}"
276
- ?disabled="${this.disable}"
277
- title="${this.showTitleInfo ? t : c}"
278
- type="button"
279
- aria-describedby="nav-coach-service-descriptions-${this.index}"
280
- >
281
- ${this._getBtnInformation(e)}
282
- <sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}">
283
- ${this.showTitleInfo ? c : s`<div>${t}</div>`}
284
- ${n ? s`<div>${n}</div>` : c}
285
- </sbb-screen-reader-only>
286
- </button>`;
287
- }
288
- _getBtnInformation(e) {
289
- return this.coachItemDetails.isDriverArea ? null : s`
290
- ${e === 1 ? s`<span class="sbb-sr-navigation--first-class"></span>` : c}
291
- ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__additional-information">
292
- ${this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
293
- ${this.coachItemDetails.id}
294
- </div>` : c}
295
- <div
296
- ${e ?? c}
297
- class="sbb-sr-navigation__item-coach-travelclass"
298
- aria-hidden="true"
299
- >
300
- ${e}
301
- </div>
302
- </div>` : c}
303
- `;
304
- }
305
- _getTitleDescriptionNavCoachButton(e) {
306
- if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall) return d("NAVIGATE_COACH_BLOCKED", this._language.current, [this.coachItemDetails.id]);
307
- if (this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall) return d("COACH_LOCOMOTIVE", this._language.current);
308
- let t = d("NAVIGATE_TO_COACH", this._language.current, [this.coachItemDetails.id]);
309
- if (e) {
310
- let n = d(e === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), r = d("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [n]);
311
- t = t.concat(r);
312
- }
313
- let n = d("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.coachItemDetails.freePlaces?.seats, this.coachItemDetails.freePlaces?.bicycles]);
314
- return t = t.concat(". ").concat(n), t;
315
- }
316
- _getAriaDescriptionCoachServices() {
317
- let e = null;
318
- return this.coachItemDetails.propertyIds?.length && (e = d("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += this.coachItemDetails.propertyIds.map((e) => d(e, this._language.current)).join() + "."), e;
319
- }
320
- _selectNavCoach(e) {
321
- this.dispatchEvent(new CustomEvent("selectcoach", {
322
- bubbles: !0,
323
- composed: !0,
324
- detail: e
325
- }));
326
- }
327
- _getCoachServiceClassNumber() {
328
- return this.coachItemDetails.travelClass?.includes("FIRST") ? 1 : this.coachItemDetails.travelClass?.includes("SECOND") ? 2 : null;
329
- }
330
- };
331
- })();
332
- //#endregion
333
- export { m as t };