@sbb-esta/lyne-elements-experimental-dev 4.13.1-dev.1781015180 → 5.0.0-dev.1781073747

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 (263) hide show
  1. package/_index.scss +2 -0
  2. package/autocomplete-grid/_autocomplete-grid.global.scss +14 -0
  3. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +16 -19
  4. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +42 -71
  5. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
  6. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +1 -1
  7. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
  8. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
  9. package/{autocomplete-grid-cell.component-D-Kk9HwQ.js → autocomplete-grid-cell.component-79IjA__I.js} +6 -7
  10. package/autocomplete-grid-option.component-DUFBhQwI.js +35 -0
  11. package/{autocomplete-grid-row.component-57jjeZWF.js → autocomplete-grid-row.component-B3U15Rwa.js} +7 -8
  12. package/autocomplete-grid.js +3 -3
  13. package/autocomplete-grid.pure.js +3 -3
  14. package/core/datetime/date-helper.js +1 -1
  15. package/core/styles/_theme.scss +19 -0
  16. package/core/styles/lean-off-brand-theme.scss +3 -0
  17. package/core/styles/lean-safety-theme.scss +3 -0
  18. package/core/timetable/access-leg-helper.js +27 -27
  19. package/core.js +5 -0
  20. package/custom-elements.json +5096 -5162
  21. package/{date-helper-NgYaHPR7.js → date-helper-DNzMLcyb.js} +1 -1
  22. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +1 -1
  23. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  24. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +7 -10
  25. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +2 -2
  26. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
  27. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +55 -89
  28. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts +1 -1
  29. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
  30. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
  31. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.d.ts +1 -1
  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 +2 -2
  34. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +1 -2
  35. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  36. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
  37. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts +1 -1
  38. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
  39. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
  40. package/development/autocomplete-grid-cell.component-BbdELDro.js +33 -0
  41. package/development/autocomplete-grid-option.component-C7WuqRit.js +57 -0
  42. package/development/{autocomplete-grid-row.component-CvF3ZWDZ.js → autocomplete-grid-row.component-DoXbOsQM.js} +3 -4
  43. package/development/autocomplete-grid.js +4 -4
  44. package/development/autocomplete-grid.pure.js +3 -3
  45. package/development/core/datetime/date-helper.js +1 -1
  46. package/development/core/timetable/access-leg-helper.d.ts.map +1 -1
  47. package/development/core/timetable/access-leg-helper.js +3 -3
  48. package/development/core.d.ts +6 -0
  49. package/development/core.d.ts.map +1 -0
  50. package/development/core.js +5 -0
  51. package/development/{date-helper-QhWjANc3.js → date-helper-BcTDWVeP.js} +2 -2
  52. package/development/journey-summary/journey-summary.component.d.ts +4 -4
  53. package/development/journey-summary/journey-summary.component.d.ts.map +1 -1
  54. package/development/journey-summary/journey-summary.component.js +1 -1
  55. package/development/journey-summary.component-BsC7wBIn.js +341 -0
  56. package/development/journey-summary.js +1 -1
  57. package/development/journey-summary.pure.js +1 -1
  58. package/development/pearl-chain/pearl-chain.component.d.ts +2 -2
  59. package/development/pearl-chain/pearl-chain.component.d.ts.map +1 -1
  60. package/development/pearl-chain/pearl-chain.component.js +1 -1
  61. package/development/pearl-chain-time/pearl-chain-time.component.d.ts +3 -2
  62. package/development/pearl-chain-time/pearl-chain-time.component.d.ts.map +1 -1
  63. package/development/pearl-chain-time/pearl-chain-time.component.js +1 -1
  64. package/development/{pearl-chain-time.component-BMHLITah.js → pearl-chain-time.component-C-CuC1ke.js} +11 -13
  65. package/development/pearl-chain-time.js +1 -1
  66. package/development/pearl-chain-time.pure.js +1 -1
  67. package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts +1 -1
  68. package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts.map +1 -1
  69. package/development/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
  70. package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts +1 -1
  71. package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts.map +1 -1
  72. package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
  73. package/development/{pearl-chain-vertical-item.component-JYDWs8ta.js → pearl-chain-vertical-item.component-CLu9QrqJ.js} +4 -6
  74. package/development/pearl-chain-vertical-item.js +1 -1
  75. package/development/pearl-chain-vertical-item.pure.js +1 -1
  76. package/development/pearl-chain-vertical.component-DbPz5k_R.js +30 -0
  77. package/development/pearl-chain-vertical.js +1 -1
  78. package/development/pearl-chain-vertical.pure.js +1 -1
  79. package/development/{pearl-chain.component-DUAGFkcu.js → pearl-chain.component-10OsJZIX.js} +7 -11
  80. package/development/pearl-chain.js +1 -1
  81. package/development/pearl-chain.pure.js +1 -1
  82. package/development/seat-reservation/common/translations/i18n.d.ts.map +1 -1
  83. package/development/seat-reservation/common/translations/i18n.js +1 -1
  84. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +12 -2
  85. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  86. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +35 -20
  87. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts +2 -0
  88. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  89. package/development/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
  90. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts +1 -1
  91. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts.map +1 -1
  92. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
  93. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts +2 -1
  94. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts.map +1 -1
  95. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
  96. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts +8 -3
  97. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
  98. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +2 -2
  99. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts +2 -1
  100. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts.map +1 -1
  101. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
  102. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts +9 -3
  103. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
  104. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +2 -2
  105. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts +1 -1
  106. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts.map +1 -1
  107. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
  108. package/development/{seat-reservation-area.component-dG1GXJQP.js → seat-reservation-area.component-DPhQJFid.js} +4 -6
  109. package/development/{seat-reservation-graphic.component-BmhZpVL0.js → seat-reservation-graphic.component-0LYsmerm.js} +9 -9
  110. package/development/seat-reservation-navigation-coach.component-B97jKD7Y.js +438 -0
  111. package/development/{seat-reservation-navigation-services.component-B2uWa_VN.js → seat-reservation-navigation-services.component-Cx0Is97w.js} +11 -11
  112. package/development/{seat-reservation-place-control.component-CdL6yPUZ.js → seat-reservation-place-control.component-DaL1g8WH.js} +24 -17
  113. package/development/{seat-reservation-scoped.component-CJCkuKGz.js → seat-reservation-scoped.component-BHbORVsR.js} +3 -4
  114. package/development/seat-reservation.component-DI9pSlzt.js +473 -0
  115. package/development/seat-reservation.js +10 -11
  116. package/development/seat-reservation.pure.d.ts +0 -1
  117. package/development/seat-reservation.pure.d.ts.map +1 -1
  118. package/development/seat-reservation.pure.js +9 -10
  119. package/development/timetable-duration/timetable-duration.component.d.ts +1 -1
  120. package/development/timetable-duration/timetable-duration.component.d.ts.map +1 -1
  121. package/development/timetable-duration/timetable-duration.component.js +1 -1
  122. package/development/timetable-duration.component-Chk5D4Is.js +96 -0
  123. package/development/timetable-duration.js +1 -1
  124. package/development/timetable-duration.pure.js +1 -1
  125. package/development/timetable-row/timetable-row.component.d.ts +3 -2
  126. package/development/timetable-row/timetable-row.component.d.ts.map +1 -1
  127. package/development/timetable-row/timetable-row.component.js +1 -1
  128. package/development/timetable-row.component-nzrQzxL6.js +736 -0
  129. package/development/timetable-row.js +1 -1
  130. package/development/timetable-row.pure.js +1 -1
  131. package/journey-summary/journey-summary.component.js +1 -1
  132. package/{journey-summary.component-DyTUTCOU.js → journey-summary.component-DNoO3OCf.js} +42 -41
  133. package/journey-summary.js +1 -1
  134. package/journey-summary.pure.js +1 -1
  135. package/lean-safety-theme.css +13 -0
  136. package/lean-theme.css +13 -0
  137. package/package.json +22 -85
  138. package/pearl-chain/pearl-chain.component.js +1 -1
  139. package/pearl-chain-time/pearl-chain-time.component.js +1 -1
  140. package/{pearl-chain-time.component-DXe2o6S1.js → pearl-chain-time.component-BuvA6IE1.js} +42 -44
  141. package/pearl-chain-time.js +1 -1
  142. package/pearl-chain-time.pure.js +1 -1
  143. package/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
  144. package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
  145. package/{pearl-chain-vertical-item.component-Bby13csG.js → pearl-chain-vertical-item.component-QZ4s8Jbv.js} +33 -35
  146. package/pearl-chain-vertical-item.js +1 -1
  147. package/pearl-chain-vertical-item.pure.js +1 -1
  148. package/pearl-chain-vertical.component-Dc3vaHsQ.js +20 -0
  149. package/pearl-chain-vertical.js +1 -1
  150. package/pearl-chain-vertical.pure.js +1 -1
  151. package/{pearl-chain.component-CPaCcW_1.js → pearl-chain.component-DtGXXkY6.js} +29 -33
  152. package/pearl-chain.js +1 -1
  153. package/pearl-chain.pure.js +1 -1
  154. package/seat-reservation/seat-reservation/seat-reservation-base-element.js +87 -75
  155. package/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
  156. package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
  157. package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
  158. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +2 -2
  159. package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
  160. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +2 -2
  161. package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
  162. package/{seat-reservation-area.component-DZsXvaMQ.js → seat-reservation-area.component-G9lHb7S8.js} +20 -22
  163. package/{seat-reservation-graphic.component-BnJuHVZQ.js → seat-reservation-graphic.component-BXFcQDxY.js} +26 -26
  164. package/seat-reservation-navigation-coach.component-BXy8EkJe.js +338 -0
  165. package/{seat-reservation-navigation-services.component-6ECATtWB.js → seat-reservation-navigation-services.component-49XmV9rv.js} +30 -33
  166. package/{seat-reservation-place-control.component-kx07J_YK.js → seat-reservation-place-control.component-DToIW328.js} +64 -62
  167. package/{seat-reservation-scoped.component-L1wMt65t.js → seat-reservation-scoped.component-D8dAmrP7.js} +6 -7
  168. package/seat-reservation.component--0XnrCkk.js +372 -0
  169. package/seat-reservation.js +10 -11
  170. package/seat-reservation.pure.js +9 -10
  171. package/timetable-duration/timetable-duration.component.js +1 -1
  172. package/timetable-duration.component-iMCvh1zr.js +61 -0
  173. package/timetable-duration.js +1 -1
  174. package/timetable-duration.pure.js +1 -1
  175. package/timetable-row/timetable-row.component.js +1 -1
  176. package/timetable-row.component-mNKmhRmP.js +566 -0
  177. package/timetable-row.js +1 -1
  178. package/timetable-row.pure.js +1 -1
  179. package/autocomplete-grid/autocomplete-grid-button.js +0 -4
  180. package/autocomplete-grid/autocomplete-grid-cell.js +0 -4
  181. package/autocomplete-grid/autocomplete-grid-optgroup.js +0 -4
  182. package/autocomplete-grid/autocomplete-grid-option.js +0 -4
  183. package/autocomplete-grid/autocomplete-grid-row.js +0 -4
  184. package/autocomplete-grid/autocomplete-grid.js +0 -4
  185. package/autocomplete-grid-option.component-qBUSf0mD.js +0 -37
  186. package/core/datetime.js +0 -2
  187. package/core/styles/core.scss +0 -13
  188. package/core/styles/theme.scss +0 -5
  189. package/core/timetable.js +0 -4
  190. package/development/autocomplete-grid/autocomplete-grid-button.d.ts +0 -2
  191. package/development/autocomplete-grid/autocomplete-grid-button.d.ts.map +0 -1
  192. package/development/autocomplete-grid/autocomplete-grid-button.js +0 -10
  193. package/development/autocomplete-grid/autocomplete-grid-cell.d.ts +0 -2
  194. package/development/autocomplete-grid/autocomplete-grid-cell.d.ts.map +0 -1
  195. package/development/autocomplete-grid/autocomplete-grid-cell.js +0 -10
  196. package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts +0 -2
  197. package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts.map +0 -1
  198. package/development/autocomplete-grid/autocomplete-grid-optgroup.js +0 -10
  199. package/development/autocomplete-grid/autocomplete-grid-option.d.ts +0 -2
  200. package/development/autocomplete-grid/autocomplete-grid-option.d.ts.map +0 -1
  201. package/development/autocomplete-grid/autocomplete-grid-option.js +0 -10
  202. package/development/autocomplete-grid/autocomplete-grid-row.d.ts +0 -2
  203. package/development/autocomplete-grid/autocomplete-grid-row.d.ts.map +0 -1
  204. package/development/autocomplete-grid/autocomplete-grid-row.js +0 -10
  205. package/development/autocomplete-grid/autocomplete-grid.d.ts +0 -2
  206. package/development/autocomplete-grid/autocomplete-grid.d.ts.map +0 -1
  207. package/development/autocomplete-grid/autocomplete-grid.js +0 -10
  208. package/development/autocomplete-grid-cell.component-CTC6s1q3.js +0 -34
  209. package/development/autocomplete-grid-option.component-DqkLWHcg.js +0 -61
  210. package/development/core/datetime.d.ts +0 -3
  211. package/development/core/datetime.d.ts.map +0 -1
  212. package/development/core/datetime.js +0 -2
  213. package/development/core/timetable.d.ts +0 -5
  214. package/development/core/timetable.d.ts.map +0 -1
  215. package/development/core/timetable.js +0 -4
  216. package/development/journey-summary.component-BTaPGCGZ.js +0 -340
  217. package/development/pearl-chain-vertical.component-YYXS_74c.js +0 -31
  218. package/development/seat-reservation/common.d.ts +0 -6
  219. package/development/seat-reservation/common.d.ts.map +0 -1
  220. package/development/seat-reservation/common.js +0 -12
  221. package/development/seat-reservation/seat-reservation-area.d.ts +0 -2
  222. package/development/seat-reservation/seat-reservation-area.d.ts.map +0 -1
  223. package/development/seat-reservation/seat-reservation-area.js +0 -10
  224. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.d.ts +0 -9
  225. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.d.ts.map +0 -1
  226. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +0 -306
  227. package/development/seat-reservation/seat-reservation-graphic.d.ts +0 -2
  228. package/development/seat-reservation/seat-reservation-graphic.d.ts.map +0 -1
  229. package/development/seat-reservation/seat-reservation-graphic.js +0 -10
  230. package/development/seat-reservation/seat-reservation-navigation-coach.d.ts +0 -2
  231. package/development/seat-reservation/seat-reservation-navigation-coach.d.ts.map +0 -1
  232. package/development/seat-reservation/seat-reservation-navigation-coach.js +0 -10
  233. package/development/seat-reservation/seat-reservation-navigation-services.d.ts +0 -2
  234. package/development/seat-reservation/seat-reservation-navigation-services.d.ts.map +0 -1
  235. package/development/seat-reservation/seat-reservation-navigation-services.js +0 -10
  236. package/development/seat-reservation/seat-reservation-place-control.d.ts +0 -2
  237. package/development/seat-reservation/seat-reservation-place-control.d.ts.map +0 -1
  238. package/development/seat-reservation/seat-reservation-place-control.js +0 -10
  239. package/development/seat-reservation/seat-reservation-scoped.d.ts +0 -2
  240. package/development/seat-reservation/seat-reservation-scoped.d.ts.map +0 -1
  241. package/development/seat-reservation/seat-reservation-scoped.js +0 -10
  242. package/development/seat-reservation/seat-reservation.d.ts +0 -3
  243. package/development/seat-reservation/seat-reservation.d.ts.map +0 -1
  244. package/development/seat-reservation/seat-reservation.js +0 -11
  245. package/development/seat-reservation-navigation-coach.component-Be9CBw62.js +0 -428
  246. package/development/seat-reservation.component-B4BxXyLr.js +0 -464
  247. package/development/timetable-duration.component-CXF0oJbO.js +0 -100
  248. package/development/timetable-row.component-BCufuA05.js +0 -729
  249. package/pearl-chain-vertical.component-0EgQ4knk.js +0 -21
  250. package/seat-reservation/common.js +0 -9
  251. package/seat-reservation/seat-reservation-area.js +0 -4
  252. package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +0 -291
  253. package/seat-reservation/seat-reservation-graphic.js +0 -4
  254. package/seat-reservation/seat-reservation-navigation-coach.js +0 -4
  255. package/seat-reservation/seat-reservation-navigation-services.js +0 -4
  256. package/seat-reservation/seat-reservation-place-control.js +0 -4
  257. package/seat-reservation/seat-reservation-scoped.js +0 -4
  258. package/seat-reservation/seat-reservation.js +0 -5
  259. package/seat-reservation-navigation-coach.component-DgdpqMzG.js +0 -333
  260. package/seat-reservation.component-B_T6eTf6.js +0 -360
  261. package/timetable-duration.component-Bqo5N_De.js +0 -65
  262. package/timetable-row.component-a5CWXLAQ.js +0 -559
  263. /package/{core.css → lean-off-brand-theme.css} +0 -0
@@ -1,42 +1,45 @@
1
- import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { SbbButtonBaseElement 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 { html as o, nothing as s, unsafeCSS as c } from "lit";
7
- import { property as l } from "lit/decorators.js";
8
- import { styleMap as u } from "lit/directives/style-map.js";
9
- import { getI18nSeatReservation as d } from "./seat-reservation/common/translations.js";
10
- import { SbbSeatReservationGraphicElement as f } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
1
+ import { SbbButtonBaseElement as e, SbbLanguageController as t, forceType as n } from "@sbb-esta/lyne-elements/core.js";
2
+ import { html as r, nothing as i, unsafeCSS as a } from "lit";
3
+ import { __esDecorate as o, __runInitializers as s } from "tslib";
4
+ import { property as c } from "lit/decorators.js";
5
+ import { styleMap as l } from "lit/directives/style-map.js";
6
+ import { getI18nSeatReservation as u } from "./seat-reservation/common/translations.js";
7
+ import { SbbSeatReservationGraphicElement as d } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
11
8
  //#region src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.scss?inline
12
- var p = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-seat-reservation-place-control-width: 16;--sbb-seat-reservation-place-control-height: 16;--sbb-seat-reservation-place-control-top: 0;--sbb-seat-reservation-place-control-left: 0;--sbb-seat-reservation-place-control-rotation: 0;--sbb-seat-reservation-place-control-text-rotation: 0;--sbb-seat-reservation-place-control-text-size: calc( var(--sbb-seat-reservation-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), var(--sbb-color-metal) );--sbb-seat-reservation-place-control-free-background-default: var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-primary150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-backrest-high-contrast: CanvasText;--sbb-seat-reservation-place-control-free-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-free-text-high-contrast: ButtonText;--sbb-seat-reservation-place-control-free-icon-high-contrast: CanvasText;--sbb-seat-reservation-place-control-allocated-backrest-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-allocated-text-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-icon-high-contrast: GrayText;width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-weight:300;cursor:var(--sbb-cursor-pointer)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-reservation-place-control-allocated-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-icon),.sbb-sr-place-ctrl--state-restricted ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-allocated-icon-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-seatline),.sbb-sr-place-ctrl--state-restricted ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast);color:var(--sbb-seat-reservation-place-control-allocated-text-high-contrast)}}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}";
13
- //#endregion
14
- //#region src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.ts
15
- f.define();
16
- var m = (() => {
17
- let f = n, 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 = [], B = [], V, H = [], U = [];
18
- return class extends f {
9
+ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-seat-reservation-place-control-width: 16;--sbb-seat-reservation-place-control-height: 16;--sbb-seat-reservation-place-control-top: 0;--sbb-seat-reservation-place-control-left: 0;--sbb-seat-reservation-place-control-rotation: 0;--sbb-seat-reservation-place-control-text-rotation: 0;--sbb-seat-reservation-place-control-text-size: calc( var(--sbb-seat-reservation-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), var(--sbb-color-metal) );--sbb-seat-reservation-place-control-free-background-default: var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-primary150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-backrest-high-contrast: CanvasText;--sbb-seat-reservation-place-control-free-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-free-text-high-contrast: ButtonText;--sbb-seat-reservation-place-control-free-icon-high-contrast: CanvasText;--sbb-seat-reservation-place-control-allocated-backrest-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-allocated-text-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-icon-high-contrast: GrayText;width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-weight:300;cursor:var(--sbb-cursor-pointer)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-reservation-place-control-allocated-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-icon),.sbb-sr-place-ctrl--state-restricted ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-allocated-icon-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-seatline),.sbb-sr-place-ctrl--state-restricted ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast);color:var(--sbb-seat-reservation-place-control-allocated-text-high-contrast)}}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}", p = class extends Event {
10
+ get detail() {
11
+ return this._detail;
12
+ }
13
+ constructor(e) {
14
+ super("selectplace", {
15
+ bubbles: !0,
16
+ composed: !0
17
+ }), this._detail = e;
18
+ }
19
+ }, m = (() => {
20
+ let m = e, h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [];
21
+ return class extends m {
19
22
  static {
20
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
21
- m = [i(), l({ attribute: "type" })], _ = [i(), l({
23
+ let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
24
+ h = [n(), c({ attribute: "type" })], v = [n(), c({
22
25
  attribute: "state",
23
26
  reflect: !0
24
- })], b = [l({ attribute: "travel-direction" })], C = [l({
27
+ })], x = [c({ attribute: "travel-direction" })], w = [c({
25
28
  attribute: "propertyIds",
26
29
  type: Array
27
- })], E = [i(), l({ attribute: "text" })], k = [i(), l({
30
+ })], D = [n(), c({ attribute: "text" })], A = [n(), c({
28
31
  attribute: "deck-index",
29
32
  type: Number
30
- })], M = [i(), l({
33
+ })], N = [n(), c({
31
34
  attribute: "coach-index",
32
35
  type: Number
33
- })], F = [i(), l({
36
+ })], I = [n(), c({
34
37
  attribute: "prevent-click",
35
38
  type: Boolean
36
- })], R = [i(), l({ attribute: "keyfocus" })], V = [i(), l({
39
+ })], z = [n(), c({ attribute: "keyfocus" })], H = [n(), c({
37
40
  type: Boolean,
38
41
  useDefault: !0
39
- })], e(this, null, m, {
42
+ })], o(this, null, h, {
40
43
  kind: "accessor",
41
44
  name: "placeType",
42
45
  static: !1,
@@ -48,8 +51,8 @@ var m = (() => {
48
51
  e.placeType = t;
49
52
  }
50
53
  },
51
- metadata: t
52
- }, h, g), e(this, null, _, {
54
+ metadata: e
55
+ }, g, _), o(this, null, v, {
53
56
  kind: "accessor",
54
57
  name: "state",
55
58
  static: !1,
@@ -61,8 +64,8 @@ var m = (() => {
61
64
  e.state = t;
62
65
  }
63
66
  },
64
- metadata: t
65
- }, v, y), e(this, null, b, {
67
+ metadata: e
68
+ }, y, b), o(this, null, x, {
66
69
  kind: "accessor",
67
70
  name: "travelDirection",
68
71
  static: !1,
@@ -74,8 +77,8 @@ var m = (() => {
74
77
  e.travelDirection = t;
75
78
  }
76
79
  },
77
- metadata: t
78
- }, x, S), e(this, null, C, {
80
+ metadata: e
81
+ }, S, C), o(this, null, w, {
79
82
  kind: "accessor",
80
83
  name: "propertyIds",
81
84
  static: !1,
@@ -87,8 +90,8 @@ var m = (() => {
87
90
  e.propertyIds = t;
88
91
  }
89
92
  },
90
- metadata: t
91
- }, w, T), e(this, null, E, {
93
+ metadata: e
94
+ }, T, E), o(this, null, D, {
92
95
  kind: "accessor",
93
96
  name: "text",
94
97
  static: !1,
@@ -100,8 +103,8 @@ var m = (() => {
100
103
  e.text = t;
101
104
  }
102
105
  },
103
- metadata: t
104
- }, D, O), e(this, null, k, {
106
+ metadata: e
107
+ }, O, k), o(this, null, A, {
105
108
  kind: "accessor",
106
109
  name: "deckIndex",
107
110
  static: !1,
@@ -113,8 +116,8 @@ var m = (() => {
113
116
  e.deckIndex = t;
114
117
  }
115
118
  },
116
- metadata: t
117
- }, A, j), e(this, null, M, {
119
+ metadata: e
120
+ }, j, M), o(this, null, N, {
118
121
  kind: "accessor",
119
122
  name: "coachIndex",
120
123
  static: !1,
@@ -126,8 +129,8 @@ var m = (() => {
126
129
  e.coachIndex = t;
127
130
  }
128
131
  },
129
- metadata: t
130
- }, N, P), e(this, null, F, {
132
+ metadata: e
133
+ }, P, F), o(this, null, I, {
131
134
  kind: "accessor",
132
135
  name: "preventClick",
133
136
  static: !1,
@@ -139,8 +142,8 @@ var m = (() => {
139
142
  e.preventClick = t;
140
143
  }
141
144
  },
142
- metadata: t
143
- }, I, L), e(this, null, R, {
145
+ metadata: e
146
+ }, L, R), o(this, null, z, {
144
147
  kind: "accessor",
145
148
  name: "keyfocus",
146
149
  static: !1,
@@ -152,8 +155,8 @@ var m = (() => {
152
155
  e.keyfocus = t;
153
156
  }
154
157
  },
155
- metadata: t
156
- }, z, B), e(this, null, V, {
158
+ metadata: e
159
+ }, B, V), o(this, null, H, {
157
160
  kind: "accessor",
158
161
  name: "showTitleInfo",
159
162
  static: !1,
@@ -165,19 +168,22 @@ var m = (() => {
165
168
  e.showTitleInfo = t;
166
169
  }
167
170
  },
168
- metadata: t
169
- }, H, U), t && Object.defineProperty(this, Symbol.metadata, {
171
+ metadata: e
172
+ }, U, W), e && Object.defineProperty(this, Symbol.metadata, {
170
173
  enumerable: !0,
171
174
  configurable: !0,
172
175
  writable: !0,
173
- value: t
176
+ value: e
174
177
  });
175
178
  }
176
179
  static {
177
180
  this.elementName = "sbb-seat-reservation-place-control";
178
181
  }
179
182
  static {
180
- this.styles = [a, c(p)];
183
+ this.elementDependencies = [d];
184
+ }
185
+ static {
186
+ this.styles = [a(f)];
181
187
  }
182
188
  static {
183
189
  this.events = { selectplace: "selectplace" };
@@ -253,36 +259,36 @@ var m = (() => {
253
259
  this.#l = e;
254
260
  }
255
261
  constructor() {
256
- super(), this.#e = t(this, h, "SEAT"), this.#t = (t(this, g), t(this, v, "FREE")), this.#n = (t(this, y), t(this, x, "NONE")), this.#r = (t(this, S), t(this, w, [])), this.#i = (t(this, T), t(this, D, "")), this.#a = (t(this, O), t(this, A, null)), this.#o = (t(this, j), t(this, N, null)), this.#s = (t(this, P), t(this, I, !1)), this.#c = (t(this, L), t(this, z, "unfocus")), this.#l = (t(this, B), t(this, H, !1)), this._language = (t(this, U), new r(this)), this.addEventListener("click", () => this._selectPlace());
262
+ super(), this.#e = s(this, g, "SEAT"), this.#t = (s(this, _), s(this, y, "FREE")), this.#n = (s(this, b), s(this, S, "NONE")), this.#r = (s(this, C), s(this, T, [])), this.#i = (s(this, E), s(this, O, "")), this.#a = (s(this, k), s(this, j, null)), this.#o = (s(this, M), s(this, P, null)), this.#s = (s(this, F), s(this, L, !1)), this.#c = (s(this, R), s(this, B, "unfocus")), this.#l = (s(this, V), s(this, U, !1)), this._language = (s(this, W), new t(this)), this.addEventListener("click", () => this._selectPlace());
257
263
  }
258
264
  willUpdate(e) {
259
265
  super.willUpdate(e), e.has("keyfocus") && this.keyfocus === "focus" && this.focus();
260
266
  }
261
267
  render() {
262
- let e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), n = this.state.toLowerCase(), r = this.text, i = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), a = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), c = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), l = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), d = Number(l) - Number(c), f = this.preventClick ? "sbb-reservation-place-control--disabled" : null, p = this._getTitleDescriptionPlace(c);
263
- return this.showTitleInfo ? (this.title = p, this.internals.ariaLabel = null) : (this.internals.ariaLabel = p, this.removeAttribute("title")), this.tabIndex = -1, o` <div
268
+ let e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), n = this.state.toLowerCase(), a = this.text, o = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), s = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), c = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), u = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), d = Number(u) - Number(c), f = this.preventClick ? "sbb-reservation-place-control--disabled" : null, p = this._getTitleDescriptionPlace(c);
269
+ return this.showTitleInfo ? (this.title = p, this.internals.ariaLabel = null) : (this.internals.ariaLabel = p, this.removeAttribute("title")), this.tabIndex = -1, r` <div
264
270
  part="sbb-sr-place-part"
265
271
  class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${c} sbb-sr-place-ctrl--state-${n} sbb-sr-place-ctrl--type-${t} ${f}"
266
272
  aria-hidden="true"
267
273
  >
268
274
  <sbb-seat-reservation-graphic
269
- style=${u({
270
- "--sbb-seat-reservation-graphic-width": i,
271
- "--sbb-seat-reservation-graphic-height": a,
275
+ style=${l({
276
+ "--sbb-seat-reservation-graphic-width": o,
277
+ "--sbb-seat-reservation-graphic-height": s,
272
278
  "--sbb-seat-reservation-graphic-rotation": c,
273
279
  "--sbb-seat-reservation-graphic-inverse-rotation": d
274
280
  })}
275
281
  .name=${e}
276
282
  ></sbb-seat-reservation-graphic>
277
- <span ${this.text ?? s} class="sbb-sr-place-ctrl__text">${r} </span>
283
+ <span ${this.text ?? i} class="sbb-sr-place-ctrl__text">${a} </span>
278
284
  </div>`;
279
285
  }
280
286
  _getPlaceSvg(e, t) {
281
287
  return `PLACE_${e}_${t}`;
282
288
  }
283
289
  _getTitleDescriptionPlace(e) {
284
- let t = d("PLACE_CONTROL_" + this.type + "_" + this.state, this._language.current, [this.text]), n = this._getRelativeTravelDirection(e);
285
- return (this.propertyIds.length || n) && (t += ". " + d("PLACE_PROPERTY", this._language.current).concat(": "), t += [n, ...this.propertyIds].map((e) => d("PLACE_PROPERTIES." + e, this._language.current)).filter((e) => e).join(", ")), t;
290
+ let t = u("PLACE_CONTROL_" + this.type + "_" + this.state, this._language.current, [this.text]), n = this._getRelativeTravelDirection(e);
291
+ return (this.propertyIds.length || n) && (t += ". " + u("PLACE_PROPERTY", this._language.current).concat(": "), t += [n, ...this.propertyIds].map((e) => u("PLACE_PROPERTIES." + e, this._language.current)).filter((e) => e).join(", ")), t;
286
292
  }
287
293
  _getRelativeTravelDirection(e) {
288
294
  if (!this.travelDirection || this.travelDirection === "NONE" || this.placeType !== "SEAT" || !e) return;
@@ -302,14 +308,10 @@ var m = (() => {
302
308
  state: this.state,
303
309
  placeType: this.placeType
304
310
  };
305
- this.dispatchEvent(new CustomEvent("selectplace", {
306
- detail: e,
307
- bubbles: !0,
308
- composed: !0
309
- }));
311
+ this.dispatchEvent(new p(e));
310
312
  }
311
313
  }
312
314
  };
313
315
  })();
314
316
  //#endregion
315
- export { m as t };
317
+ export { m as n, p as t };
@@ -1,17 +1,16 @@
1
- import { SbbElement as e } from "@sbb-esta/lyne-elements/core/base-elements.js";
2
- import { boxSizingStyles as t } from "@sbb-esta/lyne-elements/core/styles.js";
3
- import { html as n, unsafeCSS as r } from "lit";
1
+ import { SbbElement as e } from "@sbb-esta/lyne-elements/core.js";
2
+ import { html as t, unsafeCSS as n } from "lit";
4
3
  //#region src/elements-experimental/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.scss?inline
5
- var i = ":host{--sbb-seat-reservation-scoped-width: 0;--sbb-seat-reservation-scoped-height: 0;display:block;width:calc(var(--sbb-seat-reservation-scoped-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-scoped-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}", a = class extends e {
4
+ var r = ":host{--sbb-seat-reservation-scoped-width: 0;--sbb-seat-reservation-scoped-height: 0;display:block;width:calc(var(--sbb-seat-reservation-scoped-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-scoped-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}", i = class extends e {
6
5
  static {
7
6
  this.elementName = "sbb-seat-reservation-scoped";
8
7
  }
9
8
  static {
10
- this.styles = [t, r(i)];
9
+ this.styles = [n(r)];
11
10
  }
12
11
  render() {
13
- return n`<slot></slot>`;
12
+ return t`<slot></slot>`;
14
13
  }
15
14
  };
16
15
  //#endregion
17
- export { a as t };
16
+ export { i as t };