@sbb-esta/lyne-elements 3.5.0 → 3.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (211) hide show
  1. package/a11y.css +1 -1
  2. package/alert/alert-group/alert-group.component.js +12 -12
  3. package/autocomplete/autocomplete-base-element.d.ts +14 -0
  4. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  5. package/autocomplete/autocomplete-base-element.js +110 -77
  6. package/autocomplete/autocomplete.component.d.ts.map +1 -1
  7. package/autocomplete/autocomplete.component.js +9 -9
  8. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  9. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +5 -5
  10. package/button/common.js +1 -1
  11. package/button.js +1 -1
  12. package/carousel/carousel/carousel.component.d.ts +32 -0
  13. package/carousel/carousel/carousel.component.d.ts.map +1 -0
  14. package/carousel/carousel/carousel.component.js +78 -0
  15. package/carousel/carousel-item/carousel-item.component.d.ts +29 -0
  16. package/carousel/carousel-item/carousel-item.component.d.ts.map +1 -0
  17. package/carousel/carousel-item/carousel-item.component.js +26 -0
  18. package/carousel/carousel-item.d.ts +5 -0
  19. package/carousel/carousel-item.d.ts.map +1 -0
  20. package/carousel/carousel-item.js +4 -0
  21. package/carousel/carousel-list/carousel-list.component.d.ts +30 -0
  22. package/carousel/carousel-list/carousel-list.component.d.ts.map +1 -0
  23. package/carousel/carousel-list/carousel-list.component.js +78 -0
  24. package/carousel/carousel-list.d.ts +5 -0
  25. package/carousel/carousel-list.d.ts.map +1 -0
  26. package/carousel/carousel-list.js +4 -0
  27. package/carousel/carousel.d.ts +5 -0
  28. package/carousel/carousel.d.ts.map +1 -0
  29. package/carousel/carousel.js +4 -0
  30. package/carousel.d.ts +7 -0
  31. package/carousel.d.ts.map +1 -0
  32. package/carousel.js +8 -0
  33. package/core/i18n/i18n.d.ts +6 -0
  34. package/core/i18n/i18n.d.ts.map +1 -1
  35. package/core/i18n/i18n.js +196 -160
  36. package/core/i18n.js +94 -88
  37. package/core/mixins/element-internals-mixin.d.ts.map +1 -1
  38. package/core/mixins/element-internals-mixin.js +66 -62
  39. package/core/styles/core.scss +4 -4
  40. package/core/styles/mixins/a11y.scss +1 -1
  41. package/core/styles/mixins/scrollbar.scss +5 -3
  42. package/core/styles/mixins/timetable-form.scss +63 -0
  43. package/core/styles/standard-theme.scss +1 -0
  44. package/core/styles/timetable-form.scss +27 -0
  45. package/core.css +68 -54
  46. package/custom-elements.json +3143 -236
  47. package/datepicker/datepicker/datepicker.component.js +1 -1
  48. package/development/alert/alert-group/alert-group.component.js +1 -1
  49. package/development/autocomplete/autocomplete-base-element.d.ts +14 -0
  50. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  51. package/development/autocomplete/autocomplete-base-element.js +64 -9
  52. package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
  53. package/development/autocomplete/autocomplete.component.js +4 -1
  54. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  55. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +4 -1
  56. package/development/button/common.js +1 -1
  57. package/development/button.js +1 -1
  58. package/development/carousel/carousel/carousel.component.d.ts +32 -0
  59. package/development/carousel/carousel/carousel.component.d.ts.map +1 -0
  60. package/development/carousel/carousel/carousel.component.js +153 -0
  61. package/development/carousel/carousel-item/carousel-item.component.d.ts +29 -0
  62. package/development/carousel/carousel-item/carousel-item.component.d.ts.map +1 -0
  63. package/development/carousel/carousel-item/carousel-item.component.js +46 -0
  64. package/development/carousel/carousel-item.d.ts +5 -0
  65. package/development/carousel/carousel-item.d.ts.map +1 -0
  66. package/development/carousel/carousel-item.js +5 -0
  67. package/development/carousel/carousel-list/carousel-list.component.d.ts +30 -0
  68. package/development/carousel/carousel-list/carousel-list.component.d.ts.map +1 -0
  69. package/development/carousel/carousel-list/carousel-list.component.js +143 -0
  70. package/development/carousel/carousel-list.d.ts +5 -0
  71. package/development/carousel/carousel-list.d.ts.map +1 -0
  72. package/development/carousel/carousel-list.js +5 -0
  73. package/development/carousel/carousel.d.ts +5 -0
  74. package/development/carousel/carousel.d.ts.map +1 -0
  75. package/development/carousel/carousel.js +5 -0
  76. package/development/carousel.d.ts +7 -0
  77. package/development/carousel.d.ts.map +1 -0
  78. package/development/carousel.js +9 -0
  79. package/development/core/i18n/i18n.d.ts +6 -0
  80. package/development/core/i18n/i18n.d.ts.map +1 -1
  81. package/development/core/i18n/i18n.js +43 -1
  82. package/development/core/i18n.js +7 -1
  83. package/development/core/mixins/element-internals-mixin.d.ts.map +1 -1
  84. package/development/core/mixins/element-internals-mixin.js +7 -2
  85. package/development/datepicker/datepicker/datepicker.component.js +1 -1
  86. package/development/dialog/dialog/dialog.component.js +2 -2
  87. package/development/file-selector/common.js +1 -1
  88. package/development/{file-selector-common-BxXdRZxt.js → file-selector-common-CRnQigIZ.js} +4 -4
  89. package/development/file-selector.js +1 -1
  90. package/development/footer/footer.component.js +1 -1
  91. package/development/form-field/form-field/form-field.component.d.ts +3 -0
  92. package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
  93. package/development/form-field/form-field/form-field.component.js +31 -43
  94. package/development/header/common/header-action-common.js +8 -8
  95. package/development/header/header-environment/header-environment.component.js +6 -6
  96. package/development/link-list/link-list/link-list.component.js +8 -8
  97. package/development/navigation/navigation-section/navigation-section.component.js +1 -1
  98. package/development/notification/notification.component.js +2 -2
  99. package/development/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
  100. package/development/paginator/compact-paginator/compact-paginator.component.js +3 -2
  101. package/development/paginator/paginator/paginator.component.js +1 -1
  102. package/development/radio-button/common.js +1 -1
  103. package/development/{radio-button-common-hZiiLJDY.js → radio-button-common-454JtP9b.js} +7 -3
  104. package/development/radio-button.js +1 -1
  105. package/development/screen-reader-only/screen-reader-only.component.js +1 -1
  106. package/development/selection-action-panel/selection-action-panel.component.js +3 -3
  107. package/development/selection-expansion-panel/selection-expansion-panel.component.js +3 -3
  108. package/development/skiplink-list/skiplink-list.component.js +1 -1
  109. package/development/timetable-form/timetable-form/timetable-form.component.d.ts +17 -0
  110. package/development/timetable-form/timetable-form/timetable-form.component.d.ts.map +1 -0
  111. package/development/timetable-form/timetable-form/timetable-form.component.js +40 -0
  112. package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts +16 -0
  113. package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map +1 -0
  114. package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +57 -0
  115. package/development/timetable-form/timetable-form-details.d.ts +5 -0
  116. package/development/timetable-form/timetable-form-details.d.ts.map +1 -0
  117. package/development/timetable-form/timetable-form-details.js +5 -0
  118. package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts +18 -0
  119. package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map +1 -0
  120. package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +130 -0
  121. package/development/timetable-form/timetable-form-field.d.ts +5 -0
  122. package/development/timetable-form/timetable-form-field.d.ts.map +1 -0
  123. package/development/timetable-form/timetable-form-field.js +5 -0
  124. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +23 -0
  125. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -0
  126. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +80 -0
  127. package/development/timetable-form/timetable-form-swap-button.d.ts +5 -0
  128. package/development/timetable-form/timetable-form-swap-button.d.ts.map +1 -0
  129. package/development/timetable-form/timetable-form-swap-button.js +5 -0
  130. package/development/timetable-form/timetable-form.d.ts +5 -0
  131. package/development/timetable-form/timetable-form.d.ts.map +1 -0
  132. package/development/timetable-form/timetable-form.js +5 -0
  133. package/development/timetable-form.d.ts +8 -0
  134. package/development/timetable-form.d.ts.map +1 -0
  135. package/development/timetable-form.js +11 -0
  136. package/development/title/title-base.d.ts +1 -1
  137. package/development/title/title-base.d.ts.map +1 -1
  138. package/development/title/title-base.js +2 -2
  139. package/development/title/title.component.d.ts +3 -1
  140. package/development/title/title.component.d.ts.map +1 -1
  141. package/development/title/title.component.js +30 -4
  142. package/development/train/train/train.component.js +1 -1
  143. package/development/train/train-formation/train-formation.component.d.ts.map +1 -1
  144. package/development/train/train-formation/train-formation.component.js +6 -4
  145. package/development/train/train-wagon/train-wagon.component.js +1 -1
  146. package/development/{transparent-button-Dun6bh2G.js → transparent-button-COe-YB_U.js} +2 -2
  147. package/file-selector/common.js +1 -1
  148. package/{file-selector-common-Cn6U8goV.js → file-selector-common-OHK9hu3a.js} +1 -1
  149. package/file-selector.js +1 -1
  150. package/footer/footer.component.js +1 -1
  151. package/form-field/form-field/form-field.component.d.ts +3 -0
  152. package/form-field/form-field/form-field.component.d.ts.map +1 -1
  153. package/form-field/form-field/form-field.component.js +1 -1
  154. package/header/common/header-action-common.js +5 -5
  155. package/index.d.ts +14 -0
  156. package/index.js +14 -0
  157. package/link-list/link-list/link-list.component.js +8 -8
  158. package/navigation/navigation-section/navigation-section.component.js +1 -1
  159. package/notification/notification.component.js +1 -1
  160. package/package.json +50 -1
  161. package/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
  162. package/paginator/compact-paginator/compact-paginator.component.js +10 -9
  163. package/paginator/paginator/paginator.component.js +1 -1
  164. package/radio-button/common.js +1 -1
  165. package/radio-button-common-CUppr5FI.js +5 -0
  166. package/radio-button.js +1 -1
  167. package/screen-reader-only/screen-reader-only.component.js +1 -1
  168. package/selection-action-panel/selection-action-panel.component.js +3 -3
  169. package/selection-expansion-panel/selection-expansion-panel.component.js +1 -1
  170. package/skiplink-list/skiplink-list.component.js +1 -1
  171. package/standard-theme.css +143 -55
  172. package/timetable-form/timetable-form/timetable-form.component.d.ts +17 -0
  173. package/timetable-form/timetable-form/timetable-form.component.d.ts.map +1 -0
  174. package/timetable-form/timetable-form/timetable-form.component.js +19 -0
  175. package/timetable-form/timetable-form-details/timetable-form-details.component.d.ts +16 -0
  176. package/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map +1 -0
  177. package/timetable-form/timetable-form-details/timetable-form-details.component.js +19 -0
  178. package/timetable-form/timetable-form-details.d.ts +5 -0
  179. package/timetable-form/timetable-form-details.d.ts.map +1 -0
  180. package/timetable-form/timetable-form-details.js +4 -0
  181. package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts +18 -0
  182. package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map +1 -0
  183. package/timetable-form/timetable-form-field/timetable-form-field.component.js +32 -0
  184. package/timetable-form/timetable-form-field.d.ts +5 -0
  185. package/timetable-form/timetable-form-field.d.ts.map +1 -0
  186. package/timetable-form/timetable-form-field.js +4 -0
  187. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +23 -0
  188. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -0
  189. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +38 -0
  190. package/timetable-form/timetable-form-swap-button.d.ts +5 -0
  191. package/timetable-form/timetable-form-swap-button.d.ts.map +1 -0
  192. package/timetable-form/timetable-form-swap-button.js +4 -0
  193. package/timetable-form/timetable-form.d.ts +5 -0
  194. package/timetable-form/timetable-form.d.ts.map +1 -0
  195. package/timetable-form/timetable-form.js +4 -0
  196. package/timetable-form.css +73 -0
  197. package/timetable-form.d.ts +8 -0
  198. package/timetable-form.d.ts.map +1 -0
  199. package/timetable-form.js +10 -0
  200. package/title/title-base.d.ts +1 -1
  201. package/title/title-base.d.ts.map +1 -1
  202. package/title/title-base.js +1 -1
  203. package/title/title.component.d.ts +3 -1
  204. package/title/title.component.d.ts.map +1 -1
  205. package/title/title.component.js +34 -15
  206. package/train/train/train.component.js +1 -1
  207. package/train/train-formation/train-formation.component.d.ts.map +1 -1
  208. package/train/train-formation/train-formation.component.js +19 -17
  209. package/train/train-wagon/train-wagon.component.js +1 -1
  210. package/{transparent-button-rf30m88X.js → transparent-button-xudJxob_.js} +1 -1
  211. package/radio-button-common-DJKWrKor.js +0 -5
@@ -1,6 +1,7 @@
1
1
  import { __esDecorate, __runInitializers } from "tslib";
2
2
  import { css, LitElement, html } from "lit";
3
3
  import { customElement } from "lit/decorators.js";
4
+ import { styleMap } from "lit/directives/style-map.js";
4
5
  import { i18nPage, i18nPaginatorOf } from "../../core/i18n.js";
5
6
  import { SbbPaginatorCommonElementMixin } from "../common.js";
6
7
  import "../../divider.js";
@@ -68,7 +69,7 @@ let SbbCompactPaginatorElement = (() => {
68
69
  >${this.pageIndex + 1}<sbb-divider
69
70
  orientation="vertical"
70
71
  class="sbb-compact-paginator__divider"
71
- style="--sbb-divider-color: currentcolor"
72
+ style=${styleMap({ "--sbb-divider-color": "currentcolor" })}
72
73
  ?negative=${this.negative}
73
74
  ></sbb-divider
74
75
  >${this.numberOfPages()}</span
@@ -98,4 +99,4 @@ let SbbCompactPaginatorElement = (() => {
98
99
  export {
99
100
  SbbCompactPaginatorElement
100
101
  };
101
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1wYWdpbmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvcGFnaW5hdG9yL2NvbXBhY3QtcGFnaW5hdG9yL2NvbXBhY3QtcGFnaW5hdG9yLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGkxOG5QYWdlLCBpMThuUGFnaW5hdG9yT2YgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiUGFnaW5hdG9yQ29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vY29tcGFjdC1wYWdpbmF0b3Iuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi8uLi9kaXZpZGVyLmpzJztcbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHBhZ2luYXRvciBjb21wb25lbnQgaW4gY29tcGFjdCBtb2RlLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItY29tcGFjdC1wYWdpbmF0b3InKVxuY2xhc3MgU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQgZXh0ZW5kcyBTYmJQYWdpbmF0b3JDb21tb25FbGVtZW50TWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgcGFnZTogJ3BhZ2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHByaXZhdGUgX3JlbmRlclBhZ2VOdW1iZXJzKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXBhZ2luYXRvcl9fcGFnZXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICA+JHt0aGlzLnBhZ2VJbmRleCArIDF9PHNiYi1kaXZpZGVyXG4gICAgICAgICAgb3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiXG4gICAgICAgICAgY2xhc3M9XCJzYmItY29tcGFjdC1wYWdpbmF0b3JfX2RpdmlkZXJcIlxuICAgICAgICAgIHN0eWxlPVwiLS1zYmItZGl2aWRlci1jb2xvcjogY3VycmVudGNvbG9yXCJcbiAgICAgICAgICA/bmVnYXRpdmU9JHt0aGlzLm5lZ2F0aXZlfVxuICAgICAgICA+PC9zYmItZGl2aWRlclxuICAgICAgICA+JHt0aGlzLm51bWJlck9mUGFnZXMoKX08L3NwYW5cbiAgICAgID5cbiAgICAgIDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICAke2Ake3RoaXMuYWNjZXNzaWJpbGl0eVBhZ2VMYWJlbCA/IHRoaXMuYWNjZXNzaWJpbGl0eVBhZ2VMYWJlbCA6IGkxOG5QYWdlW3RoaXMubGFuZ3VhZ2UuY3VycmVudF19ICR7dGhpcy5wYWdlSW5kZXggKyAxfSAke2kxOG5QYWdpbmF0b3JPZlt0aGlzLmxhbmd1YWdlLmN1cnJlbnRdfSAke3RoaXMubnVtYmVyT2ZQYWdlcygpfWB9XG4gICAgICA8L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgYDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJQYWdpbmF0b3IoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1jb21wYWN0LXBhZ2luYXRvclwiPlxuICAgICAgICAke3RoaXMucGFnZXJQb3NpdGlvbiA9PT0gJ3N0YXJ0J1xuICAgICAgICAgID8gaHRtbGAke3RoaXMucmVuZGVyUHJldk5leHRCdXR0b25zKCl9ICR7dGhpcy5fcmVuZGVyUGFnZU51bWJlcnMoKX1gXG4gICAgICAgICAgOiBodG1sYCR7dGhpcy5fcmVuZGVyUGFnZU51bWJlcnMoKX0gJHt0aGlzLnJlbmRlclByZXZOZXh0QnV0dG9ucygpfWB9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY29tcGFjdC1wYWdpbmF0b3InOiBTYmJDb21wYWN0UGFnaW5hdG9yRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBaUJNLDhCQUEwQixNQUFBOzswQkFEL0IsY0FBYyx1QkFBdUIsQ0FBQzs7OztvQkFDRSwrQkFBK0IsVUFBVTtBQUFqRCxFQUFBLG1CQUFRLFlBQTBDO0FBQUEsSUFNekUscUJBQWtCO0FBQ3hCLGFBQU87QUFBQTtBQUFBLFdBRUEsS0FBSyxZQUFZLENBQUM7QUFBQTtBQUFBO0FBQUE7QUFBQSxzQkFJUCxLQUFLLFFBQVE7QUFBQTtBQUFBLFdBRXhCLEtBQUssZUFBZTtBQUFBO0FBQUE7QUFBQSxVQUdyQixHQUFHLEtBQUsseUJBQXlCLEtBQUsseUJBQXlCLFNBQVMsS0FBSyxTQUFTLE9BQU8sQ0FBQyxJQUFJLEtBQUssWUFBWSxDQUFDLElBQUksZ0JBQWdCLEtBQUssU0FBUyxPQUFPLENBQUMsSUFBSSxLQUFLLGNBQUEsQ0FBZSxFQUFFO0FBQUE7QUFBQTtBQUFBLElBR2hNO0FBQUEsSUFFbUIsa0JBQWU7QUFDaEMsYUFBTztBQUFBO0FBQUEsVUFFRCxLQUFLLGtCQUFrQixVQUNyQixPQUFPLEtBQUssdUJBQXVCLElBQUksS0FBSyxtQkFBQSxDQUFvQixLQUNoRSxPQUFPLEtBQUssbUJBQUEsQ0FBb0IsSUFBSSxLQUFLLHNCQUFBLENBQXVCLEVBQUU7QUFBQTtBQUFBO0FBQUEsSUFHNUU7QUFBQTs7QUEvQkYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BQ3pCLEdBQUEsU0FBaUM7QUFBQSxJQUN0RCxNQUFNO0FBQUEsRUFBQSxHQUhKLGtCQUFBLFlBQUEsdUJBQUEsR0FBMkI7OzsifQ==
102
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1wYWdpbmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvcGFnaW5hdG9yL2NvbXBhY3QtcGFnaW5hdG9yL2NvbXBhY3QtcGFnaW5hdG9yLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBzdHlsZU1hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3N0eWxlLW1hcC5qcyc7XG5cbmltcG9ydCB7IGkxOG5QYWdlLCBpMThuUGFnaW5hdG9yT2YgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiUGFnaW5hdG9yQ29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vY29tcGFjdC1wYWdpbmF0b3Iuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi8uLi9kaXZpZGVyLmpzJztcbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHBhZ2luYXRvciBjb21wb25lbnQgaW4gY29tcGFjdCBtb2RlLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItY29tcGFjdC1wYWdpbmF0b3InKVxuY2xhc3MgU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQgZXh0ZW5kcyBTYmJQYWdpbmF0b3JDb21tb25FbGVtZW50TWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgcGFnZTogJ3BhZ2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHByaXZhdGUgX3JlbmRlclBhZ2VOdW1iZXJzKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXBhZ2luYXRvcl9fcGFnZXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICA+JHt0aGlzLnBhZ2VJbmRleCArIDF9PHNiYi1kaXZpZGVyXG4gICAgICAgICAgb3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiXG4gICAgICAgICAgY2xhc3M9XCJzYmItY29tcGFjdC1wYWdpbmF0b3JfX2RpdmlkZXJcIlxuICAgICAgICAgIHN0eWxlPSR7c3R5bGVNYXAoeyAnLS1zYmItZGl2aWRlci1jb2xvcic6ICdjdXJyZW50Y29sb3InIH0pfVxuICAgICAgICAgID9uZWdhdGl2ZT0ke3RoaXMubmVnYXRpdmV9XG4gICAgICAgID48L3NiYi1kaXZpZGVyXG4gICAgICAgID4ke3RoaXMubnVtYmVyT2ZQYWdlcygpfTwvc3BhblxuICAgICAgPlxuICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgICR7YCR7dGhpcy5hY2Nlc3NpYmlsaXR5UGFnZUxhYmVsID8gdGhpcy5hY2Nlc3NpYmlsaXR5UGFnZUxhYmVsIDogaTE4blBhZ2VbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX0gJHt0aGlzLnBhZ2VJbmRleCArIDF9ICR7aTE4blBhZ2luYXRvck9mW3RoaXMubGFuZ3VhZ2UuY3VycmVudF19ICR7dGhpcy5udW1iZXJPZlBhZ2VzKCl9YH1cbiAgICAgIDwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclBhZ2luYXRvcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWNvbXBhY3QtcGFnaW5hdG9yXCI+XG4gICAgICAgICR7dGhpcy5wYWdlclBvc2l0aW9uID09PSAnc3RhcnQnXG4gICAgICAgICAgPyBodG1sYCR7dGhpcy5yZW5kZXJQcmV2TmV4dEJ1dHRvbnMoKX0gJHt0aGlzLl9yZW5kZXJQYWdlTnVtYmVycygpfWBcbiAgICAgICAgICA6IGh0bWxgJHt0aGlzLl9yZW5kZXJQYWdlTnVtYmVycygpfSAke3RoaXMucmVuZGVyUHJldk5leHRCdXR0b25zKCl9YH1cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jb21wYWN0LXBhZ2luYXRvcic6IFNiYkNvbXBhY3RQYWdpbmF0b3JFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBa0JNLDhCQUEwQixNQUFBOzswQkFEL0IsY0FBYyx1QkFBdUIsQ0FBQzs7OztvQkFDRSwrQkFBK0IsVUFBVTtBQUFqRCxFQUFBLG1CQUFRLFlBQTBDO0FBQUEsSUFNekUscUJBQWtCO0FBQ3hCLGFBQU87QUFBQTtBQUFBLFdBRUEsS0FBSyxZQUFZLENBQUM7QUFBQTtBQUFBO0FBQUEsa0JBR1gsU0FBUyxFQUFFLHVCQUF1QixnQkFBZ0IsQ0FBQztBQUFBLHNCQUMvQyxLQUFLLFFBQVE7QUFBQTtBQUFBLFdBRXhCLEtBQUssZUFBZTtBQUFBO0FBQUE7QUFBQSxVQUdyQixHQUFHLEtBQUsseUJBQXlCLEtBQUsseUJBQXlCLFNBQVMsS0FBSyxTQUFTLE9BQU8sQ0FBQyxJQUFJLEtBQUssWUFBWSxDQUFDLElBQUksZ0JBQWdCLEtBQUssU0FBUyxPQUFPLENBQUMsSUFBSSxLQUFLLGNBQUEsQ0FBZSxFQUFFO0FBQUE7QUFBQTtBQUFBLElBR2hNO0FBQUEsSUFFbUIsa0JBQWU7QUFDaEMsYUFBTztBQUFBO0FBQUEsVUFFRCxLQUFLLGtCQUFrQixVQUNyQixPQUFPLEtBQUssdUJBQXVCLElBQUksS0FBSyxtQkFBQSxDQUFvQixLQUNoRSxPQUFPLEtBQUssbUJBQUEsQ0FBb0IsSUFBSSxLQUFLLHNCQUFBLENBQXVCLEVBQUU7QUFBQTtBQUFBO0FBQUEsSUFHNUU7QUFBQTs7QUEvQkYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BQ3pCLEdBQUEsU0FBaUM7QUFBQSxJQUN0RCxNQUFNO0FBQUEsRUFBQSxHQUhKLGtCQUFBLFlBQUEsdUJBQUEsR0FBMkI7OzsifQ==
@@ -248,7 +248,7 @@ const style = css`*,
248
248
 
249
249
  .sbb-screen-reader-only {
250
250
  border: 0;
251
- clip: rect(0 0 0 0);
251
+ clip-path: rect(0 0 0 0);
252
252
  height: 1px;
253
253
  margin: -1px;
254
254
  overflow: hidden;
@@ -1,5 +1,5 @@
1
1
  import { SbbRadioButtonCommonElementMixin } from "./common/radio-button-common.js";
2
- import { r } from "../radio-button-common-hZiiLJDY.js";
2
+ import { r } from "../radio-button-common-454JtP9b.js";
3
3
  export {
4
4
  SbbRadioButtonCommonElementMixin,
5
5
  r as radioButtonCommonStyle
@@ -45,7 +45,7 @@ const radioButtonCommon = css`*,
45
45
  --sbb-radio-button-label-color: var(--sbb-color-granite);
46
46
  --sbb-radio-button-background-color: var(--sbb-color-milk);
47
47
  --sbb-radio-button-border-style: dashed;
48
- --sbb-radio-button-inner-circle-color: var(--sbb-color-charcoal);
48
+ --sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);
49
49
  --sbb-radio-button-cursor: default;
50
50
  }
51
51
  @media (forced-colors: active) {
@@ -56,13 +56,17 @@ const radioButtonCommon = css`*,
56
56
  }
57
57
  }
58
58
 
59
+ :host(:disabled[data-checked]) {
60
+ --sbb-radio-button-inner-circle-color: var(--sbb-color-charcoal);
61
+ }
62
+
59
63
  :host([size=xs]) {
60
64
  --sbb-radio-button-dimension: 1.25rem;
61
65
  }
62
66
 
63
67
  .sbb-screen-reader-only {
64
68
  border: 0;
65
- clip: rect(0 0 0 0);
69
+ clip-path: rect(0 0 0 0);
66
70
  height: 1px;
67
71
  margin: -1px;
68
72
  overflow: hidden;
@@ -136,4 +140,4 @@ const radioButtonCommon = css`*,
136
140
  export {
137
141
  radioButtonCommon as r
138
142
  };
139
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLWNvbW1vbi1oWmlpTEpEWS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
143
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLWNvbW1vbi00NTRKdFA5Yi5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
@@ -2,7 +2,7 @@ import { SbbRadioButtonElement } from "./radio-button/radio-button/radio-button.
2
2
  import { SbbRadioButtonGroupElement } from "./radio-button/radio-button-group/radio-button-group.component.js";
3
3
  import { SbbRadioButtonPanelElement } from "./radio-button/radio-button-panel/radio-button-panel.component.js";
4
4
  import { SbbRadioButtonCommonElementMixin } from "./radio-button/common/radio-button-common.js";
5
- import { r } from "./radio-button-common-hZiiLJDY.js";
5
+ import { r } from "./radio-button-common-454JtP9b.js";
6
6
  export {
7
7
  SbbRadioButtonCommonElementMixin,
8
8
  SbbRadioButtonElement,
@@ -3,7 +3,7 @@ import { css, LitElement, html } from "lit";
3
3
  import { customElement } from "lit/decorators.js";
4
4
  const style = css`:host {
5
5
  border: 0;
6
- clip: rect(0 0 0 0);
6
+ clip-path: rect(0 0 0 0);
7
7
  height: 1px;
8
8
  margin: -1px;
9
9
  overflow: hidden;
@@ -27,16 +27,16 @@ const style = css`*,
27
27
  --sbb-selection-action-panel-background: var(--sbb-color-milk);
28
28
  }
29
29
 
30
- :host(:where(:state(checked), [state--checked]):not(:where(:state(disabled), [state--disabled]))) {
30
+ :host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))) {
31
31
  --sbb-selection-action-panel-border-color: var(--sbb-color-charcoal);
32
32
  --sbb-selection-action-panel-border-width: var(--sbb-border-width-2x);
33
33
  }
34
34
 
35
- :host([borderless]:not(:where(:state(checked), [state--checked]))) {
35
+ :host([borderless]:not(:where(:is(:state(checked),[state--checked])))) {
36
36
  --sbb-selection-action-panel-border-color: transparent;
37
37
  }
38
38
 
39
- :host(:is(:state(with-expansion-panel), [state--with-expansion-panel])) {
39
+ :host(:where(:is(:state(with-expansion-panel),[state--with-expansion-panel]))) {
40
40
  --sbb-selection-action-panel-background: transparent;
41
41
  --sbb-selection-action-panel-border-color: transparent;
42
42
  }
@@ -45,16 +45,16 @@ const style = css`*,
45
45
  --sbb-selection-expansion-panel-background: var(--sbb-color-milk);
46
46
  }
47
47
 
48
- :host(:where(:state(checked), [state--checked]):not(:where(:state(disabled), [state--disabled]))) {
48
+ :host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))) {
49
49
  --sbb-selection-expansion-panel-border-color: var(--sbb-color-charcoal);
50
50
  --sbb-selection-expansion-panel-border-width: var(--sbb-border-width-2x);
51
51
  }
52
52
 
53
- :host([data-slot-names~=content]:where(:state(disabled), [state--disabled])) {
53
+ :host([data-slot-names~=content]:where(:is(:state(disabled),[state--disabled]))) {
54
54
  --sbb-selection-expansion-panel-border-color: var(--sbb-color-cloud);
55
55
  }
56
56
 
57
- :host([borderless]:not(:where(:state(checked), [state--checked]))) {
57
+ :host([borderless]:not(:where(:is(:state(checked),[state--checked])))) {
58
58
  --sbb-selection-expansion-panel-border-color: transparent;
59
59
  }
60
60
 
@@ -35,7 +35,7 @@ const style = css`*,
35
35
 
36
36
  .sbb-skiplink-list-title {
37
37
  border: 0;
38
- clip: rect(0 0 0 0);
38
+ clip-path: rect(0 0 0 0);
39
39
  height: 1px;
40
40
  margin: -1px;
41
41
  overflow: hidden;
@@ -0,0 +1,17 @@
1
+ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
2
+ /**
3
+ * Serves as a building block of a sbb 'timetable-form'.
4
+ * It automatically handles the styles and part of its behaviors
5
+ *
6
+ * @slot - Use the unnamed slot to add content to the 'timetable-form'
7
+ */
8
+ export declare class SbbTimetableFormElement extends LitElement {
9
+ static styles: CSSResultGroup;
10
+ protected render(): TemplateResult;
11
+ }
12
+ declare global {
13
+ interface HTMLElementTagNameMap {
14
+ 'sbb-timetable-form': SbbTimetableFormElement;
15
+ }
16
+ }
17
+ //# sourceMappingURL=timetable-form.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timetable-form.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form/timetable-form.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;;GAKG;AACH,qBAEM,uBAAwB,SAAQ,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
@@ -0,0 +1,40 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { css, LitElement, html } from "lit";
3
+ import { customElement } from "lit/decorators.js";
4
+ const style = css`*,
5
+ ::before,
6
+ ::after {
7
+ box-sizing: border-box;
8
+ }
9
+
10
+ :host {
11
+ --sbb-timetable-form-background-color: var(--sbb-color-white);
12
+ --sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);
13
+ border-radius: var(--sbb-timetable-form-border-radius);
14
+ background-color: var(--sbb-timetable-form-background-color);
15
+ display: flex;
16
+ flex-direction: column;
17
+ }`;
18
+ let SbbTimetableFormElement = (() => {
19
+ var _a;
20
+ let _classDecorators = [customElement("sbb-timetable-form")];
21
+ let _classDescriptor;
22
+ let _classExtraInitializers = [];
23
+ let _classThis;
24
+ let _classSuper = LitElement;
25
+ _a = class extends _classSuper {
26
+ render() {
27
+ return html`<slot></slot>`;
28
+ }
29
+ }, _classThis = _a, (() => {
30
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
31
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
32
+ _classThis = _classDescriptor.value;
33
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
34
+ })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
35
+ return _classThis;
36
+ })();
37
+ export {
38
+ SbbTimetableFormElement
39
+ };
40
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLWZvcm0uc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBTZXJ2ZXMgYXMgYSBidWlsZGluZyBibG9jayBvZiBhIHNiYiAndGltZXRhYmxlLWZvcm0nLlxuICogSXQgYXV0b21hdGljYWxseSBoYW5kbGVzIHRoZSBzdHlsZXMgYW5kIHBhcnQgb2YgaXRzIGJlaGF2aW9yc1xuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlICd0aW1ldGFibGUtZm9ybSdcbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRpbWV0YWJsZS1mb3JtJylcbmNsYXNzIFNiYlRpbWV0YWJsZUZvcm1FbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLWZvcm0nOiBTYmJUaW1ldGFibGVGb3JtRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBY00sMkJBQXVCLE1BQUE7OzBCQUQ1QixjQUFjLG9CQUFvQixDQUFDOzs7O29CQUNFO0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUEsSUFHM0IsU0FBTTtBQUN2QixhQUFPO0FBQUEsSUFDVDtBQUFBOztBQUxGLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixPQUQ1QyxrQkFBQSxZQUFBLHVCQUFBLEdBQXdCOzs7In0=
@@ -0,0 +1,16 @@
1
+ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
2
+ /**
3
+ * Wraps the details section of the `sbb-timetable-form`.
4
+ *
5
+ * @slot - Use the unnamed slot to add content to the details section.
6
+ */
7
+ export declare class SbbTimetableFormDetailsElement extends LitElement {
8
+ static styles: CSSResultGroup;
9
+ protected render(): TemplateResult;
10
+ }
11
+ declare global {
12
+ interface HTMLElementTagNameMap {
13
+ 'sbb-timetable-form-details': SbbTimetableFormDetailsElement;
14
+ }
15
+ }
16
+ //# sourceMappingURL=timetable-form-details.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timetable-form-details.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form-details/timetable-form-details.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,qBAEM,8BAA+B,SAAQ,UAAU;IACrD,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
@@ -0,0 +1,57 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { css, LitElement, html } from "lit";
3
+ import { customElement } from "lit/decorators.js";
4
+ const style = css`*,
5
+ ::before,
6
+ ::after {
7
+ box-sizing: border-box;
8
+ }
9
+
10
+ :host {
11
+ --sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);
12
+ --sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);
13
+ --sbb-timetable-form-details-horizontal-divider-height: 1.5rem;
14
+ display: flex;
15
+ flex-wrap: wrap;
16
+ gap: var(--sbb-spacing-fixed-1x);
17
+ border-block-start: var(--sbb-border-width-1x) solid var(--sbb-color-cloud);
18
+ padding-block: var(--sbb-timetable-form-details-padding-block);
19
+ padding-inline-start: calc(var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs));
20
+ align-items: center;
21
+ }
22
+
23
+ ::slotted(sbb-form-field) {
24
+ --sbb-form-field-border-radius: var(--sbb-border-radius-6x);
25
+ --sbb-form-field-outline-offset: -0.3125rem;
26
+ }
27
+
28
+ ::slotted(sbb-divider[orientation=vertical]) {
29
+ height: var(--sbb-timetable-form-details-horizontal-divider-height);
30
+ }
31
+
32
+ ::slotted(:last-child) {
33
+ margin-inline-end: var(--sbb-timetable-form-details-padding-inline);
34
+ }`;
35
+ let SbbTimetableFormDetailsElement = (() => {
36
+ var _a;
37
+ let _classDecorators = [customElement("sbb-timetable-form-details")];
38
+ let _classDescriptor;
39
+ let _classExtraInitializers = [];
40
+ let _classThis;
41
+ let _classSuper = LitElement;
42
+ _a = class extends _classSuper {
43
+ render() {
44
+ return html`<slot></slot>`;
45
+ }
46
+ }, _classThis = _a, (() => {
47
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
48
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
49
+ _classThis = _classDescriptor.value;
50
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
51
+ })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
52
+ return _classThis;
53
+ })();
54
+ export {
55
+ SbbTimetableFormDetailsElement
56
+ };
57
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZGV0YWlscy5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1kZXRhaWxzL3RpbWV0YWJsZS1mb3JtLWRldGFpbHMuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLWZvcm0tZGV0YWlscy5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIFdyYXBzIHRoZSBkZXRhaWxzIHNlY3Rpb24gb2YgdGhlIGBzYmItdGltZXRhYmxlLWZvcm1gLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGRldGFpbHMgc2VjdGlvbi5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMnKVxuY2xhc3MgU2JiVGltZXRhYmxlRm9ybURldGFpbHNFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscyc6IFNiYlRpbWV0YWJsZUZvcm1EZXRhaWxzRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFhTSxrQ0FBOEIsTUFBQTs7MEJBRG5DLGNBQWMsNEJBQTRCLENBQUM7Ozs7b0JBQ0M7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQSxJQUdsQyxTQUFNO0FBQ3ZCLGFBQU87QUFBQSxJQUNUO0FBQUE7O0FBTEYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BRDVDLGtCQUFBLFlBQUEsdUJBQUEsR0FBK0I7OzsifQ==
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @entrypoint
3
+ */
4
+ export * from './timetable-form-details/timetable-form-details.component.js';
5
+ //# sourceMappingURL=timetable-form-details.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timetable-form-details.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-form/timetable-form-details.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8DAA8D,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { SbbTimetableFormDetailsElement } from "./timetable-form-details/timetable-form-details.component.js";
2
+ export {
3
+ SbbTimetableFormDetailsElement
4
+ };
5
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZGV0YWlscy5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=
@@ -0,0 +1,18 @@
1
+ import { CSSResultGroup, TemplateResult } from 'lit';
2
+ import { SbbFormFieldElement } from '../../form-field/form-field.js';
3
+ /**
4
+ * Extends the `sbb-form-field`. Meant to be used inside a `sbb-timetable-form`.
5
+ */
6
+ export declare class SbbTimetableFormFieldElement extends SbbFormFieldElement {
7
+ static styles: CSSResultGroup;
8
+ private _routeIcon;
9
+ constructor();
10
+ connectedCallback(): void;
11
+ render(): TemplateResult;
12
+ }
13
+ declare global {
14
+ interface HTMLElementTagNameMap {
15
+ 'sbb-timetable-form-field': SbbTimetableFormFieldElement;
16
+ }
17
+ }
18
+ //# sourceMappingURL=timetable-form-field.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timetable-form-field.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAkB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAIrE;;GAEG;AACH,qBAEM,4BAA6B,SAAQ,mBAAmB;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,OAAO,CAAC,UAAU,CAAS;;IAUX,iBAAiB,IAAI,IAAI;IAWzB,MAAM,IAAI,cAAc;CAWzC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}
@@ -0,0 +1,130 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { css, isServer, html } from "lit";
3
+ import { customElement } from "lit/decorators.js";
4
+ import { SbbFormFieldElement } from "../../form-field/form-field.js";
5
+ const style = css`*,
6
+ ::before,
7
+ ::after {
8
+ box-sizing: border-box;
9
+ }
10
+
11
+ :host {
12
+ display: flex;
13
+ --sbb-form-field-border-radius: var(--sbb-border-radius-6x);
14
+ --sbb-form-field-outline-offset: -0.3125rem;
15
+ --sbb-timetable-form-field-route-icon-color: var(--sbb-color-black);
16
+ --sbb-timetable-form-field-route-icon-background-color: var(--sbb-color-white);
17
+ }
18
+
19
+ :host(:first-of-type) {
20
+ --sbb-timetable-form-field-route-icon-rotate: 90deg;
21
+ }
22
+
23
+ :host(:last-of-type) {
24
+ --sbb-timetable-form-field-route-icon-rotate: -90deg;
25
+ --sbb-timetable-form-field-route-icon-translate: -0.0625rem 0;
26
+ }
27
+
28
+ :host(:where(:not(:last-of-type))) .sbb-form-field__wrapper::after {
29
+ content: "";
30
+ position: absolute;
31
+ border-block-end: var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-color-cloud);
32
+ inset-inline: var(--sbb-form-field-padding-inline);
33
+ inset-block-end: 0;
34
+ }
35
+
36
+ .sbb-timetable-form-field__start-route-icon {
37
+ align-self: center;
38
+ margin-inline-start: var(--sbb-form-field-padding-inline);
39
+ rotate: var(--sbb-timetable-form-field-route-icon-rotate);
40
+ translate: var(--sbb-timetable-form-field-route-icon-translate);
41
+ }
42
+ .sbb-timetable-form-field__start-route-icon::after {
43
+ --connecting-line-offset: 0.1875rem;
44
+ --connecting-line-width: calc(
45
+ (var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 +
46
+ var(--connecting-line-offset)
47
+ );
48
+ content: "";
49
+ position: absolute;
50
+ inset-block-start: 50%;
51
+ border-block-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);
52
+ width: var(--connecting-line-width);
53
+ margin-left: calc(var(--connecting-line-offset) * -1);
54
+ }
55
+
56
+ .sbb-timetable-form-field__via-route-icon {
57
+ align-self: stretch;
58
+ position: relative;
59
+ width: var(--sbb-size-icon-ui-small);
60
+ margin-inline-start: var(--sbb-form-field-padding-inline);
61
+ }
62
+ .sbb-timetable-form-field__via-route-icon::before {
63
+ content: "";
64
+ position: absolute;
65
+ inset-inline-start: 50%;
66
+ height: 100%;
67
+ margin-inline-start: -0.0625rem;
68
+ border-inline-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);
69
+ }
70
+ .sbb-timetable-form-field__via-route-icon::after {
71
+ content: "";
72
+ position: absolute;
73
+ inset-block-start: 50%;
74
+ inset-inline-start: 50%;
75
+ translate: -50% -50%;
76
+ width: 0.4375rem;
77
+ height: 0.4375rem;
78
+ border: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);
79
+ border-radius: var(--sbb-border-radius-infinity);
80
+ background-color: var(--sbb-timetable-form-field-route-icon-background-color);
81
+ margin-inline-start: -0.03125rem;
82
+ }
83
+
84
+ .sbb-form-field__space-wrapper {
85
+ flex-grow: 1;
86
+ }`;
87
+ let SbbTimetableFormFieldElement = (() => {
88
+ var _a;
89
+ let _classDecorators = [customElement("sbb-timetable-form-field")];
90
+ let _classDescriptor;
91
+ let _classExtraInitializers = [];
92
+ let _classThis;
93
+ let _classSuper = SbbFormFieldElement;
94
+ _a = class extends _classSuper {
95
+ constructor() {
96
+ super();
97
+ this._routeIcon = false;
98
+ this.borderless = true;
99
+ this.floatingLabel = true;
100
+ this.width = "collapse";
101
+ this.size = "l";
102
+ }
103
+ connectedCallback() {
104
+ super.connectedCallback();
105
+ if (isServer) {
106
+ return;
107
+ }
108
+ this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
109
+ }
110
+ render() {
111
+ return html`
112
+ ${this._routeIcon ? html` <sbb-icon
113
+ name="route-circle-start-small"
114
+ class="sbb-timetable-form-field__start-route-icon"
115
+ ></sbb-icon>` : html` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
116
+ ${super.render()}
117
+ `;
118
+ }
119
+ }, _classThis = _a, (() => {
120
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
121
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
122
+ _classThis = _classDescriptor.value;
123
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
124
+ })(), _a.styles = [SbbFormFieldElement.styles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
125
+ return _classThis;
126
+ })();
127
+ export {
128
+ SbbTimetableFormFieldElement
129
+ };
130
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0tZmllbGQvdGltZXRhYmxlLWZvcm0tZmllbGQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIGlzU2VydmVyLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkZvcm1GaWVsZEVsZW1lbnQgfSBmcm9tICcuLi8uLi9mb3JtLWZpZWxkL2Zvcm0tZmllbGQuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aW1ldGFibGUtZm9ybS1maWVsZC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEV4dGVuZHMgdGhlIGBzYmItZm9ybS1maWVsZGAuIE1lYW50IHRvIGJlIHVzZWQgaW5zaWRlIGEgYHNiYi10aW1ldGFibGUtZm9ybWAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10aW1ldGFibGUtZm9ybS1maWVsZCcpXG5jbGFzcyBTYmJUaW1ldGFibGVGb3JtRmllbGRFbGVtZW50IGV4dGVuZHMgU2JiRm9ybUZpZWxkRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtTYmJGb3JtRmllbGRFbGVtZW50LnN0eWxlcywgc3R5bGVdO1xuXG4gIHByaXZhdGUgX3JvdXRlSWNvbiA9IGZhbHNlO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYm9yZGVybGVzcyA9IHRydWU7XG4gICAgdGhpcy5mbG9hdGluZ0xhYmVsID0gdHJ1ZTtcbiAgICB0aGlzLndpZHRoID0gJ2NvbGxhcHNlJztcbiAgICB0aGlzLnNpemUgPSAnbCc7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIGlmIChpc1NlcnZlcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmh5ZHJhdGlvbkNvbXBsZXRlLnRoZW4oXG4gICAgICAoKSA9PiAodGhpcy5fcm91dGVJY29uID0gdGhpcy5tYXRjaGVzKCc6Zmlyc3Qtb2YtdHlwZSwgOmxhc3Qtb2YtdHlwZScpKSxcbiAgICApO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICAke3RoaXMuX3JvdXRlSWNvblxuICAgICAgICA/IGh0bWxgIDxzYmItaWNvblxuICAgICAgICAgICAgbmFtZT1cInJvdXRlLWNpcmNsZS1zdGFydC1zbWFsbFwiXG4gICAgICAgICAgICBjbGFzcz1cInNiYi10aW1ldGFibGUtZm9ybS1maWVsZF9fc3RhcnQtcm91dGUtaWNvblwiXG4gICAgICAgICAgPjwvc2JiLWljb24+YFxuICAgICAgICA6IGh0bWxgIDxzcGFuIGNsYXNzPVwic2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkX192aWEtcm91dGUtaWNvblwiPjwvc3Bhbj4gYH1cbiAgICAgICR7c3VwZXIucmVuZGVyKCl9XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkJzogU2JiVGltZXRhYmxlRm9ybUZpZWxkRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBWU0sZ0NBQTRCLE1BQUE7OzBCQURqQyxjQUFjLDBCQUEwQixDQUFDOzs7O29CQUNDO0FBQVIsRUFBQSxtQkFBUSxZQUFtQjtBQUFBLElBSzVELGNBQUE7QUFDRSxZQUFBO0FBSE0sV0FBQSxhQUFhO0FBSW5CLFdBQUssYUFBYTtBQUNsQixXQUFLLGdCQUFnQjtBQUNyQixXQUFLLFFBQVE7QUFDYixXQUFLLE9BQU87QUFBQSxJQUNkO0FBQUEsSUFFZ0Isb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFFTixVQUFJLFVBQVU7QUFDWjtBQUFBLE1BQ0Y7QUFDQSxXQUFLLGtCQUFrQixLQUNyQixNQUFPLEtBQUssYUFBYSxLQUFLLFFBQVEsK0JBQStCLENBQUU7QUFBQSxJQUUzRTtBQUFBLElBRWdCLFNBQU07QUFDcEIsYUFBTztBQUFBLFFBQ0gsS0FBSyxhQUNIO0FBQUE7QUFBQTtBQUFBLDBCQUlBLHNFQUFzRTtBQUFBLFFBQ3hFLE1BQU0sUUFBUTtBQUFBO0FBQUEsSUFFcEI7QUFBQTs7QUFsQ0YsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLENBQUMsb0JBQW9CLFFBQVEsS0FBSyxHQUQ5RSxrQkFBQSxZQUFBLHVCQUFBLEdBQTZCOzs7In0=
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @entrypoint
3
+ */
4
+ export * from './timetable-form-field/timetable-form-field.component.js';
5
+ //# sourceMappingURL=timetable-form-field.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timetable-form-field.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-form/timetable-form-field.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0DAA0D,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { SbbTimetableFormFieldElement } from "./timetable-form-field/timetable-form-field.component.js";
2
+ export {
3
+ SbbTimetableFormFieldElement
4
+ };
5
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZmllbGQuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9
@@ -0,0 +1,23 @@
1
+ import { CSSResultGroup, PropertyValues } from 'lit';
2
+ import { SbbSecondaryButtonElement } from '../../button/secondary-button.js';
3
+ /**
4
+ * An extension of `sbb-secondary-button` to be used inside the `sbb-timetable-form`.
5
+ * When placed between two `sbb-timetable-form-field`, the 'click' swaps the value of the sibling inputs.
6
+ */
7
+ export declare class SbbTimetableFormSwapButtonElement extends SbbSecondaryButtonElement {
8
+ static styles: CSSResultGroup;
9
+ private _languageController;
10
+ constructor();
11
+ connectedCallback(): void;
12
+ protected willUpdate(changedProperties: PropertyValues<this>): void;
13
+ /**
14
+ * Search for `sbb-timetable-form-field` inputs, invert their values and dispatch the respective input and change events
15
+ */
16
+ private _invertFieldValues;
17
+ }
18
+ declare global {
19
+ interface HTMLElementTagNameMap {
20
+ 'sbb-timetable-form-swap-button': SbbTimetableFormSwapButtonElement;
21
+ }
22
+ }
23
+ //# sourceMappingURL=timetable-form-swap-button.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timetable-form-swap-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAM7E;;;GAGG;AACH,qBAEM,iCAAkC,SAAQ,yBAAyB;IACvE,OAAuB,MAAM,EAAE,cAAc,CAA6C;IAE1F,OAAO,CAAC,mBAAmB,CAAmC;;IAQ9C,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK5E;;OAEG;IACH,OAAO,CAAC,kBAAkB;CAiB3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gCAAgC,EAAE,iCAAiC,CAAC;KACrE;CACF"}
@@ -0,0 +1,80 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { customElement } from "lit/decorators.js";
3
+ import { SbbSecondaryButtonElement } from "../../button/secondary-button.js";
4
+ import { SbbLanguageController } from "../../core/controllers.js";
5
+ import { i18nTimetableFormSwapButtonLabel } from "../../core/i18n.js";
6
+ import { css } from "lit";
7
+ const style = css`*,
8
+ ::before,
9
+ ::after {
10
+ box-sizing: border-box;
11
+ }
12
+
13
+ :host(:is(:state(timetable-form-context),[state--timetable-form-context])) {
14
+ --sbb-timetable-form-swap-button-margin-inline-end: var(--sbb-spacing-fixed-6x);
15
+ --sbb-timetable-form-swap-button-translate: 0 -50%;
16
+ --sbb-timetable-form-swap-button-z-index: 1;
17
+ --sbb-timetable-form-swap-button-position: absolute;
18
+ position: relative;
19
+ }
20
+
21
+ .sbb-timetable-form-swap-button {
22
+ position: var(--sbb-timetable-form-swap-button-position, relative);
23
+ margin-inline-end: var(--sbb-timetable-form-swap-button-margin-inline-end);
24
+ translate: var(--sbb-timetable-form-swap-button-translate);
25
+ z-index: var(--sbb-timetable-form-swap-button-z-index);
26
+ inset-inline-end: 0;
27
+ }`;
28
+ let SbbTimetableFormSwapButtonElement = (() => {
29
+ var _a;
30
+ let _classDecorators = [customElement("sbb-timetable-form-swap-button")];
31
+ let _classDescriptor;
32
+ let _classExtraInitializers = [];
33
+ let _classThis;
34
+ let _classSuper = SbbSecondaryButtonElement;
35
+ _a = class extends _classSuper {
36
+ constructor() {
37
+ super();
38
+ this._languageController = new SbbLanguageController(this);
39
+ this.iconName = "arrow-change-small";
40
+ this.addEventListener("click", () => this._invertFieldValues());
41
+ }
42
+ connectedCallback() {
43
+ super.connectedCallback();
44
+ this.toggleState("timetable-form-context", !!this.closest("sbb-timetable-form"));
45
+ }
46
+ willUpdate(changedProperties) {
47
+ super.willUpdate(changedProperties);
48
+ this.internals.ariaLabel = i18nTimetableFormSwapButtonLabel[this._languageController.current];
49
+ }
50
+ /**
51
+ * Search for `sbb-timetable-form-field` inputs, invert their values and dispatch the respective input and change events
52
+ */
53
+ _invertFieldValues() {
54
+ const parentForm = this.closest("sbb-timetable-form");
55
+ const fields = Array.from(parentForm?.querySelectorAll("sbb-timetable-form-field") || []);
56
+ const values = fields.map((f) => f.inputElement?.value);
57
+ if (!parentForm || values.length === 0 || values.every((v) => !v)) {
58
+ return;
59
+ }
60
+ values.reverse().forEach((v, i) => {
61
+ const input = fields[i].inputElement;
62
+ if (input instanceof HTMLInputElement) {
63
+ input.value = v;
64
+ input.dispatchEvent(new InputEvent("input", { bubbles: true, composed: true }));
65
+ input.dispatchEvent(new Event("change", { bubbles: true }));
66
+ }
67
+ });
68
+ }
69
+ }, _classThis = _a, (() => {
70
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
71
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
72
+ _classThis = _classDescriptor.value;
73
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
74
+ })(), _a.styles = [SbbSecondaryButtonElement.styles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
75
+ return _classThis;
76
+ })();
77
+ export {
78
+ SbbTimetableFormSwapButtonElement
79
+ };
80
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24vdGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYlNlY29uZGFyeUJ1dHRvbkVsZW1lbnQgfSBmcm9tICcuLi8uLi9idXR0b24vc2Vjb25kYXJ5LWJ1dHRvbi5qcyc7XG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGkxOG5UaW1ldGFibGVGb3JtU3dhcEJ1dHRvbkxhYmVsIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24uc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBBbiBleHRlbnNpb24gb2YgYHNiYi1zZWNvbmRhcnktYnV0dG9uYCB0byBiZSB1c2VkIGluc2lkZSB0aGUgYHNiYi10aW1ldGFibGUtZm9ybWAuXG4gKiBXaGVuIHBsYWNlZCBiZXR3ZWVuIHR3byBgc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkYCwgdGhlICdjbGljaycgc3dhcHMgdGhlIHZhbHVlIG9mIHRoZSBzaWJsaW5nIGlucHV0cy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRpbWV0YWJsZS1mb3JtLXN3YXAtYnV0dG9uJylcbmNsYXNzIFNiYlRpbWV0YWJsZUZvcm1Td2FwQnV0dG9uRWxlbWVudCBleHRlbmRzIFNiYlNlY29uZGFyeUJ1dHRvbkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiU2Vjb25kYXJ5QnV0dG9uRWxlbWVudC5zdHlsZXMsIHN0eWxlXTtcblxuICBwcml2YXRlIF9sYW5ndWFnZUNvbnRyb2xsZXIgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuaWNvbk5hbWUgPSAnYXJyb3ctY2hhbmdlLXNtYWxsJztcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4gdGhpcy5faW52ZXJ0RmllbGRWYWx1ZXMoKSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLnRvZ2dsZVN0YXRlKCd0aW1ldGFibGUtZm9ybS1jb250ZXh0JywgISF0aGlzLmNsb3Nlc3QoJ3NiYi10aW1ldGFibGUtZm9ybScpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbCA9IGkxOG5UaW1ldGFibGVGb3JtU3dhcEJ1dHRvbkxhYmVsW3RoaXMuX2xhbmd1YWdlQ29udHJvbGxlci5jdXJyZW50XTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZWFyY2ggZm9yIGBzYmItdGltZXRhYmxlLWZvcm0tZmllbGRgIGlucHV0cywgaW52ZXJ0IHRoZWlyIHZhbHVlcyBhbmQgZGlzcGF0Y2ggdGhlIHJlc3BlY3RpdmUgaW5wdXQgYW5kIGNoYW5nZSBldmVudHNcbiAgICovXG4gIHByaXZhdGUgX2ludmVydEZpZWxkVmFsdWVzKCk6IHZvaWQge1xuICAgIGNvbnN0IHBhcmVudEZvcm0gPSB0aGlzLmNsb3Nlc3QoJ3NiYi10aW1ldGFibGUtZm9ybScpO1xuICAgIGNvbnN0IGZpZWxkcyA9IEFycmF5LmZyb20ocGFyZW50Rm9ybT8ucXVlcnlTZWxlY3RvckFsbCgnc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkJykgfHwgW10pO1xuICAgIGNvbnN0IHZhbHVlcyA9IGZpZWxkcy5tYXAoKGYpID0+IChmLmlucHV0RWxlbWVudCBhcyBIVE1MSW5wdXRFbGVtZW50KT8udmFsdWUpO1xuICAgIGlmICghcGFyZW50Rm9ybSB8fCB2YWx1ZXMubGVuZ3RoID09PSAwIHx8IHZhbHVlcy5ldmVyeSgodikgPT4gIXYpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdmFsdWVzLnJldmVyc2UoKS5mb3JFYWNoKCh2LCBpKSA9PiB7XG4gICAgICBjb25zdCBpbnB1dCA9IGZpZWxkc1tpXS5pbnB1dEVsZW1lbnQ7XG4gICAgICBpZiAoaW5wdXQgaW5zdGFuY2VvZiBIVE1MSW5wdXRFbGVtZW50KSB7XG4gICAgICAgIGlucHV0LnZhbHVlID0gdjtcbiAgICAgICAgaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgSW5wdXRFdmVudCgnaW5wdXQnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgICAgICAgaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2NoYW5nZScsIHsgYnViYmxlczogdHJ1ZSB9KSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10aW1ldGFibGUtZm9ybS1zd2FwLWJ1dHRvbic6IFNiYlRpbWV0YWJsZUZvcm1Td2FwQnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWVNLHFDQUFpQyxNQUFBOzswQkFEdEMsY0FBYyxnQ0FBZ0MsQ0FBQzs7OztvQkFDQTtBQUFSLEVBQUEsbUJBQVEsWUFBeUI7QUFBQSxJQUt2RSxjQUFBO0FBQ0UsWUFBQTtBQUhNLFdBQUEsc0JBQXNCLElBQUksc0JBQXNCLElBQUk7QUFJMUQsV0FBSyxXQUFXO0FBQ2hCLFdBQUssaUJBQWlCLFNBQVMsTUFBTSxLQUFLLG9CQUFvQjtBQUFBLElBQ2hFO0FBQUEsSUFFZ0Isb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFDTixXQUFLLFlBQVksMEJBQTBCLENBQUMsQ0FBQyxLQUFLLFFBQVEsb0JBQW9CLENBQUM7QUFBQSxJQUNqRjtBQUFBLElBRW1CLFdBQVcsbUJBQXVDO0FBQ25FLFlBQU0sV0FBVyxpQkFBaUI7QUFDbEMsV0FBSyxVQUFVLFlBQVksaUNBQWlDLEtBQUssb0JBQW9CLE9BQU87QUFBQSxJQUM5RjtBQUFBO0FBQUE7QUFBQTtBQUFBLElBS1EscUJBQWtCO0FBQ3hCLFlBQU0sYUFBYSxLQUFLLFFBQVEsb0JBQW9CO0FBQ3BELFlBQU0sU0FBUyxNQUFNLEtBQUssWUFBWSxpQkFBaUIsMEJBQTBCLEtBQUssRUFBRTtBQUN4RixZQUFNLFNBQVMsT0FBTyxJQUFJLENBQUMsTUFBTyxFQUFFLGNBQW1DLEtBQUs7QUFDNUUsVUFBSSxDQUFDLGNBQWMsT0FBTyxXQUFXLEtBQUssT0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRztBQUNqRTtBQUFBLE1BQ0Y7QUFFQSxhQUFPLFFBQUEsRUFBVSxRQUFRLENBQUMsR0FBRyxNQUFLO0FBQ2hDLGNBQU0sUUFBUSxPQUFPLENBQUMsRUFBRTtBQUN4QixZQUFJLGlCQUFpQixrQkFBa0I7QUFDckMsZ0JBQU0sUUFBUTtBQUNkLGdCQUFNLGNBQWMsSUFBSSxXQUFXLFNBQVMsRUFBRSxTQUFTLE1BQU0sVUFBVSxLQUFBLENBQU0sQ0FBQztBQUM5RSxnQkFBTSxjQUFjLElBQUksTUFBTSxVQUFVLEVBQUUsU0FBUyxLQUFBLENBQU0sQ0FBQztBQUFBLFFBQzVEO0FBQUEsTUFDRixDQUFDO0FBQUEsSUFDSDtBQUFBOztBQXhDRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsQ0FBQywwQkFBMEIsUUFBUSxLQUFLLEdBRHBGLGtCQUFBLFlBQUEsdUJBQUEsR0FBa0M7OzsifQ==
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @entrypoint
3
+ */
4
+ export * from './timetable-form-swap-button/timetable-form-swap-button.component.js';
5
+ //# sourceMappingURL=timetable-form-swap-button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timetable-form-swap-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-form/timetable-form-swap-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sEAAsE,CAAC"}