@sbb-esta/lyne-elements 3.6.0 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (491) hide show
  1. package/a11y.css +1 -1
  2. package/alert/alert/alert.component.d.ts +2 -0
  3. package/alert/alert/alert.component.d.ts.map +1 -1
  4. package/alert/alert/alert.component.js +44 -39
  5. package/alert/alert-group/alert-group.component.js +12 -12
  6. package/autocomplete/autocomplete-base-element.d.ts +14 -0
  7. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  8. package/autocomplete/autocomplete-base-element.js +110 -77
  9. package/autocomplete/autocomplete.component.d.ts.map +1 -1
  10. package/autocomplete/autocomplete.component.js +9 -9
  11. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  12. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +5 -5
  13. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +14 -14
  14. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
  15. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +9 -9
  16. package/badge.css +2 -2
  17. package/breadcrumb/breadcrumb/breadcrumb.component.js +12 -12
  18. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +15 -15
  19. package/button/common.js +1 -1
  20. package/button/mini-button/mini-button.component.js +7 -7
  21. package/button/mini-button-group/mini-button-group.component.js +21 -21
  22. package/button.js +1 -1
  23. package/calendar/calendar.component.js +36 -36
  24. package/card/card/card.component.js +10 -10
  25. package/card/card-badge/card-badge.component.js +15 -15
  26. package/carousel/carousel/carousel.component.d.ts +33 -0
  27. package/carousel/carousel/carousel.component.d.ts.map +1 -0
  28. package/carousel/carousel/carousel.component.js +82 -0
  29. package/carousel/carousel-item/carousel-item.component.d.ts +29 -0
  30. package/carousel/carousel-item/carousel-item.component.d.ts.map +1 -0
  31. package/carousel/carousel-item/carousel-item.component.js +26 -0
  32. package/carousel/carousel-item.d.ts +5 -0
  33. package/carousel/carousel-item.d.ts.map +1 -0
  34. package/carousel/carousel-item.js +4 -0
  35. package/carousel/carousel-list/carousel-list.component.d.ts +30 -0
  36. package/carousel/carousel-list/carousel-list.component.d.ts.map +1 -0
  37. package/carousel/carousel-list/carousel-list.component.js +81 -0
  38. package/carousel/carousel-list.d.ts +5 -0
  39. package/carousel/carousel-list.d.ts.map +1 -0
  40. package/carousel/carousel-list.js +4 -0
  41. package/carousel/carousel.d.ts +5 -0
  42. package/carousel/carousel.d.ts.map +1 -0
  43. package/carousel/carousel.js +4 -0
  44. package/carousel.d.ts +7 -0
  45. package/carousel.d.ts.map +1 -0
  46. package/carousel.js +8 -0
  47. package/checkbox/common.js +1 -1
  48. package/checkbox-common-gjHkSAmN.js +5 -0
  49. package/checkbox.js +1 -1
  50. package/chip/chip/chip.component.js +23 -23
  51. package/chip-label/chip-label.component.js +22 -22
  52. package/clock/clock.component.js +29 -29
  53. package/container/container/container.component.js +21 -21
  54. package/container/sticky-bar/sticky-bar.component.js +13 -13
  55. package/core/config/config.d.ts +6 -0
  56. package/core/config/config.d.ts.map +1 -1
  57. package/core/controllers/media-matchers-controller.d.ts +29 -0
  58. package/core/controllers/media-matchers-controller.d.ts.map +1 -1
  59. package/core/controllers/media-matchers-controller.js +73 -23
  60. package/core/controllers.js +16 -14
  61. package/core/dom/contains-pierce-shadow-dom.d.ts +3 -0
  62. package/core/dom/contains-pierce-shadow-dom.d.ts.map +1 -0
  63. package/core/dom/contains-pierce-shadow-dom.js +12 -0
  64. package/core/dom/queue-dom-content-loaded.d.ts +5 -0
  65. package/core/dom/queue-dom-content-loaded.d.ts.map +1 -0
  66. package/core/dom/queue-dom-content-loaded.js +7 -0
  67. package/core/dom/set-or-remove-attribute.d.ts +14 -0
  68. package/core/dom/set-or-remove-attribute.d.ts.map +1 -1
  69. package/core/dom/set-or-remove-attribute.js +11 -3
  70. package/core/dom.d.ts +2 -0
  71. package/core/dom.d.ts.map +1 -1
  72. package/core/dom.js +28 -22
  73. package/core/i18n/i18n.d.ts +6 -0
  74. package/core/i18n/i18n.d.ts.map +1 -1
  75. package/core/i18n/i18n.js +196 -160
  76. package/core/i18n.js +94 -88
  77. package/core/images.d.ts +4 -0
  78. package/core/images.d.ts.map +1 -1
  79. package/core/images.js +12 -12
  80. package/core/mixins.js +10 -10
  81. package/core/overlay/overlay-outside-pointer-event-listener.d.ts +26 -0
  82. package/core/overlay/overlay-outside-pointer-event-listener.d.ts.map +1 -0
  83. package/core/overlay/overlay-outside-pointer-event-listener.js +37 -0
  84. package/core/overlay.d.ts +1 -0
  85. package/core/overlay.d.ts.map +1 -1
  86. package/core/overlay.js +14 -11
  87. package/core/styles/core.scss +40 -13
  88. package/core/styles/mixins/a11y.scss +1 -1
  89. package/core/styles/mixins/badge.scss +2 -2
  90. package/core/styles/mixins/buttons.scss +14 -14
  91. package/core/styles/mixins/card.scss +9 -6
  92. package/core/styles/mixins/chip.scss +8 -8
  93. package/core/styles/mixins/image.scss +3 -0
  94. package/core/styles/mixins/link.scss +12 -7
  95. package/core/styles/mixins/lists.scss +6 -4
  96. package/core/styles/mixins/overlay.scss +6 -3
  97. package/core/styles/mixins/panel.scss +3 -3
  98. package/core/styles/mixins/pearl-chain-bullet.scss +9 -5
  99. package/core/styles/mixins/scrollbar.scss +17 -9
  100. package/core/styles/mixins/shadows.scss +32 -64
  101. package/core/styles/mixins/table.scss +13 -10
  102. package/core/styles/mixins/timetable-form.scss +63 -0
  103. package/core/styles/mixins/typo.scss +4 -4
  104. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +49 -1
  105. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +203 -5
  106. package/core/styles/off-brand-theme.scss +3 -0
  107. package/core/styles/safety-theme.scss +3 -0
  108. package/core/styles/standard-theme.scss +3 -13
  109. package/core/styles/theme.scss +18 -0
  110. package/core/styles/timetable-form.scss +27 -0
  111. package/core.css +283 -51
  112. package/custom-elements.json +19396 -15212
  113. package/date-input/date-input.component.js +1 -1
  114. package/datepicker/datepicker/datepicker.component.js +1 -1
  115. package/datepicker/datepicker-next-day/datepicker-next-day.component.js +4 -4
  116. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +6 -6
  117. package/datepicker/datepicker-toggle/datepicker-toggle.component.js +7 -7
  118. package/development/alert/alert/alert.component.d.ts +2 -0
  119. package/development/alert/alert/alert.component.d.ts.map +1 -1
  120. package/development/alert/alert/alert.component.js +22 -8
  121. package/development/alert/alert-group/alert-group.component.js +1 -1
  122. package/development/autocomplete/autocomplete-base-element.d.ts +14 -0
  123. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  124. package/development/autocomplete/autocomplete-base-element.js +86 -19
  125. package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
  126. package/development/autocomplete/autocomplete.component.js +4 -1
  127. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  128. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +4 -1
  129. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +15 -14
  130. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +5 -4
  131. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +19 -11
  132. package/development/breadcrumb/breadcrumb/breadcrumb.component.js +4 -1
  133. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +16 -8
  134. package/development/button/common.js +1 -1
  135. package/development/button/mini-button/mini-button.component.js +15 -14
  136. package/development/button/mini-button-group/mini-button-group.component.js +4 -4
  137. package/development/button.js +1 -1
  138. package/development/calendar/calendar.component.js +21 -11
  139. package/development/card/card/card.component.js +11 -6
  140. package/development/card/card-badge/card-badge.component.js +10 -9
  141. package/development/carousel/carousel/carousel.component.d.ts +33 -0
  142. package/development/carousel/carousel/carousel.component.d.ts.map +1 -0
  143. package/development/carousel/carousel/carousel.component.js +163 -0
  144. package/development/carousel/carousel-item/carousel-item.component.d.ts +29 -0
  145. package/development/carousel/carousel-item/carousel-item.component.d.ts.map +1 -0
  146. package/development/carousel/carousel-item/carousel-item.component.js +46 -0
  147. package/development/carousel/carousel-item.d.ts +5 -0
  148. package/development/carousel/carousel-item.d.ts.map +1 -0
  149. package/development/carousel/carousel-item.js +5 -0
  150. package/development/carousel/carousel-list/carousel-list.component.d.ts +30 -0
  151. package/development/carousel/carousel-list/carousel-list.component.d.ts.map +1 -0
  152. package/development/carousel/carousel-list/carousel-list.component.js +151 -0
  153. package/development/carousel/carousel-list.d.ts +5 -0
  154. package/development/carousel/carousel-list.d.ts.map +1 -0
  155. package/development/carousel/carousel-list.js +5 -0
  156. package/development/carousel/carousel.d.ts +5 -0
  157. package/development/carousel/carousel.d.ts.map +1 -0
  158. package/development/carousel/carousel.js +5 -0
  159. package/development/carousel.d.ts +7 -0
  160. package/development/carousel.d.ts.map +1 -0
  161. package/development/carousel.js +9 -0
  162. package/development/checkbox/common.js +1 -1
  163. package/development/{checkbox-common-aMPOsPVA.js → checkbox-common-Dy_ofVhp.js} +4 -3
  164. package/development/checkbox.js +1 -1
  165. package/development/chip/chip/chip.component.js +15 -14
  166. package/development/chip-label/chip-label.component.js +12 -15
  167. package/development/clock/clock.component.js +11 -3
  168. package/development/container/container/container.component.js +6 -6
  169. package/development/container/sticky-bar/sticky-bar.component.js +6 -6
  170. package/development/core/config/config.d.ts +6 -0
  171. package/development/core/config/config.d.ts.map +1 -1
  172. package/development/core/config/config.js +1 -1
  173. package/development/core/controllers/media-matchers-controller.d.ts +29 -0
  174. package/development/core/controllers/media-matchers-controller.d.ts.map +1 -1
  175. package/development/core/controllers/media-matchers-controller.js +74 -1
  176. package/development/core/controllers.js +3 -1
  177. package/development/core/dom/contains-pierce-shadow-dom.d.ts +3 -0
  178. package/development/core/dom/contains-pierce-shadow-dom.d.ts.map +1 -0
  179. package/development/core/dom/contains-pierce-shadow-dom.js +14 -0
  180. package/development/core/dom/queue-dom-content-loaded.d.ts +5 -0
  181. package/development/core/dom/queue-dom-content-loaded.d.ts.map +1 -0
  182. package/development/core/dom/queue-dom-content-loaded.js +12 -0
  183. package/development/core/dom/set-or-remove-attribute.d.ts +14 -0
  184. package/development/core/dom/set-or-remove-attribute.d.ts.map +1 -1
  185. package/development/core/dom/set-or-remove-attribute.js +9 -1
  186. package/development/core/dom.d.ts +2 -0
  187. package/development/core/dom.d.ts.map +1 -1
  188. package/development/core/dom.js +8 -2
  189. package/development/core/i18n/i18n.d.ts +6 -0
  190. package/development/core/i18n/i18n.d.ts.map +1 -1
  191. package/development/core/i18n/i18n.js +43 -1
  192. package/development/core/i18n.js +7 -1
  193. package/development/core/images.d.ts +4 -0
  194. package/development/core/images.d.ts.map +1 -1
  195. package/development/core/images.js +11 -11
  196. package/development/core/mixins.js +7 -6
  197. package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts +26 -0
  198. package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts.map +1 -0
  199. package/development/core/overlay/overlay-outside-pointer-event-listener.js +61 -0
  200. package/development/core/overlay.d.ts +1 -0
  201. package/development/core/overlay.d.ts.map +1 -1
  202. package/development/core/overlay.js +4 -1
  203. package/development/date-input/date-input.component.js +2 -2
  204. package/development/datepicker/datepicker/datepicker.component.js +1 -1
  205. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +15 -14
  206. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +15 -14
  207. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js +15 -14
  208. package/development/dialog/dialog/dialog.component.d.ts +1 -0
  209. package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
  210. package/development/dialog/dialog/dialog.component.js +28 -14
  211. package/development/dialog/dialog-actions/dialog-actions.component.js +1 -1
  212. package/development/dialog/dialog-title/dialog-title.component.js +1 -1
  213. package/development/divider/divider.component.js +2 -2
  214. package/development/expansion-panel/expansion-panel/expansion-panel.component.js +6 -6
  215. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +6 -2
  216. package/development/file-selector/common.js +1 -1
  217. package/development/{file-selector-common-B4I8rwJE.js → file-selector-common-CRNAWFM_.js} +9 -6
  218. package/development/file-selector.js +1 -1
  219. package/development/flip-card/flip-card/flip-card.component.js +8 -3
  220. package/development/footer/footer.component.js +6 -5
  221. package/development/form-error/form-error.component.js +2 -2
  222. package/development/form-field/form-field/form-field.component.d.ts +3 -0
  223. package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
  224. package/development/form-field/form-field/form-field.component.js +39 -23
  225. package/development/form-field/form-field-clear/form-field-clear.component.js +15 -14
  226. package/development/header/common/header-action-common.js +12 -12
  227. package/development/header/header/header.component.js +2 -2
  228. package/development/header/header-environment/header-environment.component.js +1 -1
  229. package/development/{icon-sidebar-button-common-CA_8TnFu.js → icon-sidebar-button-common-BGrKtvyM.js} +3 -2
  230. package/development/journey-header/journey-header.component.js +1 -1
  231. package/development/lead-container/lead-container.component.js +4 -2
  232. package/development/link/common/block-link-common.js +17 -5
  233. package/development/link/common/inline-link-common.js +9 -3
  234. package/development/link-list/link-list/link-list.component.js +8 -8
  235. package/development/link-list/link-list-anchor/link-list-anchor.component.js +11 -9
  236. package/development/loading-indicator/loading-indicator.component.js +1 -1
  237. package/development/loading-indicator-circle/loading-indicator-circle.component.js +2 -2
  238. package/development/logo/logo.component.js +3 -2
  239. package/development/map-container/map-container.component.js +14 -6
  240. package/development/menu/common/menu-action-common.js +4 -3
  241. package/development/menu/menu/menu.component.d.ts +2 -0
  242. package/development/menu/menu/menu.component.d.ts.map +1 -1
  243. package/development/menu/menu/menu.component.js +36 -13
  244. package/development/message/message.component.js +3 -1
  245. package/development/navigation/common/navigation-action-common.js +4 -4
  246. package/development/navigation/navigation/navigation.component.js +21 -19
  247. package/development/navigation/navigation-list/navigation-list.component.js +1 -1
  248. package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
  249. package/development/navigation/navigation-section/navigation-section.component.js +4 -4
  250. package/development/notification/notification.component.js +38 -18
  251. package/development/option/optgroup/optgroup-base-element.js +3 -2
  252. package/development/option/option/option.component.js +13 -11
  253. package/development/option/option-hint/option-hint.component.js +3 -2
  254. package/development/overlay/overlay.component.d.ts.map +1 -1
  255. package/development/overlay/overlay.component.js +28 -22
  256. package/development/paginator/compact-paginator/compact-paginator.component.js +3 -2
  257. package/development/paginator/paginator/paginator.component.js +19 -18
  258. package/development/popover/popover/popover.component.js +8 -6
  259. package/development/popover/popover-trigger/popover-trigger.component.js +20 -17
  260. package/development/radio-button/common.js +1 -1
  261. package/development/radio-button/radio-button/radio-button.component.js +3 -3
  262. package/development/radio-button/radio-button-panel/radio-button-panel.component.js +3 -3
  263. package/development/{radio-button-common-BRyEhlYf.js → radio-button-common-CgM3kQSW.js} +10 -9
  264. package/development/radio-button.js +1 -1
  265. package/development/sbb-tokens-CVLcOi-S.js +1 -1
  266. package/development/screen-reader-only/screen-reader-only.component.js +1 -1
  267. package/development/select/select.component.js +31 -13
  268. package/development/selection-action-panel/selection-action-panel.component.js +9 -5
  269. package/development/selection-expansion-panel/selection-expansion-panel.component.js +10 -6
  270. package/development/sidebar/common.js +1 -1
  271. package/development/sidebar/icon-sidebar/icon-sidebar.component.js +2 -2
  272. package/development/sidebar/sidebar/sidebar.component.js +14 -6
  273. package/development/sidebar.js +1 -1
  274. package/development/signet/signet.component.js +2 -2
  275. package/development/skiplink-list/skiplink-list.component.d.ts +3 -1
  276. package/development/skiplink-list/skiplink-list.component.d.ts.map +1 -1
  277. package/development/skiplink-list/skiplink-list.component.js +27 -10
  278. package/development/slider/slider.component.js +15 -9
  279. package/development/status/status.component.js +7 -7
  280. package/development/stepper/step/step.component.js +1 -3
  281. package/development/stepper/step-label/step-label.component.js +7 -6
  282. package/development/stepper/stepper/stepper.component.js +5 -5
  283. package/development/tabs/tab-label/tab-label.component.js +7 -14
  284. package/development/tag/tag/tag.component.js +15 -9
  285. package/development/teaser/teaser.component.js +3 -2
  286. package/development/teaser-hero/teaser-hero.component.js +3 -3
  287. package/development/teaser-product/common.js +1 -1
  288. package/development/{teaser-product-common-D6fa6x3w.js → teaser-product-common-DvlBRkE_.js} +14 -6
  289. package/development/teaser-product.js +1 -1
  290. package/development/time-input/time-input.component.js +2 -2
  291. package/development/timetable-form/timetable-form/timetable-form.component.d.ts +17 -0
  292. package/development/timetable-form/timetable-form/timetable-form.component.d.ts.map +1 -0
  293. package/development/timetable-form/timetable-form/timetable-form.component.js +40 -0
  294. package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts +16 -0
  295. package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map +1 -0
  296. package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +57 -0
  297. package/development/timetable-form/timetable-form-details.d.ts +5 -0
  298. package/development/timetable-form/timetable-form-details.d.ts.map +1 -0
  299. package/development/timetable-form/timetable-form-details.js +5 -0
  300. package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts +18 -0
  301. package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map +1 -0
  302. package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +130 -0
  303. package/development/timetable-form/timetable-form-field.d.ts +5 -0
  304. package/development/timetable-form/timetable-form-field.d.ts.map +1 -0
  305. package/development/timetable-form/timetable-form-field.js +5 -0
  306. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +23 -0
  307. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -0
  308. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +80 -0
  309. package/development/timetable-form/timetable-form-swap-button.d.ts +5 -0
  310. package/development/timetable-form/timetable-form-swap-button.d.ts.map +1 -0
  311. package/development/timetable-form/timetable-form-swap-button.js +5 -0
  312. package/development/timetable-form/timetable-form.d.ts +5 -0
  313. package/development/timetable-form/timetable-form.d.ts.map +1 -0
  314. package/development/timetable-form/timetable-form.js +5 -0
  315. package/development/timetable-form.d.ts +8 -0
  316. package/development/timetable-form.d.ts.map +1 -0
  317. package/development/timetable-form.js +11 -0
  318. package/development/timetable-occupancy/timetable-occupancy.component.js +2 -2
  319. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts +1 -0
  320. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
  321. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.js +4 -3
  322. package/development/title/title-base.js +2 -5
  323. package/development/title/title.component.js +1 -1
  324. package/development/toast/toast.component.d.ts +3 -1
  325. package/development/toast/toast.component.d.ts.map +1 -1
  326. package/development/toast/toast.component.js +31 -15
  327. package/development/toggle/toggle/toggle.component.js +8 -4
  328. package/development/toggle/toggle-option/toggle-option.component.js +5 -3
  329. package/development/toggle-check/toggle-check.component.js +13 -14
  330. package/development/tooltip/tooltip.component.d.ts +89 -0
  331. package/development/tooltip/tooltip.component.d.ts.map +1 -0
  332. package/development/tooltip/tooltip.component.js +466 -0
  333. package/development/tooltip.d.ts +5 -0
  334. package/development/tooltip.d.ts.map +1 -0
  335. package/development/tooltip.js +5 -0
  336. package/development/train/train/train.component.js +1 -1
  337. package/development/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
  338. package/development/train/train-formation/train-formation.component.js +16 -4
  339. package/development/train/train-wagon/train-wagon.component.js +4 -13
  340. package/development/{transparent-button-COe-YB_U.js → transparent-button-DdSaBp_-.js} +141 -86
  341. package/development/visual-checkbox/visual-checkbox.component.js +12 -12
  342. package/dialog/dialog/dialog.component.d.ts +1 -0
  343. package/dialog/dialog/dialog.component.d.ts.map +1 -1
  344. package/dialog/dialog/dialog.component.js +37 -36
  345. package/dialog/dialog-actions/dialog-actions.component.js +6 -6
  346. package/dialog/dialog-title/dialog-title.component.js +4 -4
  347. package/divider/divider.component.js +16 -16
  348. package/expansion-panel/expansion-panel/expansion-panel.component.js +1 -1
  349. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +3 -3
  350. package/file-selector/common.js +1 -1
  351. package/file-selector-common-D88J9PEh.js +5 -0
  352. package/file-selector.js +1 -1
  353. package/flip-card/flip-card/flip-card.component.js +14 -14
  354. package/footer/footer.component.js +18 -18
  355. package/form-error/form-error.component.js +4 -4
  356. package/form-field/form-field/form-field.component.d.ts +3 -0
  357. package/form-field/form-field/form-field.component.d.ts.map +1 -1
  358. package/form-field/form-field/form-field.component.js +1 -1
  359. package/form-field/form-field-clear/form-field-clear.component.js +9 -9
  360. package/header/common/header-action-common.js +5 -5
  361. package/header/header/header.component.js +19 -19
  362. package/header/header-environment/header-environment.component.js +1 -1
  363. package/icon-sidebar-button-common-BeRXvifI.js +7 -0
  364. package/index.d.ts +16 -0
  365. package/index.js +16 -0
  366. package/journey-header/journey-header.component.js +1 -1
  367. package/lead-container/lead-container.component.js +5 -5
  368. package/link/common/block-link-common.js +23 -23
  369. package/link/common/inline-link-common.js +7 -7
  370. package/link-list/link-list/link-list.component.js +8 -8
  371. package/link-list/link-list-anchor/link-list-anchor.component.js +11 -11
  372. package/lists.css +5 -3
  373. package/loading-indicator/loading-indicator.component.js +1 -1
  374. package/loading-indicator-circle/loading-indicator-circle.component.js +13 -13
  375. package/logo/logo.component.js +9 -9
  376. package/map-container/map-container.component.js +15 -15
  377. package/menu/common/menu-action-common.js +5 -5
  378. package/menu/menu/menu.component.d.ts +2 -0
  379. package/menu/menu/menu.component.d.ts.map +1 -1
  380. package/menu/menu/menu.component.js +45 -38
  381. package/message/message.component.js +9 -9
  382. package/navigation/common/navigation-action-common.js +6 -6
  383. package/navigation/navigation/navigation.component.js +19 -19
  384. package/navigation/navigation-list/navigation-list.component.js +1 -1
  385. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  386. package/navigation/navigation-section/navigation-section.component.js +1 -1
  387. package/notification/notification.component.js +8 -8
  388. package/off-brand-theme.css +3017 -0
  389. package/option/optgroup/optgroup-base-element.js +1 -1
  390. package/option/option/option.component.js +3 -3
  391. package/option/option-hint/option-hint.component.js +8 -8
  392. package/overlay/overlay.component.d.ts.map +1 -1
  393. package/overlay/overlay.component.js +47 -48
  394. package/package.json +63 -1
  395. package/paginator/compact-paginator/compact-paginator.component.js +4 -4
  396. package/paginator/paginator/paginator.component.js +10 -10
  397. package/popover/popover/popover.component.js +9 -9
  398. package/popover/popover-trigger/popover-trigger.component.js +5 -5
  399. package/radio-button/common.js +1 -1
  400. package/radio-button/radio-button/radio-button.component.js +13 -13
  401. package/radio-button/radio-button-panel/radio-button-panel.component.js +2 -2
  402. package/radio-button-common-Nm9ULjVb.js +5 -0
  403. package/radio-button.js +1 -1
  404. package/safety-theme.css +3017 -0
  405. package/screen-reader-only/screen-reader-only.component.js +1 -1
  406. package/scrollbar.css +52 -20
  407. package/select/select.component.js +45 -45
  408. package/selection-action-panel/selection-action-panel.component.js +6 -6
  409. package/selection-expansion-panel/selection-expansion-panel.component.js +11 -11
  410. package/sidebar/common.js +1 -1
  411. package/sidebar/icon-sidebar/icon-sidebar.component.js +12 -12
  412. package/sidebar/sidebar/sidebar.component.js +29 -29
  413. package/sidebar.js +1 -1
  414. package/signet/signet.component.js +1 -1
  415. package/skiplink-list/skiplink-list.component.d.ts +3 -1
  416. package/skiplink-list/skiplink-list.component.d.ts.map +1 -1
  417. package/skiplink-list/skiplink-list.component.js +37 -30
  418. package/slider/slider.component.js +16 -16
  419. package/standard-theme.css +436 -86
  420. package/status/status.component.js +13 -13
  421. package/stepper/step/step.component.js +5 -5
  422. package/stepper/step-label/step-label.component.js +1 -1
  423. package/stepper/stepper/stepper.component.js +7 -7
  424. package/table.css +15 -9
  425. package/tabs/tab-label/tab-label.component.js +19 -19
  426. package/tag/tag/tag.component.js +14 -14
  427. package/teaser/teaser.component.js +1 -1
  428. package/teaser-hero/teaser-hero.component.js +12 -12
  429. package/teaser-product/common.js +1 -1
  430. package/teaser-product-common-DIra6aVg.js +5 -0
  431. package/teaser-product.js +1 -1
  432. package/time-input/time-input.component.js +1 -1
  433. package/timetable-form/timetable-form/timetable-form.component.d.ts +17 -0
  434. package/timetable-form/timetable-form/timetable-form.component.d.ts.map +1 -0
  435. package/timetable-form/timetable-form/timetable-form.component.js +19 -0
  436. package/timetable-form/timetable-form-details/timetable-form-details.component.d.ts +16 -0
  437. package/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map +1 -0
  438. package/timetable-form/timetable-form-details/timetable-form-details.component.js +19 -0
  439. package/timetable-form/timetable-form-details.d.ts +5 -0
  440. package/timetable-form/timetable-form-details.d.ts.map +1 -0
  441. package/timetable-form/timetable-form-details.js +4 -0
  442. package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts +18 -0
  443. package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map +1 -0
  444. package/timetable-form/timetable-form-field/timetable-form-field.component.js +32 -0
  445. package/timetable-form/timetable-form-field.d.ts +5 -0
  446. package/timetable-form/timetable-form-field.d.ts.map +1 -0
  447. package/timetable-form/timetable-form-field.js +4 -0
  448. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +23 -0
  449. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -0
  450. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +38 -0
  451. package/timetable-form/timetable-form-swap-button.d.ts +5 -0
  452. package/timetable-form/timetable-form-swap-button.d.ts.map +1 -0
  453. package/timetable-form/timetable-form-swap-button.js +4 -0
  454. package/timetable-form/timetable-form.d.ts +5 -0
  455. package/timetable-form/timetable-form.d.ts.map +1 -0
  456. package/timetable-form/timetable-form.js +4 -0
  457. package/timetable-form.css +73 -0
  458. package/timetable-form.d.ts +8 -0
  459. package/timetable-form.d.ts.map +1 -0
  460. package/timetable-form.js +10 -0
  461. package/timetable-occupancy/timetable-occupancy.component.js +7 -7
  462. package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts +1 -0
  463. package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
  464. package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +23 -23
  465. package/title/title-base.js +1 -1
  466. package/title/title.component.js +1 -1
  467. package/toast/toast.component.d.ts +3 -1
  468. package/toast/toast.component.d.ts.map +1 -1
  469. package/toast/toast.component.js +67 -59
  470. package/toggle/toggle/toggle.component.js +1 -1
  471. package/toggle/toggle-option/toggle-option.component.js +5 -5
  472. package/toggle-check/toggle-check.component.js +16 -16
  473. package/tooltip/tooltip.component.d.ts +89 -0
  474. package/tooltip/tooltip.component.d.ts.map +1 -0
  475. package/tooltip/tooltip.component.js +215 -0
  476. package/tooltip.d.ts +5 -0
  477. package/tooltip.d.ts.map +1 -0
  478. package/tooltip.js +4 -0
  479. package/train/train/train.component.js +1 -1
  480. package/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
  481. package/train/train-formation/train-formation.component.js +16 -16
  482. package/train/train-wagon/train-wagon.component.js +1 -1
  483. package/transparent-button-Bg9fU_iZ.js +9 -0
  484. package/typography.css +1 -0
  485. package/visual-checkbox/visual-checkbox.component.js +14 -14
  486. package/checkbox-common-CDzcyq8p.js +0 -5
  487. package/file-selector-common-Cn6U8goV.js +0 -5
  488. package/icon-sidebar-button-common-CM-ueEhH.js +0 -7
  489. package/radio-button-common-DzALx3X7.js +0 -5
  490. package/teaser-product-common-C8oSkIxy.js +0 -5
  491. package/transparent-button-xudJxob_.js +0 -9
@@ -17,7 +17,7 @@ const style = css`*,
17
17
 
18
18
  :host {
19
19
  display: block;
20
- --sbb-card-background-color: var(--sbb-color-white);
20
+ --sbb-card-background-color: var(--sbb-background-color-1);
21
21
  --sbb-card-border-radius: var(--sbb-border-radius-4x);
22
22
  --sbb-card-animation-duration: var(
23
23
  --sbb-disable-animation-duration,
@@ -28,6 +28,10 @@ const style = css`*,
28
28
  --sbb-card-border-style: solid;
29
29
  --sbb-card-hover-shift: 0;
30
30
  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
31
+ --sbb-focus-outline-color: light-dark(
32
+ var(--sbb-focus-outline-color-default),
33
+ var(--sbb-focus-outline-color-dark)
34
+ );
31
35
  }
32
36
  @media (forced-colors: active) {
33
37
  :host {
@@ -37,13 +41,13 @@ const style = css`*,
37
41
  }
38
42
 
39
43
  :host([color=milk]) {
40
- --sbb-card-background-color: var(--sbb-color-milk);
44
+ --sbb-card-background-color: var(--sbb-background-color-3);
41
45
  --sbb-card-border-color: transparent;
42
46
  }
43
47
 
44
48
  :host([color=transparent-bordered]) {
45
49
  --sbb-card-background-color: transparent;
46
- --sbb-card-border-color: var(--sbb-color-cloud);
50
+ --sbb-card-border-color: var(--sbb-border-color-4-inverted);
47
51
  --sbb-card-border-width: var(--sbb-border-width-1x);
48
52
  --sbb-focus-outline-color: inherit;
49
53
  }
@@ -51,13 +55,14 @@ const style = css`*,
51
55
  :host([color=transparent-bordered-dashed]) {
52
56
  --sbb-card-background-color: transparent;
53
57
  --sbb-card-border-color: var(--sbb-color-cement);
58
+ --sbb-card-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-granite));
54
59
  --sbb-card-border-width: var(--sbb-border-width-1x);
55
60
  --sbb-card-border-style: dashed;
56
61
  --sbb-focus-outline-color: inherit;
57
62
  }
58
63
 
59
64
  :host([data-has-active-action]) {
60
- --sbb-card-border-color: var(--sbb-color-charcoal);
65
+ --sbb-card-border-color: var(--sbb-border-color-3);
61
66
  --sbb-card-border-width: var(--sbb-border-width-2x);
62
67
  --sbb-card-border-style: solid;
63
68
  }
@@ -135,7 +140,7 @@ const style = css`*,
135
140
  --sbb-card-hover-shift: -0.125rem;
136
141
  }
137
142
  :host([data-has-action]:not([data-has-active-action]):hover) .sbb-card {
138
- box-shadow: var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color), var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color);
143
+ box-shadow: var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-color-hard-2), var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-color-hard-1);
139
144
  }
140
145
  }
141
146
  @media (any-hover: hover) and (forced-colors: active) {
@@ -276,4 +281,4 @@ let SbbCardElement = (() => {
276
281
  export {
277
282
  SbbCardElement
278
283
  };
279
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQvY2FyZC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCByZWxhdGVkIHRvIGEgc2luZ2xlIHN1YmplY3QuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgY2FyZC5cbiAqIEBzbG90IGJhZGdlIC0gVXNlIHRoaXMgc2xvdCB0byByZW5kZXIgYSBgc2JiLWNhcmQtYmFkZ2VgIGNvbXBvbmVudC5cbiAqIEBzbG90IGFjdGlvbiAtIFVzZSB0aGlzIHNsb3QgdG8gcmVuZGVyIGEgYHNiYi1jYXJkLWJ1dHRvbmAgb3IgYSBgc2JiLWNhcmQtbGlua2AgY29tcG9uZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItY2FyZCcpXG5jbGFzcyBTYmJDYXJkRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKipcbiAgICogU2l6ZSB2YXJpYW50LCBlaXRoZXIgeHMsIHMsIG0sIGwsIHhsLCB4eGwgb3IgeHh4bC5cbiAgICogQGRlZmF1bHQgJ20nIC8gJ3hzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6XG4gICAgfCAneHMnXG4gICAgfCAncydcbiAgICB8ICdtJ1xuICAgIHwgJ2wnXG4gICAgfCAneGwnXG4gICAgfCAneHhsJ1xuICAgIHwgJ3h4eGwnID0gaXNMZWFuKCkgPyAneHMnIDogJ20nO1xuXG4gIC8qKiBPcHRpb24gdG8gc2V0IHRoZSBjb21wb25lbnQncyBiYWNrZ3JvdW5kIGNvbG9yLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjpcbiAgICB8ICd3aGl0ZSdcbiAgICB8ICdtaWxrJ1xuICAgIHwgJ3RyYW5zcGFyZW50LWJvcmRlcmVkJ1xuICAgIHwgJ3RyYW5zcGFyZW50LWJvcmRlcmVkLWRhc2hlZCcgPSAnd2hpdGUnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZFwiPlxuICAgICAgICA8c2xvdCBuYW1lPVwiYWN0aW9uXCI+PC9zbG90PlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkX193cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmRfX2JhZGdlLXdyYXBwZXJcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiYmFkZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2FyZCc6IFNiYkNhcmRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFpQk0sa0JBQWMsTUFBQTs7MEJBRG5CLGNBQWMsVUFBVSxDQUFDOzs7O29CQUNHOzs7Ozs7O0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUE7O0FBT1IsaURBQUEsa0JBQUEsTUFBQSxvQkFPaEIsT0FBQSxJQUFXLE9BQU8sR0FBRztBQUdMLG1EQUFBLGtCQUFBLE1BQUEsdUJBQUEsR0FBQSxrQkFBQSxNQUFBLHFCQUlPLE9BQU87Ozs7Ozs7SUFkZCxJQUFnQixPQUFJO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFwQixJQUFnQixLQUFJLE9BQUE7QUFBQSx5QkFBQSx3QkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBVXBCLElBQWdCLFFBQUs7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQXJCLElBQWdCLE1BQUssT0FBQTtBQUFBLHlCQUFBLHlCQUFBO0FBQUEsSUFBQTtBQUFBLElBTS9CLFNBQU07QUFDdkIsYUFBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFXVDtBQUFBLEtBNUI2Qix3Q0FVQTs7QUFWNUIsdUJBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFBLENBQU0sQ0FBQztBQVUzQix3QkFBQSxDQUFBLFNBQVMsRUFBRSxTQUFTLEtBQUEsQ0FBTSxDQUFDO0FBVkMsaUJBQUEsSUFBQSxNQUFBLGtCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsUUFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxVQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsTUFBSSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBSixPQUFJO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLG9CQUFBLHVCQUFBO0FBVXBCLGlCQUFBLElBQUEsTUFBQSxtQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFNBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsV0FBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLE9BQUssS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUwsUUFBSztBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxxQkFBQSx3QkFBQTtBQWpCcEQsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BRDVDLGtCQUFBLFlBQUEsdUJBQUEsR0FBZTs7OyJ9
284
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQvY2FyZC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCByZWxhdGVkIHRvIGEgc2luZ2xlIHN1YmplY3QuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgY2FyZC5cbiAqIEBzbG90IGJhZGdlIC0gVXNlIHRoaXMgc2xvdCB0byByZW5kZXIgYSBgc2JiLWNhcmQtYmFkZ2VgIGNvbXBvbmVudC5cbiAqIEBzbG90IGFjdGlvbiAtIFVzZSB0aGlzIHNsb3QgdG8gcmVuZGVyIGEgYHNiYi1jYXJkLWJ1dHRvbmAgb3IgYSBgc2JiLWNhcmQtbGlua2AgY29tcG9uZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItY2FyZCcpXG5jbGFzcyBTYmJDYXJkRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKipcbiAgICogU2l6ZSB2YXJpYW50LCBlaXRoZXIgeHMsIHMsIG0sIGwsIHhsLCB4eGwgb3IgeHh4bC5cbiAgICogQGRlZmF1bHQgJ20nIC8gJ3hzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6XG4gICAgfCAneHMnXG4gICAgfCAncydcbiAgICB8ICdtJ1xuICAgIHwgJ2wnXG4gICAgfCAneGwnXG4gICAgfCAneHhsJ1xuICAgIHwgJ3h4eGwnID0gaXNMZWFuKCkgPyAneHMnIDogJ20nO1xuXG4gIC8qKiBPcHRpb24gdG8gc2V0IHRoZSBjb21wb25lbnQncyBiYWNrZ3JvdW5kIGNvbG9yLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjpcbiAgICB8ICd3aGl0ZSdcbiAgICB8ICdtaWxrJ1xuICAgIHwgJ3RyYW5zcGFyZW50LWJvcmRlcmVkJ1xuICAgIHwgJ3RyYW5zcGFyZW50LWJvcmRlcmVkLWRhc2hlZCcgPSAnd2hpdGUnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZFwiPlxuICAgICAgICA8c2xvdCBuYW1lPVwiYWN0aW9uXCI+PC9zbG90PlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkX193cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmRfX2JhZGdlLXdyYXBwZXJcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiYmFkZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2FyZCc6IFNiYkNhcmRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWlCTSxrQkFBYyxNQUFBOzswQkFEbkIsY0FBYyxVQUFVLENBQUM7Ozs7b0JBQ0c7Ozs7Ozs7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQTs7QUFPUixpREFBQSxrQkFBQSxNQUFBLG9CQU9oQixPQUFBLElBQVcsT0FBTyxHQUFHO0FBR0wsbURBQUEsa0JBQUEsTUFBQSx1QkFBQSxHQUFBLGtCQUFBLE1BQUEscUJBSU8sT0FBTzs7Ozs7OztJQWRkLElBQWdCLE9BQUk7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQXBCLElBQWdCLEtBQUksT0FBQTtBQUFBLHlCQUFBLHdCQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFVcEIsSUFBZ0IsUUFBSztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBckIsSUFBZ0IsTUFBSyxPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFNL0IsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQVdUO0FBQUEsS0E1QjZCLHdDQVVBOztBQVY1Qix1QkFBQSxDQUFBLFNBQVMsRUFBRSxTQUFTLEtBQUEsQ0FBTSxDQUFDO0FBVTNCLHdCQUFBLENBQUEsU0FBUyxFQUFFLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFWQyxpQkFBQSxJQUFBLE1BQUEsa0JBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxRQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFVBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixNQUFJLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFKLE9BQUk7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsb0JBQUEsdUJBQUE7QUFVcEIsaUJBQUEsSUFBQSxNQUFBLG1CQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsU0FBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxXQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsT0FBSyxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBTCxRQUFLO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLHFCQUFBLHdCQUFBO0FBakJwRCxpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsT0FENUMsa0JBQUEsWUFBQSx1QkFBQSxHQUFlOzs7In0=
@@ -17,19 +17,20 @@ const style = css`*,
17
17
 
18
18
  :host {
19
19
  --sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);
20
+ --sbb-card-badge-color: var(--sbb-color-2-inverted);
21
+ --sbb-card-badge-background-color: var(--sbb-background-color-3-inverted);
22
+ --sbb-card-badge-border-color: transparent;
20
23
  display: block;
21
24
  }
22
25
 
23
26
  :host([color=white]) {
24
- --sbb-card-badge-color: var(--sbb-color-charcoal);
25
- --sbb-card-badge-background-color: var(--sbb-color-white);
27
+ --sbb-card-badge-color: var(--sbb-color-3);
28
+ --sbb-card-badge-background-color: var(--sbb-background-color-1);
26
29
  --sbb-card-badge-border-color: var(--sbb-color-aluminium);
27
- }
28
-
29
- :host([color=charcoal]) {
30
- --sbb-card-badge-color: var(--sbb-color-white);
31
- --sbb-card-badge-background-color: var(--sbb-color-charcoal);
32
- --sbb-card-badge-border-color: transparent;
30
+ --sbb-card-badge-border-color: light-dark(
31
+ var(--sbb-color-aluminium),
32
+ var(--sbb-color-anthracite)
33
+ );
33
34
  }
34
35
 
35
36
  .sbb-card-badge-wrapper {
@@ -164,4 +165,4 @@ let SbbCardBadgeElement = (() => {
164
165
  export {
165
166
  SbbCardBadgeElement
166
167
  };
167
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQtYmFkZ2UvY2FyZC1iYWRnZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLWJhZGdlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCB3aXRoaW4gYSBiYWRnZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBiYWRnZS5cbiAqICAgQ29udGVudCBwYXJ0cyBzaG91bGQgYmUgd3JhcHBlZCBpbiBgPHNwYW4+YCB0YWdzIHRvIGFjaGlldmUgY29ycmVjdCBzcGFjaW5ncy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWNhcmQtYmFkZ2UnKVxuY2xhc3MgU2JiQ2FyZEJhZGdlRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICd0ZXh0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIENvbG9yIG9mIHRoZSBjYXJkIGJhZGdlLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjogJ2NoYXJjb2FsJyB8ICd3aGl0ZScgPSAnY2hhcmNvYWwnO1xuXG4gIHByaXZhdGUgX3BhcmVudEVsZW1lbnQ/OiBIVE1MRWxlbWVudCB8IG51bGw7XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnYmFkZ2UnO1xuICAgIHRoaXMuX3BhcmVudEVsZW1lbnQgPSB0aGlzLnBhcmVudEVsZW1lbnQ7XG4gICAgaWYgKHRoaXMuX3BhcmVudEVsZW1lbnQpIHtcbiAgICAgIHRoaXMuX3BhcmVudEVsZW1lbnQudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWhhcy1jYXJkLWJhZGdlJywgdHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgaWYgKHRoaXMuX3BhcmVudEVsZW1lbnQpIHtcbiAgICAgIHRoaXMuX3BhcmVudEVsZW1lbnQucmVtb3ZlQXR0cmlidXRlKCdkYXRhLWhhcy1jYXJkLWJhZGdlJyk7XG4gICAgfVxuICAgIHRoaXMuX3BhcmVudEVsZW1lbnQgPSB1bmRlZmluZWQ7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2Utd3JhcHBlclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkLWJhZGdlXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZC1iYWRnZS1iYWNrZ3JvdW5kXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2UtY29udGVudFwiPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jYXJkLWJhZGdlJzogU2JiQ2FyZEJhZGdlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFnQk0sdUJBQW1CLE1BQUE7OzBCQUR4QixjQUFjLGdCQUFnQixDQUFDOzs7O29CQUNFLHlCQUF5QixVQUFVOzs7O0FBQTNDLEVBQUEsbUJBQVEsWUFBb0M7QUFBQTs7QUFLdkM7QUFBZ0IseUJBQUEseUJBQUEsa0JBQUEsTUFBQSxxQkFBOEIsVUFBVTtBQUU3RSxXQUFBLGlCQUFjLGtCQUFBLE1BQUEsd0JBQUE7QUFBQSxJQStCeEI7QUFBQTtBQUFBLElBakMrQixJQUFnQixRQUFLO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFyQixJQUFnQixNQUFLLE9BQUE7QUFBQSx5QkFBQSx5QkFBQTtBQUFBLElBQUE7QUFBQSxJQUlsQyxvQkFBaUI7QUFDL0IsWUFBTSxrQkFBQTtBQUNOLFdBQUssU0FBUztBQUNkLFdBQUssaUJBQWlCLEtBQUs7QUFDM0IsVUFBSSxLQUFLLGdCQUFnQjtBQUN2QixhQUFLLGVBQWUsZ0JBQWdCLHVCQUF1QixJQUFJO0FBQUEsTUFDakU7QUFBQSxJQUNGO0FBQUEsSUFFZ0IsdUJBQW9CO0FBQ2xDLFlBQU0scUJBQUE7QUFDTixVQUFJLEtBQUssZ0JBQWdCO0FBQ3ZCLGFBQUssZUFBZSxnQkFBZ0IscUJBQXFCO0FBQUEsTUFDM0Q7QUFDQSxXQUFLLGlCQUFpQjtBQUFBLElBQ3hCO0FBQUEsSUFFbUIsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFVVDtBQUFBLEtBaEM2Qjs7QUFBNUIsd0JBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFBLENBQU0sQ0FBQztBQUFDLGlCQUFBLElBQUEsTUFBQSxtQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFNBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsV0FBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLE9BQUssS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUwsUUFBSztBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxxQkFBQSx3QkFBQTtBQUxwRCxpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ2tDLEdBQUEsT0FBTyxRQUNoQixHQUFBLFNBQXlCLE9BRjVDLGtCQUFBLFlBQUEsdUJBQUEsR0FBb0I7OzsifQ==
168
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQtYmFkZ2UvY2FyZC1iYWRnZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLWJhZGdlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCB3aXRoaW4gYSBiYWRnZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBiYWRnZS5cbiAqICAgQ29udGVudCBwYXJ0cyBzaG91bGQgYmUgd3JhcHBlZCBpbiBgPHNwYW4+YCB0YWdzIHRvIGFjaGlldmUgY29ycmVjdCBzcGFjaW5ncy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWNhcmQtYmFkZ2UnKVxuY2xhc3MgU2JiQ2FyZEJhZGdlRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICd0ZXh0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIENvbG9yIG9mIHRoZSBjYXJkIGJhZGdlLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjogJ2NoYXJjb2FsJyB8ICd3aGl0ZScgPSAnY2hhcmNvYWwnO1xuXG4gIHByaXZhdGUgX3BhcmVudEVsZW1lbnQ/OiBIVE1MRWxlbWVudCB8IG51bGw7XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnYmFkZ2UnO1xuICAgIHRoaXMuX3BhcmVudEVsZW1lbnQgPSB0aGlzLnBhcmVudEVsZW1lbnQ7XG4gICAgaWYgKHRoaXMuX3BhcmVudEVsZW1lbnQpIHtcbiAgICAgIHRoaXMuX3BhcmVudEVsZW1lbnQudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWhhcy1jYXJkLWJhZGdlJywgdHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgaWYgKHRoaXMuX3BhcmVudEVsZW1lbnQpIHtcbiAgICAgIHRoaXMuX3BhcmVudEVsZW1lbnQucmVtb3ZlQXR0cmlidXRlKCdkYXRhLWhhcy1jYXJkLWJhZGdlJyk7XG4gICAgfVxuICAgIHRoaXMuX3BhcmVudEVsZW1lbnQgPSB1bmRlZmluZWQ7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2Utd3JhcHBlclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkLWJhZGdlXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZC1iYWRnZS1iYWNrZ3JvdW5kXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2UtY29udGVudFwiPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jYXJkLWJhZGdlJzogU2JiQ2FyZEJhZGdlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBZ0JNLHVCQUFtQixNQUFBOzswQkFEeEIsY0FBYyxnQkFBZ0IsQ0FBQzs7OztvQkFDRSx5QkFBeUIsVUFBVTs7OztBQUEzQyxFQUFBLG1CQUFRLFlBQW9DO0FBQUE7O0FBS3ZDO0FBQWdCLHlCQUFBLHlCQUFBLGtCQUFBLE1BQUEscUJBQThCLFVBQVU7QUFFN0UsV0FBQSxpQkFBYyxrQkFBQSxNQUFBLHdCQUFBO0FBQUEsSUErQnhCO0FBQUE7QUFBQSxJQWpDK0IsSUFBZ0IsUUFBSztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBckIsSUFBZ0IsTUFBSyxPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFJbEMsb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFDTixXQUFLLFNBQVM7QUFDZCxXQUFLLGlCQUFpQixLQUFLO0FBQzNCLFVBQUksS0FBSyxnQkFBZ0I7QUFDdkIsYUFBSyxlQUFlLGdCQUFnQix1QkFBdUIsSUFBSTtBQUFBLE1BQ2pFO0FBQUEsSUFDRjtBQUFBLElBRWdCLHVCQUFvQjtBQUNsQyxZQUFNLHFCQUFBO0FBQ04sVUFBSSxLQUFLLGdCQUFnQjtBQUN2QixhQUFLLGVBQWUsZ0JBQWdCLHFCQUFxQjtBQUFBLE1BQzNEO0FBQ0EsV0FBSyxpQkFBaUI7QUFBQSxJQUN4QjtBQUFBLElBRW1CLFNBQU07QUFDdkIsYUFBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBVVQ7QUFBQSxLQWhDNkI7O0FBQTVCLHdCQUFBLENBQUEsU0FBUyxFQUFFLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFBQyxpQkFBQSxJQUFBLE1BQUEsbUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxTQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFdBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixPQUFLLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEscUJBQUEsd0JBQUE7QUFMcEQsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUNrQyxHQUFBLE9BQU8sUUFDaEIsR0FBQSxTQUF5QixPQUY1QyxrQkFBQSxZQUFBLHVCQUFBLEdBQW9COzs7In0=
@@ -0,0 +1,33 @@
1
+ import { PropertyValues } from '@lit/reactive-element';
2
+ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
3
+ declare const SbbCarouselElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
4
+ /**
5
+ * It displays a carousel component.
6
+ *
7
+ * @slot - Use the unnamed slot to add the `sbb-carousel-list` for content and a `sbb-paginator` for controls.
8
+ */
9
+ export declare class SbbCarouselElement extends SbbCarouselElement_base {
10
+ static styles: CSSResultGroup;
11
+ /**
12
+ * Used to display a box-shadow around the component.
13
+ */
14
+ accessor shadow: boolean;
15
+ private _paginator;
16
+ private _abortController;
17
+ private _language;
18
+ private _requestedPageIndexByPaginator;
19
+ constructor();
20
+ connectedCallback(): void;
21
+ firstUpdated(_changedProperties: PropertyValues): void;
22
+ disconnectedCallback(): void;
23
+ private _handleSlotchange;
24
+ private _scrollAtPageChange;
25
+ protected render(): TemplateResult;
26
+ }
27
+ declare global {
28
+ interface HTMLElementTagNameMap {
29
+ 'sbb-carousel': SbbCarouselElement;
30
+ }
31
+ }
32
+ export {};
33
+ //# sourceMappingURL=carousel.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/carousel/carousel/carousel.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAmBvC,OAAO,6BAA6B,CAAC;;AAIrC;;;;GAIG;AACH,qBAEM,kBAAmB,SAAQ,uBAAoC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC,OAAO,CAAC,UAAU,CAA2C;IAC7D,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,8BAA8B,CAAM;;IAwB5B,iBAAiB,IAAI,IAAI;IAOzB,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQtD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,iBAAiB;IA4BzB,OAAO,CAAC,mBAAmB;cAiBR,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}
@@ -0,0 +1,163 @@
1
+ var __typeError = (msg) => {
2
+ throw TypeError(msg);
3
+ };
4
+ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
5
+ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
6
+ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
7
+ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
8
+ import { __esDecorate, __runInitializers } from "tslib";
9
+ import { css, LitElement, html } from "lit";
10
+ import { customElement, property } from "lit/decorators.js";
11
+ import { SbbLanguageController } from "../../core/controllers/language-controller.js";
12
+ import { forceType } from "../../core/decorators.js";
13
+ import { i18nNextSlide, i18nPreviousSlide, i18nSlide, i18nCarouselArrowsNavigationHint } from "../../core/i18n/i18n.js";
14
+ import { SbbElementInternalsMixin } from "../../core/mixins.js";
15
+ import "../../screen-reader-only.js";
16
+ const style = css`*,
17
+ ::before,
18
+ ::after {
19
+ box-sizing: border-box;
20
+ }
21
+
22
+ :host {
23
+ --sbb-carousel-border-radius: var(--sbb-border-radius-4x);
24
+ --sbb-carousel-background-color: var(--sbb-background-color-1);
25
+ display: inline-block;
26
+ overflow: hidden;
27
+ border-radius: var(--sbb-carousel-border-radius) var(--sbb-carousel-border-radius) 0 0;
28
+ }
29
+
30
+ :host([shadow]) {
31
+ box-shadow: var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-color-hard-2), var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-color-hard-1);
32
+ border-radius: var(--sbb-carousel-border-radius);
33
+ }
34
+
35
+ :host(:not([shadow])) ::slotted(sbb-carousel-list) {
36
+ --sbb-carousel-inherit-border-radius: var(--sbb-carousel-border-radius);
37
+ }
38
+
39
+ .sbb-carousel {
40
+ display: flex;
41
+ flex-direction: column;
42
+ justify-content: center;
43
+ align-items: center;
44
+ background-color: var(--sbb-carousel-background-color);
45
+ }
46
+
47
+ ::slotted(sbb-compact-paginator) {
48
+ padding: var(--sbb-spacing-responsive-xs);
49
+ }`;
50
+ let SbbCarouselElement = (() => {
51
+ var _shadow_accessor_storage, _a;
52
+ let _classDecorators = [customElement("sbb-carousel")];
53
+ let _classDescriptor;
54
+ let _classExtraInitializers = [];
55
+ let _classThis;
56
+ let _classSuper = SbbElementInternalsMixin(LitElement);
57
+ let _shadow_decorators;
58
+ let _shadow_initializers = [];
59
+ let _shadow_extraInitializers = [];
60
+ _a = class extends _classSuper {
61
+ constructor() {
62
+ super();
63
+ __privateAdd(this, _shadow_accessor_storage);
64
+ __privateSet(this, _shadow_accessor_storage, __runInitializers(this, _shadow_initializers, false));
65
+ this._paginator = (__runInitializers(this, _shadow_extraInitializers), null);
66
+ this._abortController = null;
67
+ this._language = new SbbLanguageController(this);
68
+ this._requestedPageIndexByPaginator = -1;
69
+ this.addEventListener?.("show", (e) => {
70
+ if (this._requestedPageIndexByPaginator !== -1 && this._requestedPageIndexByPaginator !== e.detail.index) {
71
+ return;
72
+ }
73
+ if (this._paginator) {
74
+ if (e.detail.index !== this._paginator.pageIndex) {
75
+ this._paginator.pageIndex = e.detail.index;
76
+ }
77
+ }
78
+ this._requestedPageIndexByPaginator = -1;
79
+ });
80
+ }
81
+ /**
82
+ * Used to display a box-shadow around the component.
83
+ */
84
+ get shadow() {
85
+ return __privateGet(this, _shadow_accessor_storage);
86
+ }
87
+ set shadow(value) {
88
+ __privateSet(this, _shadow_accessor_storage, value);
89
+ }
90
+ connectedCallback() {
91
+ super.connectedCallback();
92
+ this.internals.role = "region";
93
+ this.internals.ariaLabel = "carousel";
94
+ }
95
+ firstUpdated(_changedProperties) {
96
+ super.firstUpdated(_changedProperties);
97
+ this.internals.ariaDescribedByElements = [
98
+ this.shadowRoot.querySelector("#sbb-carousel-arrows-navigation-hint")
99
+ ];
100
+ }
101
+ disconnectedCallback() {
102
+ super.disconnectedCallback();
103
+ this._abortController?.abort();
104
+ }
105
+ _handleSlotchange() {
106
+ const paginator = Array.from(this.children).find((el) => el.localName === "sbb-compact-paginator");
107
+ const list = Array.from(this.children).find((el) => el.localName === "sbb-carousel-list");
108
+ if (!paginator || !list) {
109
+ return;
110
+ }
111
+ const items = list.querySelectorAll("sbb-carousel-item");
112
+ if (items && items.length > 0) {
113
+ paginator.length = items.length;
114
+ paginator.pageSize = 1;
115
+ }
116
+ paginator.accessibilityNextPageLabel ||= i18nNextSlide[this._language.current];
117
+ paginator.accessibilityPreviousPageLabel ||= i18nPreviousSlide[this._language.current];
118
+ paginator.accessibilityPageLabel ||= i18nSlide[this._language.current];
119
+ if (paginator !== this._paginator) {
120
+ this._abortController = new AbortController();
121
+ paginator.addEventListener("page", (e) => this._scrollAtPageChange(e), {
122
+ signal: this._abortController.signal
123
+ });
124
+ this._paginator = paginator;
125
+ }
126
+ }
127
+ _scrollAtPageChange(e) {
128
+ this._requestedPageIndexByPaginator = e.detail.pageIndex;
129
+ const list = this.querySelector("sbb-carousel-list");
130
+ if (list) {
131
+ const items = list.querySelectorAll("sbb-carousel-item");
132
+ const offsetLeft = items[e.detail.pageIndex].offsetLeft;
133
+ if (list.clientWidth <= 100 || Math.abs(list.scrollLeft - offsetLeft) > 50) {
134
+ list.scrollTo({ left: offsetLeft });
135
+ }
136
+ }
137
+ }
138
+ render() {
139
+ return html`
140
+ <div class="sbb-carousel">
141
+ <sbb-screen-reader-only id="sbb-carousel-arrows-navigation-hint"
142
+ >${i18nCarouselArrowsNavigationHint[this._language.current]}</sbb-screen-reader-only
143
+ >
144
+ <slot @slotchange=${this._handleSlotchange}></slot>
145
+ </div>
146
+ `;
147
+ }
148
+ }, _shadow_accessor_storage = new WeakMap(), _classThis = _a, (() => {
149
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
150
+ _shadow_decorators = [forceType(), property({ reflect: true, type: Boolean })];
151
+ __esDecorate(_a, null, _shadow_decorators, { kind: "accessor", name: "shadow", static: false, private: false, access: { has: (obj) => "shadow" in obj, get: (obj) => obj.shadow, set: (obj, value) => {
152
+ obj.shadow = value;
153
+ } }, metadata: _metadata }, _shadow_initializers, _shadow_extraInitializers);
154
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
155
+ _classThis = _classDescriptor.value;
156
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
157
+ })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
158
+ return _classThis;
159
+ })();
160
+ export {
161
+ SbbCarouselElement
162
+ };
163
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2Fyb3VzZWwvY2Fyb3VzZWwvY2Fyb3VzZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUHJvcGVydHlWYWx1ZXMgfSBmcm9tICdAbGl0L3JlYWN0aXZlLWVsZW1lbnQnO1xuaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy9sYW5ndWFnZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQge1xuICBpMThuQ2Fyb3VzZWxBcnJvd3NOYXZpZ2F0aW9uSGludCxcbiAgaTE4bk5leHRTbGlkZSxcbiAgaTE4blByZXZpb3VzU2xpZGUsXG4gIGkxOG5TbGlkZSxcbn0gZnJvbSAnLi4vLi4vY29yZS9pMThuL2kxOG4uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJQYWdpbmF0b3JQYWdlRXZlbnREZXRhaWxzIH0gZnJvbSAnLi4vLi4vY29yZS9pbnRlcmZhY2VzLmpzJztcbmltcG9ydCB7IFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQgfSBmcm9tICcuLi8uLi9wYWdpbmF0b3IvY29tcGFjdC1wYWdpbmF0b3IvY29tcGFjdC1wYWdpbmF0b3IuY29tcG9uZW50LmpzJztcbmltcG9ydCB0eXBlIHtcbiAgU2JiQ2Fyb3VzZWxJdGVtRWxlbWVudCxcbiAgU2JiQ2Fyb3VzZWxJdGVtRXZlbnREZXRhaWwsXG59IGZyb20gJy4uL2Nhcm91c2VsLWl0ZW0vY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJDYXJvdXNlbExpc3RFbGVtZW50IH0gZnJvbSAnLi4vY2Fyb3VzZWwtbGlzdC9jYXJvdXNlbC1saXN0LmNvbXBvbmVudC5qcyc7XG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2Nhcm91c2VsLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBjYXJvdXNlbCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgdGhlIGBzYmItY2Fyb3VzZWwtbGlzdGAgZm9yIGNvbnRlbnQgYW5kIGEgYHNiYi1wYWdpbmF0b3JgIGZvciBjb250cm9scy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWNhcm91c2VsJylcbmNsYXNzIFNiYkNhcm91c2VsRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKlxuICAgKiBVc2VkIHRvIGRpc3BsYXkgYSBib3gtc2hhZG93IGFyb3VuZCB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIHNoYWRvdzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX3BhZ2luYXRvcjogU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgcHJpdmF0ZSBfYWJvcnRDb250cm9sbGVyOiBBYm9ydENvbnRyb2xsZXIgfCBudWxsID0gbnVsbDtcbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9yZXF1ZXN0ZWRQYWdlSW5kZXhCeVBhZ2luYXRvciA9IC0xO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuXG4gICAgLy8gSWYgdGhlIGxpc3QgaXMgc2Nyb2xsZWQgdXNpbmcgbW91c2Uva2V5Ym9hcmQsIGl0IGtlZXBzIHRoZSBwYWdpbmF0b3IgdXBkYXRlZC5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/Lignc2hvdycsIChlOiBDdXN0b21FdmVudDxTYmJDYXJvdXNlbEl0ZW1FdmVudERldGFpbD4pID0+IHtcbiAgICAgIC8vIFdlIGhhdmUgdG8gZ2l2ZSBwcmlvcml0eSB0byB0aGUgcGFnaW5hdG9yIGZvciB0aGUgY2FzZSxcbiAgICAgIC8vIGlmIGR1cmluZyBhbiBhbmltYXRpb24gdGhlIG5leHQgcGFnZSBpcyBjYWxsZWQgZnJvbSB0aGUgcGFnaW5hdG9yLCB0aGUgcGFnaW5hdG9yIGlzIHJlc2V0LlxuICAgICAgaWYgKFxuICAgICAgICB0aGlzLl9yZXF1ZXN0ZWRQYWdlSW5kZXhCeVBhZ2luYXRvciAhPT0gLTEgJiZcbiAgICAgICAgdGhpcy5fcmVxdWVzdGVkUGFnZUluZGV4QnlQYWdpbmF0b3IgIT09IGUuZGV0YWlsLmluZGV4XG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKHRoaXMuX3BhZ2luYXRvcikge1xuICAgICAgICBpZiAoZS5kZXRhaWwuaW5kZXggIT09IHRoaXMuX3BhZ2luYXRvci5wYWdlSW5kZXgpIHtcbiAgICAgICAgICB0aGlzLl9wYWdpbmF0b3IucGFnZUluZGV4ID0gZS5kZXRhaWwuaW5kZXg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIHRoaXMuX3JlcXVlc3RlZFBhZ2VJbmRleEJ5UGFnaW5hdG9yID0gLTE7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIHRoaXMuaW50ZXJuYWxzLnJvbGUgPSAncmVnaW9uJztcbiAgICB0aGlzLmludGVybmFscy5hcmlhTGFiZWwgPSAnY2Fyb3VzZWwnO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChfY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzKTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKF9jaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLmludGVybmFscy5hcmlhRGVzY3JpYmVkQnlFbGVtZW50cyA9IFtcbiAgICAgIHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcignI3NiYi1jYXJvdXNlbC1hcnJvd3MtbmF2aWdhdGlvbi1oaW50JykhLFxuICAgIF07XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9hYm9ydENvbnRyb2xsZXI/LmFib3J0KCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVTbG90Y2hhbmdlKCk6IHZvaWQge1xuICAgIGNvbnN0IHBhZ2luYXRvcjogU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQgPSBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4pLmZpbmQoXG4gICAgICAoZWwpID0+IGVsLmxvY2FsTmFtZSA9PT0gJ3NiYi1jb21wYWN0LXBhZ2luYXRvcicsXG4gICAgKSBhcyBTYmJDb21wYWN0UGFnaW5hdG9yRWxlbWVudDtcbiAgICBjb25zdCBsaXN0OiBTYmJDYXJvdXNlbExpc3RFbGVtZW50ID0gQXJyYXkuZnJvbSh0aGlzLmNoaWxkcmVuKS5maW5kKFxuICAgICAgKGVsKSA9PiBlbC5sb2NhbE5hbWUgPT09ICdzYmItY2Fyb3VzZWwtbGlzdCcsXG4gICAgKSBhcyBTYmJDYXJvdXNlbExpc3RFbGVtZW50O1xuICAgIGlmICghcGFnaW5hdG9yIHx8ICFsaXN0KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGl0ZW1zID0gbGlzdC5xdWVyeVNlbGVjdG9yQWxsPFNiYkNhcm91c2VsSXRlbUVsZW1lbnQ+KCdzYmItY2Fyb3VzZWwtaXRlbScpO1xuICAgIGlmIChpdGVtcyAmJiBpdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICBwYWdpbmF0b3IubGVuZ3RoID0gaXRlbXMubGVuZ3RoO1xuICAgICAgcGFnaW5hdG9yLnBhZ2VTaXplID0gMTtcbiAgICB9XG4gICAgcGFnaW5hdG9yLmFjY2Vzc2liaWxpdHlOZXh0UGFnZUxhYmVsIHx8PSBpMThuTmV4dFNsaWRlW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICAgIHBhZ2luYXRvci5hY2Nlc3NpYmlsaXR5UHJldmlvdXNQYWdlTGFiZWwgfHw9IGkxOG5QcmV2aW91c1NsaWRlW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICAgIHBhZ2luYXRvci5hY2Nlc3NpYmlsaXR5UGFnZUxhYmVsIHx8PSBpMThuU2xpZGVbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG5cbiAgICBpZiAocGFnaW5hdG9yICE9PSB0aGlzLl9wYWdpbmF0b3IpIHtcbiAgICAgIHRoaXMuX2Fib3J0Q29udHJvbGxlciA9IG5ldyBBYm9ydENvbnRyb2xsZXIoKTtcbiAgICAgIHBhZ2luYXRvci5hZGRFdmVudExpc3RlbmVyKCdwYWdlJywgKGUpID0+IHRoaXMuX3Njcm9sbEF0UGFnZUNoYW5nZShlKSwge1xuICAgICAgICBzaWduYWw6IHRoaXMuX2Fib3J0Q29udHJvbGxlci5zaWduYWwsXG4gICAgICB9KTtcbiAgICAgIHRoaXMuX3BhZ2luYXRvciA9IHBhZ2luYXRvcjtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9zY3JvbGxBdFBhZ2VDaGFuZ2UoZTogQ3VzdG9tRXZlbnQ8U2JiUGFnaW5hdG9yUGFnZUV2ZW50RGV0YWlscz4pOiB2b2lkIHtcbiAgICB0aGlzLl9yZXF1ZXN0ZWRQYWdlSW5kZXhCeVBhZ2luYXRvciA9IGUuZGV0YWlsLnBhZ2VJbmRleDtcbiAgICBjb25zdCBsaXN0ID0gdGhpcy5xdWVyeVNlbGVjdG9yPFNiYkNhcm91c2VsTGlzdEVsZW1lbnQ+KCdzYmItY2Fyb3VzZWwtbGlzdCcpO1xuXG4gICAgaWYgKGxpc3QpIHtcbiAgICAgIGNvbnN0IGl0ZW1zID0gbGlzdC5xdWVyeVNlbGVjdG9yQWxsPFNiYkNhcm91c2VsSXRlbUVsZW1lbnQ+KCdzYmItY2Fyb3VzZWwtaXRlbScpO1xuICAgICAgY29uc3Qgb2Zmc2V0TGVmdCA9IGl0ZW1zW2UuZGV0YWlsLnBhZ2VJbmRleF0ub2Zmc2V0TGVmdDtcblxuICAgICAgLy8gUHJldmVudHMgcmVkdW5kYW50IHNjcm9sbGluZyB3aGVuIHRoZSBwYWdpbmF0b3IgdXBkYXRlcyBhZnRlciBhIHNjcm9sbCBldmVudFxuICAgICAgLy8gYnkgY2hlY2tpbmcgdGhlIGRpc3RhbmNlIGJldHdlZW4gdGhlIGN1cnJlbnQgYW5kIHRhcmdldCBzY3JvbGwgcG9zaXRpb25zLlxuICAgICAgLy8gKHNob3cgZXZlbnQgaXMgdHJpZ2dlcmVkIHNsaWdodGx5IGJlZm9yZSBmdWxseSBzY3JvbGxlZCkuXG4gICAgICBpZiAobGlzdC5jbGllbnRXaWR0aCA8PSAxMDAgfHwgTWF0aC5hYnMobGlzdC5zY3JvbGxMZWZ0IC0gb2Zmc2V0TGVmdCkgPiA1MCkge1xuICAgICAgICBsaXN0LnNjcm9sbFRvKHsgbGVmdDogb2Zmc2V0TGVmdCB9KTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItY2Fyb3VzZWxcIj5cbiAgICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHkgaWQ9XCJzYmItY2Fyb3VzZWwtYXJyb3dzLW5hdmlnYXRpb24taGludFwiXG4gICAgICAgICAgPiR7aTE4bkNhcm91c2VsQXJyb3dzTmF2aWdhdGlvbkhpbnRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5XG4gICAgICAgID5cbiAgICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aGlzLl9oYW5kbGVTbG90Y2hhbmdlfT48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2Fyb3VzZWwnOiBTYmJDYXJvdXNlbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBZ0NNLHNCQUFrQixNQUFBOzswQkFEdkIsY0FBYyxjQUFjLENBQUM7Ozs7b0JBQ0cseUJBQXlCLFVBQVU7Ozs7QUFBM0MsRUFBQSxtQkFBUSxZQUFvQztBQUFBLElBZW5FLGNBQUE7QUFDRSxZQUFBO0FBUkY7QUFBZ0IseUJBQUEsMEJBQUEsa0JBQUEsTUFBQSxzQkFBa0IsS0FBSztBQUUvQixXQUFBLGNBQVUsa0JBQUEsTUFBQSx5QkFBQSxHQUFzQztBQUNoRCxXQUFBLG1CQUEyQztBQUMzQyxXQUFBLFlBQVksSUFBSSxzQkFBc0IsSUFBSTtBQUMxQyxXQUFBLGlDQUFpQztBQU12QyxXQUFLLG1CQUFtQixRQUFRLENBQUMsTUFBOEM7QUFHN0UsWUFDRSxLQUFLLG1DQUFtQyxNQUN4QyxLQUFLLG1DQUFtQyxFQUFFLE9BQU8sT0FDakQ7QUFDQTtBQUFBLFFBQ0Y7QUFDQSxZQUFJLEtBQUssWUFBWTtBQUNuQixjQUFJLEVBQUUsT0FBTyxVQUFVLEtBQUssV0FBVyxXQUFXO0FBQ2hELGlCQUFLLFdBQVcsWUFBWSxFQUFFLE9BQU87QUFBQSxVQUN2QztBQUFBLFFBQ0Y7QUFDQSxhQUFLLGlDQUFpQztBQUFBLE1BQ3hDLENBQUM7QUFBQSxJQUNIO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUEzQkEsSUFBZ0IsU0FBTTtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBdEIsSUFBZ0IsT0FBTSxPQUFBO0FBQUEseUJBQUEsMEJBQUE7QUFBQSxJQUFBO0FBQUEsSUE2Qk4sb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFFTixXQUFLLFVBQVUsT0FBTztBQUN0QixXQUFLLFVBQVUsWUFBWTtBQUFBLElBQzdCO0FBQUEsSUFFZ0IsYUFBYSxvQkFBa0M7QUFDN0QsWUFBTSxhQUFhLGtCQUFrQjtBQUVyQyxXQUFLLFVBQVUsMEJBQTBCO0FBQUEsUUFDdkMsS0FBSyxXQUFZLGNBQWMsc0NBQXNDO0FBQUEsTUFBQTtBQUFBLElBRXpFO0FBQUEsSUFFZ0IsdUJBQW9CO0FBQ2xDLFlBQU0scUJBQUE7QUFDTixXQUFLLGtCQUFrQixNQUFBO0FBQUEsSUFDekI7QUFBQSxJQUVRLG9CQUFpQjtBQUN2QixZQUFNLFlBQXdDLE1BQU0sS0FBSyxLQUFLLFFBQVEsRUFBRSxLQUN0RSxDQUFDLE9BQU8sR0FBRyxjQUFjLHVCQUF1QjtBQUVsRCxZQUFNLE9BQStCLE1BQU0sS0FBSyxLQUFLLFFBQVEsRUFBRSxLQUM3RCxDQUFDLE9BQU8sR0FBRyxjQUFjLG1CQUFtQjtBQUU5QyxVQUFJLENBQUMsYUFBYSxDQUFDLE1BQU07QUFDdkI7QUFBQSxNQUNGO0FBQ0EsWUFBTSxRQUFRLEtBQUssaUJBQXlDLG1CQUFtQjtBQUMvRSxVQUFJLFNBQVMsTUFBTSxTQUFTLEdBQUc7QUFDN0Isa0JBQVUsU0FBUyxNQUFNO0FBQ3pCLGtCQUFVLFdBQVc7QUFBQSxNQUN2QjtBQUNBLGdCQUFVLCtCQUErQixjQUFjLEtBQUssVUFBVSxPQUFPO0FBQzdFLGdCQUFVLG1DQUFtQyxrQkFBa0IsS0FBSyxVQUFVLE9BQU87QUFDckYsZ0JBQVUsMkJBQTJCLFVBQVUsS0FBSyxVQUFVLE9BQU87QUFFckUsVUFBSSxjQUFjLEtBQUssWUFBWTtBQUNqQyxhQUFLLG1CQUFtQixJQUFJLGdCQUFBO0FBQzVCLGtCQUFVLGlCQUFpQixRQUFRLENBQUMsTUFBTSxLQUFLLG9CQUFvQixDQUFDLEdBQUc7QUFBQSxVQUNyRSxRQUFRLEtBQUssaUJBQWlCO0FBQUEsUUFBQSxDQUMvQjtBQUNELGFBQUssYUFBYTtBQUFBLE1BQ3BCO0FBQUEsSUFDRjtBQUFBLElBRVEsb0JBQW9CLEdBQTRDO0FBQ3RFLFdBQUssaUNBQWlDLEVBQUUsT0FBTztBQUMvQyxZQUFNLE9BQU8sS0FBSyxjQUFzQyxtQkFBbUI7QUFFM0UsVUFBSSxNQUFNO0FBQ1IsY0FBTSxRQUFRLEtBQUssaUJBQXlDLG1CQUFtQjtBQUMvRSxjQUFNLGFBQWEsTUFBTSxFQUFFLE9BQU8sU0FBUyxFQUFFO0FBSzdDLFlBQUksS0FBSyxlQUFlLE9BQU8sS0FBSyxJQUFJLEtBQUssYUFBYSxVQUFVLElBQUksSUFBSTtBQUMxRSxlQUFLLFNBQVMsRUFBRSxNQUFNLFdBQUEsQ0FBWTtBQUFBLFFBQ3BDO0FBQUEsTUFDRjtBQUFBLElBQ0Y7QUFBQSxJQUVtQixTQUFNO0FBQ3ZCLGFBQU87QUFBQTtBQUFBO0FBQUEsYUFHRSxpQ0FBaUMsS0FBSyxVQUFVLE9BQU8sQ0FBQztBQUFBO0FBQUEsNEJBRXpDLEtBQUssaUJBQWlCO0FBQUE7QUFBQTtBQUFBLElBR2hEO0FBQUEsS0F2R0E7O0FBRkMseUJBQUEsQ0FBQSxVQUFBLEdBQ0EsU0FBUyxFQUFFLFNBQVMsTUFBTSxNQUFNLFFBQUEsQ0FBUyxDQUFDO0FBQzNDLGlCQUFBLElBQUEsTUFBQSxvQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFVBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsWUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLFFBQU0sS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQU4sU0FBTTtBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxzQkFBQSx5QkFBQTtBQVJ4QixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsT0FENUMsa0JBQUEsWUFBQSx1QkFBQSxHQUFtQjs7OyJ9
@@ -0,0 +1,29 @@
1
+ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
2
+ export type SbbCarouselItemEventDetail = {
3
+ index: number;
4
+ };
5
+ declare const SbbCarouselItemElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
6
+ /**
7
+ * It displays an item contained into the `sbb-carousel` component.
8
+ *
9
+ * @slot - Use the unnamed slot to add images for the carousel, as <img>, <sbb-image>, <picture>, ...
10
+ * @event {CustomEvent<SbbCarouselItemEventDetail>} beforeshow - Event emitted when the item is starting scrolling.
11
+ * @event {CustomEvent<SbbCarouselItemEventDetail>} show - Event emitted when the item is full visible after scrolling.
12
+ */
13
+ export declare class SbbCarouselItemElement extends SbbCarouselItemElement_base {
14
+ static styles: CSSResultGroup;
15
+ static readonly events: Record<string, string>;
16
+ connectedCallback(): void;
17
+ protected render(): TemplateResult;
18
+ }
19
+ declare global {
20
+ interface HTMLElementTagNameMap {
21
+ 'sbb-carousel-item': SbbCarouselItemElement;
22
+ }
23
+ interface GlobalEventHandlersEventMap {
24
+ beforeshow: CustomEvent<SbbCarouselItemEventDetail>;
25
+ show: CustomEvent<SbbCarouselItemEventDetail>;
26
+ }
27
+ }
28
+ export {};
29
+ //# sourceMappingURL=carousel-item.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel-item.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/carousel/carousel-item/carousel-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;;AAEF;;;;;;GAMG;AACH,qBAEM,sBAAuB,SAAQ,2BAAoC;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAG1C;IAEK,iBAAiB,IAAI,IAAI;cAOtB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;IAED,UAAU,2BAA2B;QACnC,UAAU,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;QACpD,IAAI,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;KAC/C;CACF"}
@@ -0,0 +1,46 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { css, LitElement, html } from "lit";
3
+ import { customElement } from "lit/decorators.js";
4
+ import { SbbElementInternalsMixin } from "../../core/mixins.js";
5
+ const style = css`*,
6
+ ::before,
7
+ ::after {
8
+ box-sizing: border-box;
9
+ }
10
+
11
+ :host {
12
+ display: flex;
13
+ scroll-snap-align: start;
14
+ flex-shrink: 0;
15
+ }`;
16
+ let SbbCarouselItemElement = (() => {
17
+ var _a;
18
+ let _classDecorators = [customElement("sbb-carousel-item")];
19
+ let _classDescriptor;
20
+ let _classExtraInitializers = [];
21
+ let _classThis;
22
+ let _classSuper = SbbElementInternalsMixin(LitElement);
23
+ _a = class extends _classSuper {
24
+ connectedCallback() {
25
+ super.connectedCallback();
26
+ this.internals.role = "group";
27
+ this.internals.ariaRoleDescription = "slide";
28
+ }
29
+ render() {
30
+ return html`<slot></slot>`;
31
+ }
32
+ }, _classThis = _a, (() => {
33
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
34
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
35
+ _classThis = _classDescriptor.value;
36
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
37
+ })(), _a.styles = style, _a.events = {
38
+ beforeshow: "beforeshow",
39
+ show: "show"
40
+ }, __runInitializers(_classThis, _classExtraInitializers), _a;
41
+ return _classThis;
42
+ })();
43
+ export {
44
+ SbbCarouselItemElement
45
+ };
46
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJvdXNlbC9jYXJvdXNlbC1pdGVtL2Nhcm91c2VsLWl0ZW0uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJvdXNlbC1pdGVtLnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCB0eXBlIFNiYkNhcm91c2VsSXRlbUV2ZW50RGV0YWlsID0ge1xuICBpbmRleDogbnVtYmVyO1xufTtcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhbiBpdGVtIGNvbnRhaW5lZCBpbnRvIHRoZSBgc2JiLWNhcm91c2VsYCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgaW1hZ2VzIGZvciB0aGUgY2Fyb3VzZWwsIGFzIDxpbWc+LCA8c2JiLWltYWdlPiwgPHBpY3R1cmU+LCAuLi5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8U2JiQ2Fyb3VzZWxJdGVtRXZlbnREZXRhaWw+fSBiZWZvcmVzaG93IC0gRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBpdGVtIGlzIHN0YXJ0aW5nIHNjcm9sbGluZy5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8U2JiQ2Fyb3VzZWxJdGVtRXZlbnREZXRhaWw+fSBzaG93IC0gRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBpdGVtIGlzIGZ1bGwgdmlzaWJsZSBhZnRlciBzY3JvbGxpbmcuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1jYXJvdXNlbC1pdGVtJylcbmNsYXNzIFNiYkNhcm91c2VsSXRlbUVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgYmVmb3Jlc2hvdzogJ2JlZm9yZXNob3cnLFxuICAgIHNob3c6ICdzaG93JyxcbiAgfSBhcyBjb25zdDtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIHRoaXMuaW50ZXJuYWxzLnJvbGUgPSAnZ3JvdXAnO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFSb2xlRGVzY3JpcHRpb24gPSAnc2xpZGUnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jYXJvdXNlbC1pdGVtJzogU2JiQ2Fyb3VzZWxJdGVtRWxlbWVudDtcbiAgfVxuXG4gIGludGVyZmFjZSBHbG9iYWxFdmVudEhhbmRsZXJzRXZlbnRNYXAge1xuICAgIGJlZm9yZXNob3c6IEN1c3RvbUV2ZW50PFNiYkNhcm91c2VsSXRlbUV2ZW50RGV0YWlsPjtcbiAgICBzaG93OiBDdXN0b21FdmVudDxTYmJDYXJvdXNlbEl0ZW1FdmVudERldGFpbD47XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7SUFxQk0sMEJBQXNCLE1BQUE7OzBCQUQzQixjQUFjLG1CQUFtQixDQUFDOzs7O29CQUNFLHlCQUF5QixVQUFVO0FBQTNDLEVBQUEsbUJBQVEsWUFBb0M7QUFBQSxJQU92RCxvQkFBaUI7QUFDL0IsWUFBTSxrQkFBQTtBQUVOLFdBQUssVUFBVSxPQUFPO0FBQ3RCLFdBQUssVUFBVSxzQkFBc0I7QUFBQSxJQUN2QztBQUFBLElBRW1CLFNBQU07QUFDdkIsYUFBTztBQUFBLElBQ1Q7QUFBQTs7QUFoQkYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BQ3pCLEdBQUEsU0FBaUM7QUFBQSxJQUN0RCxZQUFZO0FBQUEsSUFDWixNQUFNO0FBQUEsRUFBQSxHQUpKLGtCQUFBLFlBQUEsdUJBQUEsR0FBdUI7OzsifQ==
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @entrypoint
3
+ */
4
+ export * from './carousel-item/carousel-item.component.js';
5
+ //# sourceMappingURL=carousel-item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel-item.d.ts","sourceRoot":"","sources":["../../../../src/elements/carousel/carousel-item.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { SbbCarouselItemElement } from "./carousel-item/carousel-item.component.js";
2
+ export {
3
+ SbbCarouselItemElement
4
+ };
5
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=
@@ -0,0 +1,30 @@
1
+ import { PropertyValues } from '@lit/reactive-element';
2
+ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
3
+ declare const SbbCarouselListElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
4
+ /**
5
+ * It displays a list of `sbb-carousel-item` components.
6
+ *
7
+ * @slot - Use the unnamed slot to add `sbb-carousel-item` elements.
8
+ */
9
+ export declare class SbbCarouselListElement extends SbbCarouselListElement_base {
10
+ static styles: CSSResultGroup;
11
+ private _currentIndex;
12
+ private _language;
13
+ private _beforeShowObserver;
14
+ private _showObserver;
15
+ constructor();
16
+ /** Gets the slotted items. */
17
+ private _carouselItems;
18
+ private _handleSlotchange;
19
+ private _onKeyDown;
20
+ connectedCallback(): void;
21
+ firstUpdated(_changedProperties: PropertyValues): void;
22
+ protected render(): TemplateResult;
23
+ }
24
+ declare global {
25
+ interface HTMLElementTagNameMap {
26
+ 'sbb-carousel-list': SbbCarouselListElement;
27
+ }
28
+ }
29
+ export {};
30
+ //# sourceMappingURL=carousel-list.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel-list.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/carousel/carousel-list/carousel-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAcvC;;;;GAIG;AACH,qBAEM,sBAAuB,SAAQ,2BAAoC;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAAmC;IAEpD,OAAO,CAAC,mBAAmB,CAexB;IAEH,OAAO,CAAC,aAAa,CAuBlB;;IAQH,8BAA8B;IAC9B,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,UAAU;IAsBF,iBAAiB,IAAI,IAAI;IAOzB,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;cASnD,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}