@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773149682 → 4.7.0-dev.1773157364

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 (230) hide show
  1. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +74 -82
  2. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +9 -10
  3. package/autocomplete-grid/autocomplete-grid-button.js +5 -2
  4. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +11 -19
  5. package/autocomplete-grid/autocomplete-grid-cell.js +5 -2
  6. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +20 -27
  7. package/autocomplete-grid/autocomplete-grid-optgroup.js +5 -2
  8. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +30 -38
  9. package/autocomplete-grid/autocomplete-grid-option.js +5 -1
  10. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +16 -22
  11. package/autocomplete-grid/autocomplete-grid-row.js +5 -2
  12. package/autocomplete-grid/autocomplete-grid.js +5 -2
  13. package/autocomplete-grid.js +20 -13
  14. package/autocomplete-grid.pure.js +15 -0
  15. package/custom-elements.json +462 -237
  16. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +2 -1
  17. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  18. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +109 -122
  19. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +3 -2
  20. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
  21. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +3 -4
  22. package/development/autocomplete-grid/autocomplete-grid-button.d.ts +0 -3
  23. package/development/autocomplete-grid/autocomplete-grid-button.d.ts.map +1 -1
  24. package/development/autocomplete-grid/autocomplete-grid-button.js +4 -1
  25. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts +4 -4
  26. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
  27. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +12 -24
  28. package/development/autocomplete-grid/autocomplete-grid-cell.d.ts +0 -3
  29. package/development/autocomplete-grid/autocomplete-grid-cell.d.ts.map +1 -1
  30. package/development/autocomplete-grid/autocomplete-grid-cell.js +4 -1
  31. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.d.ts +3 -2
  32. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.d.ts.map +1 -1
  33. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +21 -36
  34. package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts +0 -3
  35. package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts.map +1 -1
  36. package/development/autocomplete-grid/autocomplete-grid-optgroup.js +4 -1
  37. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +1 -0
  38. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  39. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +32 -44
  40. package/development/autocomplete-grid/autocomplete-grid-option.d.ts +0 -3
  41. package/development/autocomplete-grid/autocomplete-grid-option.d.ts.map +1 -1
  42. package/development/autocomplete-grid/autocomplete-grid-option.js +6 -2
  43. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts +4 -4
  44. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
  45. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +16 -28
  46. package/development/autocomplete-grid/autocomplete-grid-row.d.ts +0 -3
  47. package/development/autocomplete-grid/autocomplete-grid-row.d.ts.map +1 -1
  48. package/development/autocomplete-grid/autocomplete-grid-row.js +4 -1
  49. package/development/autocomplete-grid/autocomplete-grid.d.ts +0 -3
  50. package/development/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
  51. package/development/autocomplete-grid/autocomplete-grid.js +4 -1
  52. package/development/autocomplete-grid.d.ts +1 -9
  53. package/development/autocomplete-grid.d.ts.map +1 -1
  54. package/development/autocomplete-grid.js +10 -3
  55. package/development/autocomplete-grid.pure.d.ts +8 -0
  56. package/development/autocomplete-grid.pure.d.ts.map +1 -0
  57. package/development/autocomplete-grid.pure.js +16 -0
  58. package/development/core/datetime.d.ts +1 -3
  59. package/development/core/datetime.d.ts.map +1 -1
  60. package/development/core/timetable/timetable-properties.d.ts +30 -30
  61. package/development/core/timetable/timetable-properties.d.ts.map +1 -1
  62. package/development/core/timetable.d.ts +1 -3
  63. package/development/core/timetable.d.ts.map +1 -1
  64. package/development/journey-summary/journey-summary.component.d.ts +4 -2
  65. package/development/journey-summary/journey-summary.component.d.ts.map +1 -1
  66. package/development/journey-summary/journey-summary.component.js +9 -15
  67. package/development/journey-summary.d.ts +1 -4
  68. package/development/journey-summary.d.ts.map +1 -1
  69. package/development/journey-summary.js +2 -1
  70. package/development/journey-summary.pure.d.ts +3 -0
  71. package/development/journey-summary.pure.d.ts.map +1 -0
  72. package/development/journey-summary.pure.js +5 -0
  73. package/development/pearl-chain/pearl-chain.component.d.ts +4 -2
  74. package/development/pearl-chain/pearl-chain.component.d.ts.map +1 -1
  75. package/development/pearl-chain/pearl-chain.component.js +9 -15
  76. package/development/pearl-chain-time/pearl-chain-time.component.d.ts +4 -2
  77. package/development/pearl-chain-time/pearl-chain-time.component.d.ts.map +1 -1
  78. package/development/pearl-chain-time/pearl-chain-time.component.js +9 -15
  79. package/development/pearl-chain-time.d.ts +1 -4
  80. package/development/pearl-chain-time.d.ts.map +1 -1
  81. package/development/pearl-chain-time.js +2 -1
  82. package/development/pearl-chain-time.pure.d.ts +3 -0
  83. package/development/pearl-chain-time.pure.d.ts.map +1 -0
  84. package/development/pearl-chain-time.pure.js +5 -0
  85. package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts +4 -2
  86. package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts.map +1 -1
  87. package/development/pearl-chain-vertical/pearl-chain-vertical.component.js +11 -23
  88. package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts +4 -2
  89. package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts.map +1 -1
  90. package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +9 -15
  91. package/development/pearl-chain-vertical-item.d.ts +1 -4
  92. package/development/pearl-chain-vertical-item.d.ts.map +1 -1
  93. package/development/pearl-chain-vertical-item.js +2 -1
  94. package/development/pearl-chain-vertical-item.pure.d.ts +3 -0
  95. package/development/pearl-chain-vertical-item.pure.d.ts.map +1 -0
  96. package/development/pearl-chain-vertical-item.pure.js +5 -0
  97. package/development/pearl-chain-vertical.d.ts +1 -4
  98. package/development/pearl-chain-vertical.d.ts.map +1 -1
  99. package/development/pearl-chain-vertical.js +2 -1
  100. package/development/pearl-chain-vertical.pure.d.ts +3 -0
  101. package/development/pearl-chain-vertical.pure.d.ts.map +1 -0
  102. package/development/pearl-chain-vertical.pure.js +5 -0
  103. package/development/pearl-chain.d.ts +1 -4
  104. package/development/pearl-chain.d.ts.map +1 -1
  105. package/development/pearl-chain.js +2 -1
  106. package/development/pearl-chain.pure.d.ts +3 -0
  107. package/development/pearl-chain.pure.d.ts.map +1 -0
  108. package/development/pearl-chain.pure.js +5 -0
  109. package/development/seat-reservation/common/mapper/icon-mapper.d.ts +2 -2
  110. package/development/seat-reservation/common/mapper/icon-mapper.d.ts.map +1 -1
  111. package/development/seat-reservation/common/mapper/icon-mapper.js +1 -1
  112. package/development/seat-reservation/common/types.d.ts +22 -22
  113. package/development/seat-reservation/common/types.d.ts.map +1 -1
  114. package/development/seat-reservation/common.d.ts +1 -3
  115. package/development/seat-reservation/common.d.ts.map +1 -1
  116. package/development/seat-reservation/common.js +3 -1
  117. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +4 -3
  118. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  119. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +4 -3
  120. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts +1 -0
  121. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  122. package/development/seat-reservation/seat-reservation/seat-reservation.component.js +344 -352
  123. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts +4 -2
  124. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts.map +1 -1
  125. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +9 -15
  126. package/development/seat-reservation/seat-reservation-area.d.ts +0 -3
  127. package/development/seat-reservation/seat-reservation-area.d.ts.map +1 -1
  128. package/development/seat-reservation/seat-reservation-area.js +4 -1
  129. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.d.ts.map +1 -1
  130. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +6 -4
  131. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts +4 -2
  132. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts.map +1 -1
  133. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +11 -16
  134. package/development/seat-reservation/seat-reservation-graphic.d.ts +0 -3
  135. package/development/seat-reservation/seat-reservation-graphic.d.ts.map +1 -1
  136. package/development/seat-reservation/seat-reservation-graphic.js +4 -1
  137. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts +5 -3
  138. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
  139. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +12 -17
  140. package/development/seat-reservation/seat-reservation-navigation-coach.d.ts +0 -3
  141. package/development/seat-reservation/seat-reservation-navigation-coach.d.ts.map +1 -1
  142. package/development/seat-reservation/seat-reservation-navigation-coach.js +4 -1
  143. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts +4 -2
  144. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts.map +1 -1
  145. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +12 -17
  146. package/development/seat-reservation/seat-reservation-navigation-services.d.ts +0 -3
  147. package/development/seat-reservation/seat-reservation-navigation-services.d.ts.map +1 -1
  148. package/development/seat-reservation/seat-reservation-navigation-services.js +4 -1
  149. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts +2 -1
  150. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
  151. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +10 -16
  152. package/development/seat-reservation/seat-reservation-place-control.d.ts +0 -3
  153. package/development/seat-reservation/seat-reservation-place-control.d.ts.map +1 -1
  154. package/development/seat-reservation/seat-reservation-place-control.js +4 -1
  155. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts +4 -2
  156. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts.map +1 -1
  157. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +11 -23
  158. package/development/seat-reservation/seat-reservation-scoped.d.ts +0 -3
  159. package/development/seat-reservation/seat-reservation-scoped.d.ts.map +1 -1
  160. package/development/seat-reservation/seat-reservation-scoped.js +4 -1
  161. package/development/seat-reservation/seat-reservation.d.ts +0 -3
  162. package/development/seat-reservation/seat-reservation.d.ts.map +1 -1
  163. package/development/seat-reservation/seat-reservation.js +4 -1
  164. package/development/seat-reservation.d.ts +1 -11
  165. package/development/seat-reservation.d.ts.map +1 -1
  166. package/development/seat-reservation.js +13 -3
  167. package/development/seat-reservation.pure.d.ts +15 -0
  168. package/development/seat-reservation.pure.d.ts.map +1 -0
  169. package/development/seat-reservation.pure.js +33 -0
  170. package/development/timetable-duration/timetable-duration.component.d.ts +4 -2
  171. package/development/timetable-duration/timetable-duration.component.d.ts.map +1 -1
  172. package/development/timetable-duration/timetable-duration.component.js +9 -15
  173. package/development/timetable-duration.d.ts +1 -4
  174. package/development/timetable-duration.d.ts.map +1 -1
  175. package/development/timetable-duration.js +2 -1
  176. package/development/timetable-duration.pure.d.ts +3 -0
  177. package/development/timetable-duration.pure.d.ts.map +1 -0
  178. package/development/timetable-duration.pure.js +5 -0
  179. package/development/timetable-row/timetable-row.component.d.ts +4 -2
  180. package/development/timetable-row/timetable-row.component.d.ts.map +1 -1
  181. package/development/timetable-row/timetable-row.component.js +9 -15
  182. package/development/timetable-row.d.ts +1 -4
  183. package/development/timetable-row.d.ts.map +1 -1
  184. package/development/timetable-row.js +4 -2
  185. package/development/timetable-row.pure.d.ts +3 -0
  186. package/development/timetable-row.pure.d.ts.map +1 -0
  187. package/development/timetable-row.pure.js +12 -0
  188. package/index.d.ts +9 -20
  189. package/index.js +9 -20
  190. package/journey-summary/journey-summary.component.js +88 -87
  191. package/journey-summary.js +3 -2
  192. package/journey-summary.pure.js +4 -0
  193. package/package.json +47 -2
  194. package/pearl-chain/pearl-chain.component.js +74 -73
  195. package/pearl-chain-time/pearl-chain-time.component.js +64 -63
  196. package/pearl-chain-time.js +3 -2
  197. package/pearl-chain-time.pure.js +4 -0
  198. package/pearl-chain-vertical/pearl-chain-vertical.component.js +11 -18
  199. package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +39 -38
  200. package/pearl-chain-vertical-item.js +3 -2
  201. package/pearl-chain-vertical-item.pure.js +4 -0
  202. package/pearl-chain-vertical.js +3 -2
  203. package/pearl-chain-vertical.pure.js +4 -0
  204. package/pearl-chain.js +3 -2
  205. package/pearl-chain.pure.js +4 -0
  206. package/seat-reservation/common.js +10 -8
  207. package/seat-reservation/seat-reservation/seat-reservation-base-element.js +4 -3
  208. package/seat-reservation/seat-reservation/seat-reservation.component.js +261 -263
  209. package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +32 -31
  210. package/seat-reservation/seat-reservation-area.js +5 -2
  211. package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +18 -16
  212. package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +42 -40
  213. package/seat-reservation/seat-reservation-graphic.js +5 -2
  214. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +117 -115
  215. package/seat-reservation/seat-reservation-navigation-coach.js +5 -2
  216. package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +53 -51
  217. package/seat-reservation/seat-reservation-navigation-services.js +5 -2
  218. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +79 -78
  219. package/seat-reservation/seat-reservation-place-control.js +5 -2
  220. package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +11 -18
  221. package/seat-reservation/seat-reservation-scoped.js +5 -2
  222. package/seat-reservation/seat-reservation.js +5 -2
  223. package/seat-reservation.js +37 -27
  224. package/seat-reservation.pure.js +32 -0
  225. package/timetable-duration/timetable-duration.component.js +29 -28
  226. package/timetable-duration.js +3 -2
  227. package/timetable-duration.pure.js +4 -0
  228. package/timetable-row/timetable-row.component.js +152 -151
  229. package/timetable-row.js +11 -9
  230. package/timetable-row.pure.js +11 -0
@@ -1,103 +1,105 @@
1
- var ea = (i) => {
2
- throw TypeError(i);
1
+ var X = (s) => {
2
+ throw TypeError(s);
3
3
  };
4
- var ra = (i, n, b) => n.has(i) || ea("Cannot " + b);
5
- var l = (i, n, b) => (ra(i, n, "read from private field"), b ? b.call(i) : n.get(i)), v = (i, n, b) => n.has(i) ? ea("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(i) : n.set(i, b), t = (i, n, b, c) => (ra(i, n, "write to private field"), c ? c.call(i, b) : n.set(i, b), b);
6
- import { __runInitializers as s, __esDecorate as d } from "tslib";
7
- import { SbbLanguageController as oa } from "@sbb-esta/lyne-elements/core/controllers.js";
8
- import { forceType as u } from "@sbb-esta/lyne-elements/core/decorators.js";
9
- import { boxSizingStyles as na } from "@sbb-esta/lyne-elements/core/styles.js";
10
- import { css as ba, LitElement as ca, nothing as _, html as h } from "lit";
11
- import { customElement as la, property as g } from "lit/decorators.js";
12
- import { classMap as ta } from "lit/directives/class-map.js";
13
- import { getI18nSeatReservation as m } from "../common/translations.js";
4
+ var Y = (s, n, b) => n.has(s) || X("Cannot " + b);
5
+ var c = (s, n, b) => (Y(s, n, "read from private field"), b ? b.call(s) : n.get(s)), l = (s, n, b) => n.has(s) ? X("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(s) : n.set(s, b), t = (s, n, b, A) => (Y(s, n, "write to private field"), A ? A.call(s, b) : n.set(s, b), b);
6
+ import { __runInitializers as o, __esDecorate as v } from "tslib";
7
+ import { SbbElement as ea } from "@sbb-esta/lyne-elements/core/base-elements.js";
8
+ import { SbbLanguageController as ta } from "@sbb-esta/lyne-elements/core/controllers.js";
9
+ import { forceType as g } from "@sbb-esta/lyne-elements/core/decorators.js";
10
+ import { boxSizingStyles as sa } from "@sbb-esta/lyne-elements/core/styles.js";
11
+ import { css as ia, nothing as u, html as d } from "lit";
12
+ import { property as h } from "lit/decorators.js";
13
+ import { classMap as Z } from "lit/directives/class-map.js";
14
+ import { getI18nSeatReservation as _ } from "../common/translations.js";
15
+ import { SbbSeatReservationNavigationServicesElement as oa } from "../seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
14
16
  import "@sbb-esta/lyne-elements/screen-reader-only.js";
15
- import "../seat-reservation-navigation-services.js";
16
- const va = ba`:host{display:inline-block;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(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-border-color: light-dark( var(--sbb-color-granite), var(--sbb-color-graphite) );--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-selected: 2;--sbb-seat-reservation-navigation-btn-background-color-selected: var(--sbb-color-milk);--sbb-seat-reservation-navigation-btn-background-color-selected: light-dark( var(--sbb-color-milk), var(--sbb-color-iron) );--sbb-seat-reservation-navigation-btn-border-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-selected: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-width-focused: 1;--sbb-seat-reservation-navigation-btn-outline-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-offset-focused: 4;--sbb-seat-reservation-navigation-btn-background-color-focused: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color-focused: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-focused: var( --sbb-seat-reservation-navigation-btn-border-width );--sbb-seat-reservation-navigation-btn-border-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-border-width-hovered: 2;--sbb-seat-reservation-navigation-btn-background-color-hovered: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color-hovered: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-navigation-btn-border-color-hovered: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-hovered: light-dark( var(--sbb-color-black), 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(--sbb-color-platinum);--sbb-seat-reservation-navigation-btn-border-color-disabled: light-dark( var(--sbb-color-platinum), var(--sbb-color-iron) )}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));list-style-type:none}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{width:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-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:"";position:absolute;width:100%;height:100%;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)}.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:"";position:absolute;width:100%;height:100%;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)}.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;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;flex-direction:column;justify-content:center;height:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:relative;background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:var(--sbb-cursor-pointer)}.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:"";position:absolute;width:100%;height:100%;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)}.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:"";position:absolute;width:100%;height:100%;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)}.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:light-dark(var(--sbb-color-metal),var(--sbb-color-storm))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite);color:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-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:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black);color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected.sbb-sr-navigation__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-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-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(--sbb-color-iron);color:light-dark(var(--sbb-color-iron),var(--sbb-color-silver))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-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:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite);color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-family:var(--sbb-typo-font-family);font-weight:700;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-granite))}@media(forced-colors:active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-background-color-2-inverted)}.sbb-sr-navigation--first-class{width:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid transparent;border-radius:var(--sbb-border-radius-1x);margin:auto;background-color:var(--sbb-color-lemon)}.sbb-sr-navigation__item-coach-travelclass{display:flex;align-items:center;justify-content:center;min-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);background-color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite));color:var(--sbb-color-white);color:light-dark(var(--sbb-color-white),var(--sbb-color-black))}@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{flex-direction:row-reverse;height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline-start:unset;padding-inline-end:unset}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation--first-class{height:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:initial;inset-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,:host([vertical]) .sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-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:"";position:absolute;width:100%;height:100%;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)}: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:"";position:absolute;width:100%;height:100%;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)}: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))}`;
17
- let ya = (() => {
18
- var f, p, x, k, w, I, D, y, A, o;
19
- let i = [la("sbb-seat-reservation-navigation-coach")], n, b = [], c, C = ca, S, E = [], T = [], $, z = [], B = [], N, O = [], F = [], L, V = [], R = [], j, H = [], U = [], G, K = [], M = [], P, q = [], W = [], J, Q = [], X = [], Y, Z = [], aa = [];
20
- return o = class extends C {
17
+ const na = ia`:host{display:inline-block;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(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-border-color: light-dark( var(--sbb-color-granite), var(--sbb-color-graphite) );--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-selected: 2;--sbb-seat-reservation-navigation-btn-background-color-selected: var(--sbb-color-milk);--sbb-seat-reservation-navigation-btn-background-color-selected: light-dark( var(--sbb-color-milk), var(--sbb-color-iron) );--sbb-seat-reservation-navigation-btn-border-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-selected: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-width-focused: 1;--sbb-seat-reservation-navigation-btn-outline-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-offset-focused: 4;--sbb-seat-reservation-navigation-btn-background-color-focused: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color-focused: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-focused: var( --sbb-seat-reservation-navigation-btn-border-width );--sbb-seat-reservation-navigation-btn-border-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-border-width-hovered: 2;--sbb-seat-reservation-navigation-btn-background-color-hovered: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color-hovered: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-navigation-btn-border-color-hovered: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-hovered: light-dark( var(--sbb-color-black), 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(--sbb-color-platinum);--sbb-seat-reservation-navigation-btn-border-color-disabled: light-dark( var(--sbb-color-platinum), var(--sbb-color-iron) )}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));list-style-type:none}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{width:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-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:"";position:absolute;width:100%;height:100%;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)}.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:"";position:absolute;width:100%;height:100%;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)}.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;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;flex-direction:column;justify-content:center;height:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:relative;background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:var(--sbb-cursor-pointer)}.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:"";position:absolute;width:100%;height:100%;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)}.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:"";position:absolute;width:100%;height:100%;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)}.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:light-dark(var(--sbb-color-metal),var(--sbb-color-storm))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite);color:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-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:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black);color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected.sbb-sr-navigation__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-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-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(--sbb-color-iron);color:light-dark(var(--sbb-color-iron),var(--sbb-color-silver))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-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:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite);color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-family:var(--sbb-typo-font-family);font-weight:700;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-granite))}@media(forced-colors:active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-background-color-2-inverted)}.sbb-sr-navigation--first-class{width:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid transparent;border-radius:var(--sbb-border-radius-1x);margin:auto;background-color:var(--sbb-color-lemon)}.sbb-sr-navigation__item-coach-travelclass{display:flex;align-items:center;justify-content:center;min-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);background-color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite));color:var(--sbb-color-white);color:light-dark(var(--sbb-color-white),var(--sbb-color-black))}@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{flex-direction:row-reverse;height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline-start:unset;padding-inline-end:unset}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation--first-class{height:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:initial;inset-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,:host([vertical]) .sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-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:"";position:absolute;width:100%;height:100%;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)}: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:"";position:absolute;width:100%;height:100%;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)}: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))}`;
18
+ oa.define();
19
+ let wa = (() => {
20
+ var m, f, p, x, k, w, I, y, D, i;
21
+ let s = ea, n, b = [], A = [], C, T = [], $ = [], z, B = [], E = [], O, S = [], F = [], L, V = [], N = [], j, H = [], U = [], G, K = [], M = [], P, q = [], W = [], J, Q = [], R = [];
22
+ return i = class extends s {
21
23
  constructor() {
22
24
  super(...arguments);
23
- v(this, f);
24
- v(this, p);
25
- v(this, x);
26
- v(this, k);
27
- v(this, w);
28
- v(this, I);
29
- v(this, D);
30
- v(this, y);
31
- v(this, A);
32
- t(this, f, s(this, E, !1)), t(this, p, (s(this, T), s(this, z, !1))), t(this, x, (s(this, B), s(this, O, !1))), t(this, k, (s(this, F), s(this, V, !0))), t(this, w, (s(this, R), s(this, H, 0))), t(this, I, (s(this, U), s(this, K, {}))), t(this, D, (s(this, M), s(this, q, !1))), t(this, y, (s(this, W), s(this, Q, !1))), t(this, A, (s(this, X), s(this, Z, !1))), this._language = (s(this, aa), new oa(this));
25
+ l(this, m);
26
+ l(this, f);
27
+ l(this, p);
28
+ l(this, x);
29
+ l(this, k);
30
+ l(this, w);
31
+ l(this, I);
32
+ l(this, y);
33
+ l(this, D);
34
+ t(this, m, o(this, b, !1)), t(this, f, (o(this, A), o(this, T, !1))), t(this, p, (o(this, $), o(this, B, !1))), t(this, x, (o(this, E), o(this, S, !0))), t(this, k, (o(this, F), o(this, V, 0))), t(this, w, (o(this, N), o(this, H, {}))), t(this, I, (o(this, U), o(this, K, !1))), t(this, y, (o(this, M), o(this, q, !1))), t(this, D, (o(this, W), o(this, Q, !1))), this._language = (o(this, R), new ta(this));
33
35
  }
34
36
  /** Select coach property */
35
37
  get selected() {
36
- return l(this, f);
38
+ return c(this, m);
37
39
  }
38
- set selected(e) {
39
- t(this, f, e);
40
+ set selected(r) {
41
+ t(this, m, r);
40
42
  }
41
43
  /** Focus coach property */
42
44
  get focused() {
43
- return l(this, p);
45
+ return c(this, f);
44
46
  }
45
- set focused(e) {
46
- t(this, p, e);
47
+ set focused(r) {
48
+ t(this, f, r);
47
49
  }
48
50
  /** Hover coach property */
49
51
  get hovered() {
50
- return l(this, x);
52
+ return c(this, p);
51
53
  }
52
- set hovered(e) {
53
- t(this, x, e);
54
+ set hovered(r) {
55
+ t(this, p, r);
54
56
  }
55
57
  /** Native focus for this navigation coach is also set when the focused property is changed */
56
58
  get nativeFocusActive() {
57
- return l(this, k);
59
+ return c(this, x);
58
60
  }
59
- set nativeFocusActive(e) {
60
- t(this, k, e);
61
+ set nativeFocusActive(r) {
62
+ t(this, x, r);
61
63
  }
62
64
  get index() {
63
- return l(this, w);
65
+ return c(this, k);
64
66
  }
65
- set index(e) {
66
- t(this, w, e);
67
+ set index(r) {
68
+ t(this, k, r);
67
69
  }
68
70
  get coachItemDetails() {
69
- return l(this, I);
71
+ return c(this, w);
70
72
  }
71
- set coachItemDetails(e) {
72
- t(this, I, e);
73
+ set coachItemDetails(r) {
74
+ t(this, w, r);
73
75
  }
74
76
  /** Disable the coach navigation */
75
77
  get disable() {
76
- return l(this, D);
78
+ return c(this, I);
77
79
  }
78
- set disable(e) {
79
- t(this, D, e);
80
+ set disable(r) {
81
+ t(this, I, r);
80
82
  }
81
83
  /** If the coach navigation should be displayed vertically */
82
84
  get vertical() {
83
- return l(this, y);
85
+ return c(this, y);
84
86
  }
85
- set vertical(e) {
86
- t(this, y, e);
87
+ set vertical(r) {
88
+ t(this, y, r);
87
89
  }
88
90
  /** Disable the mouse over title information */
89
91
  get showTitleInfo() {
90
- return l(this, A);
92
+ return c(this, D);
91
93
  }
92
- set showTitleInfo(e) {
93
- t(this, A, e);
94
+ set showTitleInfo(r) {
95
+ t(this, D, r);
94
96
  }
95
- willUpdate(e) {
96
- if (super.willUpdate(e), e.has("selected")) {
97
+ willUpdate(r) {
98
+ if (super.willUpdate(r), r.has("selected")) {
97
99
  const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
98
100
  this.selected && a && (this.nativeFocusActive && a.focus(), this.dispatchEvent(new Event("focuscoach", { bubbles: !0, composed: !0 })));
99
101
  }
100
- if (e.has("focused") && this.focused) {
102
+ if (r.has("focused") && this.focused) {
101
103
  const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
102
104
  a && this.nativeFocusActive && a.focus();
103
105
  }
@@ -108,9 +110,9 @@ let ya = (() => {
108
110
  * @protected
109
111
  */
110
112
  render() {
111
- return h`
113
+ return d`
112
114
  <div
113
- class="${ta({
115
+ class="${Z({
114
116
  "sbb-sr-navigation__item-coach": !0,
115
117
  "last-coach": this.coachItemDetails.driverAreaSide?.right || !1,
116
118
  "first-coach": this.coachItemDetails.driverAreaSide?.left || !1,
@@ -120,113 +122,113 @@ let ya = (() => {
120
122
  })}"
121
123
  >
122
124
  ${this._getNavigationButton()}
123
- ${this.coachItemDetails.propertyIds?.length ? h`<sbb-seat-reservation-navigation-services
125
+ ${this.coachItemDetails.propertyIds?.length ? d`<sbb-seat-reservation-navigation-services
124
126
  ?vertical="${this.vertical}"
125
127
  .propertyIds="${this.coachItemDetails.propertyIds}"
126
128
  ?showTitleInfo="${this.showTitleInfo}"
127
- ></sbb-seat-reservation-navigation-services>` : _}
129
+ ></sbb-seat-reservation-navigation-services>` : u}
128
130
  </div>
129
131
  `;
130
132
  }
131
133
  _getNavigationButton() {
132
- const e = this._getCoachServiceClassNumber(), a = this._getTitleDescriptionNavCoachButton(e), r = this._getAriaDescriptionCoachServices();
133
- return h` <button
134
+ const r = this._getCoachServiceClassNumber(), a = this._getTitleDescriptionNavCoachButton(r), e = this._getAriaDescriptionCoachServices();
135
+ return d` <button
134
136
  @click=${() => this._selectNavCoach(this.index)}
135
- class="${ta({
137
+ class="${Z({
136
138
  "sbb-sr-navigation__ctrl-button": !0,
137
139
  "sbb-sr-navigation-driver-area": this.coachItemDetails.isDriverArea
138
140
  })}"
139
141
  ?disabled="${this.disable}"
140
- title="${this.showTitleInfo ? a : _}"
142
+ title="${this.showTitleInfo ? a : u}"
141
143
  type="button"
142
144
  aria-describedby="nav-coach-service-descriptions-${this.index}"
143
145
  >
144
- ${this._getBtnInformation(e)}
146
+ ${this._getBtnInformation(r)}
145
147
  <sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}">
146
- ${this.showTitleInfo ? _ : h`<div>${a}</div>`}
147
- ${r ? h`<div>${r}</div>` : _}
148
+ ${this.showTitleInfo ? u : d`<div>${a}</div>`}
149
+ ${e ? d`<div>${e}</div>` : u}
148
150
  </sbb-screen-reader-only>
149
151
  </button>`;
150
152
  }
151
- _getBtnInformation(e) {
152
- return this.coachItemDetails.isDriverArea ? null : h`
153
- ${e === 1 ? h`<span class="sbb-sr-navigation--first-class"></span>` : _}
154
- ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? h`<div class="sbb-sr-navigation__additional-information">
155
- ${this.coachItemDetails.id ? h`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
153
+ _getBtnInformation(r) {
154
+ return this.coachItemDetails.isDriverArea ? null : d`
155
+ ${r === 1 ? d`<span class="sbb-sr-navigation--first-class"></span>` : u}
156
+ ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? d`<div class="sbb-sr-navigation__additional-information">
157
+ ${this.coachItemDetails.id ? d`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
156
158
  ${this.coachItemDetails.id}
157
- </div>` : _}
159
+ </div>` : u}
158
160
  <div
159
- ${e ?? _}
161
+ ${r ?? u}
160
162
  class="sbb-sr-navigation__item-coach-travelclass"
161
163
  aria-hidden="true"
162
164
  >
163
- ${e}
165
+ ${r}
164
166
  </div>
165
- </div>` : _}
167
+ </div>` : u}
166
168
  `;
167
169
  }
168
- _getTitleDescriptionNavCoachButton(e) {
170
+ _getTitleDescriptionNavCoachButton(r) {
169
171
  if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall)
170
- return m("NAVIGATE_COACH_BLOCKED", this._language.current, [
172
+ return _("NAVIGATE_COACH_BLOCKED", this._language.current, [
171
173
  this.coachItemDetails.id
172
174
  ]);
173
175
  if (this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall)
174
- return m("COACH_LOCOMOTIVE", this._language.current);
175
- let a = m("NAVIGATE_TO_COACH", this._language.current, [
176
+ return _("COACH_LOCOMOTIVE", this._language.current);
177
+ let a = _("NAVIGATE_TO_COACH", this._language.current, [
176
178
  this.coachItemDetails.id
177
179
  ]);
178
- if (e) {
179
- const sa = m(e === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), ia = m("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [sa]);
180
- a = a.concat(ia);
180
+ if (r) {
181
+ const aa = _(r === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), ra = _("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [aa]);
182
+ a = a.concat(ra);
181
183
  }
182
- const r = m("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.coachItemDetails.freePlaces?.seats, this.coachItemDetails.freePlaces?.bicycles]);
183
- return a = a.concat(". ").concat(r), a;
184
+ const e = _("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.coachItemDetails.freePlaces?.seats, this.coachItemDetails.freePlaces?.bicycles]);
185
+ return a = a.concat(". ").concat(e), a;
184
186
  }
185
187
  _getAriaDescriptionCoachServices() {
186
- let e = null;
187
- return this.coachItemDetails.propertyIds?.length && (e = m("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += this.coachItemDetails.propertyIds.map((a) => m(a, this._language.current)).join() + "."), e;
188
+ let r = null;
189
+ return this.coachItemDetails.propertyIds?.length && (r = _("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", r += this.coachItemDetails.propertyIds.map((a) => _(a, this._language.current)).join() + "."), r;
188
190
  }
189
191
  /**
190
192
  * emits the index of the coach array for the main navigation.
191
193
  * @param coachIndex
192
194
  * @private
193
195
  */
194
- _selectNavCoach(e) {
196
+ _selectNavCoach(r) {
195
197
  this.dispatchEvent(new CustomEvent("selectcoach", {
196
198
  bubbles: !0,
197
199
  composed: !0,
198
- detail: e
200
+ detail: r
199
201
  }));
200
202
  }
201
203
  _getCoachServiceClassNumber() {
202
204
  return this.coachItemDetails.travelClass?.includes("FIRST") ? 1 : this.coachItemDetails.travelClass?.includes("SECOND") ? 2 : null;
203
205
  }
204
- }, f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), k = new WeakMap(), w = new WeakMap(), I = new WeakMap(), D = new WeakMap(), y = new WeakMap(), A = new WeakMap(), c = o, (() => {
205
- const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(C[Symbol.metadata] ?? null) : void 0;
206
- S = [u(), g({ type: Boolean })], $ = [u(), g({ type: Boolean })], N = [u(), g({ type: Boolean })], L = [u(), g({ type: Boolean })], j = [u(), g({ type: Number })], G = [g({ attribute: "coach-item-details", type: Object })], P = [u(), g({ attribute: "disable", type: Boolean })], J = [u(), g({ type: Boolean, reflect: !0, useDefault: !0 })], Y = [u(), g({ type: Boolean })], d(o, null, S, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (a) => "selected" in a, get: (a) => a.selected, set: (a, r) => {
207
- a.selected = r;
208
- } }, metadata: e }, E, T), d(o, null, $, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (a) => "focused" in a, get: (a) => a.focused, set: (a, r) => {
209
- a.focused = r;
210
- } }, metadata: e }, z, B), d(o, null, N, { kind: "accessor", name: "hovered", static: !1, private: !1, access: { has: (a) => "hovered" in a, get: (a) => a.hovered, set: (a, r) => {
211
- a.hovered = r;
212
- } }, metadata: e }, O, F), d(o, null, L, { kind: "accessor", name: "nativeFocusActive", static: !1, private: !1, access: { has: (a) => "nativeFocusActive" in a, get: (a) => a.nativeFocusActive, set: (a, r) => {
213
- a.nativeFocusActive = r;
214
- } }, metadata: e }, V, R), d(o, null, j, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (a) => "index" in a, get: (a) => a.index, set: (a, r) => {
215
- a.index = r;
216
- } }, metadata: e }, H, U), d(o, null, G, { kind: "accessor", name: "coachItemDetails", static: !1, private: !1, access: { has: (a) => "coachItemDetails" in a, get: (a) => a.coachItemDetails, set: (a, r) => {
217
- a.coachItemDetails = r;
218
- } }, metadata: e }, K, M), d(o, null, P, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (a) => "disable" in a, get: (a) => a.disable, set: (a, r) => {
219
- a.disable = r;
220
- } }, metadata: e }, q, W), d(o, null, J, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (a) => "vertical" in a, get: (a) => a.vertical, set: (a, r) => {
221
- a.vertical = r;
222
- } }, metadata: e }, Q, X), d(o, null, Y, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (a) => "showTitleInfo" in a, get: (a) => a.showTitleInfo, set: (a, r) => {
223
- a.showTitleInfo = r;
224
- } }, metadata: e }, Z, aa), d(null, n = { value: c }, i, { kind: "class", name: c.name, metadata: e }, null, b), c = n.value, e && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
225
- })(), o.styles = [na, va], o.events = {
206
+ }, m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), k = new WeakMap(), w = new WeakMap(), I = new WeakMap(), y = new WeakMap(), D = new WeakMap(), (() => {
207
+ const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
208
+ n = [g(), h({ type: Boolean })], C = [g(), h({ type: Boolean })], z = [g(), h({ type: Boolean })], O = [g(), h({ type: Boolean })], L = [g(), h({ type: Number })], j = [h({ attribute: "coach-item-details", type: Object })], G = [g(), h({ attribute: "disable", type: Boolean })], P = [g(), h({ type: Boolean, reflect: !0, useDefault: !0 })], J = [g(), h({ type: Boolean })], v(i, null, n, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (a) => "selected" in a, get: (a) => a.selected, set: (a, e) => {
209
+ a.selected = e;
210
+ } }, metadata: r }, b, A), v(i, null, C, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (a) => "focused" in a, get: (a) => a.focused, set: (a, e) => {
211
+ a.focused = e;
212
+ } }, metadata: r }, T, $), v(i, null, z, { kind: "accessor", name: "hovered", static: !1, private: !1, access: { has: (a) => "hovered" in a, get: (a) => a.hovered, set: (a, e) => {
213
+ a.hovered = e;
214
+ } }, metadata: r }, B, E), v(i, null, O, { kind: "accessor", name: "nativeFocusActive", static: !1, private: !1, access: { has: (a) => "nativeFocusActive" in a, get: (a) => a.nativeFocusActive, set: (a, e) => {
215
+ a.nativeFocusActive = e;
216
+ } }, metadata: r }, S, F), v(i, null, L, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (a) => "index" in a, get: (a) => a.index, set: (a, e) => {
217
+ a.index = e;
218
+ } }, metadata: r }, V, N), v(i, null, j, { kind: "accessor", name: "coachItemDetails", static: !1, private: !1, access: { has: (a) => "coachItemDetails" in a, get: (a) => a.coachItemDetails, set: (a, e) => {
219
+ a.coachItemDetails = e;
220
+ } }, metadata: r }, H, U), v(i, null, G, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (a) => "disable" in a, get: (a) => a.disable, set: (a, e) => {
221
+ a.disable = e;
222
+ } }, metadata: r }, K, M), v(i, null, P, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (a) => "vertical" in a, get: (a) => a.vertical, set: (a, e) => {
223
+ a.vertical = e;
224
+ } }, metadata: r }, q, W), v(i, null, J, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (a) => "showTitleInfo" in a, get: (a) => a.showTitleInfo, set: (a, e) => {
225
+ a.showTitleInfo = e;
226
+ } }, metadata: r }, Q, R), r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
227
+ })(), i.elementName = "sbb-seat-reservation-navigation-coach", i.styles = [sa, na], i.events = {
226
228
  selectcoach: "selectcoach",
227
229
  focuscoach: "focuscoach"
228
- }, s(c, b), c;
230
+ }, i;
229
231
  })();
230
232
  export {
231
- ya as SbbSeatReservationNavigationCoachElement
233
+ wa as SbbSeatReservationNavigationCoachElement
232
234
  };
@@ -1,4 +1,7 @@
1
- import { SbbSeatReservationNavigationCoachElement as o } from "./seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
1
+ import { SbbSeatReservationNavigationCoachElement as e } from "./seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
2
+ e.define();
3
+ console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-navigation-coach.js' has been deprecated.
4
+ Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
2
5
  export {
3
- o as SbbSeatReservationNavigationCoachElement
6
+ e as SbbSeatReservationNavigationCoachElement
4
7
  };
@@ -1,61 +1,63 @@
1
- var C = (s) => {
2
- throw TypeError(s);
1
+ var T = (t) => {
2
+ throw TypeError(t);
3
3
  };
4
- var D = (s, r, a) => r.has(s) || C("Cannot " + a);
5
- var b = (s, r, a) => (D(s, r, "read from private field"), a ? a.call(s) : r.get(s)), d = (s, r, a) => r.has(s) ? C("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(s) : r.set(s, a), l = (s, r, a, i) => (D(s, r, "write to private field"), i ? i.call(s, a) : r.set(s, a), a);
6
- import { __runInitializers as c, __esDecorate as u } from "tslib";
7
- import { SbbLanguageController as A } from "@sbb-esta/lyne-elements/core/controllers.js";
8
- import { forceType as B } from "@sbb-esta/lyne-elements/core/decorators.js";
9
- import { boxSizingStyles as N } from "@sbb-esta/lyne-elements/core/styles.js";
10
- import { css as $, LitElement as j, nothing as _, html as k } from "lit";
11
- import { customElement as O, property as g } from "lit/decorators.js";
12
- import { getI18nSeatReservation as v } from "../common.js";
4
+ var L = (t, s, a) => s.has(t) || T("Cannot " + a);
5
+ var d = (t, s, a) => (L(t, s, "read from private field"), a ? a.call(t) : s.get(t)), f = (t, s, a) => s.has(t) ? T("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, a), n = (t, s, a, m) => (L(t, s, "write to private field"), m ? m.call(t, a) : s.set(t, a), a);
6
+ import { __runInitializers as p, __esDecorate as u } from "tslib";
7
+ import { SbbElement as E } from "@sbb-esta/lyne-elements/core/base-elements.js";
8
+ import { SbbLanguageController as B } from "@sbb-esta/lyne-elements/core/controllers.js";
9
+ import { forceType as z } from "@sbb-esta/lyne-elements/core/decorators.js";
10
+ import { boxSizingStyles as A } from "@sbb-esta/lyne-elements/core/styles.js";
11
+ import { css as D, nothing as b, html as C } from "lit";
12
+ import { property as g } from "lit/decorators.js";
13
+ import { getI18nSeatReservation as _ } from "../common/translations.js";
14
+ import { SbbSeatReservationGraphicElement as $ } from "../seat-reservation-graphic/seat-reservation-graphic.component.js";
13
15
  import "@sbb-esta/lyne-elements/screen-reader-only.js";
14
- import "../seat-reservation-graphic.js";
15
- const R = $`.sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-content:center;column-gap:var(--sbb-spacing-fixed-2x);overflow:hidden;line-height:normal;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]){column-gap:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]):has([name^=BICYCLE]){column-gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__signs{flex-direction:column;height:100%}`;
16
- let Q = (() => {
17
- var h, p, m, o;
18
- let s = [O("sbb-seat-reservation-navigation-services")], r, a = [], i, f = j, I, y = [], S = [], w, x = [], E = [], T, L = [], z = [];
19
- return o = class extends f {
16
+ const j = D`.sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-content:center;column-gap:var(--sbb-spacing-fixed-2x);overflow:hidden;line-height:normal;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]){column-gap:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]):has([name^=BICYCLE]){column-gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__signs{flex-direction:column;height:100%}`;
17
+ $.define();
18
+ let K = (() => {
19
+ var l, c, h, i;
20
+ let t = E, s, a = [], m = [], I, y = [], v = [], w, x = [], S = [];
21
+ return i = class extends t {
20
22
  constructor() {
21
23
  super(...arguments);
22
- d(this, h);
23
- d(this, p);
24
- d(this, m);
25
- l(this, h, c(this, y, [])), l(this, p, (c(this, S), c(this, x, !1))), l(this, m, (c(this, E), c(this, L, !1))), this._language = (c(this, z), new A(this));
24
+ f(this, l);
25
+ f(this, c);
26
+ f(this, h);
27
+ n(this, l, p(this, a, [])), n(this, c, (p(this, m), p(this, y, !1))), n(this, h, (p(this, v), p(this, x, !1))), this._language = (p(this, S), new B(this));
26
28
  }
27
29
  /** Coach service property ids, which are used to display the services in the navigation */
28
30
  get propertyIds() {
29
- return b(this, h);
31
+ return d(this, l);
30
32
  }
31
- set propertyIds(t) {
32
- l(this, h, t);
33
+ set propertyIds(r) {
34
+ n(this, l, r);
33
35
  }
34
36
  /** If true, the service icons are displayed vertically */
35
37
  get vertical() {
36
- return b(this, p);
38
+ return d(this, c);
37
39
  }
38
- set vertical(t) {
39
- l(this, p, t);
40
+ set vertical(r) {
41
+ n(this, c, r);
40
42
  }
41
43
  /** Disable the mouse over title information */
42
44
  get showTitleInfo() {
43
- return b(this, m);
45
+ return d(this, h);
44
46
  }
45
- set showTitleInfo(t) {
46
- l(this, m, t);
47
+ set showTitleInfo(r) {
48
+ n(this, h, r);
47
49
  }
48
50
  render() {
49
- const t = this.propertyIds?.length ? this._getServiceLabelDescription() : null;
50
- return k` <div class="sbb-sr-navigation__signs">
51
- <sbb-screen-reader-only ${t || _}
52
- >${t}</sbb-screen-reader-only
51
+ const r = this.propertyIds?.length ? this._getServiceLabelDescription() : null;
52
+ return C` <div class="sbb-sr-navigation__signs">
53
+ <sbb-screen-reader-only ${r || b}
54
+ >${r}</sbb-screen-reader-only
53
55
  >
54
- ${this.propertyIds?.map((e) => k`
56
+ ${this.propertyIds?.map((e) => C`
55
57
  <sbb-seat-reservation-graphic
56
58
  class="auto-width"
57
- name=${e ?? _}
58
- title=${this.showTitleInfo ? v(e, this._language.current) : _}
59
+ name=${e ?? b}
60
+ title=${this.showTitleInfo ? _(e, this._language.current) : b}
59
61
  aria-hidden="true"
60
62
  ></sbb-seat-reservation-graphic>
61
63
  `)}
@@ -63,21 +65,21 @@ let Q = (() => {
63
65
  }
64
66
  //Generate the translated service label from the available properties
65
67
  _getServiceLabelDescription() {
66
- let t = null;
67
- const e = this.propertyIds.map((n) => v(n, this._language.current)).filter((n) => !!n).join(", ");
68
- return e && (t = v("COACH_AVAILABLE_SERVICES", this._language.current).concat(":").concat(e)), t;
68
+ let r = null;
69
+ const e = this.propertyIds.map((o) => _(o, this._language.current)).filter((o) => !!o).join(", ");
70
+ return e && (r = _("COACH_AVAILABLE_SERVICES", this._language.current).concat(":").concat(e)), r;
69
71
  }
70
- }, h = new WeakMap(), p = new WeakMap(), m = new WeakMap(), i = o, (() => {
71
- const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
72
- I = [g({ attribute: "property-ids", type: Array })], w = [B(), g({ type: Boolean, reflect: !0, useDefault: !0 })], T = [B(), g({ type: Boolean })], u(o, null, I, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (e) => "propertyIds" in e, get: (e) => e.propertyIds, set: (e, n) => {
73
- e.propertyIds = n;
74
- } }, metadata: t }, y, S), u(o, null, w, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (e) => "vertical" in e, get: (e) => e.vertical, set: (e, n) => {
75
- e.vertical = n;
76
- } }, metadata: t }, x, E), u(o, null, T, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (e) => "showTitleInfo" in e, get: (e) => e.showTitleInfo, set: (e, n) => {
77
- e.showTitleInfo = n;
78
- } }, metadata: t }, L, z), u(null, r = { value: i }, s, { kind: "class", name: i.name, metadata: t }, null, a), i = r.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
79
- })(), o.styles = [N, R], c(i, a), i;
72
+ }, l = new WeakMap(), c = new WeakMap(), h = new WeakMap(), (() => {
73
+ const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
74
+ s = [g({ attribute: "property-ids", type: Array })], I = [z(), g({ type: Boolean, reflect: !0, useDefault: !0 })], w = [z(), g({ type: Boolean })], u(i, null, s, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (e) => "propertyIds" in e, get: (e) => e.propertyIds, set: (e, o) => {
75
+ e.propertyIds = o;
76
+ } }, metadata: r }, a, m), u(i, null, I, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (e) => "vertical" in e, get: (e) => e.vertical, set: (e, o) => {
77
+ e.vertical = o;
78
+ } }, metadata: r }, y, v), u(i, null, w, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (e) => "showTitleInfo" in e, get: (e) => e.showTitleInfo, set: (e, o) => {
79
+ e.showTitleInfo = o;
80
+ } }, metadata: r }, x, S), r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
81
+ })(), i.elementName = "sbb-seat-reservation-navigation-services", i.styles = [A, j], i;
80
82
  })();
81
83
  export {
82
- Q as SbbSeatReservationNavigationServicesElement
84
+ K as SbbSeatReservationNavigationServicesElement
83
85
  };
@@ -1,4 +1,7 @@
1
- import { SbbSeatReservationNavigationServicesElement as a } from "./seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
1
+ import { SbbSeatReservationNavigationServicesElement as e } from "./seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
2
+ e.define();
3
+ console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-navigation-services.js' has been deprecated.
4
+ Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
2
5
  export {
3
- a as SbbSeatReservationNavigationServicesElement
6
+ e as SbbSeatReservationNavigationServicesElement
4
7
  };