@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773388997 → 4.7.0-dev.1773393170

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 (200) hide show
  1. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +76 -65
  2. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +52 -72
  3. package/autocomplete-grid/autocomplete-grid-button.js +6 -3
  4. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +17 -2
  5. package/autocomplete-grid/autocomplete-grid-cell.js +7 -4
  6. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +21 -20
  7. package/autocomplete-grid/autocomplete-grid-optgroup.js +6 -3
  8. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +33 -2
  9. package/autocomplete-grid/autocomplete-grid-option.js +9 -4
  10. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +22 -2
  11. package/autocomplete-grid/autocomplete-grid-row.js +7 -4
  12. package/autocomplete-grid/autocomplete-grid.js +6 -3
  13. package/autocomplete-grid.js +21 -9
  14. package/autocomplete-grid.pure.js +15 -7
  15. package/core/datetime/date-helper.js +191 -2
  16. package/core/datetime.js +5 -2
  17. package/core/timetable/access-leg-helper.js +71 -76
  18. package/core/timetable/timetable-helper.js +11 -9
  19. package/core/timetable/timetable-properties.js +1 -0
  20. package/core/timetable.js +7 -3
  21. package/custom-elements.json +84 -84
  22. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +122 -114
  23. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +70 -92
  24. package/development/autocomplete-grid/autocomplete-grid-button.js +4 -6
  25. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +29 -2
  26. package/development/autocomplete-grid/autocomplete-grid-cell.js +5 -7
  27. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +22 -27
  28. package/development/autocomplete-grid/autocomplete-grid-optgroup.js +4 -6
  29. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +109 -2
  30. package/development/autocomplete-grid/autocomplete-grid-option.js +7 -7
  31. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +91 -2
  32. package/development/autocomplete-grid/autocomplete-grid-row.js +5 -7
  33. package/development/autocomplete-grid/autocomplete-grid.js +4 -6
  34. package/development/autocomplete-grid.js +14 -10
  35. package/development/autocomplete-grid.pure.js +13 -4
  36. package/development/core/datetime/date-helper.js +285 -2
  37. package/development/core/datetime.js +6 -2
  38. package/development/core/timetable/access-leg-helper.js +82 -104
  39. package/development/core/timetable/timetable-helper.js +17 -16
  40. package/development/core/timetable/timetable-properties.js +2 -0
  41. package/development/core/timetable.js +8 -3
  42. package/development/differenceInMinutes-B0dawX-5.js +26 -0
  43. package/development/format-BMkeaqaF.js +1433 -0
  44. package/development/isValid-BYRch7pV.js +53 -0
  45. package/development/journey-summary/journey-summary.component.js +288 -2
  46. package/development/journey-summary.js +5 -8
  47. package/development/journey-summary.pure.js +5 -2
  48. package/development/pearl-chain/pearl-chain.component.js +634 -2
  49. package/development/pearl-chain-time/pearl-chain-time.component.js +306 -2
  50. package/development/pearl-chain-time.js +5 -8
  51. package/development/pearl-chain-time.pure.js +5 -2
  52. package/development/pearl-chain-vertical/pearl-chain-vertical.component.js +28 -2
  53. package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +393 -2
  54. package/development/pearl-chain-vertical-item.js +5 -8
  55. package/development/pearl-chain-vertical-item.pure.js +5 -2
  56. package/development/pearl-chain-vertical.js +5 -8
  57. package/development/pearl-chain-vertical.pure.js +5 -2
  58. package/development/pearl-chain.js +5 -8
  59. package/development/pearl-chain.pure.js +5 -2
  60. package/development/seat-reservation/common/mapper/icon-mapper.js +71 -168
  61. package/development/seat-reservation/common/mapper/mapper.js +122 -153
  62. package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-bus.js +559 -570
  63. package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-decks.js +972 -992
  64. package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-giruno.js +20367 -20334
  65. package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-others.js +1738 -1731
  66. package/development/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-train.js +9782 -9741
  67. package/development/seat-reservation/common/mapper.js +8 -1
  68. package/development/seat-reservation/common/svgs.js +46 -2
  69. package/development/seat-reservation/common/translations/i18n.js +900 -1118
  70. package/development/seat-reservation/common/translations.js +4 -1
  71. package/development/seat-reservation/common/types.js +2 -0
  72. package/development/seat-reservation/common.js +11 -7
  73. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +1230 -1305
  74. package/development/seat-reservation/seat-reservation/seat-reservation.component.js +859 -2
  75. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +106 -2
  76. package/development/seat-reservation/seat-reservation-area.js +5 -7
  77. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +34 -35
  78. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +162 -2
  79. package/development/seat-reservation/seat-reservation-graphic.js +5 -7
  80. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +713 -2
  81. package/development/seat-reservation/seat-reservation-navigation-coach.js +5 -7
  82. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +131 -2
  83. package/development/seat-reservation/seat-reservation-navigation-services.js +5 -7
  84. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +601 -2
  85. package/development/seat-reservation/seat-reservation-place-control.js +5 -7
  86. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +22 -2
  87. package/development/seat-reservation/seat-reservation-scoped.js +5 -7
  88. package/development/seat-reservation/seat-reservation.js +6 -7
  89. package/development/seat-reservation.js +28 -15
  90. package/development/seat-reservation.pure.js +28 -10
  91. package/development/timetable-duration/timetable-duration.component.js +108 -2
  92. package/development/timetable-duration.js +5 -8
  93. package/development/timetable-duration.pure.js +5 -2
  94. package/development/timetable-row/timetable-row.component.js +781 -2
  95. package/development/timetable-row.js +13 -8
  96. package/development/timetable-row.pure.js +12 -2
  97. package/development/toDate-BWb6Z1JD.js +24 -0
  98. package/differenceInMinutes-COvvdYsJ.js +23 -0
  99. package/format-CmKROkbc.js +1186 -0
  100. package/isValid-m3_OsPaB.js +45 -0
  101. package/journey-summary/journey-summary.component.js +194 -2
  102. package/journey-summary.js +4 -5
  103. package/journey-summary.pure.js +4 -2
  104. package/package.json +2 -2
  105. package/pearl-chain/pearl-chain.component.js +165 -2
  106. package/pearl-chain-time/pearl-chain-time.component.js +157 -2
  107. package/pearl-chain-time.js +4 -5
  108. package/pearl-chain-time.pure.js +4 -2
  109. package/pearl-chain-vertical/pearl-chain-vertical.component.js +17 -2
  110. package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +77 -2
  111. package/pearl-chain-vertical-item.js +4 -5
  112. package/pearl-chain-vertical-item.pure.js +4 -2
  113. package/pearl-chain-vertical.js +4 -5
  114. package/pearl-chain-vertical.pure.js +4 -2
  115. package/pearl-chain.js +4 -5
  116. package/pearl-chain.pure.js +4 -2
  117. package/seat-reservation/common/mapper/icon-mapper.js +71 -71
  118. package/seat-reservation/common/mapper/mapper.js +89 -95
  119. package/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-bus.js +558 -568
  120. package/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-decks.js +970 -989
  121. package/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-giruno.js +20366 -20332
  122. package/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-others.js +1737 -1729
  123. package/seat-reservation/common/mapper/sample-data/seat-reservation-sample-data-train.js +9781 -9739
  124. package/seat-reservation/common/mapper.js +9 -3
  125. package/seat-reservation/common/svgs.js +243 -2
  126. package/seat-reservation/common/translations/i18n.js +891 -1084
  127. package/seat-reservation/common/translations.js +4 -2
  128. package/seat-reservation/common/types.js +1 -0
  129. package/seat-reservation/common.js +15 -9
  130. package/seat-reservation/seat-reservation/seat-reservation-base-element.js +810 -832
  131. package/seat-reservation/seat-reservation/seat-reservation.component.js +420 -2
  132. package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +51 -2
  133. package/seat-reservation/seat-reservation-area.js +7 -4
  134. package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +71 -68
  135. package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +75 -2
  136. package/seat-reservation/seat-reservation-graphic.js +7 -4
  137. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +234 -2
  138. package/seat-reservation/seat-reservation-navigation-coach.js +7 -4
  139. package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +85 -2
  140. package/seat-reservation/seat-reservation-navigation-services.js +7 -4
  141. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +203 -2
  142. package/seat-reservation/seat-reservation-place-control.js +7 -4
  143. package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +13 -2
  144. package/seat-reservation/seat-reservation-scoped.js +7 -4
  145. package/seat-reservation/seat-reservation.js +9 -5
  146. package/seat-reservation.js +39 -17
  147. package/seat-reservation.pure.js +32 -15
  148. package/timetable-duration/timetable-duration.component.js +57 -2
  149. package/timetable-duration.js +4 -5
  150. package/timetable-duration.pure.js +4 -2
  151. package/timetable-row/timetable-row.component.js +427 -2
  152. package/timetable-row.js +13 -6
  153. package/timetable-row.pure.js +11 -2
  154. package/toDate-Bw2KTWeq.js +15 -0
  155. package/autocomplete-grid-cell.component-Dak9wlBr.js +0 -24
  156. package/autocomplete-grid-option.component-DNRFHOwc.js +0 -37
  157. package/autocomplete-grid-row.component-DBHZQ0GQ.js +0 -27
  158. package/date-helper-CGproP5d.js +0 -185
  159. package/development/autocomplete-grid-cell.component-BBvM4o2H.js +0 -42
  160. package/development/autocomplete-grid-option.component-QzfM5eIE.js +0 -123
  161. package/development/autocomplete-grid-row.component-H8sCTCkT.js +0 -104
  162. package/development/date-helper-8_Y-PuHh.js +0 -520
  163. package/development/differenceInMinutes-DN_1Rk3O.js +0 -110
  164. package/development/format-Bbrn2bgo.js +0 -1848
  165. package/development/isValid-C-HzKv4v.js +0 -178
  166. package/development/journey-summary.component-uGhZvA4p.js +0 -385
  167. package/development/pearl-chain-time.component-B8mayTWD.js +0 -415
  168. package/development/pearl-chain-vertical-item.component-BDzbcIaf.js +0 -435
  169. package/development/pearl-chain-vertical.component-CswE7b3M.js +0 -39
  170. package/development/pearl-chain.component-wpsTvoSe.js +0 -704
  171. package/development/seat-reservation-area.component-BK92ZtFo.js +0 -138
  172. package/development/seat-reservation-graphic.component-cUnsHh5x.js +0 -193
  173. package/development/seat-reservation-navigation-coach.component-D6Bglus8.js +0 -828
  174. package/development/seat-reservation-navigation-services.component-DYJ6Ddkg.js +0 -179
  175. package/development/seat-reservation-place-control.component-Bg9evKBW.js +0 -726
  176. package/development/seat-reservation-scoped.component-DRQ_I702.js +0 -31
  177. package/development/seat-reservation.component-Cq_aJKR0.js +0 -818
  178. package/development/svgs-C3JMWR26.js +0 -28
  179. package/development/timetable-duration.component-DI0lET17.js +0 -125
  180. package/development/timetable-row.component-CAED6Zwc.js +0 -932
  181. package/development/toDate-Biiv3kyf.js +0 -150
  182. package/differenceInMinutes-Dr9gRqtu.js +0 -27
  183. package/format-CM5exOsN.js +0 -1103
  184. package/isValid-B9oVW3lA.js +0 -36
  185. package/journey-summary.component-Cq_4kaOp.js +0 -264
  186. package/pearl-chain-time.component-DGDW5S1c.js +0 -239
  187. package/pearl-chain-vertical-item.component-G22bWhLU.js +0 -108
  188. package/pearl-chain-vertical.component-CXIDT5RD.js +0 -21
  189. package/pearl-chain.component-DmjkVIva.js +0 -194
  190. package/seat-reservation-area.component-n-9rGn_y.js +0 -75
  191. package/seat-reservation-graphic.component-YTXRmKt0.js +0 -102
  192. package/seat-reservation-navigation-coach.component-YJ0vaYmO.js +0 -333
  193. package/seat-reservation-navigation-services.component-C3xnLJg2.js +0 -127
  194. package/seat-reservation-place-control.component-DmBAfM6K.js +0 -322
  195. package/seat-reservation-scoped.component-DPkz6u17.js +0 -17
  196. package/seat-reservation.component-C_anMkgw.js +0 -364
  197. package/svgs-D9arBcqr.js +0 -26
  198. package/timetable-duration.component-DCu8Phts.js +0 -65
  199. package/timetable-row.component-BVRCB3xK.js +0 -559
  200. package/toDate-p-Tpkb7t.js +0 -16
@@ -1,322 +0,0 @@
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 { css as o, html as s, nothing 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";
11
- //#region src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.scss?lit&inline
12
- var p = o`: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(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-place-control-hover-text:var(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,var(--sbb-color-silver));--sbb-seat-reservation-place-control-focus-text:var(--lightningcss-light,var(--sbb-color-anthracite))var(--lightningcss-dark,var(--sbb-color-graphite));--sbb-seat-reservation-place-control-allocated-text:var(--lightningcss-light,var(--sbb-color-smoke))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,var(--sbb-color-midnight));--sbb-seat-reservation-place-control-free-background-focus:var(--lightningcss-light,var(--sbb-color-silver))var(--lightningcss-dark,var(--sbb-color-black));--sbb-seat-reservation-place-control-free-backrest-background-default:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-place-control-free-backrest-background-hover:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-place-control-free-backrest-background-focus:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,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));cursor:var(--sbb-cursor-pointer);font-weight:300;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))}: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;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem,.0625rem));position:relative}.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{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;display:none;position:absolute;inset-block-start:50%;overflow:hidden}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{transform-origin:50% 16%;font-size:.6875em;inset-block-start:65%;inset-inline-start:50%}.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 o = n, f, m = [], h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B, V = [], H = [];
18
- return class extends o {
19
- static {
20
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
21
- f = [i(), l({ attribute: "type" })], g = [i(), l({
22
- attribute: "state",
23
- reflect: !0
24
- })], y = [l({ attribute: "travel-direction" })], S = [l({
25
- attribute: "propertyIds",
26
- type: Array
27
- })], T = [i(), l({ attribute: "text" })], O = [i(), l({
28
- attribute: "deck-index",
29
- type: Number
30
- })], j = [i(), l({
31
- attribute: "coach-index",
32
- type: Number
33
- })], P = [i(), l({
34
- attribute: "prevent-click",
35
- type: Boolean
36
- })], L = [i(), l({ attribute: "keyfocus" })], B = [i(), l({
37
- type: Boolean,
38
- useDefault: !0
39
- })], e(this, null, f, {
40
- kind: "accessor",
41
- name: "placeType",
42
- static: !1,
43
- private: !1,
44
- access: {
45
- has: (e) => "placeType" in e,
46
- get: (e) => e.placeType,
47
- set: (e, t) => {
48
- e.placeType = t;
49
- }
50
- },
51
- metadata: t
52
- }, m, h), e(this, null, g, {
53
- kind: "accessor",
54
- name: "state",
55
- static: !1,
56
- private: !1,
57
- access: {
58
- has: (e) => "state" in e,
59
- get: (e) => e.state,
60
- set: (e, t) => {
61
- e.state = t;
62
- }
63
- },
64
- metadata: t
65
- }, _, v), e(this, null, y, {
66
- kind: "accessor",
67
- name: "travelDirection",
68
- static: !1,
69
- private: !1,
70
- access: {
71
- has: (e) => "travelDirection" in e,
72
- get: (e) => e.travelDirection,
73
- set: (e, t) => {
74
- e.travelDirection = t;
75
- }
76
- },
77
- metadata: t
78
- }, b, x), e(this, null, S, {
79
- kind: "accessor",
80
- name: "propertyIds",
81
- static: !1,
82
- private: !1,
83
- access: {
84
- has: (e) => "propertyIds" in e,
85
- get: (e) => e.propertyIds,
86
- set: (e, t) => {
87
- e.propertyIds = t;
88
- }
89
- },
90
- metadata: t
91
- }, C, w), e(this, null, T, {
92
- kind: "accessor",
93
- name: "text",
94
- static: !1,
95
- private: !1,
96
- access: {
97
- has: (e) => "text" in e,
98
- get: (e) => e.text,
99
- set: (e, t) => {
100
- e.text = t;
101
- }
102
- },
103
- metadata: t
104
- }, E, D), e(this, null, O, {
105
- kind: "accessor",
106
- name: "deckIndex",
107
- static: !1,
108
- private: !1,
109
- access: {
110
- has: (e) => "deckIndex" in e,
111
- get: (e) => e.deckIndex,
112
- set: (e, t) => {
113
- e.deckIndex = t;
114
- }
115
- },
116
- metadata: t
117
- }, k, A), e(this, null, j, {
118
- kind: "accessor",
119
- name: "coachIndex",
120
- static: !1,
121
- private: !1,
122
- access: {
123
- has: (e) => "coachIndex" in e,
124
- get: (e) => e.coachIndex,
125
- set: (e, t) => {
126
- e.coachIndex = t;
127
- }
128
- },
129
- metadata: t
130
- }, M, N), e(this, null, P, {
131
- kind: "accessor",
132
- name: "preventClick",
133
- static: !1,
134
- private: !1,
135
- access: {
136
- has: (e) => "preventClick" in e,
137
- get: (e) => e.preventClick,
138
- set: (e, t) => {
139
- e.preventClick = t;
140
- }
141
- },
142
- metadata: t
143
- }, F, I), e(this, null, L, {
144
- kind: "accessor",
145
- name: "keyfocus",
146
- static: !1,
147
- private: !1,
148
- access: {
149
- has: (e) => "keyfocus" in e,
150
- get: (e) => e.keyfocus,
151
- set: (e, t) => {
152
- e.keyfocus = t;
153
- }
154
- },
155
- metadata: t
156
- }, R, z), e(this, null, B, {
157
- kind: "accessor",
158
- name: "showTitleInfo",
159
- static: !1,
160
- private: !1,
161
- access: {
162
- has: (e) => "showTitleInfo" in e,
163
- get: (e) => e.showTitleInfo,
164
- set: (e, t) => {
165
- e.showTitleInfo = t;
166
- }
167
- },
168
- metadata: t
169
- }, V, H), t && Object.defineProperty(this, Symbol.metadata, {
170
- enumerable: !0,
171
- configurable: !0,
172
- writable: !0,
173
- value: t
174
- });
175
- }
176
- static {
177
- this.elementName = "sbb-seat-reservation-place-control";
178
- }
179
- static {
180
- this.styles = [a, p];
181
- }
182
- static {
183
- this.events = { selectplace: "selectplace" };
184
- }
185
- #e;
186
- get placeType() {
187
- return this.#e;
188
- }
189
- set placeType(e) {
190
- this.#e = e;
191
- }
192
- #t;
193
- get state() {
194
- return this.#t;
195
- }
196
- set state(e) {
197
- this.#t = e;
198
- }
199
- #n;
200
- get travelDirection() {
201
- return this.#n;
202
- }
203
- set travelDirection(e) {
204
- this.#n = e;
205
- }
206
- #r;
207
- get propertyIds() {
208
- return this.#r;
209
- }
210
- set propertyIds(e) {
211
- this.#r = e;
212
- }
213
- #i;
214
- get text() {
215
- return this.#i;
216
- }
217
- set text(e) {
218
- this.#i = e;
219
- }
220
- #a;
221
- get deckIndex() {
222
- return this.#a;
223
- }
224
- set deckIndex(e) {
225
- this.#a = e;
226
- }
227
- #o;
228
- get coachIndex() {
229
- return this.#o;
230
- }
231
- set coachIndex(e) {
232
- this.#o = e;
233
- }
234
- #s;
235
- get preventClick() {
236
- return this.#s;
237
- }
238
- set preventClick(e) {
239
- this.#s = e;
240
- }
241
- #c;
242
- get keyfocus() {
243
- return this.#c;
244
- }
245
- set keyfocus(e) {
246
- this.#c = e;
247
- }
248
- #l;
249
- get showTitleInfo() {
250
- return this.#l;
251
- }
252
- set showTitleInfo(e) {
253
- this.#l = e;
254
- }
255
- constructor() {
256
- super(), this.#e = t(this, m, "SEAT"), this.#t = (t(this, h), t(this, _, "FREE")), this.#n = (t(this, v), t(this, b, "NONE")), this.#r = (t(this, x), t(this, C, [])), this.#i = (t(this, w), t(this, E, "")), this.#a = (t(this, D), t(this, k, null)), this.#o = (t(this, A), t(this, M, null)), this.#s = (t(this, N), t(this, F, !1)), this.#c = (t(this, I), t(this, R, "unfocus")), this.#l = (t(this, z), t(this, V, !1)), this._optionalScreenreaderInfo = (t(this, H), ""), this._language = new r(this), this.addEventListener("click", () => this._selectPlace());
257
- }
258
- willUpdate(e) {
259
- super.willUpdate(e), e.has("keyfocus") && this.keyfocus === "focus" && this.focus(), e.has("showTitleInfo") && (this.showTitleInfo || (this.title = ""));
260
- }
261
- 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"), o = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), l = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), d = Number(l) - Number(o), f = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
263
- return this.showTitleInfo ? this.title = this._getTitleDescriptionPlace(o) : this._optionalScreenreaderInfo = this._getTitleDescriptionPlace(o), this.tabIndex = -1, s`
264
- <div
265
- part="sbb-sr-place-part"
266
- class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${o} sbb-sr-place-ctrl--state-${n} sbb-sr-place-ctrl--type-${t} ${f}"
267
- >
268
- <sbb-seat-reservation-graphic
269
- style=${u({
270
- "--sbb-seat-reservation-graphic-width": i,
271
- "--sbb-seat-reservation-graphic-height": a,
272
- "--sbb-seat-reservation-graphic-rotation": o,
273
- "--sbb-seat-reservation-graphic-inverse-rotation": d
274
- })}
275
- .name=${e}
276
- aria-hidden="true"
277
- ></sbb-seat-reservation-graphic>
278
- <span ${this.text ?? c} class="sbb-sr-place-ctrl__text" aria-hidden="true"
279
- >${r}</span
280
- >
281
- ${this.showTitleInfo ? c : s`<sbb-screen-reader-only id="${this.id}"
282
- >${this._optionalScreenreaderInfo}</sbb-screen-reader-only
283
- >`}
284
- </div>
285
- `;
286
- }
287
- _getPlaceSvg(e, t) {
288
- return `PLACE_${e}_${t}`;
289
- }
290
- _getTitleDescriptionPlace(e) {
291
- let t = d("PLACE_CONTROL_" + this.type + "_" + this.state, this._language.current, [this.text]), n = this._getRelativeTravelDirection(e);
292
- 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;
293
- }
294
- _getRelativeTravelDirection(e) {
295
- if (!this.travelDirection || this.travelDirection === "NONE" || this.placeType !== "SEAT" || !e) return;
296
- let t = Number(e);
297
- if (t === 90 || t === 270) return "TRAVEL_DIRECTION_TRANSVERSELY";
298
- if (t === 0 && this.travelDirection === "RIGHT" || t === 180 && this.travelDirection === "LEFT") return "TRAVEL_DIRECTION_IN_DIRECTION";
299
- if (t === 0 || t === 180) return "TRAVEL_DIRECTION_IN_OPPOSITE_DIRECTION";
300
- }
301
- _selectPlace() {
302
- if ((this.state === "FREE" || this.state === "SELECTED") && !this.preventClick) {
303
- this.state = this.state === "FREE" ? "SELECTED" : "FREE";
304
- let e = {
305
- id: this.id,
306
- deckIndex: this.deckIndex,
307
- coachIndex: this.coachIndex,
308
- number: this.text,
309
- state: this.state,
310
- placeType: this.placeType
311
- };
312
- this.dispatchEvent(new CustomEvent("selectplace", {
313
- detail: e,
314
- bubbles: !0,
315
- composed: !0
316
- }));
317
- }
318
- }
319
- };
320
- })();
321
- //#endregion
322
- export { m as t };
@@ -1,17 +0,0 @@
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 { css as n, html as r } from "lit";
4
- //#region src/elements-experimental/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.scss?lit&inline
5
- var i = n`:host{--sbb-seat-reservation-scoped-width:0;--sbb-seat-reservation-scoped-height:0;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));display:block}`, a = class extends e {
6
- static {
7
- this.elementName = "sbb-seat-reservation-scoped";
8
- }
9
- static {
10
- this.styles = [t, i];
11
- }
12
- render() {
13
- return r`<slot></slot>`;
14
- }
15
- };
16
- //#endregion
17
- export { a as t };