@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773396165

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 (1412) hide show
  1. package/accordion/accordion.component.js +98 -2
  2. package/accordion.js +4 -5
  3. package/accordion.pure.js +4 -2
  4. package/action-group/action-group.component.js +107 -2
  5. package/action-group.js +4 -5
  6. package/action-group.pure.js +4 -2
  7. package/alert/alert/alert.component.js +143 -2
  8. package/alert/alert-group/alert-group.component.js +103 -2
  9. package/alert/alert-group.js +7 -4
  10. package/alert/alert.js +7 -4
  11. package/alert.js +8 -6
  12. package/alert.pure.js +6 -3
  13. package/autocomplete/autocomplete-base-element.js +373 -2
  14. package/autocomplete/autocomplete.component.js +50 -51
  15. package/autocomplete.js +7 -7
  16. package/autocomplete.pure.js +6 -3
  17. package/breadcrumb/breadcrumb/breadcrumb.component.js +20 -2
  18. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +135 -2
  19. package/breadcrumb/breadcrumb-group.js +7 -4
  20. package/breadcrumb/breadcrumb.js +7 -4
  21. package/breadcrumb.js +8 -6
  22. package/breadcrumb.pure.js +6 -3
  23. package/button/accent-button/accent-button.component.js +14 -18
  24. package/button/accent-button-link/accent-button-link.component.js +14 -18
  25. package/button/accent-button-link.js +4 -4
  26. package/button/accent-button-static/accent-button-static.component.js +13 -17
  27. package/button/accent-button-static.js +4 -4
  28. package/button/accent-button.js +4 -4
  29. package/button/button/button.component.js +14 -18
  30. package/button/button-link/button-link.component.js +14 -18
  31. package/button/button-link.js +4 -4
  32. package/button/button-static/button-static.component.js +14 -18
  33. package/button/button-static.js +4 -4
  34. package/button/button.js +4 -4
  35. package/button/common/button-common.js +67 -81
  36. package/button/common.js +12 -3
  37. package/button/mini-button/mini-button.component.js +18 -22
  38. package/button/mini-button-group/mini-button-group.component.js +68 -2
  39. package/button/mini-button-group.js +6 -6
  40. package/button/mini-button-link/mini-button-link.component.js +27 -2
  41. package/button/mini-button-link.js +6 -6
  42. package/button/mini-button.js +4 -4
  43. package/button/secondary-button/secondary-button.component.js +14 -18
  44. package/button/secondary-button-link/secondary-button-link.component.js +14 -18
  45. package/button/secondary-button-link.js +6 -6
  46. package/button/secondary-button-static/secondary-button-static.component.js +14 -18
  47. package/button/secondary-button-static.js +4 -4
  48. package/button/secondary-button.js +6 -6
  49. package/button/transparent-button/transparent-button.component.js +14 -18
  50. package/button/transparent-button-link/transparent-button-link.component.js +14 -18
  51. package/button/transparent-button-link.js +6 -6
  52. package/button/transparent-button-static/transparent-button-static.component.js +14 -18
  53. package/button/transparent-button-static.js +4 -4
  54. package/button/transparent-button.js +4 -4
  55. package/button.js +56 -20
  56. package/button.pure.js +42 -18
  57. package/calendar/calendar/calendar.component.js +1227 -2
  58. package/calendar/calendar-day/calendar-day.component.js +98 -2
  59. package/calendar/calendar-day.js +7 -4
  60. package/calendar/calendar.js +9 -4
  61. package/calendar.js +10 -6
  62. package/calendar.pure.js +7 -3
  63. package/card/card/card.component.js +48 -2
  64. package/card/card-badge/card-badge.component.js +48 -2
  65. package/card/card-badge.js +7 -4
  66. package/card/card-button/card-button.component.js +10 -11
  67. package/card/card-button.js +6 -3
  68. package/card/card-link/card-link.component.js +10 -11
  69. package/card/card-link.js +6 -3
  70. package/card/card.js +7 -4
  71. package/card/common/card-action-common.js +63 -2
  72. package/card/common.js +6 -5
  73. package/card.js +16 -9
  74. package/card.pure.js +11 -5
  75. package/carousel/carousel/carousel.component.js +88 -2
  76. package/carousel/carousel-item/carousel-item.component.js +18 -2
  77. package/carousel/carousel-item.js +7 -4
  78. package/carousel/carousel-list/carousel-list.component.js +90 -2
  79. package/carousel/carousel-list.js +7 -4
  80. package/carousel/carousel.js +7 -4
  81. package/carousel.js +11 -7
  82. package/carousel.pure.js +8 -4
  83. package/checkbox/checkbox-group.js +3 -2
  84. package/checkbox/checkbox-panel.js +3 -2
  85. package/checkbox/checkbox.component.js +91 -3
  86. package/checkbox/checkbox.js +7 -5
  87. package/checkbox/common/checkbox-common.js +57 -2
  88. package/checkbox/common.js +7 -5
  89. package/checkbox-group/checkbox-group.component.js +101 -2
  90. package/checkbox-group.js +4 -5
  91. package/checkbox-group.pure.js +4 -2
  92. package/checkbox-panel/checkbox-panel.component.js +48 -63
  93. package/checkbox-panel.js +3 -4
  94. package/checkbox-panel.pure.js +4 -2
  95. package/checkbox.js +14 -10
  96. package/checkbox.pure.js +7 -3
  97. package/chip/chip/chip.component.js +73 -2
  98. package/chip/chip-group/chip-group.component.js +253 -2
  99. package/chip/chip-group.js +7 -4
  100. package/chip/chip.js +7 -4
  101. package/chip-label/chip-label.component.js +56 -2
  102. package/chip-label.js +4 -5
  103. package/chip-label.pure.js +4 -2
  104. package/chip.js +8 -6
  105. package/chip.pure.js +6 -3
  106. package/clock/clock.component.js +153 -2
  107. package/clock.js +4 -5
  108. package/clock.pure.js +4 -2
  109. package/container/container/container.component.js +76 -2
  110. package/container/container.js +7 -4
  111. package/container/sticky-bar/sticky-bar.component.js +122 -2
  112. package/container/sticky-bar.js +7 -4
  113. package/container.js +8 -6
  114. package/container.pure.js +6 -3
  115. package/core/a11y/arrow-navigation.js +33 -45
  116. package/core/a11y/fake-event-detection.js +9 -8
  117. package/core/a11y/focus-trap-controller.js +91 -69
  118. package/core/a11y/focus-visible-within-controller.js +18 -18
  119. package/core/a11y/focus.js +13 -13
  120. package/core/a11y/input-modality-detector.js +47 -42
  121. package/core/a11y/interactivity-checker.js +96 -61
  122. package/core/a11y/live-announcer.js +40 -29
  123. package/core/a11y.js +26 -9
  124. package/core/base-elements/action-base-element.js +37 -29
  125. package/core/base-elements/button-base-element.js +145 -165
  126. package/core/base-elements/element.js +63 -28
  127. package/core/base-elements/link-base-element.js +119 -186
  128. package/core/base-elements/open-close-base-element.js +42 -40
  129. package/core/base-elements.js +13 -6
  130. package/core/config/config.js +9 -8
  131. package/core/config.js +5 -2
  132. package/core/controllers/escapable-overlay-controller.js +25 -23
  133. package/core/controllers/id-reference-controller.js +59 -50
  134. package/core/controllers/inert-controller.js +57 -55
  135. package/core/controllers/language-controller.js +38 -53
  136. package/core/controllers/media-matchers-controller.js +96 -82
  137. package/core/controllers/overlay-position-controller.js +222 -215
  138. package/core/controllers/property-watcher-controller.js +59 -55
  139. package/core/controllers/slot-state-controller.js +36 -34
  140. package/core/controllers.js +28 -7
  141. package/core/datetime/date-adapter.js +135 -61
  142. package/core/datetime/native-date-adapter.js +140 -91
  143. package/core/datetime/temporal-date-adapter.js +144 -108
  144. package/core/datetime.js +16 -4
  145. package/core/decorators/base.js +1 -0
  146. package/core/decorators/force-type.js +16 -12
  147. package/core/decorators/get-override.js +13 -10
  148. package/core/decorators/handle-distinct-change.js +15 -12
  149. package/core/decorators/host-attributes.js +16 -15
  150. package/core/decorators/id-reference.js +75 -65
  151. package/core/decorators/omit-empty-converter.js +9 -7
  152. package/core/decorators/plain-date.js +25 -21
  153. package/core/decorators.js +17 -8
  154. package/core/dom/animation.js +9 -8
  155. package/core/dom/contains-pierce-shadow-dom.js +11 -10
  156. package/core/dom/lean-context.js +4 -4
  157. package/core/dom/platform.js +18 -8
  158. package/core/dom/queue-dom-content-loaded.js +6 -6
  159. package/core/dom/scroll.js +16 -14
  160. package/core/dom/set-or-remove-attribute.js +5 -5
  161. package/core/dom.js +25 -6
  162. package/core/eventing/composed-path-has-attribute.js +7 -6
  163. package/core/eventing/event-target.js +5 -5
  164. package/core/eventing/form-element-handlers.js +5 -5
  165. package/core/eventing/forward-event.js +6 -6
  166. package/core/eventing/is-event-prevented.js +5 -5
  167. package/core/eventing/throttle.js +10 -10
  168. package/core/eventing.js +14 -7
  169. package/core/i18n/i18n.js +738 -634
  170. package/core/i18n.js +104 -2
  171. package/core/images.js +14 -14
  172. package/core/interfaces.js +1 -0
  173. package/core/mixins/animation-complete-mixin.js +42 -34
  174. package/core/mixins/constructor.js +1 -0
  175. package/core/mixins/disabled-mixin.js +74 -91
  176. package/core/mixins/element-internals-mixin.js +155 -149
  177. package/core/mixins/form-associated-checkbox-mixin.js +93 -106
  178. package/core/mixins/form-associated-input-mixin.js +193 -202
  179. package/core/mixins/form-associated-mixin.js +226 -168
  180. package/core/mixins/form-associated-radio-button-mixin.js +168 -152
  181. package/core/mixins/hydration-mixin.js +37 -27
  182. package/core/mixins/named-slot-list-mixin.js +95 -77
  183. package/core/mixins/negative-mixin.js +33 -45
  184. package/core/mixins/panel-mixin.js +70 -109
  185. package/core/mixins/readonly-mixin.js +34 -40
  186. package/core/mixins/required-mixin.js +35 -48
  187. package/core/mixins/selection-panel-mixin.js +39 -36
  188. package/core/mixins/update-scheduler-mixin.js +21 -20
  189. package/core/mixins.js +41 -21
  190. package/core/overlay/overlay-option-panel.js +16 -15
  191. package/core/overlay/overlay-outside-pointer-event-listener.js +37 -34
  192. package/core/overlay/overlay-trigger-attributes.js +14 -11
  193. package/core/overlay/overlay.js +6 -6
  194. package/core/overlay/position.js +49 -53
  195. package/core/overlay.js +19 -6
  196. package/core/styles/core.scss +10 -0
  197. package/core/styles.js +5 -5
  198. package/core/testing/event-spy.js +50 -46
  199. package/core/testing/mocha-extensions.js +10 -7
  200. package/core/testing/wait-for-condition.js +12 -10
  201. package/core/testing/wait-for-image-ready.js +16 -15
  202. package/core/testing/wait-for-render.js +13 -12
  203. package/core/testing.js +14 -6
  204. package/core.css +14 -0
  205. package/date-input/date-input.component.js +166 -2
  206. package/date-input.js +4 -5
  207. package/date-input.pure.js +4 -2
  208. package/datepicker/common/datepicker-button.js +102 -2
  209. package/datepicker/common.js +8 -5
  210. package/datepicker/datepicker/datepicker.component.js +120 -2
  211. package/datepicker/datepicker-next-day/datepicker-next-day.component.js +23 -27
  212. package/datepicker/datepicker-next-day.js +6 -3
  213. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +23 -27
  214. package/datepicker/datepicker-previous-day.js +6 -3
  215. package/datepicker/datepicker-toggle/datepicker-toggle.component.js +51 -66
  216. package/datepicker/datepicker-toggle.js +6 -3
  217. package/datepicker/datepicker.js +7 -4
  218. package/datepicker.js +18 -9
  219. package/datepicker.pure.js +13 -5
  220. package/development/accordion/accordion.component.js +132 -2
  221. package/development/accordion.js +5 -8
  222. package/development/accordion.pure.js +5 -2
  223. package/development/action-group/action-group.component.js +305 -2
  224. package/development/action-group.js +5 -8
  225. package/development/action-group.pure.js +5 -2
  226. package/development/alert/alert/alert.component.js +385 -2
  227. package/development/alert/alert-group/alert-group.component.js +166 -2
  228. package/development/alert/alert-group.js +5 -7
  229. package/development/alert/alert.js +5 -7
  230. package/development/alert.js +7 -9
  231. package/development/alert.pure.js +7 -3
  232. package/development/autocomplete/autocomplete-base-element.js +897 -2
  233. package/development/autocomplete/autocomplete.component.js +72 -82
  234. package/development/autocomplete.js +6 -8
  235. package/development/autocomplete.pure.js +6 -2
  236. package/development/breadcrumb/breadcrumb/breadcrumb.component.js +77 -2
  237. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +263 -2
  238. package/development/breadcrumb/breadcrumb-group.js +5 -7
  239. package/development/breadcrumb/breadcrumb.js +5 -7
  240. package/development/breadcrumb.js +7 -9
  241. package/development/breadcrumb.pure.js +7 -3
  242. package/development/button/accent-button/accent-button.component.js +13 -24
  243. package/development/button/accent-button-link/accent-button-link.component.js +13 -24
  244. package/development/button/accent-button-link.js +7 -9
  245. package/development/button/accent-button-static/accent-button-static.component.js +13 -24
  246. package/development/button/accent-button-static.js +7 -9
  247. package/development/button/accent-button.js +7 -9
  248. package/development/button/button/button.component.js +12 -23
  249. package/development/button/button-link/button-link.component.js +12 -23
  250. package/development/button/button-link.js +7 -9
  251. package/development/button/button-static/button-static.component.js +12 -23
  252. package/development/button/button-static.js +7 -9
  253. package/development/button/button.js +7 -9
  254. package/development/button/common/button-common.js +85 -104
  255. package/development/button/common.js +12 -2
  256. package/development/button/mini-button/mini-button.component.js +17 -28
  257. package/development/button/mini-button-group/mini-button-group.component.js +141 -2
  258. package/development/button/mini-button-group.js +7 -9
  259. package/development/button/mini-button-link/mini-button-link.component.js +34 -2
  260. package/development/button/mini-button-link.js +7 -9
  261. package/development/button/mini-button.js +7 -9
  262. package/development/button/secondary-button/secondary-button.component.js +12 -23
  263. package/development/button/secondary-button-link/secondary-button-link.component.js +12 -23
  264. package/development/button/secondary-button-link.js +7 -9
  265. package/development/button/secondary-button-static/secondary-button-static.component.js +12 -23
  266. package/development/button/secondary-button-static.js +7 -9
  267. package/development/button/secondary-button.js +7 -9
  268. package/development/button/transparent-button/transparent-button.component.js +12 -23
  269. package/development/button/transparent-button-link/transparent-button-link.component.js +12 -23
  270. package/development/button/transparent-button-link.js +7 -9
  271. package/development/button/transparent-button-static/transparent-button-static.component.js +12 -23
  272. package/development/button/transparent-button-static.js +7 -9
  273. package/development/button/transparent-button.js +7 -9
  274. package/development/button.js +29 -10
  275. package/development/button.pure.js +29 -4
  276. package/development/calendar/calendar/calendar.component.js +1984 -2
  277. package/development/calendar/calendar-day/calendar-day.component.js +248 -2
  278. package/development/calendar/calendar-day.js +5 -7
  279. package/development/calendar/calendar.js +7 -7
  280. package/development/calendar.js +9 -9
  281. package/development/calendar.pure.js +8 -3
  282. package/development/card/card/card.component.js +233 -2
  283. package/development/card/card-badge/card-badge.component.js +119 -2
  284. package/development/card/card-badge.js +5 -7
  285. package/development/card/card-button/card-button.component.js +11 -19
  286. package/development/card/card-button.js +4 -6
  287. package/development/card/card-link/card-link.component.js +11 -19
  288. package/development/card/card-link.js +4 -6
  289. package/development/card/card.js +5 -7
  290. package/development/card/common/card-action-common.js +121 -2
  291. package/development/card/common.js +5 -6
  292. package/development/card.js +11 -10
  293. package/development/card.pure.js +11 -4
  294. package/development/carousel/carousel/carousel.component.js +160 -2
  295. package/development/carousel/carousel-item/carousel-item.component.js +32 -2
  296. package/development/carousel/carousel-item.js +5 -7
  297. package/development/carousel/carousel-list/carousel-list.component.js +157 -2
  298. package/development/carousel/carousel-list.js +5 -7
  299. package/development/carousel/carousel.js +5 -7
  300. package/development/carousel.js +9 -10
  301. package/development/carousel.pure.js +9 -4
  302. package/development/checkbox/checkbox-group.js +1 -5
  303. package/development/checkbox/checkbox-panel.js +1 -5
  304. package/development/checkbox/checkbox.component.js +141 -3
  305. package/development/checkbox/checkbox.js +5 -8
  306. package/development/checkbox/common/checkbox-common.js +137 -2
  307. package/development/checkbox/common.js +6 -6
  308. package/development/checkbox-group/checkbox-group.component.js +212 -2
  309. package/development/checkbox-group.js +5 -8
  310. package/development/checkbox-group.pure.js +5 -2
  311. package/development/checkbox-panel/checkbox-panel.component.js +54 -81
  312. package/development/checkbox-panel.js +4 -7
  313. package/development/checkbox-panel.pure.js +4 -1
  314. package/development/checkbox.js +11 -12
  315. package/development/checkbox.pure.js +8 -3
  316. package/development/chip/chip/chip.component.js +164 -2
  317. package/development/chip/chip-group/chip-group.component.js +447 -2
  318. package/development/chip/chip-group.js +5 -7
  319. package/development/chip/chip.js +5 -7
  320. package/development/chip-label/chip-label.component.js +131 -2
  321. package/development/chip-label.js +5 -8
  322. package/development/chip-label.pure.js +5 -2
  323. package/development/chip.js +7 -9
  324. package/development/chip.pure.js +7 -3
  325. package/development/clock/clock.component.js +362 -2
  326. package/development/clock.js +5 -8
  327. package/development/clock.pure.js +5 -2
  328. package/development/container/container/container.component.js +182 -2
  329. package/development/container/container.js +5 -7
  330. package/development/container/sticky-bar/sticky-bar.component.js +357 -2
  331. package/development/container/sticky-bar.js +5 -7
  332. package/development/container.js +7 -9
  333. package/development/container.pure.js +7 -3
  334. package/development/core/a11y/arrow-navigation.js +28 -67
  335. package/development/core/a11y/fake-event-detection.js +8 -10
  336. package/development/core/a11y/focus-trap-controller.js +120 -104
  337. package/development/core/a11y/focus-visible-within-controller.js +24 -25
  338. package/development/core/a11y/focus.js +13 -14
  339. package/development/core/a11y/input-modality-detector.js +75 -128
  340. package/development/core/a11y/interactivity-checker.js +108 -115
  341. package/development/core/a11y/live-announcer.js +80 -76
  342. package/development/core/a11y.js +21 -3
  343. package/development/core/base-elements/action-base-element.js +42 -37
  344. package/development/core/base-elements/button-base-element.js +205 -247
  345. package/development/core/base-elements/element.js +67 -69
  346. package/development/core/base-elements/link-base-element.js +150 -226
  347. package/development/core/base-elements/open-close-base-element.js +49 -54
  348. package/development/core/base-elements.js +10 -2
  349. package/development/core/config/config.js +11 -9
  350. package/development/core/config.js +5 -1
  351. package/development/core/controllers/escapable-overlay-controller.js +36 -34
  352. package/development/core/controllers/id-reference-controller.js +81 -76
  353. package/development/core/controllers/inert-controller.js +105 -99
  354. package/development/core/controllers/language-controller.js +66 -76
  355. package/development/core/controllers/media-matchers-controller.js +138 -145
  356. package/development/core/controllers/overlay-position-controller.js +283 -297
  357. package/development/core/controllers/property-watcher-controller.js +119 -94
  358. package/development/core/controllers/slot-state-controller.js +63 -75
  359. package/development/core/controllers.js +23 -1
  360. package/development/core/datetime/date-adapter.js +166 -143
  361. package/development/core/datetime/native-date-adapter.js +148 -142
  362. package/development/core/datetime/temporal-date-adapter.js +149 -162
  363. package/development/core/datetime.js +14 -1
  364. package/development/core/decorators/base.js +2 -0
  365. package/development/core/decorators/force-type.js +27 -24
  366. package/development/core/decorators/get-override.js +17 -17
  367. package/development/core/decorators/handle-distinct-change.js +21 -20
  368. package/development/core/decorators/host-attributes.js +26 -37
  369. package/development/core/decorators/id-reference.js +114 -115
  370. package/development/core/decorators/omit-empty-converter.js +9 -13
  371. package/development/core/decorators/plain-date.js +31 -36
  372. package/development/core/decorators.js +11 -1
  373. package/development/core/dom/animation.js +9 -8
  374. package/development/core/dom/contains-pierce-shadow-dom.js +12 -12
  375. package/development/core/dom/lean-context.js +5 -9
  376. package/development/core/dom/platform.js +28 -35
  377. package/development/core/dom/queue-dom-content-loaded.js +10 -11
  378. package/development/core/dom/scroll.js +34 -34
  379. package/development/core/dom/set-or-remove-attribute.js +9 -13
  380. package/development/core/dom.js +21 -1
  381. package/development/core/eventing/composed-path-has-attribute.js +10 -17
  382. package/development/core/eventing/event-target.js +5 -7
  383. package/development/core/eventing/form-element-handlers.js +7 -10
  384. package/development/core/eventing/forward-event.js +7 -12
  385. package/development/core/eventing/is-event-prevented.js +6 -8
  386. package/development/core/eventing/throttle.js +17 -16
  387. package/development/core/eventing.js +9 -1
  388. package/development/core/i18n/i18n.js +875 -770
  389. package/development/core/i18n.js +104 -1
  390. package/development/core/images.js +15 -20
  391. package/development/core/interfaces.js +2 -0
  392. package/development/core/mixins/animation-complete-mixin.js +51 -55
  393. package/development/core/mixins/constructor.js +2 -0
  394. package/development/core/mixins/disabled-mixin.js +101 -124
  395. package/development/core/mixins/element-internals-mixin.js +225 -212
  396. package/development/core/mixins/form-associated-checkbox-mixin.js +141 -160
  397. package/development/core/mixins/form-associated-input-mixin.js +314 -334
  398. package/development/core/mixins/form-associated-mixin.js +279 -287
  399. package/development/core/mixins/form-associated-radio-button-mixin.js +247 -260
  400. package/development/core/mixins/hydration-mixin.js +55 -58
  401. package/development/core/mixins/named-slot-list-mixin.js +114 -116
  402. package/development/core/mixins/negative-mixin.js +41 -56
  403. package/development/core/mixins/panel-mixin.js +93 -142
  404. package/development/core/mixins/readonly-mixin.js +43 -54
  405. package/development/core/mixins/required-mixin.js +46 -65
  406. package/development/core/mixins/selection-panel-mixin.js +55 -50
  407. package/development/core/mixins/update-scheduler-mixin.js +25 -30
  408. package/development/core/mixins.js +29 -10
  409. package/development/core/overlay/overlay-option-panel.js +26 -34
  410. package/development/core/overlay/overlay-outside-pointer-event-listener.js +60 -64
  411. package/development/core/overlay/overlay-trigger-attributes.js +39 -42
  412. package/development/core/overlay/overlay.js +5 -10
  413. package/development/core/overlay/position.js +117 -143
  414. package/development/core/overlay.js +16 -2
  415. package/development/core/styles.js +5 -6
  416. package/development/core/testing/event-spy.js +67 -66
  417. package/development/core/testing/mocha-extensions.js +13 -15
  418. package/development/core/testing/wait-for-condition.js +17 -14
  419. package/development/core/testing/wait-for-image-ready.js +27 -20
  420. package/development/core/testing/wait-for-render.js +18 -30
  421. package/development/core/testing.js +10 -1
  422. package/development/date-input/date-input.component.js +278 -2
  423. package/development/date-input.js +5 -8
  424. package/development/date-input.pure.js +5 -2
  425. package/development/datepicker/common/datepicker-button.js +155 -2
  426. package/development/datepicker/common.js +7 -6
  427. package/development/datepicker/datepicker/datepicker.component.js +180 -2
  428. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +30 -35
  429. package/development/datepicker/datepicker-next-day.js +4 -6
  430. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +30 -35
  431. package/development/datepicker/datepicker-previous-day.js +4 -6
  432. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js +67 -79
  433. package/development/datepicker/datepicker-toggle.js +4 -6
  434. package/development/datepicker/datepicker.js +5 -7
  435. package/development/datepicker.js +12 -9
  436. package/development/datepicker.pure.js +12 -3
  437. package/development/dialog/dialog/dialog.component.js +383 -2
  438. package/development/dialog/dialog-actions/dialog-actions.component.js +42 -2
  439. package/development/dialog/dialog-actions.js +5 -7
  440. package/development/dialog/dialog-close-button/dialog-close-button.component.js +36 -2
  441. package/development/dialog/dialog-close-button.js +5 -7
  442. package/development/dialog/dialog-content/dialog-content.component.js +31 -2
  443. package/development/dialog/dialog-content.js +5 -7
  444. package/development/dialog/dialog-title/dialog-title.component.js +39 -2
  445. package/development/dialog/dialog-title.js +5 -7
  446. package/development/dialog/dialog.js +8 -7
  447. package/development/dialog.js +16 -12
  448. package/development/dialog.pure.js +16 -6
  449. package/development/divider/divider.component.js +73 -2
  450. package/development/divider.js +5 -8
  451. package/development/divider.pure.js +5 -2
  452. package/development/expansion-panel/expansion-panel/expansion-panel.component.js +417 -2
  453. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +70 -2
  454. package/development/expansion-panel/expansion-panel-content.js +5 -7
  455. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +170 -2
  456. package/development/expansion-panel/expansion-panel-header.js +5 -7
  457. package/development/expansion-panel/expansion-panel.js +5 -7
  458. package/development/expansion-panel.js +9 -10
  459. package/development/expansion-panel.pure.js +9 -4
  460. package/development/file-selector/common/file-selector-common.js +431 -2
  461. package/development/file-selector/common.js +6 -6
  462. package/development/file-selector/file-selector/file-selector.component.js +18 -27
  463. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +126 -2
  464. package/development/file-selector/file-selector-dropzone.js +5 -7
  465. package/development/file-selector/file-selector.js +4 -6
  466. package/development/file-selector.js +9 -9
  467. package/development/file-selector.pure.js +9 -3
  468. package/development/flip-card/flip-card/flip-card.component.js +306 -2
  469. package/development/flip-card/flip-card-details/flip-card-details.component.js +69 -2
  470. package/development/flip-card/flip-card-details.js +5 -7
  471. package/development/flip-card/flip-card-summary/flip-card-summary.component.js +124 -2
  472. package/development/flip-card/flip-card-summary.js +5 -7
  473. package/development/flip-card/flip-card.js +5 -7
  474. package/development/flip-card.js +9 -10
  475. package/development/flip-card.pure.js +9 -4
  476. package/development/footer/footer.component.js +251 -2
  477. package/development/footer.js +5 -8
  478. package/development/footer.pure.js +5 -2
  479. package/development/form-field/error/error.component.js +83 -2
  480. package/development/form-field/error.js +5 -7
  481. package/development/form-field/form-field/form-field.component.js +892 -2
  482. package/development/form-field/form-field-clear/form-field-clear.component.js +41 -49
  483. package/development/form-field/form-field-clear.js +4 -6
  484. package/development/form-field/form-field.js +7 -7
  485. package/development/form-field.js +10 -9
  486. package/development/form-field.pure.js +9 -3
  487. package/development/header/common/header-action-common.js +329 -2
  488. package/development/header/common.js +5 -6
  489. package/development/header/header/header.component.js +385 -2
  490. package/development/header/header-button/header-button.component.js +7 -15
  491. package/development/header/header-button.js +4 -6
  492. package/development/header/header-environment/header-environment.component.js +88 -2
  493. package/development/header/header-environment.js +5 -7
  494. package/development/header/header-link/header-link.component.js +7 -15
  495. package/development/header/header-link.js +4 -6
  496. package/development/header/header.js +5 -7
  497. package/development/header.js +11 -10
  498. package/development/header.pure.js +11 -4
  499. package/development/icon/icon-base.js +174 -2
  500. package/development/icon/icon-name-mixin.js +59 -75
  501. package/development/icon/icon-request.js +38 -31
  502. package/development/icon/icon-validate.js +45 -36
  503. package/development/icon/icon.component.js +94 -119
  504. package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.js +74 -2
  505. package/development/icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js +15 -25
  506. package/development/icon-sidebar/icon-sidebar-button.js +4 -6
  507. package/development/icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js +30 -2
  508. package/development/icon-sidebar/icon-sidebar-container.js +5 -7
  509. package/development/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +22 -2
  510. package/development/icon-sidebar/icon-sidebar-content.js +5 -7
  511. package/development/icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js +15 -25
  512. package/development/icon-sidebar/icon-sidebar-link.js +4 -6
  513. package/development/icon-sidebar/icon-sidebar.js +5 -7
  514. package/development/icon-sidebar-button-common-DR6eQvkq.js +93 -0
  515. package/development/icon-sidebar.js +11 -10
  516. package/development/icon-sidebar.pure.js +11 -4
  517. package/development/icon.js +12 -10
  518. package/development/icon.pure.js +12 -4
  519. package/development/image/image.component.js +648 -2
  520. package/development/image.js +5 -8
  521. package/development/image.pure.js +5 -2
  522. package/development/journey-header/journey-header.component.js +158 -2
  523. package/development/journey-header.js +5 -8
  524. package/development/journey-header.pure.js +5 -2
  525. package/development/lead-container/lead-container.component.js +108 -2
  526. package/development/lead-container.js +5 -8
  527. package/development/lead-container.pure.js +5 -2
  528. package/development/link/block-link/block-link.component.js +7 -15
  529. package/development/link/block-link-button/block-link-button.component.js +7 -15
  530. package/development/link/block-link-button.js +7 -9
  531. package/development/link/block-link-static/block-link-static.component.js +7 -15
  532. package/development/link/block-link-static.js +7 -9
  533. package/development/link/block-link.js +7 -9
  534. package/development/link/common/block-link-common.js +124 -3
  535. package/development/link/common/inline-link-common.js +44 -3
  536. package/development/link/common/link-common.js +10 -2
  537. package/development/link/common.js +9 -4
  538. package/development/link/link/link.component.js +7 -14
  539. package/development/link/link-button/link-button.component.js +7 -14
  540. package/development/link/link-button.js +7 -9
  541. package/development/link/link-static/link-static.component.js +7 -14
  542. package/development/link/link-static.js +7 -9
  543. package/development/link/link.js +7 -9
  544. package/development/link-common-d27fHmQw.js +111 -0
  545. package/development/link-list/common/link-list-base.js +131 -2
  546. package/development/link-list/common.js +6 -6
  547. package/development/link-list/link-list-anchor.js +5 -8
  548. package/development/link-list/link-list.component.js +152 -3
  549. package/development/link-list/link-list.js +5 -8
  550. package/development/link-list-anchor/link-list-anchor.component.js +61 -2
  551. package/development/link-list-anchor.js +5 -8
  552. package/development/link-list-anchor.pure.js +5 -2
  553. package/development/link-list.js +9 -11
  554. package/development/link-list.pure.js +8 -3
  555. package/development/link.js +15 -10
  556. package/development/link.pure.js +15 -5
  557. package/development/loading-indicator/loading-indicator.component.d.ts.map +1 -1
  558. package/development/loading-indicator/loading-indicator.component.js +243 -2
  559. package/development/loading-indicator-circle/loading-indicator-circle.component.d.ts.map +1 -1
  560. package/development/loading-indicator-circle/loading-indicator-circle.component.js +120 -2
  561. package/development/loading-indicator-circle.js +5 -8
  562. package/development/loading-indicator-circle.pure.js +5 -2
  563. package/development/loading-indicator.js +5 -8
  564. package/development/loading-indicator.pure.js +5 -2
  565. package/development/logo/logo.component.js +129 -2
  566. package/development/logo.js +5 -8
  567. package/development/logo.pure.js +5 -2
  568. package/development/map-container/map-container.component.js +281 -2
  569. package/development/map-container.js +5 -8
  570. package/development/map-container.pure.js +5 -2
  571. package/development/menu/common/menu-action-common.js +144 -2
  572. package/development/menu/common.js +5 -6
  573. package/development/menu/menu/menu.component.js +683 -2
  574. package/development/menu/menu-button/menu-button.component.js +8 -20
  575. package/development/menu/menu-button.js +4 -6
  576. package/development/menu/menu-link/menu-link.component.js +11 -21
  577. package/development/menu/menu-link.js +4 -6
  578. package/development/menu/menu.js +5 -7
  579. package/development/menu.js +9 -9
  580. package/development/menu.pure.js +9 -3
  581. package/development/message/message.component.js +67 -2
  582. package/development/message.js +5 -8
  583. package/development/message.pure.js +5 -2
  584. package/development/mini-button-label-common-BaMSfSTe.js +558 -0
  585. package/development/mini-calendar/mini-calendar/mini-calendar.component.js +188 -2
  586. package/development/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +166 -2
  587. package/development/mini-calendar/mini-calendar-day.js +5 -7
  588. package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +135 -2
  589. package/development/mini-calendar/mini-calendar-month.js +5 -7
  590. package/development/mini-calendar/mini-calendar.js +5 -7
  591. package/development/mini-calendar.js +9 -10
  592. package/development/mini-calendar.pure.js +9 -4
  593. package/development/navigation/common/navigation-action-common.js +165 -2
  594. package/development/navigation/common.js +5 -6
  595. package/development/navigation/navigation/navigation.component.js +571 -2
  596. package/development/navigation/navigation-button/navigation-button.component.js +7 -14
  597. package/development/navigation/navigation-button.js +4 -6
  598. package/development/navigation/navigation-link/navigation-link.component.js +7 -14
  599. package/development/navigation/navigation-link.js +4 -6
  600. package/development/navigation/navigation-list/navigation-list.component.js +102 -2
  601. package/development/navigation/navigation-list.js +5 -7
  602. package/development/navigation/navigation-marker/navigation-marker.component.js +199 -2
  603. package/development/navigation/navigation-marker.js +5 -7
  604. package/development/navigation/navigation-section/navigation-section.component.js +588 -2
  605. package/development/navigation/navigation-section.js +5 -7
  606. package/development/navigation/navigation.js +5 -7
  607. package/development/navigation.js +15 -12
  608. package/development/navigation.pure.js +15 -6
  609. package/development/notification/notification.component.js +496 -2
  610. package/development/notification.js +5 -8
  611. package/development/notification.pure.js +5 -2
  612. package/development/option/optgroup/optgroup-base-element.js +159 -2
  613. package/development/option/optgroup/optgroup.component.js +37 -40
  614. package/development/option/optgroup.js +6 -7
  615. package/development/option/option/option-base-element.js +276 -349
  616. package/development/option/option/option.component.js +241 -2
  617. package/development/option/option-hint/option-hint.component.js +44 -2
  618. package/development/option/option-hint.js +5 -7
  619. package/development/option/option.js +6 -7
  620. package/development/option.js +11 -10
  621. package/development/option.pure.js +11 -4
  622. package/development/overlay/overlay-base-element.js +247 -238
  623. package/development/overlay/overlay.component.js +374 -2
  624. package/development/overlay.js +9 -8
  625. package/development/overlay.pure.js +9 -2
  626. package/development/paginator/common/paginator-common.js +272 -376
  627. package/development/paginator/common.js +4 -5
  628. package/development/paginator/compact-paginator/compact-paginator.component.js +87 -2
  629. package/development/paginator/compact-paginator.js +5 -7
  630. package/development/paginator/paginator/paginator.component.js +444 -2
  631. package/development/paginator/paginator.js +5 -7
  632. package/development/paginator.js +8 -9
  633. package/development/paginator.pure.js +8 -3
  634. package/development/popover/popover.component.js +718 -2
  635. package/development/popover.js +7 -8
  636. package/development/popover.pure.js +6 -2
  637. package/development/radio-button/common/radio-button-common.js +203 -2
  638. package/development/radio-button/common.js +6 -6
  639. package/development/radio-button/radio-button-group.js +1 -5
  640. package/development/radio-button/radio-button-panel.js +1 -5
  641. package/development/radio-button/radio-button.component.js +97 -3
  642. package/development/radio-button/radio-button.js +5 -8
  643. package/development/radio-button-group/radio-button-group.component.js +308 -2
  644. package/development/radio-button-group.js +5 -8
  645. package/development/radio-button-group.pure.js +5 -2
  646. package/development/radio-button-panel/radio-button-panel.component.js +82 -106
  647. package/development/radio-button-panel.js +4 -7
  648. package/development/radio-button-panel.pure.js +4 -1
  649. package/development/radio-button.js +11 -12
  650. package/development/radio-button.pure.js +8 -3
  651. package/development/sbb-tokens-DQT_xEIZ.js +19 -0
  652. package/development/screen-reader-only/screen-reader-only.component.js +25 -2
  653. package/development/screen-reader-only.js +5 -8
  654. package/development/screen-reader-only.pure.js +5 -2
  655. package/development/select/select.component.js +1087 -2
  656. package/development/select.js +5 -8
  657. package/development/select.pure.js +5 -2
  658. package/development/selection-action-panel/selection-action-panel.component.js +125 -2
  659. package/development/selection-action-panel.js +5 -8
  660. package/development/selection-action-panel.pure.js +5 -2
  661. package/development/selection-expansion-panel/selection-expansion-panel.component.js +306 -2
  662. package/development/selection-expansion-panel.js +5 -8
  663. package/development/selection-expansion-panel.pure.js +5 -2
  664. package/development/sidebar/common/styles.js +7 -2
  665. package/development/sidebar/common.js +7 -6
  666. package/development/sidebar/sidebar/sidebar.component.js +473 -2
  667. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.js +36 -2
  668. package/development/sidebar/sidebar-close-button.js +5 -7
  669. package/development/sidebar/sidebar-container/sidebar-container.component.js +147 -2
  670. package/development/sidebar/sidebar-container.js +5 -7
  671. package/development/sidebar/sidebar-content/sidebar-content.component.js +25 -2
  672. package/development/sidebar/sidebar-content.js +5 -7
  673. package/development/sidebar/sidebar-title/sidebar-title.component.js +53 -2
  674. package/development/sidebar/sidebar-title.js +5 -7
  675. package/development/sidebar/sidebar.js +5 -7
  676. package/development/sidebar.js +13 -12
  677. package/development/sidebar.pure.js +13 -6
  678. package/development/signet/signet.component.js +151 -2
  679. package/development/signet.js +5 -8
  680. package/development/signet.pure.js +5 -2
  681. package/development/skiplink-list/skiplink-list.component.js +160 -2
  682. package/development/skiplink-list.js +5 -8
  683. package/development/skiplink-list.pure.js +5 -2
  684. package/development/slider/slider.component.js +399 -2
  685. package/development/slider.js +5 -8
  686. package/development/slider.pure.js +5 -2
  687. package/development/status/status.component.js +144 -2
  688. package/development/status.js +5 -8
  689. package/development/status.pure.js +5 -2
  690. package/development/stepper/step/step.component.js +216 -2
  691. package/development/stepper/step-label/step-label.component.js +298 -2
  692. package/development/stepper/step-label.js +5 -7
  693. package/development/stepper/step.js +5 -7
  694. package/development/stepper/stepper/stepper.component.js +465 -2
  695. package/development/stepper/stepper.js +7 -7
  696. package/development/stepper.js +11 -10
  697. package/development/stepper.pure.js +10 -4
  698. package/development/tab-label-common-Mfl36Rsa.js +171 -0
  699. package/development/table/table-wrapper/table-wrapper.component.js +120 -2
  700. package/development/table/table-wrapper.js +5 -7
  701. package/development/table.js +5 -8
  702. package/development/table.pure.js +5 -2
  703. package/development/tabs/common/styles.js +6 -2
  704. package/development/tabs/common.js +6 -6
  705. package/development/tabs/tab/tab.component.js +87 -2
  706. package/development/tabs/tab-group/tab-group.component.js +236 -2
  707. package/development/tabs/tab-group.js +5 -7
  708. package/development/tabs/tab-label/tab-label.component.js +369 -2
  709. package/development/tabs/tab-label.js +5 -7
  710. package/development/tabs/tab-nav-bar/tab-nav-bar.component.js +99 -2
  711. package/development/tabs/tab-nav-bar.js +5 -7
  712. package/development/tabs/tab.js +5 -7
  713. package/development/tabs.js +14 -12
  714. package/development/tabs.pure.js +14 -6
  715. package/development/tag/tag/tag.component.js +351 -2
  716. package/development/tag/tag-group/tag-group.component.js +179 -2
  717. package/development/tag/tag-group.js +5 -7
  718. package/development/tag/tag.js +5 -7
  719. package/development/tag.js +7 -9
  720. package/development/tag.pure.js +7 -3
  721. package/development/teaser/teaser.component.js +224 -2
  722. package/development/teaser-hero/teaser-hero.component.js +172 -2
  723. package/development/teaser-hero.js +5 -8
  724. package/development/teaser-hero.pure.js +5 -2
  725. package/development/teaser-product/common/teaser-product-common.js +210 -2
  726. package/development/teaser-product/common.js +6 -6
  727. package/development/teaser-product/teaser-product/teaser-product.component.js +63 -2
  728. package/development/teaser-product/teaser-product-static/teaser-product-static.component.js +8 -21
  729. package/development/teaser-product/teaser-product-static.js +4 -6
  730. package/development/teaser-product/teaser-product.js +5 -7
  731. package/development/teaser-product.js +9 -9
  732. package/development/teaser-product.pure.js +9 -3
  733. package/development/teaser.js +5 -8
  734. package/development/teaser.pure.js +5 -2
  735. package/development/time-input/time-input.component.js +213 -2
  736. package/development/time-input.js +5 -8
  737. package/development/time-input.pure.js +5 -2
  738. package/development/timetable-form/timetable-form/timetable-form.component.js +22 -2
  739. package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +39 -2
  740. package/development/timetable-form/timetable-form-details.js +5 -7
  741. package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +112 -2
  742. package/development/timetable-form/timetable-form-field.js +5 -7
  743. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +63 -2
  744. package/development/timetable-form/timetable-form-swap-button.js +5 -7
  745. package/development/timetable-form/timetable-form.js +5 -7
  746. package/development/timetable-form.js +11 -11
  747. package/development/timetable-form.pure.js +11 -5
  748. package/development/timetable-occupancy/timetable-occupancy.component.js +140 -2
  749. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.js +89 -2
  750. package/development/timetable-occupancy-icon.js +5 -8
  751. package/development/timetable-occupancy-icon.pure.js +5 -2
  752. package/development/timetable-occupancy.js +5 -8
  753. package/development/timetable-occupancy.pure.js +5 -2
  754. package/development/title/title-base.js +109 -2
  755. package/development/title/title.component.js +89 -3
  756. package/development/title.js +7 -9
  757. package/development/title.pure.js +7 -3
  758. package/development/toast/toast.component.js +401 -2
  759. package/development/toast.js +5 -8
  760. package/development/toast.pure.js +5 -2
  761. package/development/toggle/toggle/toggle.component.js +331 -2
  762. package/development/toggle/toggle-option/toggle-option.component.js +179 -2
  763. package/development/toggle/toggle-option.js +5 -7
  764. package/development/toggle/toggle.js +5 -7
  765. package/development/toggle-check/toggle-check.component.js +274 -2
  766. package/development/toggle-check.js +5 -8
  767. package/development/toggle-check.pure.js +5 -2
  768. package/development/toggle.js +7 -9
  769. package/development/toggle.pure.js +7 -3
  770. package/development/tooltip/tooltip.component.js +440 -2
  771. package/development/tooltip.js +5 -8
  772. package/development/tooltip.pure.js +5 -2
  773. package/development/train/train/train.component.js +229 -2
  774. package/development/train/train-blocked-passage/train-blocked-passage.component.js +70 -2
  775. package/development/train/train-blocked-passage.js +5 -7
  776. package/development/train/train-formation/train-formation.component.js +274 -2
  777. package/development/train/train-formation.js +5 -7
  778. package/development/train/train-wagon/train-wagon.component.js +387 -2
  779. package/development/train/train-wagon.js +5 -7
  780. package/development/train/train.js +5 -7
  781. package/development/train.js +11 -11
  782. package/development/train.pure.js +11 -5
  783. package/development/visual-checkbox/visual-checkbox.component.js +164 -2
  784. package/development/visual-checkbox.js +5 -8
  785. package/development/visual-checkbox.pure.js +5 -2
  786. package/dialog/dialog/dialog.component.js +148 -2
  787. package/dialog/dialog-actions/dialog-actions.component.js +13 -2
  788. package/dialog/dialog-actions.js +7 -4
  789. package/dialog/dialog-close-button/dialog-close-button.component.js +23 -2
  790. package/dialog/dialog-close-button.js +7 -4
  791. package/dialog/dialog-content/dialog-content.component.js +15 -2
  792. package/dialog/dialog-content.js +7 -4
  793. package/dialog/dialog-title/dialog-title.component.js +13 -2
  794. package/dialog/dialog-title.js +7 -4
  795. package/dialog/dialog.js +10 -4
  796. package/dialog.js +20 -9
  797. package/dialog.pure.js +15 -6
  798. package/divider/divider.component.js +44 -2
  799. package/divider.js +4 -5
  800. package/divider.pure.js +4 -2
  801. package/expansion-panel/expansion-panel/expansion-panel.component.js +156 -2
  802. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +24 -2
  803. package/expansion-panel/expansion-panel-content.js +7 -4
  804. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +57 -2
  805. package/expansion-panel/expansion-panel-header.js +7 -4
  806. package/expansion-panel/expansion-panel.js +7 -4
  807. package/expansion-panel.js +11 -7
  808. package/expansion-panel.pure.js +8 -4
  809. package/file-selector/common/file-selector-common.js +245 -2
  810. package/file-selector/common.js +7 -5
  811. package/file-selector/file-selector/file-selector.component.js +20 -25
  812. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +75 -2
  813. package/file-selector/file-selector-dropzone.js +7 -4
  814. package/file-selector/file-selector.js +6 -3
  815. package/file-selector.js +11 -7
  816. package/file-selector.pure.js +9 -4
  817. package/flip-card/flip-card/flip-card.component.js +120 -2
  818. package/flip-card/flip-card-details/flip-card-details.component.js +36 -2
  819. package/flip-card/flip-card-details.js +7 -4
  820. package/flip-card/flip-card-summary/flip-card-summary.component.js +48 -2
  821. package/flip-card/flip-card-summary.js +7 -4
  822. package/flip-card/flip-card.js +7 -4
  823. package/flip-card.js +11 -7
  824. package/flip-card.pure.js +8 -4
  825. package/footer/footer.component.js +89 -2
  826. package/footer.js +4 -5
  827. package/footer.pure.js +4 -2
  828. package/form-field/error/error.component.js +42 -2
  829. package/form-field/error.js +7 -4
  830. package/form-field/form-field/form-field.component.js +344 -2
  831. package/form-field/form-field-clear/form-field-clear.component.js +28 -35
  832. package/form-field/form-field-clear.js +6 -3
  833. package/form-field/form-field.js +9 -4
  834. package/form-field.js +13 -7
  835. package/form-field.pure.js +9 -4
  836. package/header/common/header-action-common.js +51 -2
  837. package/header/common.js +6 -5
  838. package/header/header/header.component.js +154 -2
  839. package/header/header-button/header-button.component.js +8 -9
  840. package/header/header-button.js +6 -3
  841. package/header/header-environment/header-environment.component.js +29 -2
  842. package/header/header-environment.js +7 -4
  843. package/header/header-link/header-link.component.js +8 -9
  844. package/header/header-link.js +6 -3
  845. package/header/header.js +7 -4
  846. package/header.js +16 -9
  847. package/header.pure.js +12 -6
  848. package/icon/icon-base.js +105 -2
  849. package/icon/icon-name-mixin.js +50 -59
  850. package/icon/icon-request.js +29 -23
  851. package/icon/icon-validate.js +25 -19
  852. package/icon/icon.component.js +76 -88
  853. package/icon-sidebar/icon-sidebar/icon-sidebar.component.js +46 -2
  854. package/icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js +15 -19
  855. package/icon-sidebar/icon-sidebar-button.js +6 -3
  856. package/icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js +25 -2
  857. package/icon-sidebar/icon-sidebar-container.js +7 -4
  858. package/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +16 -2
  859. package/icon-sidebar/icon-sidebar-content.js +7 -4
  860. package/icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js +15 -19
  861. package/icon-sidebar/icon-sidebar-link.js +6 -3
  862. package/icon-sidebar/icon-sidebar.js +7 -4
  863. package/icon-sidebar-button-common-ffAscVDk.js +7 -0
  864. package/icon-sidebar.js +16 -8
  865. package/icon-sidebar.pure.js +12 -6
  866. package/icon.js +14 -10
  867. package/icon.pure.js +13 -6
  868. package/image/image.component.js +455 -2
  869. package/image.js +4 -5
  870. package/image.pure.js +4 -2
  871. package/journey-header/journey-header.component.js +95 -2
  872. package/journey-header.js +4 -5
  873. package/journey-header.pure.js +4 -2
  874. package/lead-container/lead-container.component.js +23 -2
  875. package/lead-container.js +4 -5
  876. package/lead-container.pure.js +4 -2
  877. package/link/block-link/block-link.component.js +8 -9
  878. package/link/block-link-button/block-link-button.component.js +9 -10
  879. package/link/block-link-button.js +6 -6
  880. package/link/block-link-static/block-link-static.component.js +9 -10
  881. package/link/block-link-static.js +4 -4
  882. package/link/block-link.js +6 -6
  883. package/link/common/block-link-common.js +44 -3
  884. package/link/common/inline-link-common.js +13 -3
  885. package/link/common/link-common.js +9 -2
  886. package/link/common.js +8 -4
  887. package/link/link/link.component.js +9 -10
  888. package/link/link-button/link-button.component.js +9 -10
  889. package/link/link-button.js +4 -4
  890. package/link/link-static/link-static.component.js +9 -10
  891. package/link/link-static.js +4 -4
  892. package/link/link.js +6 -6
  893. package/link-common-7IiqjmPD.js +45 -0
  894. package/link-list/common/link-list-base.js +90 -2
  895. package/link-list/common.js +7 -5
  896. package/link-list/link-list-anchor.js +8 -6
  897. package/link-list/link-list.component.js +47 -3
  898. package/link-list/link-list.js +7 -5
  899. package/link-list-anchor/link-list-anchor.component.js +10 -2
  900. package/link-list-anchor.js +4 -5
  901. package/link-list-anchor.pure.js +4 -2
  902. package/link-list.js +10 -8
  903. package/link-list.pure.js +7 -3
  904. package/link.js +25 -12
  905. package/link.pure.js +20 -11
  906. package/loading-indicator/loading-indicator.component.js +65 -2
  907. package/loading-indicator-circle/loading-indicator-circle.component.js +45 -2
  908. package/loading-indicator-circle.js +4 -5
  909. package/loading-indicator-circle.pure.js +4 -2
  910. package/loading-indicator.js +4 -5
  911. package/loading-indicator.pure.js +4 -2
  912. package/logo/logo.component.js +67 -2
  913. package/logo.js +4 -5
  914. package/logo.pure.js +4 -2
  915. package/map-container/map-container.component.js +110 -2
  916. package/map-container.js +4 -5
  917. package/map-container.pure.js +4 -2
  918. package/menu/common/menu-action-common.js +28 -2
  919. package/menu/common.js +6 -5
  920. package/menu/menu/menu.component.js +274 -2
  921. package/menu/menu-button/menu-button.component.js +9 -13
  922. package/menu/menu-button.js +6 -3
  923. package/menu/menu-link/menu-link.component.js +12 -13
  924. package/menu/menu-link.js +6 -3
  925. package/menu/menu.js +7 -4
  926. package/menu.js +12 -7
  927. package/menu.pure.js +10 -5
  928. package/message/message.component.js +23 -2
  929. package/message.js +4 -5
  930. package/message.pure.js +4 -2
  931. package/mini-button-label-common-Dx9JhmQ6.js +11 -0
  932. package/mini-calendar/mini-calendar/mini-calendar.component.js +131 -2
  933. package/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +66 -2
  934. package/mini-calendar/mini-calendar-day.js +7 -4
  935. package/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +63 -2
  936. package/mini-calendar/mini-calendar-month.js +7 -4
  937. package/mini-calendar/mini-calendar.js +7 -4
  938. package/mini-calendar.js +11 -7
  939. package/mini-calendar.pure.js +8 -4
  940. package/navigation/common/navigation-action-common.js +57 -2
  941. package/navigation/common.js +6 -5
  942. package/navigation/navigation/navigation.component.js +188 -2
  943. package/navigation/navigation-button/navigation-button.component.js +8 -9
  944. package/navigation/navigation-button.js +6 -3
  945. package/navigation/navigation-link/navigation-link.component.js +8 -9
  946. package/navigation/navigation-link.js +6 -3
  947. package/navigation/navigation-list/navigation-list.component.js +59 -2
  948. package/navigation/navigation-list.js +7 -4
  949. package/navigation/navigation-marker/navigation-marker.component.js +82 -2
  950. package/navigation/navigation-marker.js +7 -4
  951. package/navigation/navigation-section/navigation-section.component.js +224 -2
  952. package/navigation/navigation-section.js +7 -4
  953. package/navigation/navigation.js +7 -4
  954. package/navigation.js +22 -11
  955. package/navigation.pure.js +16 -8
  956. package/notification/notification.component.js +165 -2
  957. package/notification.js +4 -5
  958. package/notification.pure.js +4 -2
  959. package/off-brand-theme.css +14 -0
  960. package/option/optgroup/optgroup-base-element.js +83 -2
  961. package/option/optgroup/optgroup.component.js +30 -29
  962. package/option/optgroup.js +9 -5
  963. package/option/option/option-base-element.js +201 -257
  964. package/option/option/option.component.js +87 -2
  965. package/option/option-hint/option-hint.component.js +19 -2
  966. package/option/option-hint.js +7 -4
  967. package/option/option.js +9 -5
  968. package/option.js +15 -9
  969. package/option.pure.js +12 -6
  970. package/overlay/overlay-base-element.js +149 -154
  971. package/overlay/overlay.component.js +138 -2
  972. package/overlay.js +10 -7
  973. package/overlay.pure.js +9 -3
  974. package/package.json +2 -2
  975. package/paginator/common/paginator-common.js +201 -268
  976. package/paginator/common.js +6 -5
  977. package/paginator/compact-paginator/compact-paginator.component.js +40 -2
  978. package/paginator/compact-paginator.js +7 -4
  979. package/paginator/paginator/paginator.component.js +175 -2
  980. package/paginator/paginator.js +7 -4
  981. package/paginator.js +10 -7
  982. package/paginator.pure.js +7 -3
  983. package/popover/popover.component.js +316 -2
  984. package/popover.js +6 -5
  985. package/popover.pure.js +5 -2
  986. package/radio-button/common/radio-button-common.js +63 -2
  987. package/radio-button/common.js +7 -5
  988. package/radio-button/radio-button-group.js +3 -2
  989. package/radio-button/radio-button-panel.js +3 -2
  990. package/radio-button/radio-button.component.js +71 -3
  991. package/radio-button/radio-button.js +7 -5
  992. package/radio-button-group/radio-button-group.component.js +167 -2
  993. package/radio-button-group.js +5 -6
  994. package/radio-button-group.pure.js +4 -2
  995. package/radio-button-panel/radio-button-panel.component.js +68 -78
  996. package/radio-button-panel.js +3 -4
  997. package/radio-button-panel.pure.js +4 -2
  998. package/radio-button.js +13 -9
  999. package/radio-button.pure.js +7 -3
  1000. package/safety-theme.css +14 -0
  1001. package/sbb-tokens-HiNSQasB.js +11 -0
  1002. package/screen-reader-only/screen-reader-only.component.js +12 -2
  1003. package/screen-reader-only.js +4 -5
  1004. package/screen-reader-only.pure.js +4 -2
  1005. package/select/select.component.js +498 -2
  1006. package/select.js +4 -5
  1007. package/select.pure.js +4 -2
  1008. package/selection-action-panel/selection-action-panel.component.js +33 -2
  1009. package/selection-action-panel.js +4 -5
  1010. package/selection-action-panel.pure.js +4 -2
  1011. package/selection-expansion-panel/selection-expansion-panel.component.js +116 -2
  1012. package/selection-expansion-panel.js +4 -5
  1013. package/selection-expansion-panel.pure.js +4 -2
  1014. package/sidebar/common/styles.js +6 -2
  1015. package/sidebar/common.js +8 -5
  1016. package/sidebar/sidebar/sidebar.component.js +182 -2
  1017. package/sidebar/sidebar-close-button/sidebar-close-button.component.js +26 -2
  1018. package/sidebar/sidebar-close-button.js +7 -4
  1019. package/sidebar/sidebar-container/sidebar-container.component.js +76 -2
  1020. package/sidebar/sidebar-container.js +7 -4
  1021. package/sidebar/sidebar-content/sidebar-content.component.js +16 -2
  1022. package/sidebar/sidebar-content.js +7 -4
  1023. package/sidebar/sidebar-title/sidebar-title.component.js +39 -2
  1024. package/sidebar/sidebar-title.js +7 -4
  1025. package/sidebar/sidebar.js +7 -4
  1026. package/sidebar.js +17 -9
  1027. package/sidebar.pure.js +12 -6
  1028. package/signet/signet.component.js +74 -2
  1029. package/signet.js +4 -5
  1030. package/signet.pure.js +4 -2
  1031. package/skiplink-list/skiplink-list.component.js +77 -2
  1032. package/skiplink-list.js +4 -5
  1033. package/skiplink-list.pure.js +4 -2
  1034. package/slider/slider.component.js +200 -2
  1035. package/slider.js +4 -5
  1036. package/slider.pure.js +4 -2
  1037. package/standard-theme.css +14 -0
  1038. package/status/status.component.js +69 -2
  1039. package/status.js +4 -5
  1040. package/status.pure.js +4 -2
  1041. package/stepper/step/step.component.js +111 -2
  1042. package/stepper/step-label/step-label.component.js +96 -2
  1043. package/stepper/step-label.js +7 -4
  1044. package/stepper/step.js +7 -4
  1045. package/stepper/stepper/stepper.component.js +236 -2
  1046. package/stepper/stepper.js +9 -4
  1047. package/stepper.js +13 -7
  1048. package/stepper.pure.js +9 -4
  1049. package/tab-label-common-D6k40yRU.js +6 -0
  1050. package/table/table-wrapper/table-wrapper.component.js +70 -2
  1051. package/table/table-wrapper.js +7 -4
  1052. package/table.js +4 -5
  1053. package/table.pure.js +4 -2
  1054. package/tabs/common/styles.js +5 -2
  1055. package/tabs/common.js +7 -5
  1056. package/tabs/tab/tab.component.js +46 -2
  1057. package/tabs/tab-group/tab-group.component.js +167 -2
  1058. package/tabs/tab-group.js +7 -4
  1059. package/tabs/tab-label/tab-label.component.js +128 -2
  1060. package/tabs/tab-label.js +7 -4
  1061. package/tabs/tab-nav-bar/tab-nav-bar.component.js +67 -2
  1062. package/tabs/tab-nav-bar.js +7 -4
  1063. package/tabs/tab.js +7 -4
  1064. package/tabs.js +17 -9
  1065. package/tabs.pure.js +13 -6
  1066. package/tag/tag/tag.component.js +128 -2
  1067. package/tag/tag-group/tag-group.component.js +119 -2
  1068. package/tag/tag-group.js +7 -4
  1069. package/tag/tag.js +7 -4
  1070. package/tag.js +8 -6
  1071. package/tag.pure.js +6 -3
  1072. package/teaser/teaser.component.js +80 -2
  1073. package/teaser-hero/teaser-hero.component.js +62 -2
  1074. package/teaser-hero.js +4 -5
  1075. package/teaser-hero.pure.js +4 -2
  1076. package/teaser-product/common/teaser-product-common.js +54 -2
  1077. package/teaser-product/common.js +7 -5
  1078. package/teaser-product/teaser-product/teaser-product.component.js +28 -2
  1079. package/teaser-product/teaser-product-static/teaser-product-static.component.js +9 -13
  1080. package/teaser-product/teaser-product-static.js +6 -3
  1081. package/teaser-product/teaser-product.js +7 -4
  1082. package/teaser-product.js +11 -7
  1083. package/teaser-product.pure.js +9 -4
  1084. package/teaser.js +4 -5
  1085. package/teaser.pure.js +4 -2
  1086. package/time-input/time-input.component.js +128 -2
  1087. package/time-input.js +4 -5
  1088. package/time-input.pure.js +4 -2
  1089. package/timetable-form/timetable-form/timetable-form.component.js +12 -2
  1090. package/timetable-form/timetable-form-details/timetable-form-details.component.js +12 -2
  1091. package/timetable-form/timetable-form-details.js +7 -4
  1092. package/timetable-form/timetable-form-field/timetable-form-field.component.js +26 -2
  1093. package/timetable-form/timetable-form-field.js +7 -4
  1094. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +33 -2
  1095. package/timetable-form/timetable-form-swap-button.js +7 -4
  1096. package/timetable-form/timetable-form.js +7 -4
  1097. package/timetable-form.js +14 -8
  1098. package/timetable-form.pure.js +10 -5
  1099. package/timetable-occupancy/timetable-occupancy.component.js +77 -2
  1100. package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +61 -2
  1101. package/timetable-occupancy-icon.js +4 -5
  1102. package/timetable-occupancy-icon.pure.js +4 -2
  1103. package/timetable-occupancy.js +4 -5
  1104. package/timetable-occupancy.pure.js +4 -2
  1105. package/title/title-base.js +53 -2
  1106. package/title/title.component.js +37 -3
  1107. package/title.js +7 -7
  1108. package/title.pure.js +6 -3
  1109. package/toast/toast.component.js +180 -2
  1110. package/toast.js +4 -5
  1111. package/toast.pure.js +4 -2
  1112. package/toggle/toggle/toggle.component.js +147 -2
  1113. package/toggle/toggle-option/toggle-option.component.js +90 -2
  1114. package/toggle/toggle-option.js +7 -4
  1115. package/toggle/toggle.js +7 -4
  1116. package/toggle-check/toggle-check.component.js +85 -2
  1117. package/toggle-check.js +4 -5
  1118. package/toggle-check.pure.js +4 -2
  1119. package/toggle.js +8 -6
  1120. package/toggle.pure.js +6 -3
  1121. package/tooltip/tooltip.component.js +197 -2
  1122. package/tooltip.js +4 -5
  1123. package/tooltip.pure.js +4 -2
  1124. package/train/train/train.component.js +123 -2
  1125. package/train/train-blocked-passage/train-blocked-passage.component.js +19 -2
  1126. package/train/train-blocked-passage.js +7 -4
  1127. package/train/train-formation/train-formation.component.js +93 -2
  1128. package/train/train-formation.js +7 -4
  1129. package/train/train-wagon/train-wagon.component.js +174 -2
  1130. package/train/train-wagon.js +7 -4
  1131. package/train/train.js +7 -4
  1132. package/train.js +14 -8
  1133. package/train.pure.js +10 -5
  1134. package/visual-checkbox/visual-checkbox.component.js +81 -2
  1135. package/visual-checkbox.js +4 -5
  1136. package/visual-checkbox.pure.js +4 -2
  1137. package/accordion.component-DmaGQH3Q.js +0 -127
  1138. package/action-group.component-KWugkMGf.js +0 -158
  1139. package/alert-group.component-RV1M1OKy.js +0 -141
  1140. package/alert.component-PPR7hfTi.js +0 -165
  1141. package/autocomplete-base-element-DVFCZ4lt.js +0 -425
  1142. package/block-link-common-D4aizuV-.js +0 -63
  1143. package/breadcrumb-group.component-BA8KK3Om.js +0 -145
  1144. package/breadcrumb.component-DjkZzGJD.js +0 -24
  1145. package/calendar-day.component-DqAXvoP3.js +0 -113
  1146. package/calendar.component-BgZDy-rX.js +0 -1246
  1147. package/card-action-common-GpkaNYtV.js +0 -88
  1148. package/card-badge.component-D_PI9Ega.js +0 -65
  1149. package/card.component-Dt2YFmd3.js +0 -62
  1150. package/carousel-item.component-kv3rY8B-.js +0 -25
  1151. package/carousel-list.component-DMMk66SP.js +0 -91
  1152. package/carousel.component-Bd0iGUbf.js +0 -97
  1153. package/checkbox-common-D9htxWLZ.js +0 -68
  1154. package/checkbox-group.component-CNAwwaS0.js +0 -146
  1155. package/checkbox.component-CJcC5JnN.js +0 -125
  1156. package/chip-group.component-DR6GoGCB.js +0 -283
  1157. package/chip-label.component-DBN4jfW7.js +0 -80
  1158. package/chip.component-BNOs8T6O.js +0 -94
  1159. package/clock.component-DDaWbXHW.js +0 -148
  1160. package/common-CI_BB6sF.js +0 -5
  1161. package/compact-paginator.component-BxSy5YXY.js +0 -45
  1162. package/container.component-DXFIvseq.js +0 -117
  1163. package/date-input.component-zZtnd9Og.js +0 -205
  1164. package/datepicker-button-C1TrzFl-.js +0 -109
  1165. package/datepicker.component-cmdnlVgf.js +0 -156
  1166. package/development/accordion.component-BIFcgIa0.js +0 -172
  1167. package/development/action-group.component-CuhO6yb9.js +0 -379
  1168. package/development/alert-group.component-BlrlsRB8.js +0 -219
  1169. package/development/alert.component-CJ2yLyOY.js +0 -411
  1170. package/development/autocomplete-base-element-DCfmuVY6.js +0 -960
  1171. package/development/block-link-common-FvD8So7p.js +0 -145
  1172. package/development/breadcrumb-group.component-DjsoMTPI.js +0 -278
  1173. package/development/breadcrumb.component-DvOf-PiO.js +0 -89
  1174. package/development/calendar-day.component-De9Xn3-q.js +0 -283
  1175. package/development/calendar.component-PHpgLc0z.js +0 -2458
  1176. package/development/card-action-common-DqBn3bPy.js +0 -147
  1177. package/development/card-badge.component-Cs4dow18.js +0 -146
  1178. package/development/card.component-CeOZXXWU.js +0 -258
  1179. package/development/carousel-item.component-DOIXA2QK.js +0 -47
  1180. package/development/carousel-list.component-7Z3dYtAF.js +0 -160
  1181. package/development/carousel.component-b4C-hxkj.js +0 -169
  1182. package/development/checkbox-common-DD7r8g0_.js +0 -147
  1183. package/development/checkbox-group.component-CRZO7CEc.js +0 -265
  1184. package/development/checkbox.component-B43Akyck.js +0 -193
  1185. package/development/chip-group.component-CeRAIWg-.js +0 -493
  1186. package/development/chip-label.component-jN_Fulv_.js +0 -165
  1187. package/development/chip.component-Bn7ffNEr.js +0 -191
  1188. package/development/clock.component-btjeVAaa.js +0 -392
  1189. package/development/common-Da_cep8M.js +0 -565
  1190. package/development/compact-paginator.component-CCDP0TMd.js +0 -96
  1191. package/development/container.component-CVm8-HZ4.js +0 -238
  1192. package/development/date-input.component-CqsEOZfb.js +0 -338
  1193. package/development/datepicker-button-BORzfDaA.js +0 -167
  1194. package/development/datepicker.component-CuFtPZg9.js +0 -223
  1195. package/development/dialog-actions.component-Mbx-Bs3t.js +0 -55
  1196. package/development/dialog-close-button.component-B1dPHPy2.js +0 -48
  1197. package/development/dialog-content.component-qP09Yo_N.js +0 -42
  1198. package/development/dialog-title.component-B4u2w8h5.js +0 -50
  1199. package/development/dialog.component-DaM1FSHB.js +0 -403
  1200. package/development/divider.component-Ddzlu6Fw.js +0 -95
  1201. package/development/error.component-C76eZnXo.js +0 -93
  1202. package/development/expansion-panel-content.component-DTZk3ZKL.js +0 -77
  1203. package/development/expansion-panel-header.component-C7ymZCux.js +0 -175
  1204. package/development/expansion-panel.component-xUWTKeaC.js +0 -489
  1205. package/development/file-selector-common-qMfAccOd.js +0 -512
  1206. package/development/file-selector-dropzone.component-HDUIUSQI.js +0 -154
  1207. package/development/flip-card-details.component-BilGh5Yb.js +0 -85
  1208. package/development/flip-card-summary.component-DDDnvs_c.js +0 -151
  1209. package/development/flip-card.component-CdRzb7IT.js +0 -334
  1210. package/development/footer.component-C057PwF1.js +0 -310
  1211. package/development/form-field.component-D4dQ8sCh.js +0 -1009
  1212. package/development/header-action-common-Dff8K0RB.js +0 -346
  1213. package/development/header-environment.component-DYnJkxCZ.js +0 -101
  1214. package/development/header.component-DYls7wGO.js +0 -446
  1215. package/development/icon-base-CcQCgmqX.js +0 -206
  1216. package/development/icon-sidebar-container.component-BJHjpF-Q.js +0 -41
  1217. package/development/icon-sidebar-content.component-C2wreczL.js +0 -33
  1218. package/development/icon-sidebar.component-PcmjRlDp.js +0 -100
  1219. package/development/image.component-fvsSR3Df.js +0 -820
  1220. package/development/inline-link-common-CyTcO5MN.js +0 -52
  1221. package/development/journey-header.component-BB8WYOqH.js +0 -217
  1222. package/development/lead-container.component-BGf8oqw7.js +0 -122
  1223. package/development/link-common-5ob2nFyv.js +0 -124
  1224. package/development/link-list-anchor.component-rAMp5_jH.js +0 -77
  1225. package/development/link-list-base-DxYNcAX7.js +0 -172
  1226. package/development/link-list.component-DD6UjlwD.js +0 -194
  1227. package/development/loading-indicator-circle.component-C0epUACB.js +0 -159
  1228. package/development/loading-indicator.component-CVdBjI99.js +0 -283
  1229. package/development/logo.component-Cp-EyVpA.js +0 -166
  1230. package/development/map-container.component-DUA7-arY.js +0 -324
  1231. package/development/menu-action-common-CyBv0NwR.js +0 -148
  1232. package/development/menu.component-GHJHhE9D.js +0 -638
  1233. package/development/message.component-uv9eI2gl.js +0 -82
  1234. package/development/mini-button-group.component-ytJZBjmr.js +0 -174
  1235. package/development/mini-button-link.component-DZOOdeZt.js +0 -47
  1236. package/development/mini-calendar-day.component-DLP7Pa6R.js +0 -213
  1237. package/development/mini-calendar-month.component-C1jsGlJ2.js +0 -150
  1238. package/development/mini-calendar.component-BzqjMchx.js +0 -192
  1239. package/development/navigation-action-common-saGbvoji.js +0 -178
  1240. package/development/navigation-list.component-AFM4omXQ.js +0 -124
  1241. package/development/navigation-marker.component-BvC73IoI.js +0 -207
  1242. package/development/navigation-section.component-B-6XU2X5.js +0 -600
  1243. package/development/navigation.component-_gUhpPyO.js +0 -585
  1244. package/development/notification.component-B5EBKKf8.js +0 -530
  1245. package/development/optgroup-base-element-CjwAXrC5.js +0 -181
  1246. package/development/option-hint.component-CHS5Z_sK.js +0 -55
  1247. package/development/option.component-BvOsW8Gn.js +0 -248
  1248. package/development/overlay.component-RS_v3xaA.js +0 -411
  1249. package/development/paginator.component-cRqJW9bc.js +0 -492
  1250. package/development/popover.component-BTfbUEzF.js +0 -745
  1251. package/development/radio-button-common-CjbP9yKf.js +0 -231
  1252. package/development/radio-button-group.component-5jDkRqSJ.js +0 -404
  1253. package/development/radio-button.component-CVATlwTb.js +0 -137
  1254. package/development/sbb-tokens-Dajio3u-.js +0 -13
  1255. package/development/screen-reader-only.component-D-KOAjrF.js +0 -36
  1256. package/development/select.component-DyF5Tw3J.js +0 -1084
  1257. package/development/selection-action-panel.component-elyz1Xsb.js +0 -134
  1258. package/development/selection-expansion-panel.component-hL2jyaAT.js +0 -326
  1259. package/development/sidebar-close-button.component-j4wY_hAt.js +0 -48
  1260. package/development/sidebar-container.component-CToGMqKH.js +0 -136
  1261. package/development/sidebar-content.component-s3GsQtNv.js +0 -37
  1262. package/development/sidebar-title.component-Htm_hqKX.js +0 -76
  1263. package/development/sidebar.component-Ct6TAsph.js +0 -506
  1264. package/development/signet.component-COqrcZqk.js +0 -188
  1265. package/development/skiplink-list.component-_SDkIoHp.js +0 -198
  1266. package/development/slider.component-B7EFECZk.js +0 -479
  1267. package/development/status.component-CE3e9OIO.js +0 -171
  1268. package/development/step-label.component-BH28AI5Z.js +0 -298
  1269. package/development/step.component-WY7qdrR8.js +0 -220
  1270. package/development/stepper.component-D1tAcpWs.js +0 -508
  1271. package/development/sticky-bar.component-BlgfxSRo.js +0 -382
  1272. package/development/styles-CIZBf9Yc.js +0 -173
  1273. package/development/styles-CYlzu-f2.js +0 -96
  1274. package/development/tab-group.component-DZPKWjI7.js +0 -292
  1275. package/development/tab-label.component-BJgr4u6Z.js +0 -420
  1276. package/development/tab-nav-bar.component-rNmuMIsv.js +0 -123
  1277. package/development/tab.component-C8jaB2_O.js +0 -101
  1278. package/development/table-wrapper.component-6WtB_fHq.js +0 -133
  1279. package/development/tag-group.component-C-EXr8Rq.js +0 -219
  1280. package/development/tag.component-B7RY4cfx.js +0 -419
  1281. package/development/teaser-hero.component-5vVIZZ9L.js +0 -202
  1282. package/development/teaser-product-common-DgnRgO6O.js +0 -223
  1283. package/development/teaser-product.component-BsdU2W2T.js +0 -75
  1284. package/development/teaser.component-KRkFbP9-.js +0 -243
  1285. package/development/time-input.component-Cf6cXrIN.js +0 -222
  1286. package/development/timetable-form-details.component-B--aGycf.js +0 -50
  1287. package/development/timetable-form-field.component-9jwIZzIm.js +0 -119
  1288. package/development/timetable-form-swap-button.component-Ne1-XwSf.js +0 -74
  1289. package/development/timetable-form.component-BYHhDRXE.js +0 -34
  1290. package/development/timetable-occupancy-icon.component-BbW73Fqd.js +0 -101
  1291. package/development/timetable-occupancy.component-C3nWG5Vg.js +0 -172
  1292. package/development/title-base-BUQgNaUI.js +0 -142
  1293. package/development/title.component-DgFvxLIt.js +0 -115
  1294. package/development/toast.component-Csifrfnq.js +0 -430
  1295. package/development/toggle-check.component-CEYmGCDZ.js +0 -326
  1296. package/development/toggle-option.component--wHdeFI6.js +0 -216
  1297. package/development/toggle.component-CGNDEU9B.js +0 -367
  1298. package/development/tooltip.component-bVPXm6Pu.js +0 -480
  1299. package/development/train-blocked-passage.component-CYnTeq7k.js +0 -79
  1300. package/development/train-formation.component-QmoA0u6E.js +0 -303
  1301. package/development/train-wagon.component-CWlRDq-Z.js +0 -485
  1302. package/development/train.component-DcMyi7HP.js +0 -294
  1303. package/development/visual-checkbox.component-DtEIq9rH.js +0 -213
  1304. package/dialog-actions.component-B4JYi2Ym.js +0 -17
  1305. package/dialog-close-button.component-BtxXASCn.js +0 -27
  1306. package/dialog-content.component-CNhoC-NZ.js +0 -19
  1307. package/dialog-title.component-C8Jsbuqt.js +0 -17
  1308. package/dialog.component-BHsekf9B.js +0 -170
  1309. package/divider.component-DFw-P_dA.js +0 -61
  1310. package/error.component-DL9hm4i9.js +0 -44
  1311. package/expansion-panel-content.component-CbWIxgH4.js +0 -29
  1312. package/expansion-panel-header.component-CxLeXeGi.js +0 -56
  1313. package/expansion-panel.component-Bs4icI9T.js +0 -226
  1314. package/file-selector-common-C-gZH55c.js +0 -313
  1315. package/file-selector-dropzone.component-LHNtOZPr.js +0 -94
  1316. package/flip-card-details.component-CiiCNjd2.js +0 -45
  1317. package/flip-card-summary.component-nO7zKRiB.js +0 -65
  1318. package/flip-card.component-uSdokrC9.js +0 -138
  1319. package/footer.component-Cdsiwn4D.js +0 -129
  1320. package/form-field.component-CZzQYOSP.js +0 -447
  1321. package/header-action-common-C2YPvOxq.js +0 -62
  1322. package/header-environment.component-KqUmsOPQ.js +0 -36
  1323. package/header.component-BssLZ6b7.js +0 -203
  1324. package/icon-base-BYJzaEDb.js +0 -127
  1325. package/icon-sidebar-container.component-BcoT4uhN.js +0 -26
  1326. package/icon-sidebar-content.component-toRpXgxi.js +0 -20
  1327. package/icon-sidebar.component-B5xCvDvj.js +0 -62
  1328. package/image.component-Cq2t-XZu.js +0 -413
  1329. package/inline-link-common-Dgdi7qpI.js +0 -18
  1330. package/journey-header.component-CR8AO0b2.js +0 -143
  1331. package/lead-container.component-CXKHfBiS.js +0 -27
  1332. package/link-common-CYxyP4XZ.js +0 -52
  1333. package/link-list-anchor.component--u5j_aqv.js +0 -18
  1334. package/link-list-base-CzFYpTOG.js +0 -115
  1335. package/link-list.component-9ndHNGPS.js +0 -78
  1336. package/loading-indicator-circle.component-CjJkIeJ0.js +0 -64
  1337. package/loading-indicator.component-BrVz6vJo.js +0 -94
  1338. package/logo.component-nxragzaC.js +0 -94
  1339. package/map-container.component-BfxezELq.js +0 -130
  1340. package/menu-action-common-BcB_Tyvl.js +0 -29
  1341. package/menu.component-BdqUbvww.js +0 -252
  1342. package/message.component-DbmXg6DI.js +0 -27
  1343. package/mini-button-group.component-D5Dph1Z7.js +0 -89
  1344. package/mini-button-link.component-BYK_EUud.js +0 -31
  1345. package/mini-calendar-day.component-cAawa9Gr.js +0 -106
  1346. package/mini-calendar-month.component-DiYSVb-Y.js +0 -74
  1347. package/mini-calendar.component-DpPMb47Y.js +0 -144
  1348. package/navigation-action-common-Dcb95pqU.js +0 -64
  1349. package/navigation-list.component-BhV-uAfU.js +0 -71
  1350. package/navigation-marker.component-CIUu5VVZ.js +0 -88
  1351. package/navigation-section.component-DwEXj603.js +0 -237
  1352. package/navigation.component-BYqJ9Cqt.js +0 -208
  1353. package/notification.component-DZS8z1oa.js +0 -197
  1354. package/optgroup-base-element-DWKHCat8.js +0 -107
  1355. package/option-hint.component-Goyhv5ss.js +0 -23
  1356. package/option.component-uzmmREt4.js +0 -98
  1357. package/overlay.component-r0Rp_b-3.js +0 -163
  1358. package/paginator.component-D_fV260x.js +0 -206
  1359. package/popover.component-Dh9vbuDG.js +0 -353
  1360. package/radio-button-common-CCQ3bJPI.js +0 -77
  1361. package/radio-button-group.component-Cf8r6Whf.js +0 -232
  1362. package/radio-button.component-B5b5OhBw.js +0 -93
  1363. package/sbb-tokens-BJzKBCf8.js +0 -4
  1364. package/screen-reader-only.component-B06hVxPg.js +0 -16
  1365. package/select.component-BZbDGrv8.js +0 -522
  1366. package/selection-action-panel.component-_kh6l2sj.js +0 -35
  1367. package/selection-expansion-panel.component-ChMYCw38.js +0 -144
  1368. package/sidebar-close-button.component-B9QGnQLs.js +0 -30
  1369. package/sidebar-container.component-BW24Ap9F.js +0 -63
  1370. package/sidebar-content.component-DSTp9Iu6.js +0 -20
  1371. package/sidebar-title.component-COjEsAkk.js +0 -53
  1372. package/sidebar.component-C2YYQj-Q.js +0 -238
  1373. package/signet.component-CixiIpLj.js +0 -101
  1374. package/skiplink-list.component-CINJgt_l.js +0 -102
  1375. package/slider.component-BhtuB-8p.js +0 -249
  1376. package/status.component-BZ8zajOL.js +0 -83
  1377. package/step-label.component-COJYo-MI.js +0 -82
  1378. package/step.component-BIOQdZVR.js +0 -94
  1379. package/stepper.component-D2vhtDCy.js +0 -286
  1380. package/sticky-bar.component-CYCOEGz7.js +0 -141
  1381. package/styles-DpIXFSVm.js +0 -5
  1382. package/styles-uZGSPqgK.js +0 -5
  1383. package/tab-group.component-nprcnwFB.js +0 -185
  1384. package/tab-label.component-BeLuYRBg.js +0 -165
  1385. package/tab-nav-bar.component-Du1JyNtu.js +0 -81
  1386. package/tab.component-D8Rz05Fo.js +0 -48
  1387. package/table-wrapper.component-DkaL4T5V.js +0 -83
  1388. package/tag-group.component-CW6Z9-P6.js +0 -143
  1389. package/tag.component-CvZpvIuw.js +0 -170
  1390. package/teaser-hero.component-Dolg4-Yz.js +0 -80
  1391. package/teaser-product-common-q2IZHbkr.js +0 -62
  1392. package/teaser-product.component-DVdyKe6h.js +0 -29
  1393. package/teaser.component-DPvDVG6b.js +0 -91
  1394. package/time-input.component-ChWhDF5l.js +0 -141
  1395. package/timetable-form-details.component-Du6WPn3y.js +0 -16
  1396. package/timetable-form-field.component-Cb3FYKL7.js +0 -32
  1397. package/timetable-form-swap-button.component-ByQDf7oy.js +0 -37
  1398. package/timetable-form.component-BqokC_4S.js +0 -16
  1399. package/timetable-occupancy-icon.component-BhXQSFZR.js +0 -72
  1400. package/timetable-occupancy.component-DnaQ0TIW.js +0 -101
  1401. package/title-base-D4nE41tH.js +0 -80
  1402. package/title.component-DNBy2mIm.js +0 -54
  1403. package/toast.component-B9Gm8Kls.js +0 -189
  1404. package/toggle-check.component-BcxMe5Zi.js +0 -119
  1405. package/toggle-option.component-DvdEjT2c.js +0 -123
  1406. package/toggle.component-Lnj5TugJ.js +0 -161
  1407. package/tooltip.component-B5fKuZdI.js +0 -228
  1408. package/train-blocked-passage.component-Dz7lD_V1.js +0 -23
  1409. package/train-formation.component-CGTqQgp7.js +0 -121
  1410. package/train-wagon.component-BW-JxcK6.js +0 -259
  1411. package/train.component-B_Nlu8Kh.js +0 -176
  1412. package/visual-checkbox.component-bB_pG0vn.js +0 -118
@@ -1,1246 +0,0 @@
1
- import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { css as n, html as r, isServer as i, nothing as a } from "lit";
3
- import { property as o, state as s } from "lit/decorators.js";
4
- import { SbbElement as c } from "./core/base-elements.js";
5
- import { forceType as l, handleDistinctChange as u, plainDate as d } from "./core/decorators.js";
6
- import { boxSizingStyles as ee } from "./core/styles.js";
7
- import { SbbLanguageController as te, SbbMediaMatcherController as ne, SbbMediaQueryBreakpointLargeAndAbove as f } from "./core/controllers.js";
8
- import { i18nCalendarDateSelection as p, i18nCalendarWeekNumber as m, i18nNextMonth as re, i18nNextYear as ie, i18nNextYearRange as ae, i18nPreviousMonth as oe, i18nPreviousYear as se, i18nPreviousYearRange as ce, i18nYearMonthSelection as le } from "./core/i18n.js";
9
- import "./icon.js";
10
- import { isArrowKeyOrPageKeysPressed as ue } from "./core/a11y.js";
11
- import { classMap as h } from "lit/directives/class-map.js";
12
- import { readConfig as de } from "./core/config.js";
13
- import { DAYS_PER_ROW as g, MONTHS_PER_PAGE as fe, MONTHS_PER_ROW as _, YEARS_PER_PAGE as v, YEARS_PER_ROW as y, defaultDateAdapter as pe } from "./core/datetime.js";
14
- import { SbbCalendarDayElement as b } from "./calendar/calendar-day/calendar-day.component.js";
15
- import "./button/secondary-button.js";
16
- import "./screen-reader-only.js";
17
- //#region node_modules/date-fns/constants.js
18
- var x = 365.2425, S = 6048e5, C = 3600 * 24;
19
- C * 7, C * x / 12 * 3;
20
- var w = Symbol.for("constructDateFrom");
21
- //#endregion
22
- //#region node_modules/date-fns/constructFrom.js
23
- function T(e, t) {
24
- return typeof e == "function" ? e(t) : e && typeof e == "object" && w in e ? e[w](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
25
- }
26
- //#endregion
27
- //#region node_modules/date-fns/toDate.js
28
- function E(e, t) {
29
- return T(t || e, e);
30
- }
31
- //#endregion
32
- //#region node_modules/date-fns/addDays.js
33
- function D(e, t, n) {
34
- let r = E(e, n?.in);
35
- return isNaN(t) ? T(n?.in || e, NaN) : (t && r.setDate(r.getDate() + t), r);
36
- }
37
- //#endregion
38
- //#region node_modules/date-fns/_lib/defaultOptions.js
39
- var O = {};
40
- function k() {
41
- return O;
42
- }
43
- //#endregion
44
- //#region node_modules/date-fns/startOfWeek.js
45
- function A(e, t) {
46
- let n = k(), r = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, i = E(e, t?.in), a = i.getDay(), o = (a < r ? 7 : 0) + a - r;
47
- return i.setDate(i.getDate() - o), i.setHours(0, 0, 0, 0), i;
48
- }
49
- //#endregion
50
- //#region node_modules/date-fns/_lib/normalizeDates.js
51
- function j(e, ...t) {
52
- let n = T.bind(null, e || t.find((e) => typeof e == "object"));
53
- return t.map(n);
54
- }
55
- //#endregion
56
- //#region node_modules/date-fns/addWeeks.js
57
- function M(e, t, n) {
58
- return D(e, t * 7, n);
59
- }
60
- //#endregion
61
- //#region node_modules/date-fns/endOfMonth.js
62
- function me(e, t) {
63
- let n = E(e, t?.in), r = n.getMonth();
64
- return n.setFullYear(n.getFullYear(), r + 1, 0), n.setHours(23, 59, 59, 999), n;
65
- }
66
- //#endregion
67
- //#region node_modules/date-fns/_lib/normalizeInterval.js
68
- function N(e, t) {
69
- let [n, r] = j(e, t.start, t.end);
70
- return {
71
- start: n,
72
- end: r
73
- };
74
- }
75
- //#endregion
76
- //#region node_modules/date-fns/eachWeekOfInterval.js
77
- function he(e, t) {
78
- let { start: n, end: r } = N(t?.in, e), i = +n > +r, a = A(i ? r : n, t), o = A(i ? n : r, t);
79
- a.setHours(15), o.setHours(15);
80
- let s = +o.getTime(), c = a, l = t?.step ?? 1;
81
- if (!l) return [];
82
- l < 0 && (l = -l, i = !i);
83
- let u = [];
84
- for (; +c <= s;) c.setHours(0), u.push(T(n, c)), c = M(c, l), c.setHours(15);
85
- return i ? u.reverse() : u;
86
- }
87
- //#endregion
88
- //#region node_modules/date-fns/startOfMonth.js
89
- function ge(e, t) {
90
- let n = E(e, t?.in);
91
- return n.setDate(1), n.setHours(0, 0, 0, 0), n;
92
- }
93
- //#endregion
94
- //#region node_modules/date-fns/getWeekYear.js
95
- function P(e, t) {
96
- let n = E(e, t?.in), r = n.getFullYear(), i = k(), a = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? i.firstWeekContainsDate ?? i.locale?.options?.firstWeekContainsDate ?? 1, o = T(t?.in || e, 0);
97
- o.setFullYear(r + 1, 0, a), o.setHours(0, 0, 0, 0);
98
- let s = A(o, t), c = T(t?.in || e, 0);
99
- c.setFullYear(r, 0, a), c.setHours(0, 0, 0, 0);
100
- let l = A(c, t);
101
- return +n >= +s ? r + 1 : +n >= +l ? r : r - 1;
102
- }
103
- //#endregion
104
- //#region node_modules/date-fns/startOfWeekYear.js
105
- function F(e, t) {
106
- let n = k(), r = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, i = P(e, t), a = T(t?.in || e, 0);
107
- return a.setFullYear(i, 0, r), a.setHours(0, 0, 0, 0), A(a, t);
108
- }
109
- //#endregion
110
- //#region node_modules/date-fns/getWeek.js
111
- function I(e, t) {
112
- let n = E(e, t?.in), r = A(n, t) - +F(n, t);
113
- return Math.round(r / S) + 1;
114
- }
115
- //#endregion
116
- //#region src/elements/calendar/calendar/calendar.scss?lit&inline
117
- var _e = n`:host{--sbb-calendar-cell-size:2.5rem;--sbb-calendar-hover-shift:.0625rem;--sbb-calendar-wide-cell-size:4.375rem;--sbb-calendar-header-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-smoke));--sbb-calendar-cell-background-color:transparent;--sbb-calendar-cell-background-color-hover:var(--sbb-background-color-3);--sbb-calendar-cell-background-color-active:var(--sbb-background-color-4);--sbb-calendar-cell-padding:.125rem;--sbb-calendar-cell-color:var(--sbb-color-2);--sbb-calendar-cell-border-radius:var(--sbb-border-radius-4x);--sbb-calendar-cell-selected-border:var(--sbb-border-width-2x) solid var(--sbb-border-color-2);--sbb-calendar-cell-selected-background-color:var(--sbb-background-color-2-inverted);--sbb-calendar-cell-disabled-height:.09375rem;--sbb-calendar-cell-disabled-width:1.59375rem;--sbb-calendar-cell-disabled-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-smoke));--sbb-calendar-cell-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-calendar-cell-transition-easing-function:var(--sbb-animation-easing);--sbb-calendar-tables-gap:var(--sbb-spacing-fixed-10x);--sbb-calendar-table-animation-shift:.00625rem;--sbb-calendar-table-animation-duration:.1ms;--sbb-calendar-table-column-spaces:12;--sbb-calendar-control-view-change-height:2.75rem;--sbb-calendar-control-view-change-color:var(--sbb-color-3);--sbb-calendar-control-view-change-background:var(--sbb-background-color-1);--sbb-calendar-cell-year-month-width:4.8125rem;--sbb-calendar-cell-year-month-height:2.75rem;width:max-content;display:block}@media (width>=37.5rem){:host{--sbb-calendar-cell-size:2.75rem;--sbb-calendar-wide-cell-size:4.8125rem;--sbb-calendar-control-view-change-height:3rem}}:host(:is(:state(enhanced),[state--enhanced])){--sbb-calendar-cell-padding-block-end:var(--sbb-spacing-fixed-3x)}.sbb-calendar__wrapper{width:100%;transition-duration:var(--sbb-calendar-cell-transition-duration);display:block}.sbb-calendar__controls{align-items:center;gap:var(--sbb-spacing-fixed-2x);width:100%;margin-block-end:var(--sbb-spacing-fixed-4x);display:inline-flex}.sbb-calendar__controls-month{gap:var(--sbb-calendar-tables-gap);width:100%;display:flex}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--sbb-calendar-control-view-change-color);--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);margin:0;height:var(--sbb-calendar-control-view-change-height);text-transform:capitalize;cursor:var(--sbb-cursor-pointer);padding:0;padding-inline:var(--sbb-spacing-fixed-5x) var(--sbb-spacing-fixed-2x);border-radius:0;border-radius:var(--sbb-border-radius-infinity);background:0 0;background-color:var(--sbb-calendar-control-view-change-background);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);border:none;outline:none;align-items:center;margin:auto;transition-property:background-color,padding-block-end;display:flex}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background:var(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,var(--sbb-color-anthracite));--sbb-calendar-control-view-change-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-aluminium));cursor:unset}.sbb-calendar__controls-change-date:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x)}@media (any-hover:hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background:var(--sbb-background-color-3)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces:6}.sbb-calendar__table-overflow-break{contain:layout}.sbb-calendar__table-container{gap:var(--sbb-calendar-tables-gap);margin-inline:var(--sbb-calendar-margin);--sbb-calendar-min-width:calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow:calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset:min(0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)));--sbb-calendar-margin:var(--sbb-calendar-start-offset);display:flex}:host(:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width:calc(2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap));--sbb-calendar-margin:calc(.5 * var(--sbb-calendar-start-offset))}:host([orientation=horizontal][week-numbers]) .sbb-calendar__table-container{--sbb-calendar-min-width:calc(8 * var(--sbb-calendar-cell-size))}:host([orientation=horizontal][week-numbers]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width:calc(2 * 8 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap))}:host([orientation=vertical]) .sbb-calendar__table-container{min-width:var(--sbb-calendar-min-width);--sbb-calendar-start-offset:0}:host([orientation=vertical]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width:calc(13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap))}.sbb-calendar__table{border-collapse:collapse;width:100%;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration:0s;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not(:is(:state(wide),[state--wide]))) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header,.sbb-calendar__table-body{text-align:center}.sbb-calendar__table-header-cell,.sbb-calendar__table-header-cell-vertical{--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);width:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-header-color);padding:0}:host(:not([multiple])) .sbb-calendar__table-header-cell,:host(:not([multiple])) .sbb-calendar__table-header-cell-vertical{height:var(--sbb-calendar-cell-size)}.sbb-calendar__table-header-cell-vertical{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}.sbb-calendar__table-data{text-align:center;padding:0;position:relative}.sbb-calendar__header-cell,.sbb-calendar__cell{appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--sbb-calendar-cell-color);--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);height:var(--sbb-calendar-cell-size);cursor:var(--sbb-cursor-pointer);z-index:0;background:0 0;border:none;border-radius:0;outline:none;margin:0;padding:0;position:relative}.sbb-calendar__header-cell:before,.sbb-calendar__cell:before{content:"";inset:var(--sbb-calendar-cell-padding);background-color:var(--sbb-calendar-cell-background-color);border-radius:var(--sbb-calendar-cell-border-radius);z-index:-1;transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color;position:absolute}@media (any-hover:hover){.sbb-calendar__header-cell:not(:active,:disabled):hover,.sbb-calendar__cell:not(:active,:disabled):hover{--sbb-calendar-cell-background-color:var(--sbb-calendar-cell-background-color-hover);padding-block-end:var(--sbb-calendar-hover-shift)}}@media (any-hover:hover) and (forced-colors:active){.sbb-calendar__header-cell:not(:active,:disabled):hover:before,.sbb-calendar__cell:not(:active,:disabled):hover:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style:initial}}.sbb-calendar__header-cell:disabled,.sbb-calendar__cell:disabled{--sbb-calendar-cell-color:var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__header-cell:focus-visible:before,.sbb-calendar__cell:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width)}.sbb-calendar__header-cell:not(:disabled):active,.sbb-calendar__cell:not(:disabled):active{--sbb-calendar-cell-background-color:var(--sbb-calendar-cell-background-color-active)}@media (forced-colors:active){.sbb-calendar__header-cell:not(:disabled):active:before,.sbb-calendar__cell:not(:disabled):active:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style:initial}}.sbb-calendar__header-cell{--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-calendar-header-color)}.sbb-calendar__cell{height:var(--sbb-calendar-cell-year-month-height);width:var(--sbb-calendar-cell-year-month-width)}.sbb-calendar__weekday{width:var(--sbb-calendar-cell-size)}.sbb-calendar__day-cell{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}.sbb-calendar__crossed-out:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);background-color:var(--sbb-calendar-cell-disabled-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.sbb-calendar__cell-current{--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-calendar__selected:before{border:var(--sbb-calendar-cell-selected-border);border-radius:var(--sbb-calendar-cell-border-radius)}sbb-calendar-day{--sbb-calendar-day-flex-direction:row;--sbb-calendar-day-justify-content:center;--sbb-calendar-day-align-items:center;--sbb-calendar-day-extra-display:none;--sbb-calendar-day-crossed-out-top:50%;--sbb-calendar-day-crossed-out-translate:translate(-50%, -50%) rotate(-45deg);--sbb-calendar-day-height:2.75rem;--sbb-calendar-day-value-height:unset}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0%)}}@keyframes hide{0%{opacity:1;transform:translateY(0%)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}`;
118
- //#endregion
119
- //#region src/elements/calendar/calendar/calendar.component.ts
120
- b.define();
121
- var ve = class extends Event {
122
- get range() {
123
- return this._range;
124
- }
125
- constructor(e) {
126
- super("monthchange", {
127
- bubbles: !0,
128
- composed: !0
129
- }), this._range = Object.freeze(e || []);
130
- }
131
- }, L = (() => {
132
- let n = c, b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], L, R, z = [], B = [], V, H = [], U = [], W, G = [], K = [], q, J = [], Y = [], X, Z = [], Q = [], $, ye, be = [], xe = [], Se, Ce = [], we = [];
133
- return class extends n {
134
- static {
135
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
136
- x = [l(), o({ type: Boolean })], w = [o()], D = [d(), o()], A = [d(), o()], N = [
137
- l(),
138
- u((e, t) => e._onMultipleChanged(t)),
139
- o({ type: Boolean })
140
- ], L = [o()], R = [s()], V = [o({ attribute: "date-filter" })], W = [o({ reflect: !0 })], q = [l(), o({
141
- attribute: "week-numbers",
142
- type: Boolean
143
- })], X = [s()], $ = [s()], ye = [s()], Se = [s()], e(this, null, x, {
144
- kind: "accessor",
145
- name: "wide",
146
- static: !1,
147
- private: !1,
148
- access: {
149
- has: (e) => "wide" in e,
150
- get: (e) => e.wide,
151
- set: (e, t) => {
152
- e.wide = t;
153
- }
154
- },
155
- metadata: t
156
- }, S, C), e(this, null, w, {
157
- kind: "accessor",
158
- name: "view",
159
- static: !1,
160
- private: !1,
161
- access: {
162
- has: (e) => "view" in e,
163
- get: (e) => e.view,
164
- set: (e, t) => {
165
- e.view = t;
166
- }
167
- },
168
- metadata: t
169
- }, T, E), e(this, null, D, {
170
- kind: "accessor",
171
- name: "min",
172
- static: !1,
173
- private: !1,
174
- access: {
175
- has: (e) => "min" in e,
176
- get: (e) => e.min,
177
- set: (e, t) => {
178
- e.min = t;
179
- }
180
- },
181
- metadata: t
182
- }, O, k), e(this, null, A, {
183
- kind: "accessor",
184
- name: "max",
185
- static: !1,
186
- private: !1,
187
- access: {
188
- has: (e) => "max" in e,
189
- get: (e) => e.max,
190
- set: (e, t) => {
191
- e.max = t;
192
- }
193
- },
194
- metadata: t
195
- }, j, M), e(this, null, N, {
196
- kind: "accessor",
197
- name: "multiple",
198
- static: !1,
199
- private: !1,
200
- access: {
201
- has: (e) => "multiple" in e,
202
- get: (e) => e.multiple,
203
- set: (e, t) => {
204
- e.multiple = t;
205
- }
206
- },
207
- metadata: t
208
- }, P, F), e(this, null, L, {
209
- kind: "setter",
210
- name: "selected",
211
- static: !1,
212
- private: !1,
213
- access: {
214
- has: (e) => "selected" in e,
215
- set: (e, t) => {
216
- e.selected = t;
217
- }
218
- },
219
- metadata: t
220
- }, null, b), e(this, null, R, {
221
- kind: "accessor",
222
- name: "_selected",
223
- static: !1,
224
- private: !1,
225
- access: {
226
- has: (e) => "_selected" in e,
227
- get: (e) => e._selected,
228
- set: (e, t) => {
229
- e._selected = t;
230
- }
231
- },
232
- metadata: t
233
- }, z, B), e(this, null, V, {
234
- kind: "accessor",
235
- name: "dateFilter",
236
- static: !1,
237
- private: !1,
238
- access: {
239
- has: (e) => "dateFilter" in e,
240
- get: (e) => e.dateFilter,
241
- set: (e, t) => {
242
- e.dateFilter = t;
243
- }
244
- },
245
- metadata: t
246
- }, H, U), e(this, null, W, {
247
- kind: "accessor",
248
- name: "orientation",
249
- static: !1,
250
- private: !1,
251
- access: {
252
- has: (e) => "orientation" in e,
253
- get: (e) => e.orientation,
254
- set: (e, t) => {
255
- e.orientation = t;
256
- }
257
- },
258
- metadata: t
259
- }, G, K), e(this, null, q, {
260
- kind: "accessor",
261
- name: "weekNumbers",
262
- static: !1,
263
- private: !1,
264
- access: {
265
- has: (e) => "weekNumbers" in e,
266
- get: (e) => e.weekNumbers,
267
- set: (e, t) => {
268
- e.weekNumbers = t;
269
- }
270
- },
271
- metadata: t
272
- }, J, Y), e(this, null, X, {
273
- kind: "accessor",
274
- name: "_activeDate",
275
- static: !1,
276
- private: !1,
277
- access: {
278
- has: (e) => "_activeDate" in e,
279
- get: (e) => e._activeDate,
280
- set: (e, t) => {
281
- e._activeDate = t;
282
- }
283
- },
284
- metadata: t
285
- }, Z, Q), e(this, null, $, {
286
- kind: "setter",
287
- name: "_wide",
288
- static: !1,
289
- private: !1,
290
- access: {
291
- has: (e) => "_wide" in e,
292
- set: (e, t) => {
293
- e._wide = t;
294
- }
295
- },
296
- metadata: t
297
- }, null, b), e(this, null, ye, {
298
- kind: "accessor",
299
- name: "_calendarView",
300
- static: !1,
301
- private: !1,
302
- access: {
303
- has: (e) => "_calendarView" in e,
304
- get: (e) => e._calendarView,
305
- set: (e, t) => {
306
- e._calendarView = t;
307
- }
308
- },
309
- metadata: t
310
- }, be, xe), e(this, null, Se, {
311
- kind: "accessor",
312
- name: "_initialized",
313
- static: !1,
314
- private: !1,
315
- access: {
316
- has: (e) => "_initialized" in e,
317
- get: (e) => e._initialized,
318
- set: (e, t) => {
319
- e._initialized = t;
320
- }
321
- },
322
- metadata: t
323
- }, Ce, we), t && Object.defineProperty(this, Symbol.metadata, {
324
- enumerable: !0,
325
- configurable: !0,
326
- writable: !0,
327
- value: t
328
- });
329
- }
330
- static {
331
- this.elementName = "sbb-calendar";
332
- }
333
- static {
334
- this.styles = [ee, _e];
335
- }
336
- static {
337
- this.events = {
338
- dateselected: "dateselected",
339
- monthchange: "monthchange"
340
- };
341
- }
342
- #e;
343
- get wide() {
344
- return this.#e;
345
- }
346
- set wide(e) {
347
- this.#e = e;
348
- }
349
- #t;
350
- get view() {
351
- return this.#t;
352
- }
353
- set view(e) {
354
- this.#t = e;
355
- }
356
- #n;
357
- get min() {
358
- return this.#n;
359
- }
360
- set min(e) {
361
- this.#n = e;
362
- }
363
- #r;
364
- get max() {
365
- return this.#r;
366
- }
367
- set max(e) {
368
- this.#r = e;
369
- }
370
- #i;
371
- get multiple() {
372
- return this.#i;
373
- }
374
- set multiple(e) {
375
- this.#i = e;
376
- }
377
- set selected(e) {
378
- if (Array.isArray(e)) this._selected = e.map((e) => this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e))).filter((e) => e !== null).filter((e) => !this._isDayInRange(this._dateAdapter.toIso8601(e)) || this._dateFilter(e));
379
- else {
380
- let t = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e));
381
- t && (!this._isDayInRange(this._dateAdapter.toIso8601(t)) || this._dateFilter(t)) ? this._selected = t : this._selected = null;
382
- }
383
- }
384
- get selected() {
385
- return this._selected;
386
- }
387
- #a;
388
- get _selected() {
389
- return this.#a;
390
- }
391
- set _selected(e) {
392
- this.#a = e;
393
- }
394
- #o;
395
- get dateFilter() {
396
- return this.#o;
397
- }
398
- set dateFilter(e) {
399
- this.#o = e;
400
- }
401
- #s;
402
- get orientation() {
403
- return this.#s;
404
- }
405
- set orientation(e) {
406
- this.#s = e;
407
- }
408
- #c;
409
- get weekNumbers() {
410
- return this.#c;
411
- }
412
- set weekNumbers(e) {
413
- this.#c = e;
414
- }
415
- #l;
416
- get _activeDate() {
417
- return this.#l;
418
- }
419
- set _activeDate(e) {
420
- this.#l = e;
421
- }
422
- set _wide(e) {
423
- this.toggleState("wide", e), this._wideInternal = e;
424
- }
425
- get _wide() {
426
- return this._wideInternal;
427
- }
428
- #u;
429
- get _calendarView() {
430
- return this.#u;
431
- }
432
- set _calendarView(e) {
433
- this.#u = e;
434
- }
435
- get _cells() {
436
- return Array.from((this._calendarView === "day" ? this._getRootForQuerySelector()?.querySelectorAll("sbb-calendar-day") : this.shadowRoot?.querySelectorAll(".sbb-calendar__cell")) ?? []);
437
- }
438
- #d;
439
- get _initialized() {
440
- return this.#d;
441
- }
442
- set _initialized(e) {
443
- this.#d = e;
444
- }
445
- constructor() {
446
- super(), this.#e = (t(this, b), t(this, S, !1)), this.#t = (t(this, C), t(this, T, "day")), this.#n = (t(this, E), t(this, O, null)), this.#r = (t(this, k), t(this, j, null)), this.#i = (t(this, M), t(this, P, !1)), this.#a = (t(this, F), t(this, z, null)), this.#o = (t(this, B), t(this, H, null)), this.#s = (t(this, U), t(this, G, "horizontal")), this.#c = (t(this, K), t(this, J, !1)), this._dateAdapter = (t(this, Y), de().datetime?.dateAdapter ?? pe), this.#l = t(this, Z, this._dateAdapter.today()), this._wideInternal = (t(this, Q), !1), this.#u = t(this, be, "day"), this._nextCalendarView = (t(this, xe), "day"), this._keyboardNavigationDayViewParameters = {
447
- firstDayInView: null,
448
- lastDayInView: null,
449
- firstMonthOffset: 0,
450
- firstMonthLength: 0,
451
- secondMonthOffset: 0
452
- }, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._enhancedVariant = !1, this._resetFocus = !1, this._containingFocus = !1, this.#d = t(this, Ce, !1), this._language = (t(this, we), new te(this).withHandler(() => {
453
- this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
454
- })), this._mediaMatcher = new ne(this, { [f]: () => this._init() }), this._onSlotChange = () => {
455
- this._enhancedVariant = Array.from(this.children).some((e) => e.localName === "sbb-calendar-day"), this.toggleState("enhanced", this._enhancedVariant), this._setTabIndex();
456
- }, this._createMonthRows(), this._setWeekdays(), this.addEventListener("focusin", () => this._containingFocus = !0), this.addEventListener("focusout", () => this._containingFocus = !1), this.addEventListener("click", (e) => {
457
- let t = e.target.closest("sbb-calendar-day");
458
- t && this._selectDate(t.value);
459
- }), this.addEventListener("keydown", (e) => {
460
- e.target.localName === "sbb-calendar-day" && this._handleKeyboardEvent(e, this._mapDateToDay(e.target.value));
461
- });
462
- }
463
- _getRootForQuerySelector() {
464
- return this._enhancedVariant ? this : this.shadowRoot;
465
- }
466
- _dateFilter(e) {
467
- return this.dateFilter?.(e) ?? !0;
468
- }
469
- resetPosition() {
470
- this._resetCalendarView(), this._init();
471
- }
472
- connectedCallback() {
473
- super.connectedCallback(), this.resetPosition(), this.shadowRoot?.addEventListener("slotchange", this._onSlotChange, { capture: !0 });
474
- }
475
- disconnectedCallback() {
476
- super.disconnectedCallback(), this.shadowRoot?.removeEventListener("slotchange", this._onSlotChange, { capture: !0 });
477
- }
478
- focus() {
479
- this._resetFocus = !0, this._focusCell();
480
- }
481
- willUpdate(e) {
482
- super.willUpdate(e), this._initialized && ((e.has("wide") || e.has("orientation")) && this.resetPosition(), e.has("view") && (this._setChosenYear(), this._chosenMonth = void 0, this._nextCalendarView = this._calendarView = this.view));
483
- }
484
- updated(e) {
485
- super.updated(e), this._setTabIndex(), this._focusCell();
486
- }
487
- _onMultipleChanged(e) {
488
- e && !Array.isArray(this._selected) && (this._selected = this._selected ? [this._selected] : []), !e && Array.isArray(this._selected) && (this._selected = this._selected.length ? this._selected[0] : null);
489
- }
490
- _init(e) {
491
- if (!i) {
492
- if (this.hydrationRequired) {
493
- this.hydrationComplete.then(() => this._init());
494
- return;
495
- }
496
- if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(f) ?? !1) && this.wide, this._weeks = this._createWeekRows(this._activeDate), this._years = this._createYearRows(), this._weekNumbers = this._createWeekNumbers(this._activeDate), this._nextMonthWeeks = [[]], this._nextMonthYears = [[]], this._wide) {
497
- let e = this._dateAdapter.addCalendarMonths(this._activeDate, 1);
498
- this._nextMonthWeeks = this._createWeekRows(e, !0), this._nextMonthYears = this._createYearRows(v), this._nextMonthWeekNumbers = this._createWeekNumbers(e);
499
- }
500
- this._initialized = !0;
501
- }
502
- }
503
- _focusCell() {
504
- this._resetFocus &&= (this._getFirstFocusable()?.focus(), !1);
505
- }
506
- _setWeekdays() {
507
- let e = this._dateAdapter.getDayOfWeekNames("narrow"), t = this._dateAdapter.getDayOfWeekNames("long").map((t, n) => ({
508
- long: t,
509
- narrow: e[n]
510
- })), n = this._dateAdapter.getFirstDayOfWeek();
511
- this._weekdays = t.slice(n).concat(t.slice(0, n));
512
- }
513
- _createWeekNumbers(e) {
514
- return he({
515
- start: ge(e),
516
- end: me(e)
517
- }, { weekStartsOn: 1 }).map((e) => I(e, {
518
- weekStartsOn: 1,
519
- firstWeekContainsDate: 4
520
- }));
521
- }
522
- _createWeekRows(e, t = !1) {
523
- let n = this._dateAdapter.getNumDaysInMonth(e), r = this._dateAdapter.getFirstWeekOffset(e);
524
- return t ? (this._keyboardNavigationDayViewParameters.secondMonthOffset = r, this._keyboardNavigationDayViewParameters.lastDayInView = this._dateAdapter.toIso8601(this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), n))) : (this._keyboardNavigationDayViewParameters.firstMonthLength = n, this._keyboardNavigationDayViewParameters.firstMonthOffset = r, this._keyboardNavigationDayViewParameters.firstDayInView = this._dateAdapter.toIso8601(this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), 1)), this._keyboardNavigationDayViewParameters.lastDayInView = this._dateAdapter.toIso8601(this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), n))), this.orientation === "horizontal" ? this._createWeekRowsHorizontal(e, n, r) : this._createWeekRowsVertical(e, n, r);
525
- }
526
- _createWeekRowsHorizontal(e, t, n) {
527
- let r = [[]];
528
- for (let i = 0, a = n; i < t; i++, a++) {
529
- a === g && (r.push([]), a = 0);
530
- let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
531
- r[r.length - 1].push(this._mapDateToDay(t));
532
- }
533
- return r;
534
- }
535
- _createWeekRowsVertical(e, t, n) {
536
- let r = Array.from({ length: g }, () => []);
537
- for (let i = 0, a = n; i < t; i++, a++) {
538
- a === g && (a = 0);
539
- let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
540
- r[a].push(this._mapDateToDay(t));
541
- }
542
- return r;
543
- }
544
- _mapDateToDay(e) {
545
- let t = this._dateAdapter.toIso8601(e);
546
- return {
547
- value: t,
548
- dateValue: e,
549
- dayValue: String(this._dateAdapter.getDate(e)),
550
- monthValue: String(this._dateAdapter.getMonth(e)),
551
- yearValue: String(this._dateAdapter.getYear(e)),
552
- weekValue: I(t, {
553
- weekStartsOn: 1,
554
- firstWeekContainsDate: 4
555
- }),
556
- weekDayValue: this._dateAdapter.getDayOfWeek(e)
557
- };
558
- }
559
- _mapValueToISODate(e) {
560
- return typeof e == "string" ? e : this._dateAdapter.toIso8601(e);
561
- }
562
- _createMonthRows() {
563
- let e = this._dateAdapter.getMonthNames("short"), t = Array(12).fill(null).map((t, n) => ({
564
- value: e[n],
565
- longValue: this._monthNames[n],
566
- monthValue: n + 1
567
- })), n = 12 / _, r = [];
568
- for (let e = 0; e < n; e++) r.push(t.slice(_ * e, _ * (e + 1)));
569
- this._months = r;
570
- }
571
- _createYearRows(e = 0) {
572
- let t = this._getStartValueYearView(), n = Array(v).fill(0).map((n, r) => t + e + r), r = v / y, i = [];
573
- for (let e = 0; e < r; e++) i.push(n.slice(y * e, y * (e + 1)));
574
- return i;
575
- }
576
- _getStartValueYearView() {
577
- let e = 0;
578
- this.max ? e = this._dateAdapter.getYear(this.max) - v + 1 : this.min && (e = this._dateAdapter.getYear(this.min));
579
- let t = this._dateAdapter.getYear(this._activeDate);
580
- return t - ((t - e) % v + v) % v;
581
- }
582
- _isDayInRange(e) {
583
- if (!this.min && !this.max) return !0;
584
- let t = this._dateAdapter.deserialize(e);
585
- return this._dateAdapter.sameDate(t, this._dateAdapter.clampDate(t, this.min, this.max));
586
- }
587
- _isMonthInRange(e, t) {
588
- if (!this.min && !this.max) return !0;
589
- let n = this._dateAdapter.isValid(this.min) && (t < this._dateAdapter.getYear(this.min) || t === this._dateAdapter.getYear(this.min) && e < this._dateAdapter.getMonth(this.min)), r = this._dateAdapter.isValid(this.max) && (t > this._dateAdapter.getYear(this.max) || t === this._dateAdapter.getYear(this.max) && e > this._dateAdapter.getMonth(this.max));
590
- return !(n || r);
591
- }
592
- _isYearInRange(e) {
593
- if (!this.min && !this.max) return !0;
594
- let t = this._dateAdapter.isValid(this.min) && this._dateAdapter.getYear(this.min) > e, n = this._dateAdapter.isValid(this.max) && this._dateAdapter.getYear(this.max) < e;
595
- return !(t || n);
596
- }
597
- _isMonthFilteredOut(e, t) {
598
- if (!this.dateFilter) return !0;
599
- let n = this._dateAdapter.createDate(t, e, 1);
600
- for (let t = n; this._dateAdapter.getMonth(t) == e; t = this._dateAdapter.addCalendarDays(t, 1)) if (this.dateFilter(t)) return !0;
601
- return !1;
602
- }
603
- _isYearFilteredOut(e) {
604
- if (!this.dateFilter) return !0;
605
- let t = this._dateAdapter.createDate(e, 1, 1);
606
- for (let n = t; this._dateAdapter.getYear(n) == e; n = this._dateAdapter.addCalendarDays(n, 1)) if (this.dateFilter(n)) return !0;
607
- return !1;
608
- }
609
- _selectDate(e) {
610
- if (this._chosenMonth = void 0, this._setChosenYear(), this.multiple) {
611
- if (this._selected && this._selected.length > 0) {
612
- let t = this._selected.findIndex((t) => this._dateAdapter.compareDate(t, e) === 0);
613
- t === -1 ? this._selected = [...this._selected, e] : this._selected = this._selected.filter((e, n) => n !== t);
614
- } else this._selected = [e];
615
- this._emitDateSelectedEvent(this._selected.map((e) => this._dateAdapter.deserialize(e)));
616
- } else (!this._selected || this._dateAdapter.compareDate(this._selected, e) !== 0) && (this._selected = e, this._emitDateSelectedEvent(this._dateAdapter.deserialize(e)));
617
- }
618
- _selectMultipleDates(e) {
619
- let t = this._cells.filter((e) => !e.disabled).map((e) => this._mapValueToISODate(e.value)), n = e.map((e) => e.value).filter((e) => t.includes(e)), r = new Set(n), i = new Set(this._selected.map((e) => this._dateAdapter.toIso8601(e)));
620
- this._selected = this._updateSelectedWithMultipleDates(n, r, i).map((e) => this._dateAdapter.deserialize(e)), this._emitDateSelectedEvent(this._selected.map((e) => this._dateAdapter.deserialize(e)));
621
- }
622
- _emitDateSelectedEvent(e) {
623
- this.dispatchEvent(new CustomEvent("dateselected", {
624
- detail: e,
625
- composed: !0,
626
- bubbles: !0
627
- }));
628
- }
629
- _emitMonthChange() {
630
- let e = (this.wide ? [...this._weeks, ...this._nextMonthWeeks] : this._weeks).flat().sort((e, t) => e.value.localeCompare(t.value));
631
- this.dispatchEvent(new ve(e));
632
- }
633
- _updateSelectedWithMultipleDates(e, t, n) {
634
- return e.every((e) => n.has(e)) ? t.forEach((e) => n.delete(e)) : t.forEach((e) => n.add(e)), Array.from(n);
635
- }
636
- _setChosenYear() {
637
- if (this.view === "month") {
638
- let e;
639
- e = this.multiple ? this.selected.at(-1) : this.selected, this._chosenYear = this._dateAdapter.getYear(e ?? this._dateAdapter.today());
640
- } else this._chosenYear = void 0;
641
- }
642
- _assignActiveDate(e) {
643
- if (this.min && this._dateAdapter.compareDate(this.min, e) > 0) {
644
- this._activeDate = this.min;
645
- return;
646
- }
647
- if (this.max && this._dateAdapter.compareDate(this.max, e) < 0) {
648
- this._activeDate = this.max;
649
- return;
650
- }
651
- this._activeDate = e;
652
- }
653
- _goToDifferentMonth(e) {
654
- this._init(this._dateAdapter.addCalendarMonths(this._activeDate, e)), this._emitMonthChange();
655
- }
656
- _goToDifferentYear(e) {
657
- this._chosenYear += e, this._activeDate = this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate), this._dateAdapter.getDate(this._activeDate)), this._init();
658
- }
659
- _goToDifferentYearRange(e) {
660
- this._init(this._dateAdapter.addCalendarYears(this._activeDate, e));
661
- }
662
- _prevDisabled(e) {
663
- return this.min ? this._dateAdapter.compareDate(e, this.min) < 0 : !1;
664
- }
665
- _nextDisabled(e) {
666
- return this.max ? this._dateAdapter.compareDate(e, this.max) > 0 : !1;
667
- }
668
- _previousMonthDisabled() {
669
- let e = this._dateAdapter.addCalendarDays(this._activeDate, this._dateAdapter.getDate(this._activeDate) * -1);
670
- return this._prevDisabled(e);
671
- }
672
- _nextMonthDisabled() {
673
- let e = this._dateAdapter.addCalendarMonths(this._activeDate, this._wide ? 2 : 1);
674
- return e = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), 1), this._nextDisabled(e);
675
- }
676
- _previousYearDisabled() {
677
- let e = this._dateAdapter.createDate(this._dateAdapter.getYear(this._activeDate) - 1, 12, 31);
678
- return this._prevDisabled(e);
679
- }
680
- _nextYearDisabled() {
681
- let e = this._dateAdapter.createDate(this._dateAdapter.getYear(this._activeDate) + (this._wide ? 2 : 1), 1, 1);
682
- return this._nextDisabled(e);
683
- }
684
- _previousYearRangeDisabled() {
685
- let e = this._dateAdapter.createDate(this._years[0][0] - 1, 12, 31);
686
- return this._prevDisabled(e);
687
- }
688
- _nextYearRangeDisabled() {
689
- let e = this._wide ? this._nextMonthYears : this._years, t = e[e.length - 1], n = t[t.length - 1], r = this._dateAdapter.createDate(n + 1, 1, 1);
690
- return this._nextDisabled(r);
691
- }
692
- _handleTableBlur(e) {
693
- e?.localName !== "sbb-calendar-day" && this._setTabIndex();
694
- }
695
- _setTabIndex() {
696
- let e = this._calendarView === "day" ? "sbb-calendar-day" : ".sbb-calendar__cell";
697
- Array.from(this._getRootForQuerySelector().querySelectorAll(`${e}[tabindex="0"]`) ?? []).forEach((e) => e.tabIndex = -1);
698
- let t = this._getFirstFocusable();
699
- t && (t.tabIndex = 0);
700
- }
701
- _getFirstFocusable() {
702
- let e = this._getRootForQuerySelector();
703
- if (this._calendarView === "day") {
704
- let t = e.querySelector(":is(:state(selected),[state--selected])") ?? e.querySelector(":is(:state(current),[state--current])");
705
- return t && !t.disabled ? t : this._getFirstFocusableDay();
706
- } else {
707
- let e = this.shadowRoot?.querySelector(".sbb-calendar__cell-current");
708
- return e && !e.disabled ? e : this.shadowRoot.querySelector(".sbb-calendar__cell:not([disabled])");
709
- }
710
- }
711
- _getFirstFocusableDay() {
712
- let e = Array.from(this._getRootForQuerySelector().querySelectorAll("sbb-calendar-day:not([disabled])"));
713
- if (!e || e.length === 0) return null;
714
- {
715
- let t = e.map((e) => this._dateAdapter.toIso8601(e.value)).sort()[0];
716
- return this._getRootForQuerySelector().querySelector(`sbb-calendar-day[slot="${t}"]`);
717
- }
718
- }
719
- _handleKeyboardEvent(e, t) {
720
- ue(e) && e.preventDefault();
721
- let n = this._cells, r = n.findIndex((t) => t === e.target), i;
722
- i = t ? this._navigateByKeyboardDayView(e, r, n, t) : this._navigateByKeyboard(e, r, n);
723
- let a = (this._enhancedVariant ? document : this.shadowRoot).activeElement;
724
- i !== a && (i.tabIndex = 0, i?.focus(), a.tabIndex = -1);
725
- }
726
- _navigateByKeyboardDayView(e, t, n, r) {
727
- let i = this.orientation === "horizontal" ? {
728
- leftRight: 1,
729
- upDown: g
730
- } : {
731
- leftRight: g,
732
- upDown: 1
733
- }, a = t < this._keyboardNavigationDayViewParameters.firstMonthLength ? this._keyboardNavigationDayViewParameters.firstMonthOffset : this._keyboardNavigationDayViewParameters.secondMonthOffset;
734
- switch (e.key) {
735
- case "ArrowUp": return this._findDayArrows(n, t, r.dateValue, -i.upDown);
736
- case "ArrowDown": return this._findDayArrows(n, t, r.dateValue, i.upDown);
737
- case "ArrowLeft": return this._findDayArrows(n, t, r.dateValue, -i.leftRight);
738
- case "ArrowRight": return this._findDayArrows(n, t, r.dateValue, i.leftRight);
739
- case "PageUp": if (this.orientation === "horizontal") {
740
- let e = (+r.dayValue % g || g) - +r.dayValue;
741
- return this._findDayPageUpDown(n, t, r, e, i.upDown);
742
- } else {
743
- let e = (Math.ceil((+r.dayValue + a) / g) - 1) * g - a + 1 - r.dayValue;
744
- return this._findDayPageUpDown(n, t, r, e, i.upDown);
745
- }
746
- case "PageDown": if (this.orientation === "horizontal") {
747
- let e = +r.monthValue + 1 > 12 ? 1 : +r.monthValue + 1, a = +r.monthValue + 1 > 12 ? +r.yearValue + 1 : +r.yearValue, o = this._dateAdapter.createDate(a, e, 1), s = this._dateAdapter.getDate(this._dateAdapter.addCalendarDays(o, -1)), c = Math.trunc((s - +r.dayValue) / g) * g;
748
- return this._findDayPageUpDown(n, t, r, c, -i.upDown);
749
- } else {
750
- let e = Math.ceil((+r.dayValue + a) / g) * g - a - +r.dayValue;
751
- return this._findDayPageUpDown(n, t, r, e, -i.upDown);
752
- }
753
- case "Home": return this._findDayFirst(n, t, r, 1);
754
- case "End": {
755
- let e = +r.monthValue + 1 > 12 ? 1 : +r.monthValue + 1, i = +r.monthValue + 1 > 12 ? +r.yearValue + 1 : +r.yearValue, a = this._dateAdapter.createDate(i, e, 1);
756
- return this._findDayLast(n, t, a);
757
- }
758
- default: return n[t];
759
- }
760
- }
761
- _isDayOutOfView(e) {
762
- return e < this._keyboardNavigationDayViewParameters.firstDayInView || e > this._keyboardNavigationDayViewParameters.lastDayInView;
763
- }
764
- _findDayArrows(e, t, n, r) {
765
- let i = this._dateAdapter.toIso8601(this._dateAdapter.addCalendarDays(n, r));
766
- if (this._isDayOutOfView(i)) return e[t];
767
- let a = e.find((e) => this._mapValueToISODate(e.value) === i);
768
- return !a || a.disabled ? this._findDayArrows(e, t, this._dateAdapter.deserialize(i), r) : a;
769
- }
770
- _findDayPageUpDown(e, t, n, r, i) {
771
- let a = this._dateAdapter.toIso8601(this._dateAdapter.addCalendarDays(n.dateValue, r));
772
- if (this._isDayOutOfView(a)) return e[t];
773
- let o = e.find((e) => this._mapValueToISODate(e.value) === a);
774
- return !o || o.disabled ? this._findDayPageUpDown(e, t, n, r + i, i) : o;
775
- }
776
- _findDayFirst(e, t, n, r) {
777
- let i = this._dateAdapter.toIso8601(this._dateAdapter.createDate(+n.yearValue, +n.monthValue, r));
778
- if (this._isDayOutOfView(i)) return e[t];
779
- let a = e.find((e) => this._mapValueToISODate(e.value) === i);
780
- return !a || a.disabled ? this._findDayFirst(e, t, n, r + 1) : a;
781
- }
782
- _findDayLast(e, t, n) {
783
- let r = this._dateAdapter.toIso8601(this._dateAdapter.addCalendarDays(n, -1));
784
- if (this._isDayOutOfView(r)) return e[t];
785
- let i = e.find((e) => this._mapValueToISODate(e.value) === r);
786
- return !i || i.disabled ? this._findDayLast(e, t, this._dateAdapter.deserialize(r)) : i;
787
- }
788
- _navigateByKeyboard(e, t, n) {
789
- let { elementIndexForWideMode: r, offsetForWideMode: i, lastElementIndexForWideMode: a, verticalOffset: o } = this._calculateParametersForKeyboardNavigation(t, this._calendarView === "year");
790
- switch (e.key) {
791
- case "ArrowUp": return this._findNext(n, t, -o);
792
- case "ArrowDown": return this._findNext(n, t, o);
793
- case "ArrowLeft": return this._findNext(n, t, -1);
794
- case "ArrowRight": return this._findNext(n, t, 1);
795
- case "Home": return this._findFirst(n, i);
796
- case "PageUp": return this._findFirstOnColumn(n, r, i, o);
797
- case "PageDown": return this._findLastOnColumn(n, t, a, o);
798
- case "End": return this._findLast(n, a - 1);
799
- default: return n[t];
800
- }
801
- }
802
- _calculateParametersForKeyboardNavigation(e, t) {
803
- let n = t ? v : fe, r = Math.trunc(e / n) * n, i = r === 0 ? e : e - n;
804
- return {
805
- verticalOffset: t ? y : _,
806
- elementIndexForWideMode: i,
807
- offsetForWideMode: e - i,
808
- lastElementIndexForWideMode: r === 0 ? n : n * 2
809
- };
810
- }
811
- _findNext(e, t, n) {
812
- let r = t + n;
813
- for (; r < e.length && e[r]?.disabled;) r += n;
814
- return e[r] ?? e[t];
815
- }
816
- _findFirst(e, t) {
817
- return e[t].disabled ? this._findNext(e, t, 1) : e[t];
818
- }
819
- _findLast(e, t) {
820
- return e[t].disabled ? this._findNext(e, t, -1) : e[t];
821
- }
822
- _findFirstOnColumn(e, t, n, r) {
823
- let i = t % r + n;
824
- return e[i].disabled ? this._findNext(e, i, r) : e[i];
825
- }
826
- _findLastOnColumn(e, t, n, r) {
827
- let i = t + Math.trunc((n - t - 1) / r) * r;
828
- return e[i].disabled ? this._findNext(e, i, -r) : e[i];
829
- }
830
- _resetCalendarViewAndEmitMonthChange(e = !1) {
831
- this._resetCalendarView(e), this._emitMonthChange();
832
- }
833
- _resetCalendarView(e = !1) {
834
- this._containingFocus && (this._resetFocus = !0), this._activeDate = (this.multiple ? this._selected.at(-1) : this._selected) ?? this._dateAdapter.today(), this._setChosenYear(), this._chosenMonth = void 0, this._init(), this._nextCalendarView = this._calendarView = this.view, e && this._startTableTransition();
835
- }
836
- _renderDayView() {
837
- let e = this._wide ? this._dateAdapter.addCalendarMonths(this._activeDate, 1) : void 0;
838
- return r`
839
- <div class="sbb-calendar__controls">
840
- ${this._getArrow("left", () => this._goToDifferentMonth(-1), oe[this._language.current], this._previousMonthDisabled())}
841
- <div class="sbb-calendar__controls-month">
842
- ${this._createLabelForDayView(this._activeDate)}
843
- ${this._wide ? this._createLabelForDayView(e) : a}
844
- <sbb-screen-reader-only role="status">
845
- ${this._createAriaLabelForDayView(this._activeDate, e)}
846
- </sbb-screen-reader-only>
847
- </div>
848
- ${this._getArrow("right", () => this._goToDifferentMonth(1), re[this._language.current], this._nextMonthDisabled())}
849
- </div>
850
- <div class="sbb-calendar__table-overflow-break">
851
- <div class="sbb-calendar__table-container sbb-calendar__table-day-view">
852
- ${this.orientation === "horizontal" ? r`
853
- ${this._createDayTable(this._weeks, this._weekNumbers)}
854
- ${this._wide ? this._createDayTable(this._nextMonthWeeks, this._nextMonthWeekNumbers, !0) : a}
855
- ` : r`
856
- ${this._createDayTableVertical(this._weeks, this._weekNumbers)}
857
- ${this._wide ? this._createDayTableVertical(this._nextMonthWeeks, this._nextMonthWeekNumbers, e) : a}
858
- `}
859
- </div>
860
- </div>
861
- `;
862
- }
863
- _createLabelForDayView(e) {
864
- let t = `${this._monthNames[this._dateAdapter.getMonth(e) - 1]} ${this._dateAdapter.getYear(e)}`;
865
- return r`
866
- <button
867
- type="button"
868
- class="sbb-calendar__date-selection sbb-calendar__controls-change-date"
869
- aria-label="${le[this._language.current]} ${t}"
870
- @click=${() => {
871
- this._resetFocus = !0, this._nextCalendarView = "year", this._startTableTransition();
872
- }}
873
- >
874
- ${t}
875
- <sbb-icon name="chevron-small-down-small"></sbb-icon>
876
- </button>
877
- `;
878
- }
879
- _createAriaLabelForDayView(...e) {
880
- let t = "";
881
- for (let n of e) n && (t += `${this._monthNames[this._dateAdapter.getMonth(n) - 1]} ${this._dateAdapter.getYear(n)} `);
882
- return t;
883
- }
884
- _createDayTable(e, t, n = !1) {
885
- let i = (this._wide ? [...this._weeks, ...this._nextMonthWeeks] : n ? this._nextMonthWeeks : this._weeks).flat(), o = (n ? this._nextMonthWeeks : this._weeks).flat();
886
- return r`
887
- <table
888
- class="sbb-calendar__table"
889
- @focusout=${(e) => this._handleTableBlur(e.relatedTarget)}
890
- @animationend=${(e) => this._tableAnimationEnd(e)}
891
- >
892
- <thead class="sbb-calendar__table-header">
893
- <tr>
894
- ${this.weekNumbers ? r`<th class="sbb-calendar__table-header-cell"></th>` : a}
895
- ${this._weekdays.map((e, t) => r`
896
- <th class="sbb-calendar__table-header-cell">
897
- ${this.multiple ? r`
898
- <button
899
- class="sbb-calendar__header-cell sbb-calendar__weekday"
900
- aria-label=${e.long}
901
- @click=${() => {
902
- let e = o.filter((e) => e.weekDayValue === (t + 1) % 7);
903
- this._selectMultipleDates(e);
904
- }}
905
- >
906
- ${e.narrow}
907
- </button>
908
- ` : r`
909
- <sbb-screen-reader-only>${e.long}</sbb-screen-reader-only>
910
- <span aria-hidden="true">${e.narrow}</span>
911
- `}
912
- </th>
913
- `)}
914
- </tr>
915
- </thead>
916
- <tbody class="sbb-calendar__table-body">
917
- ${e.map((e, n) => {
918
- let o = g - e.length;
919
- return n === 0 && o ? r`
920
- <tr>
921
- ${this.weekNumbers ? r`
922
- <td class="sbb-calendar__table-header-cell-vertical">
923
- ${this.multiple ? r`
924
- <button
925
- class="sbb-calendar__header-cell sbb-calendar__weekday"
926
- aria-label=${`${m[this._language.current]} ${t[0]}`}
927
- @click=${() => {
928
- let e = i.filter((e) => e.weekValue === t[0]);
929
- this._selectMultipleDates(e);
930
- }}
931
- >
932
- ${t[0]}
933
- </button>
934
- ` : r`
935
- <sbb-screen-reader-only
936
- >${`${m[this._language.current]} ${t[0]}`}</sbb-screen-reader-only
937
- >
938
- <span aria-hidden="true">${t[0]}</span>
939
- `}
940
- </td>
941
- ` : a}
942
- ${[...Array(o).keys()].map(() => r`<td class="sbb-calendar__table-data"></td>`)}
943
- ${this._createDayCells(e)}
944
- </tr>
945
- ` : r`
946
- <tr>
947
- ${this.weekNumbers ? r`
948
- <td class="sbb-calendar__table-header-cell-vertical">
949
- ${this.multiple ? r`
950
- <button
951
- class="sbb-calendar__header-cell sbb-calendar__weekday"
952
- aria-label=${`${m[this._language.current]} ${t[n]}`}
953
- @click=${() => {
954
- let e = i.filter((e) => e.weekValue === t[n]);
955
- this._selectMultipleDates(e);
956
- }}
957
- >
958
- ${t[n]}
959
- </button>
960
- ` : r`
961
- <sbb-screen-reader-only
962
- >${`${m[this._language.current]} ${t[n]}`}</sbb-screen-reader-only
963
- >
964
- <span aria-hidden="true">${t[n]}</span>
965
- `}
966
- </td>
967
- ` : a}
968
- ${this._createDayCells(e)}
969
- </tr>
970
- `;
971
- })}
972
- </tbody>
973
- </table>
974
- `;
975
- }
976
- _createDayTableVertical(e, t, n) {
977
- let i = this._dateAdapter.getFirstWeekOffset(n ?? this._activeDate), o = (this._wide ? [...this._weeks, ...this._nextMonthWeeks] : n ? this._nextMonthWeeks : this._weeks).flat();
978
- return r`
979
- <table
980
- class="sbb-calendar__table"
981
- @focusout=${(e) => this._handleTableBlur(e.relatedTarget)}
982
- @animationend=${(e) => this._tableAnimationEnd(e)}
983
- >
984
- ${this.weekNumbers ? r`
985
- <thead class="sbb-calendar__table-header">
986
- <tr>
987
- ${n ? a : r`<th class="sbb-calendar__table-data"></th>`}
988
- ${t.map((e) => r`
989
- <th class="sbb-calendar__table-header-cell">
990
- ${this.multiple ? r`
991
- <button
992
- class="sbb-calendar__header-cell sbb-calendar__weekday"
993
- aria-label=${`${m[this._language.current]} ${e}`}
994
- @click=${() => {
995
- let t = o.filter((t) => t.weekValue === e);
996
- this._selectMultipleDates(t);
997
- }}
998
- >
999
- ${e}
1000
- </button>
1001
- ` : r`
1002
- <sbb-screen-reader-only
1003
- >${`${m[this._language.current]} ${e}`}</sbb-screen-reader-only
1004
- >
1005
- <span aria-hidden="true">${e}</span>
1006
- `}
1007
- </th>
1008
- `)}
1009
- </tr>
1010
- </thead>
1011
- ` : a}
1012
- <tbody class="sbb-calendar__table-body">
1013
- ${e.map((e, t) => {
1014
- let o = this._weekdays[t], s = this._wide ? [...e, ...this._nextMonthWeeks[t]] : e;
1015
- return r`
1016
- <tr>
1017
- ${n ? a : r`
1018
- <td class="sbb-calendar__table-header-cell-vertical">
1019
- ${this.multiple ? r`
1020
- <button
1021
- class="sbb-calendar__header-cell sbb-calendar__weekday"
1022
- aria-label=${o.long}
1023
- @click=${() => this._selectMultipleDates(s)}
1024
- >
1025
- ${o.narrow}
1026
- </button>
1027
- ` : r`
1028
- <sbb-screen-reader-only>${o.long}</sbb-screen-reader-only>
1029
- <span aria-hidden="true">${o.narrow}</span>
1030
- `}
1031
- </td>
1032
- `}
1033
- ${t < i ? r`<td class="sbb-calendar__table-data"></td>` : a}
1034
- ${this._createDayCells(e)}
1035
- </tr>
1036
- `;
1037
- })}
1038
- </tbody>
1039
- </table>
1040
- `;
1041
- }
1042
- _createDayCells(e) {
1043
- return e.map((e) => r`
1044
- <td class=" sbb-calendar__table-data sbb-calendar__day-cell">
1045
- <slot name=${e.value}>
1046
- <sbb-calendar-day
1047
- slot=${e.value}
1048
- @click=${() => this._selectDate(e.dateValue)}
1049
- @keydown=${(t) => this._handleKeyboardEvent(t, e)}
1050
- ></sbb-calendar-day>
1051
- </slot>
1052
- </td>
1053
- `);
1054
- }
1055
- _renderMonthView() {
1056
- return r`
1057
- <div class="sbb-calendar__controls">
1058
- ${this._getArrow("left", () => this._goToDifferentYear(-1), se[this._language.current], this._previousYearDisabled())}
1059
- <div class="sbb-calendar__controls-month">${this._createLabelForMonthView()}</div>
1060
- ${this._getArrow("right", () => this._goToDifferentYear(1), ie[this._language.current], this._nextYearDisabled())}
1061
- </div>
1062
- <div class="sbb-calendar__table-overflow-break">
1063
- <div class="sbb-calendar__table-container sbb-calendar__table-month-view">
1064
- ${this._createMonthTable(this._months, this._chosenYear)}
1065
- ${this._wide ? this._createMonthTable(this._months, this._chosenYear + 1) : a}
1066
- </div>
1067
- </div>
1068
- `;
1069
- }
1070
- _createLabelForMonthView() {
1071
- return r` <button
1072
- type="button"
1073
- id="sbb-calendar__month-selection"
1074
- class="sbb-calendar__controls-change-date"
1075
- aria-label=${`${p[this._language.current]} ${this._chosenYear}`}
1076
- @click=${() => this._resetCalendarViewAndEmitMonthChange(!0)}
1077
- >
1078
- ${this._chosenYear} ${this._wide ? ` - ${this._chosenYear + 1}` : a}
1079
- <sbb-icon name="chevron-small-up-small"></sbb-icon>
1080
- </button>
1081
- <sbb-screen-reader-only role="status"> ${this._chosenYear} </sbb-screen-reader-only>`;
1082
- }
1083
- _createMonthTable(e, t) {
1084
- return r`
1085
- <table
1086
- class="sbb-calendar__table"
1087
- @animationend=${(e) => this._tableAnimationEnd(e)}
1088
- >
1089
- ${this._wide ? r`<thead class="sbb-calendar__table-header" aria-hidden="true">
1090
- <tr>
1091
- <th class="sbb-calendar__table-header-cell" colspan=${_}>${t}</th>
1092
- </tr>
1093
- </thead>` : a}
1094
- <tbody class="sbb-calendar__table-body">
1095
- ${e.map((e) => r`
1096
- <tr>
1097
- ${e.map((e) => {
1098
- let n;
1099
- if (this.multiple) n = this._selected.find((n) => t === this._dateAdapter.getYear(n) && e.monthValue === this._dateAdapter.getMonth(n)) !== void 0;
1100
- else {
1101
- let r = this._selected ? this._dateAdapter.getMonth(this._selected) : void 0, i = this._selected ? this._dateAdapter.getYear(this._selected) : void 0;
1102
- n = !!this._selected && t === i && e.monthValue === r;
1103
- }
1104
- let i = !this._isMonthInRange(e.monthValue, t), o = !this._isMonthFilteredOut(e.monthValue, t), s = t === this._dateAdapter.getYear(this._dateAdapter.today()) && this._dateAdapter.getMonth(this._dateAdapter.today()) === e.monthValue;
1105
- return r` <td
1106
- class=${h({
1107
- "sbb-calendar__table-data": !0,
1108
- "sbb-calendar__table-month": !0
1109
- })}
1110
- >
1111
- <button
1112
- class=${h({
1113
- "sbb-calendar__cell": !0,
1114
- "sbb-calendar__cell-current": s,
1115
- "sbb-calendar__crossed-out": !i && o,
1116
- "sbb-calendar__selected": n
1117
- })}
1118
- @click=${() => this._onMonthSelection(e.monthValue, t)}
1119
- ?disabled=${i || o}
1120
- aria-label=${`${e.longValue} ${t}`}
1121
- aria-pressed=${n}
1122
- aria-disabled=${String(i || o)}
1123
- tabindex="-1"
1124
- data-month=${e.monthValue || a}
1125
- @keydown=${(e) => this._handleKeyboardEvent(e)}
1126
- >
1127
- ${e.value}
1128
- </button>
1129
- </td>`;
1130
- })}
1131
- </tr>
1132
- `)}
1133
- </tbody>
1134
- </table>
1135
- `;
1136
- }
1137
- _onMonthSelection(e, t) {
1138
- this._chosenMonth = e, this._nextCalendarView = "day", this._init(this._dateAdapter.createDate(t, this._chosenMonth, this._dateAdapter.getDate(this._activeDate))), this._startTableTransition(), this._emitMonthChange();
1139
- }
1140
- _renderYearView() {
1141
- return r`
1142
- <div class="sbb-calendar__controls">
1143
- ${this._getArrow("left", () => this._goToDifferentYearRange(-v), ce(v)[this._language.current], this._previousYearRangeDisabled())}
1144
- <div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
1145
- ${this._getArrow("right", () => this._goToDifferentYearRange(v), ae(v)[this._language.current], this._nextYearRangeDisabled())}
1146
- </div>
1147
- <div class="sbb-calendar__table-overflow-break">
1148
- <div class="sbb-calendar__table-container sbb-calendar__table-year-view">
1149
- ${this._createYearTable(this._years)}
1150
- ${this._wide ? this._createYearTable(this._nextMonthYears, !0) : a}
1151
- </div>
1152
- </div>
1153
- `;
1154
- }
1155
- _getArrow(e, t, n, i) {
1156
- return r`<sbb-secondary-button
1157
- size="m"
1158
- icon-name="chevron-small-${e}-small"
1159
- aria-label=${n}
1160
- @click=${t}
1161
- ?disabled=${i}
1162
- id="sbb-calendar__controls-${e === "left" ? "previous" : "next"}"
1163
- ></sbb-secondary-button>`;
1164
- }
1165
- _createLabelForYearView() {
1166
- let e = this._years.flat()[0], t = (this._wide ? this._nextMonthYears : this._years).flat(), n = `${e} - ${t[t.length - 1]}`;
1167
- return r`
1168
- <button
1169
- type="button"
1170
- id="sbb-calendar__year-selection"
1171
- class="sbb-calendar__controls-change-date"
1172
- aria-label="${p[this._language.current]} ${n}"
1173
- @click=${() => this._resetCalendarViewAndEmitMonthChange(!0)}
1174
- >
1175
- ${n}
1176
- <sbb-icon name="chevron-small-up-small"></sbb-icon>
1177
- </button>
1178
- <sbb-screen-reader-only role="status"> ${n} </sbb-screen-reader-only>
1179
- `;
1180
- }
1181
- _createYearTable(e, t = !1) {
1182
- let n = this._dateAdapter.today();
1183
- return r` <table
1184
- class="sbb-calendar__table"
1185
- @animationend=${(e) => this._tableAnimationEnd(e)}
1186
- >
1187
- <tbody class="sbb-calendar__table-body">
1188
- ${e.map((e) => r` <tr>
1189
- ${e.map((e) => {
1190
- let i;
1191
- if (this.multiple) i = this._selected.find((t) => e === this._dateAdapter.getYear(t)) !== void 0;
1192
- else {
1193
- let t = this._selected ? this._dateAdapter.getYear(this._selected) : void 0;
1194
- i = !!this._selected && e === t;
1195
- }
1196
- let o = !this._isYearInRange(e), s = !this._isYearFilteredOut(e), c = this._dateAdapter.getYear(n) === e;
1197
- return r` <td class="sbb-calendar__table-data sbb-calendar__table-year">
1198
- <button
1199
- class=${h({
1200
- "sbb-calendar__cell": !0,
1201
- "sbb-calendar__cell-current": c,
1202
- "sbb-calendar__crossed-out": !o && s,
1203
- "sbb-calendar__selected": i
1204
- })}
1205
- @click=${() => this._onYearSelection(e, t)}
1206
- ?disabled=${o || s}
1207
- aria-label=${e}
1208
- aria-pressed=${i}
1209
- aria-disabled=${String(o || s)}
1210
- tabindex="-1"
1211
- data-year=${e || a}
1212
- @keydown=${(e) => this._handleKeyboardEvent(e)}
1213
- >
1214
- ${e}
1215
- </button>
1216
- </td>`;
1217
- })}
1218
- </tr>`)}
1219
- </tbody>
1220
- </table>`;
1221
- }
1222
- _onYearSelection(e, t) {
1223
- this._chosenYear = t ? e - 1 : e, this._nextCalendarView = "month", this._assignActiveDate(this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate), this._dateAdapter.getDate(this._activeDate))), this._startTableTransition();
1224
- }
1225
- _getView() {
1226
- if (i || this.hydrationRequired) return r`${a}`;
1227
- switch (this._calendarView) {
1228
- case "year": return this._renderYearView();
1229
- case "month": return this._renderMonthView();
1230
- default: return this._renderDayView();
1231
- }
1232
- }
1233
- _tableAnimationEnd(e) {
1234
- let t = e.target;
1235
- e.animationName === "hide" ? (t.classList.remove("sbb-calendar__table-hide"), this._containingFocus && (this._resetFocus = !0), this._calendarView = this._nextCalendarView) : e.animationName === "show" && this.internals.states.delete("transition");
1236
- }
1237
- _startTableTransition() {
1238
- this.internals.states.add("transition"), this.shadowRoot?.querySelectorAll("table")?.forEach((e) => e.classList.toggle("sbb-calendar__table-hide"));
1239
- }
1240
- render() {
1241
- return r`<div class="sbb-calendar__wrapper">${this._getView()}</div>`;
1242
- }
1243
- };
1244
- })();
1245
- //#endregion
1246
- export { ve as n, L as t };