@sbb-esta/lyne-elements 4.11.0 → 4.12.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 (541) hide show
  1. package/autocomplete/autocomplete-base-element.js +1 -1
  2. package/autocomplete/autocomplete.component.js +3 -2
  3. package/{autocomplete-base-element-DarHnnYC.js → autocomplete-base-element-De2O5Wx-.js} +14 -9
  4. package/autocomplete.js +1 -1
  5. package/autocomplete.pure.js +1 -1
  6. package/{block-link-common-DzGY49Xc.js → block-link-common-1kRa_czx.js} +1 -1
  7. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
  8. package/breadcrumb/breadcrumb-group.js +1 -1
  9. package/{breadcrumb-group.component-F3-JZkfO.js → breadcrumb-group.component-CKNsaUqs.js} +1 -1
  10. package/breadcrumb.js +1 -1
  11. package/breadcrumb.pure.js +1 -1
  12. package/button/common/button-common.js +1 -1
  13. package/button/common.js +1 -1
  14. package/button-common-BMEhm-dn.js +87 -0
  15. package/button.js +1 -1
  16. package/button.pure.js +1 -1
  17. package/calendar/calendar/calendar.component.js +1 -1
  18. package/calendar/calendar.js +1 -1
  19. package/{calendar.component-DjQOyRGl.js → calendar.component-C1jk_uE0.js} +3 -3
  20. package/calendar.js +1 -1
  21. package/calendar.pure.js +1 -1
  22. package/card/card-badge/card-badge.component.js +1 -1
  23. package/card/card-badge.js +1 -1
  24. package/{card-badge.component-BSOEYrN4.js → card-badge.component-D0r2iixU.js} +1 -1
  25. package/card.js +1 -1
  26. package/card.pure.js +1 -1
  27. package/checkbox/checkbox.component.js +1 -1
  28. package/checkbox/checkbox.js +1 -1
  29. package/checkbox/common/checkbox-common.js +1 -1
  30. package/checkbox/common.js +1 -1
  31. package/{checkbox-common-DdieysTG.js → checkbox-common-BpW4_bbi.js} +1 -1
  32. package/{checkbox.component-ROzxEnPh.js → checkbox.component-DS48CA_v.js} +1 -1
  33. package/checkbox.js +2 -2
  34. package/checkbox.pure.js +2 -2
  35. package/chip/chip-group/chip-group.component.js +1 -1
  36. package/chip/chip-group.js +1 -1
  37. package/{chip-group.component-DJzUToem.js → chip-group.component-BqBYzfXA.js} +1 -1
  38. package/chip.js +1 -1
  39. package/chip.pure.js +1 -1
  40. package/{compact-paginator.component-Cyi-t_YD.js → compact-paginator.component-BIAPutro.js} +1 -1
  41. package/core/controllers/overlay-position-controller.js +4 -1
  42. package/core/mixins/named-slot-list-mixin.js +4 -1
  43. package/core/styles/core.scss +62 -77
  44. package/core/styles/mixins/helpers.scss +3 -3
  45. package/core/styles/mixins/overlay.scss +2 -2
  46. package/core/styles/mixins/typo.scss +2 -2
  47. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss +8 -0
  48. package/core.css +177 -73
  49. package/custom-elements.json +327 -59
  50. package/development/autocomplete/autocomplete-base-element.d.ts +8 -1
  51. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  52. package/development/autocomplete/autocomplete-base-element.js +1 -1
  53. package/development/autocomplete/autocomplete.component.js +4 -3
  54. package/development/autocomplete-base-element-BpCpYcX9.js +692 -0
  55. package/development/autocomplete.js +1 -1
  56. package/development/autocomplete.pure.js +1 -1
  57. package/development/{block-link-common-GckvjULA.js → block-link-common-COY1RI1I.js} +2 -2
  58. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
  59. package/development/breadcrumb/breadcrumb-group.js +1 -1
  60. package/development/breadcrumb-group.component-DZslNBlB.js +195 -0
  61. package/development/breadcrumb.js +1 -1
  62. package/development/breadcrumb.pure.js +1 -1
  63. package/development/button/common/button-common.js +1 -1
  64. package/development/button/common.js +1 -1
  65. package/development/{button-common-CAu09Yim.js → button-common-7dmrUx4A.js} +3 -3
  66. package/development/button.js +1 -1
  67. package/development/button.pure.js +1 -1
  68. package/development/calendar/calendar/calendar.component.js +1 -1
  69. package/development/calendar/calendar.js +1 -1
  70. package/development/calendar-cell-base-element-BXohfDSl.js +1 -1
  71. package/development/calendar.component-Dg3D2A7k.js +1453 -0
  72. package/development/calendar.js +1 -1
  73. package/development/calendar.pure.js +1 -1
  74. package/development/card/card-badge/card-badge.component.js +1 -1
  75. package/development/card/card-badge.js +1 -1
  76. package/development/card-action-common-1FDHbfeR.js +1 -1
  77. package/development/card-badge.component-CUZIoVbL.js +84 -0
  78. package/development/card.js +1 -1
  79. package/development/card.pure.js +1 -1
  80. package/development/carousel-list.component-L-nYpHcN.js +1 -1
  81. package/development/carousel.component-Dl48ROSf.js +1 -1
  82. package/development/checkbox/checkbox.component.js +1 -1
  83. package/development/checkbox/checkbox.js +1 -1
  84. package/development/checkbox/common/checkbox-common.js +1 -1
  85. package/development/checkbox/common.js +1 -1
  86. package/development/checkbox-common-Dd5uup8K.js +86 -0
  87. package/development/checkbox-group/checkbox-group.component.js +1 -1
  88. package/development/{checkbox.component-D3_FFSys.js → checkbox.component-CFZrwUTA.js} +2 -2
  89. package/development/checkbox.js +2 -2
  90. package/development/checkbox.pure.js +2 -2
  91. package/development/chip/chip-group/chip-group.component.js +1 -1
  92. package/development/chip/chip-group.js +1 -1
  93. package/development/chip-group.component-BVfHWX2-.js +409 -0
  94. package/development/chip.js +1 -1
  95. package/development/chip.pure.js +1 -1
  96. package/development/clock.component-CVPv4mCp.js +1 -1
  97. package/development/compact-paginator.component-5_Q2Reul.js +51 -0
  98. package/development/core/a11y/input-modality-detector.js +1 -1
  99. package/development/core/base-elements/element.js +1 -1
  100. package/development/core/controllers/media-matchers-controller.js +1 -1
  101. package/development/core/controllers/overlay-position-controller.js +3 -2
  102. package/development/core/datetime/date-adapter.js +1 -1
  103. package/development/core/datetime/native-date-adapter.js +1 -1
  104. package/development/core/datetime/temporal-date-adapter.js +1 -1
  105. package/development/core/eventing/throttle.d.ts +1 -0
  106. package/development/core/eventing/throttle.d.ts.map +1 -1
  107. package/development/core/eventing/throttle.js +2 -1
  108. package/development/core/mixins/disabled-mixin.js +1 -1
  109. package/development/core/mixins/form-associated-checkbox-mixin.js +1 -1
  110. package/development/core/mixins/form-associated-input-mixin.js +1 -1
  111. package/development/core/mixins/form-associated-mixin.js +1 -1
  112. package/development/core/mixins/form-associated-radio-button-mixin.js +1 -1
  113. package/development/core/mixins/named-slot-list-mixin.d.ts.map +1 -1
  114. package/development/core/mixins/named-slot-list-mixin.js +5 -2
  115. package/development/core/mixins/negative-mixin.js +1 -1
  116. package/development/core/mixins/readonly-mixin.js +1 -1
  117. package/development/core/mixins/required-mixin.js +1 -1
  118. package/development/core/testing/event-spy.js +1 -1
  119. package/development/datepicker/common/datepicker-button.d.ts +6 -0
  120. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  121. package/development/datepicker/common/datepicker-button.js +1 -1
  122. package/development/datepicker/common.js +1 -1
  123. package/development/datepicker/datepicker/datepicker.component.d.ts +3 -0
  124. package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  125. package/development/datepicker/datepicker/datepicker.component.js +1 -1
  126. package/development/datepicker/datepicker.js +1 -1
  127. package/development/datepicker-button-CUPeoQgH.js +169 -0
  128. package/development/datepicker.component-D2DxFng_.js +216 -0
  129. package/development/datepicker.js +2 -2
  130. package/development/datepicker.pure.js +2 -2
  131. package/development/error.component-OBpWoVRL.js +55 -0
  132. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
  133. package/development/expansion-panel/expansion-panel-header.js +1 -1
  134. package/development/expansion-panel-header.component-BEAabEE0.js +85 -0
  135. package/development/expansion-panel.js +1 -1
  136. package/development/expansion-panel.pure.js +1 -1
  137. package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
  138. package/development/file-selector/common/file-selector-common.js +1 -1
  139. package/development/file-selector/common.js +1 -1
  140. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  141. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  142. package/development/file-selector/file-selector-dropzone.js +1 -1
  143. package/development/file-selector-common-C7xIEiV4.js +416 -0
  144. package/development/file-selector-dropzone.component-BAWMZW4F.js +111 -0
  145. package/development/file-selector.js +2 -2
  146. package/development/file-selector.pure.js +2 -2
  147. package/development/footer/footer.component.js +1 -1
  148. package/development/footer.component-BmDkxYW9.js +172 -0
  149. package/development/footer.js +1 -1
  150. package/development/footer.pure.js +1 -1
  151. package/development/form-field/error/error.component.js +1 -1
  152. package/development/form-field/error.js +1 -1
  153. package/development/form-field/form-field/form-field.component.js +1 -1
  154. package/development/form-field/form-field-clear/form-field-clear.component.d.ts +3 -0
  155. package/development/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  156. package/development/form-field/form-field-clear/form-field-clear.component.js +4 -1
  157. package/development/form-field/form-field.js +1 -1
  158. package/development/form-field/hint/hint.component.js +1 -1
  159. package/development/form-field.component-BU3Sv2mD.js +707 -0
  160. package/development/form-field.js +3 -3
  161. package/development/form-field.pure.js +3 -3
  162. package/development/header/header/header.component.js +1 -1
  163. package/development/header/header.js +1 -1
  164. package/development/header-action-common-MTYV0dqA.js +1 -1
  165. package/development/header.component-CWJ36jF0.js +340 -0
  166. package/development/header.js +1 -1
  167. package/development/header.pure.js +1 -1
  168. package/development/hint.component-DUtL0RS3.js +38 -0
  169. package/development/icon/icon-name-mixin.js +1 -1
  170. package/development/image.component-BD0jc-u-.js +1 -1
  171. package/development/link/common/block-link-common.js +1 -1
  172. package/development/link/common.js +1 -1
  173. package/development/link-common-DJ2FfG_Q.js +1 -1
  174. package/development/link-list-base-CKMNz30d.js +1 -1
  175. package/development/link.js +1 -1
  176. package/development/link.pure.js +1 -1
  177. package/development/message/message.component.js +1 -1
  178. package/development/message.component-Dlf5V5ba.js +44 -0
  179. package/development/message.js +1 -1
  180. package/development/message.pure.js +1 -1
  181. package/development/mini-calendar.component-BufzKw74.js +1 -1
  182. package/development/navigation/common/navigation-action-common.js +1 -1
  183. package/development/navigation/common.js +1 -1
  184. package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
  185. package/development/navigation/navigation-marker.js +1 -1
  186. package/development/navigation/navigation-section/navigation-section.component.js +1 -1
  187. package/development/navigation/navigation-section.js +1 -1
  188. package/development/{navigation-action-common-DpBp7-eZ.js → navigation-action-common-Hjr4dI9J.js} +2 -2
  189. package/development/{navigation-marker.component-BpZdT4xz.js → navigation-marker.component-GOv42emC.js} +2 -2
  190. package/development/{navigation-section.component-CtZtuacK.js → navigation-section.component-CnVrRETN.js} +2 -2
  191. package/development/navigation.component-CTNQ1dix.js +1 -1
  192. package/development/navigation.js +3 -3
  193. package/development/navigation.pure.js +3 -3
  194. package/development/notification/notification.component.js +1 -1
  195. package/development/notification.component-Cvq_uViC.js +274 -0
  196. package/development/notification.js +1 -1
  197. package/development/notification.pure.js +1 -1
  198. package/development/option/option/option-base-element.d.ts.map +1 -1
  199. package/development/option/option/option-base-element.js +3 -1
  200. package/development/option/option/option.component.js +1 -1
  201. package/development/option/option.js +1 -1
  202. package/development/option.component-CRVr0PfV.js +130 -0
  203. package/development/option.js +1 -1
  204. package/development/option.pure.js +1 -1
  205. package/development/paginator/common/paginator-common.js +1 -1
  206. package/development/paginator/compact-paginator/compact-paginator.component.js +1 -1
  207. package/development/paginator/compact-paginator.js +1 -1
  208. package/development/paginator/paginator/paginator.component.js +1 -1
  209. package/development/paginator/paginator.js +1 -1
  210. package/development/paginator.component-Bn5tK0FK.js +259 -0
  211. package/development/paginator.js +2 -2
  212. package/development/paginator.pure.js +2 -2
  213. package/development/panel-mixin-Dj_rsgL9.js +1 -1
  214. package/development/popover/popover.component.d.ts +1 -0
  215. package/development/popover/popover.component.d.ts.map +1 -1
  216. package/development/popover/popover.component.js +1 -1
  217. package/development/popover.component-rZb6B9uW.js +546 -0
  218. package/development/popover.js +1 -1
  219. package/development/popover.pure.js +1 -1
  220. package/development/radio-button/common/radio-button-common.js +1 -1
  221. package/development/radio-button/common.js +1 -1
  222. package/development/radio-button/radio-button.component.js +1 -1
  223. package/development/radio-button/radio-button.js +1 -1
  224. package/development/radio-button-common--d3WX-ZM.js +126 -0
  225. package/development/radio-button-panel/radio-button-panel.component.js +1 -1
  226. package/development/{radio-button.component-BrQF2FfA.js → radio-button.component-BauLEeCV.js} +2 -2
  227. package/development/radio-button.js +2 -2
  228. package/development/radio-button.pure.js +2 -2
  229. package/development/select/select.component.d.ts.map +1 -1
  230. package/development/select/select.component.js +1 -1
  231. package/development/select.component-D9SFG7Lk.js +814 -0
  232. package/development/select.js +1 -1
  233. package/development/select.pure.js +1 -1
  234. package/development/sidebar-container.component-BDSoDAym.js +1 -1
  235. package/development/sidebar.component-BLqO52nH.js +1 -1
  236. package/development/slider/slider.component.js +1 -1
  237. package/development/{slider.component-BjfLnUvP.js → slider.component-C3qZB6ar.js} +2 -2
  238. package/development/slider.js +1 -1
  239. package/development/slider.pure.js +1 -1
  240. package/development/status/status.component.js +1 -1
  241. package/development/status.component-CPi1cPN0.js +111 -0
  242. package/development/status.js +1 -1
  243. package/development/status.pure.js +1 -1
  244. package/development/step-label.component-BJ9eainz.js +131 -0
  245. package/development/stepper/step-label/step-label.component.js +1 -1
  246. package/development/stepper/step-label.js +1 -1
  247. package/development/stepper.component-CxOBayI1.js +1 -1
  248. package/development/stepper.js +1 -1
  249. package/development/stepper.pure.js +1 -1
  250. package/development/sticky-bar.component-Dzrdsnxu.js +1 -1
  251. package/development/styles-D8-q-irv.js +1 -1
  252. package/development/styles-Jlhoev1S.js +14 -0
  253. package/development/tab-group.component-DldBA45K.js +275 -0
  254. package/development/{tab-label.component-14j2eh4Z.js → tab-label.component-B9e9kgVf.js} +2 -2
  255. package/development/tabs/common/styles.js +1 -1
  256. package/development/tabs/common.js +1 -1
  257. package/development/tabs/tab-group/tab-group.component.d.ts +1 -0
  258. package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  259. package/development/tabs/tab-group/tab-group.component.js +1 -1
  260. package/development/tabs/tab-group.js +1 -1
  261. package/development/tabs/tab-label/tab-label.component.js +1 -1
  262. package/development/tabs/tab-label.js +1 -1
  263. package/development/tabs.js +3 -3
  264. package/development/tabs.pure.js +3 -3
  265. package/development/tag/tag/tag.component.js +1 -1
  266. package/development/tag/tag.js +1 -1
  267. package/development/tag.component-Bl1nlIXQ.js +245 -0
  268. package/development/tag.js +1 -1
  269. package/development/tag.pure.js +1 -1
  270. package/development/teaser-hero/teaser-hero.component.js +1 -1
  271. package/development/{teaser-hero.component-DNlc8Tbl.js → teaser-hero.component-BIOpoGME.js} +2 -2
  272. package/development/teaser-hero.js +1 -1
  273. package/development/teaser-hero.pure.js +1 -1
  274. package/development/teaser-product-common-DYX370pm.js +1 -1
  275. package/development/time-input.component-BtdSR8kB.js +1 -1
  276. package/development/timetable-form/timetable-form/timetable-form.component.js +1 -1
  277. package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
  278. package/development/timetable-form/timetable-form-details.js +1 -1
  279. package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
  280. package/development/timetable-form/timetable-form-field.js +1 -1
  281. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +3 -0
  282. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -1
  283. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
  284. package/development/timetable-form/timetable-form-swap-button.js +1 -1
  285. package/development/timetable-form/timetable-form.js +1 -1
  286. package/development/timetable-form-details.component-DJl5Qt9y.js +26 -0
  287. package/development/timetable-form-field.component-DQ_TzcF4.js +44 -0
  288. package/development/{timetable-form-swap-button.component-BUKUjrpl.js → timetable-form-swap-button.component-Bh9aPmdn.js} +4 -1
  289. package/development/timetable-form.component-N8h4JBlH.js +27 -0
  290. package/development/timetable-form.js +4 -4
  291. package/development/timetable-form.pure.js +4 -4
  292. package/development/timetable-occupancy/timetable-occupancy.component.js +1 -1
  293. package/development/timetable-occupancy.component-BBcznUh0.js +124 -0
  294. package/development/timetable-occupancy.js +1 -1
  295. package/development/timetable-occupancy.pure.js +1 -1
  296. package/development/title/title-base.js +1 -1
  297. package/development/title/title.component.js +1 -1
  298. package/development/{title-base-CBE_2Hkb.js → title-base-BdYKwj3-.js} +2 -2
  299. package/development/{title.component-Dk23JVct.js → title.component-DSXVkddh.js} +2 -2
  300. package/development/title.js +2 -2
  301. package/development/title.pure.js +2 -2
  302. package/development/toast/toast.component.js +1 -1
  303. package/development/toast.component-IhHx0Qt3.js +275 -0
  304. package/development/toast.js +1 -1
  305. package/development/toast.pure.js +1 -1
  306. package/development/toggle/toggle/toggle.component.d.ts.map +1 -1
  307. package/development/toggle/toggle/toggle.component.js +1 -1
  308. package/development/toggle/toggle-option/toggle-option.component.d.ts +1 -0
  309. package/development/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  310. package/development/toggle/toggle-option/toggle-option.component.js +1 -1
  311. package/development/toggle/toggle-option.js +1 -1
  312. package/development/toggle/toggle.js +1 -1
  313. package/development/toggle-check/toggle-check.component.js +1 -1
  314. package/development/toggle-check.component-_fDAuLob.js +159 -0
  315. package/development/toggle-check.js +1 -1
  316. package/development/toggle-check.pure.js +1 -1
  317. package/development/toggle-option.component-DTS3a603.js +167 -0
  318. package/development/toggle.component-BJpD1b9H.js +249 -0
  319. package/development/toggle.js +2 -2
  320. package/development/toggle.pure.js +2 -2
  321. package/development/tooltip/tooltip.component.js +1 -1
  322. package/development/tooltip.component-YaUQA-Id.js +378 -0
  323. package/development/tooltip.js +1 -1
  324. package/development/tooltip.pure.js +1 -1
  325. package/development/train/train-wagon/train-wagon.component.js +1 -1
  326. package/development/train/train-wagon.js +1 -1
  327. package/development/{train-wagon.component-BzA8-S_6.js → train-wagon.component-CNxkffOO.js} +2 -2
  328. package/development/train.js +1 -1
  329. package/development/train.pure.js +1 -1
  330. package/{error.component-B_D8WUP5.js → error.component-DH9Obd7a.js} +1 -1
  331. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
  332. package/expansion-panel/expansion-panel-header.js +1 -1
  333. package/{expansion-panel-header.component-B_dQ3ZWT.js → expansion-panel-header.component-FPoEEoZR.js} +1 -1
  334. package/expansion-panel.js +1 -1
  335. package/expansion-panel.pure.js +1 -1
  336. package/file-selector/common/file-selector-common.js +1 -1
  337. package/file-selector/common.js +1 -1
  338. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  339. package/file-selector/file-selector-dropzone.js +1 -1
  340. package/{file-selector-common-DN4vHMpP.js → file-selector-common-BL9mM4SZ.js} +38 -40
  341. package/{file-selector-dropzone.component-CBKsZsC2.js → file-selector-dropzone.component-Ctar2kEw.js} +3 -4
  342. package/file-selector.js +2 -2
  343. package/file-selector.pure.js +2 -2
  344. package/footer/footer.component.js +1 -1
  345. package/{footer.component-BM91Utiz.js → footer.component-b2docCY_.js} +1 -1
  346. package/footer.js +1 -1
  347. package/footer.pure.js +1 -1
  348. package/form-field/error/error.component.js +1 -1
  349. package/form-field/error.js +1 -1
  350. package/form-field/form-field/form-field.component.js +1 -1
  351. package/form-field/form-field.js +1 -1
  352. package/form-field/hint/hint.component.js +1 -1
  353. package/{form-field.component-Cx5Keg_p.js → form-field.component-BwZDRKbQ.js} +3 -2
  354. package/form-field.js +3 -3
  355. package/form-field.pure.js +3 -3
  356. package/header/header/header.component.js +1 -1
  357. package/header/header.js +1 -1
  358. package/{header.component-hZqs06Yh.js → header.component-UQUFcMOD.js} +1 -1
  359. package/header.js +1 -1
  360. package/header.pure.js +1 -1
  361. package/{hint.component-BVUUrSSu.js → hint.component-CE2D2TLU.js} +1 -1
  362. package/link/common/block-link-common.js +1 -1
  363. package/link/common.js +1 -1
  364. package/link.js +1 -1
  365. package/link.pure.js +1 -1
  366. package/message/message.component.js +1 -1
  367. package/message.component-DhN-aFms.js +27 -0
  368. package/message.js +1 -1
  369. package/message.pure.js +1 -1
  370. package/navigation/common/navigation-action-common.js +1 -1
  371. package/navigation/common.js +1 -1
  372. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  373. package/navigation/navigation-marker.js +1 -1
  374. package/navigation/navigation-section/navigation-section.component.js +1 -1
  375. package/navigation/navigation-section.js +1 -1
  376. package/{navigation-action-common-2ix0xrBs.js → navigation-action-common-AzRltwrb.js} +1 -1
  377. package/{navigation-marker.component-DKxK16IU.js → navigation-marker.component-BzbbKlfT.js} +1 -1
  378. package/{navigation-section.component-CvjXVn5r.js → navigation-section.component-DQxCi3O_.js} +1 -1
  379. package/navigation.js +3 -3
  380. package/navigation.pure.js +3 -3
  381. package/notification/notification.component.js +1 -1
  382. package/{notification.component-DjXJFh1G.js → notification.component-D80Wl5xM.js} +1 -1
  383. package/notification.js +1 -1
  384. package/notification.pure.js +1 -1
  385. package/off-brand-theme.css +177 -73
  386. package/option/option/option-base-element.js +1 -1
  387. package/option/option/option.component.js +1 -1
  388. package/option/option.js +1 -1
  389. package/{option.component-M-V_tdSC.js → option.component-2Xf1hz7y.js} +1 -1
  390. package/option.js +1 -1
  391. package/option.pure.js +1 -1
  392. package/package.json +1 -1
  393. package/paginator/compact-paginator/compact-paginator.component.js +1 -1
  394. package/paginator/compact-paginator.js +1 -1
  395. package/paginator/paginator/paginator.component.js +1 -1
  396. package/paginator/paginator.js +1 -1
  397. package/{paginator.component-CZt7Epaf.js → paginator.component-BEr0qU0m.js} +1 -1
  398. package/paginator.js +2 -2
  399. package/paginator.pure.js +2 -2
  400. package/popover/popover.component.js +1 -1
  401. package/{popover.component-DWNuW4wM.js → popover.component-DAgwBcBW.js} +32 -28
  402. package/popover.js +1 -1
  403. package/popover.pure.js +1 -1
  404. package/radio-button/common/radio-button-common.js +1 -1
  405. package/radio-button/common.js +1 -1
  406. package/radio-button/radio-button.component.js +1 -1
  407. package/radio-button/radio-button.js +1 -1
  408. package/{radio-button-common-DP4Izwwf.js → radio-button-common-C1mIf9KY.js} +1 -1
  409. package/{radio-button.component-BiGeOI5L.js → radio-button.component-Bae-yK_U.js} +1 -1
  410. package/radio-button.js +2 -2
  411. package/radio-button.pure.js +2 -2
  412. package/safety-theme.css +177 -73
  413. package/select/select.component.js +1 -1
  414. package/{select.component-DWLdApt_.js → select.component-BT6RbERH.js} +3 -3
  415. package/select.js +1 -1
  416. package/select.pure.js +1 -1
  417. package/slider/slider.component.js +1 -1
  418. package/{slider.component-CoqCppCq.js → slider.component-BlRVR6iU.js} +1 -1
  419. package/slider.js +1 -1
  420. package/slider.pure.js +1 -1
  421. package/standard-theme.css +177 -73
  422. package/status/status.component.js +1 -1
  423. package/{status.component-BFyXTFXH.js → status.component-lw_WDs7W.js} +1 -1
  424. package/status.js +1 -1
  425. package/status.pure.js +1 -1
  426. package/step-label.component-Dqis4FAN.js +80 -0
  427. package/stepper/step-label/step-label.component.js +1 -1
  428. package/stepper/step-label.js +1 -1
  429. package/stepper.js +1 -1
  430. package/stepper.pure.js +1 -1
  431. package/styles-BNu0Fjw5.js +5 -0
  432. package/{tab-group.component-Doy39cEh.js → tab-group.component-CHQlrhUy.js} +36 -33
  433. package/{tab-label.component-CD56RH1Z.js → tab-label.component-CpdUyfiq.js} +1 -1
  434. package/tabs/common/styles.js +1 -1
  435. package/tabs/common.js +1 -1
  436. package/tabs/tab-group/tab-group.component.js +1 -1
  437. package/tabs/tab-group.js +1 -1
  438. package/tabs/tab-label/tab-label.component.js +1 -1
  439. package/tabs/tab-label.js +1 -1
  440. package/tabs.js +3 -3
  441. package/tabs.pure.js +3 -3
  442. package/tag/tag/tag.component.js +1 -1
  443. package/tag/tag.js +1 -1
  444. package/{tag.component-CzYJZuFT.js → tag.component-CsNszQvB.js} +1 -1
  445. package/tag.js +1 -1
  446. package/tag.pure.js +1 -1
  447. package/teaser-hero/teaser-hero.component.js +1 -1
  448. package/{teaser-hero.component-CHy82SKQ.js → teaser-hero.component-D8yj-N5n.js} +1 -1
  449. package/teaser-hero.js +1 -1
  450. package/teaser-hero.pure.js +1 -1
  451. package/timetable-form/timetable-form/timetable-form.component.js +1 -1
  452. package/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
  453. package/timetable-form/timetable-form-details.js +1 -1
  454. package/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
  455. package/timetable-form/timetable-form-field.js +1 -1
  456. package/timetable-form/timetable-form.js +1 -1
  457. package/timetable-form-details.component-mWKaBW_9.js +16 -0
  458. package/timetable-form-field.component-Cv_lv8vf.js +32 -0
  459. package/{timetable-form.component-CU1FXAZH.js → timetable-form.component-YcvKAlfz.js} +1 -1
  460. package/timetable-form.js +3 -3
  461. package/timetable-form.pure.js +3 -3
  462. package/timetable-occupancy/timetable-occupancy.component.js +1 -1
  463. package/{timetable-occupancy.component-Db9SfiyD.js → timetable-occupancy.component-BCXPxz68.js} +1 -1
  464. package/timetable-occupancy.js +1 -1
  465. package/timetable-occupancy.pure.js +1 -1
  466. package/title/title-base.js +1 -1
  467. package/title/title.component.js +1 -1
  468. package/{title-base-D72Xo2SW.js → title-base-DV0qhfG9.js} +1 -1
  469. package/{title.component-CoMa84Sz.js → title.component-DAGyXwDm.js} +1 -1
  470. package/title.js +2 -2
  471. package/title.pure.js +2 -2
  472. package/toast/toast.component.js +1 -1
  473. package/{toast.component-BDE1vYLS.js → toast.component-CORnf2Tl.js} +3 -3
  474. package/toast.js +1 -1
  475. package/toast.pure.js +1 -1
  476. package/toggle/toggle/toggle.component.js +1 -1
  477. package/toggle/toggle-option/toggle-option.component.js +1 -1
  478. package/toggle/toggle-option.js +1 -1
  479. package/toggle/toggle.js +1 -1
  480. package/toggle-check/toggle-check.component.js +1 -1
  481. package/toggle-check.component-DvoslSRr.js +119 -0
  482. package/toggle-check.js +1 -1
  483. package/toggle-check.pure.js +1 -1
  484. package/{toggle-option.component-Bw-GXUQK.js → toggle-option.component-pX3tNwjE.js} +5 -7
  485. package/{toggle.component-BPpsMMPG.js → toggle.component-B20xAw1V.js} +6 -10
  486. package/toggle.js +2 -2
  487. package/toggle.pure.js +2 -2
  488. package/tooltip/tooltip.component.js +1 -1
  489. package/{tooltip.component-BY9mV5Sw.js → tooltip.component-ocVpJogs.js} +1 -1
  490. package/tooltip.js +1 -1
  491. package/tooltip.pure.js +1 -1
  492. package/train/train-wagon/train-wagon.component.js +1 -1
  493. package/train/train-wagon.js +1 -1
  494. package/{train-wagon.component-BwCcF4GD.js → train-wagon.component-BT4Xnzxr.js} +1 -1
  495. package/train.js +1 -1
  496. package/train.pure.js +1 -1
  497. package/button-common-yFVzAoGy.js +0 -87
  498. package/development/autocomplete-base-element-YwfObJzm.js +0 -678
  499. package/development/breadcrumb-group.component-HBWRdDpS.js +0 -195
  500. package/development/calendar.component-6p9vsp-V.js +0 -1452
  501. package/development/card-badge.component-D4Mes-Gw.js +0 -84
  502. package/development/checkbox-common-DiTlHvFJ.js +0 -86
  503. package/development/chip-group.component-CvpUdzu1.js +0 -409
  504. package/development/compact-paginator.component-TfDVt_ST.js +0 -51
  505. package/development/datepicker-button-CANzGO5m.js +0 -163
  506. package/development/datepicker.component-C8XQVo45.js +0 -213
  507. package/development/error.component-xD_c9IBA.js +0 -55
  508. package/development/expansion-panel-header.component-Bw4uROTe.js +0 -85
  509. package/development/file-selector-common-C82QR3zb.js +0 -418
  510. package/development/file-selector-dropzone.component-B-cBO4bf.js +0 -112
  511. package/development/footer.component-BblB5218.js +0 -172
  512. package/development/form-field.component-DfMO_ihX.js +0 -706
  513. package/development/header.component-Cg0ZcA1s.js +0 -340
  514. package/development/hint.component-BsIzdUOV.js +0 -38
  515. package/development/message.component-CeJhYXSC.js +0 -44
  516. package/development/notification.component-Co9QChXc.js +0 -274
  517. package/development/option.component-CdL7fdzZ.js +0 -130
  518. package/development/paginator.component-DAdS2mMm.js +0 -259
  519. package/development/popover.component-BCMdJBUR.js +0 -537
  520. package/development/radio-button-common-C3-xuY78.js +0 -126
  521. package/development/select.component-CGNEhqzl.js +0 -812
  522. package/development/status.component-CHC2pBa-.js +0 -111
  523. package/development/step-label.component-CJFPHIZa.js +0 -131
  524. package/development/styles-DCQBzC2C.js +0 -14
  525. package/development/tab-group.component-DRipdAyc.js +0 -272
  526. package/development/tag.component-CnNPL6aI.js +0 -245
  527. package/development/timetable-form-details.component-C8awcdP5.js +0 -26
  528. package/development/timetable-form-field.component-BI24VjkC.js +0 -44
  529. package/development/timetable-form.component-CUG86CSN.js +0 -27
  530. package/development/timetable-occupancy.component-D_PXXvI9.js +0 -124
  531. package/development/toast.component-BnbpuU9L.js +0 -274
  532. package/development/toggle-check.component-BG4w_sE8.js +0 -159
  533. package/development/toggle-option.component-D-F7Fh7i.js +0 -168
  534. package/development/toggle.component-BFYLRN8o.js +0 -254
  535. package/development/tooltip.component-DzSd9VjW.js +0 -378
  536. package/message.component-BQjnZ5Z3.js +0 -27
  537. package/step-label.component-DnQBwnL8.js +0 -80
  538. package/styles-BUpK1iP2.js +0 -5
  539. package/timetable-form-details.component-CBZ7QSAx.js +0 -16
  540. package/timetable-form-field.component-BKxQQqt7.js +0 -32
  541. package/toggle-check.component-B6Ww5pLD.js +0 -119
@@ -4,27 +4,26 @@ import { property as i } from "lit/decorators.js";
4
4
  import { SbbElement as a } from "./core/base-elements.js";
5
5
  import { forceType as o } from "./core/decorators.js";
6
6
  import { isLean as s } from "./core/dom.js";
7
- import { throttle as c } from "./core/eventing.js";
8
- import { ɵstateController as l } from "./core/mixins.js";
9
- import { boxSizingStyles as u } from "./core/styles.js";
10
- import { ResizeController as d } from "@lit-labs/observers/resize-controller.js";
11
- import { ref as f } from "lit/directives/ref.js";
12
- import { getNextElementIndex as p, isArrowKeyPressed as m } from "./core/a11y.js";
13
- import { tabGroupCommonStyles as h } from "./tabs/common/styles.js";
7
+ import { ɵstateController as c } from "./core/mixins.js";
8
+ import { boxSizingStyles as l } from "./core/styles.js";
9
+ import { ResizeController as u } from "@lit-labs/observers/resize-controller.js";
10
+ import { ref as d } from "lit/directives/ref.js";
11
+ import { getNextElementIndex as f, isArrowKeyPressed as p } from "./core/a11y.js";
12
+ import { tabGroupCommonStyles as m } from "./tabs/common/styles.js";
14
13
  //#region src/elements/tabs/tab-group/tab-group.scss?inline
15
- var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-content-gap)}:host(:is(:state(initialized),[state--initialized])){--sbb-tab-group-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) )}.sbb-tab-group-content{height:var(--sbb-tab-content-height);transition:height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing)}:host([fixed-height]) ::slotted(sbb-tab){height:100%;overflow:auto}", _ = (() => {
16
- let _ = a, v, y = [], b = [], x, S = [], C = [], w, T = [], E = [];
17
- return class extends _ {
14
+ var h = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-content-gap)}:host(:is(:state(initialized),[state--initialized])){--sbb-tab-group-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) )}.sbb-tab-group-content{height:var(--sbb-tab-content-height);transition:height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing)}:host([fixed-height]) ::slotted(sbb-tab){height:100%;overflow:auto}", g = (() => {
15
+ let g = a, _, v = [], y = [], b, x = [], S = [], C, w = [], T = [];
16
+ return class extends g {
18
17
  static {
19
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
20
- v = [i()], x = [o(), i({
18
+ let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
19
+ _ = [i()], b = [o(), i({
21
20
  attribute: "initial-selected-index",
22
21
  type: Number
23
- })], w = [o(), i({
22
+ })], C = [o(), i({
24
23
  attribute: "fixed-height",
25
24
  type: Boolean,
26
25
  reflect: !0
27
- })], e(this, null, v, {
26
+ })], e(this, null, _, {
28
27
  kind: "accessor",
29
28
  name: "size",
30
29
  static: !1,
@@ -37,7 +36,7 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
37
36
  }
38
37
  },
39
38
  metadata: t
40
- }, y, b), e(this, null, x, {
39
+ }, v, y), e(this, null, b, {
41
40
  kind: "accessor",
42
41
  name: "initialSelectedIndex",
43
42
  static: !1,
@@ -50,7 +49,7 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
50
49
  }
51
50
  },
52
51
  metadata: t
53
- }, S, C), e(this, null, w, {
52
+ }, x, S), e(this, null, C, {
54
53
  kind: "accessor",
55
54
  name: "fixedHeight",
56
55
  static: !1,
@@ -63,7 +62,7 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
63
62
  }
64
63
  },
65
64
  metadata: t
66
- }, T, E), t && Object.defineProperty(this, Symbol.metadata, {
65
+ }, w, T), t && Object.defineProperty(this, Symbol.metadata, {
67
66
  enumerable: !0,
68
67
  configurable: !0,
69
68
  writable: !0,
@@ -75,9 +74,9 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
75
74
  }
76
75
  static {
77
76
  this.styles = [
78
- u,
79
- h,
80
- r(g)
77
+ l,
78
+ m,
79
+ r(h)
81
80
  ];
82
81
  }
83
82
  static {
@@ -111,15 +110,11 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
111
110
  return Array.from(this.children ?? []).filter((e) => /^sbb-tab$/u.test(e.localName));
112
111
  }
113
112
  constructor() {
114
- super(), this._tabGroupResizeObserver = new d(this, {
113
+ super(), this._tabGroupResizeObserver = new u(this, {
115
114
  target: null,
116
115
  skipInitial: !0,
117
116
  callback: () => this._onTabGroupElementResize()
118
- }), this.#e = t(this, y, s() ? "s" : "l"), this.#t = (t(this, b), t(this, S, 0)), this.#n = (t(this, C), t(this, T, !1)), this._onContentSlotChange = (t(this, E), () => {
119
- this.labels.forEach((e) => e.linkToTab()), this.labels.find((e) => e.active)?.activate();
120
- }), this._onLabelSlotChange = () => {
121
- this.labels.forEach((e) => e.linkToTab()), this._ensureActiveTab();
122
- }, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
117
+ }), this.#e = t(this, v, s() ? "s" : "l"), this.#t = (t(this, y), t(this, x, 0)), this.#n = (t(this, S), t(this, w, !1)), t(this, T), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
123
118
  }
124
119
  firstUpdated(e) {
125
120
  super.firstUpdated(e), this.labels.forEach((e) => e.linkToTab()), this._initSelection(), Promise.resolve().then(() => this.internals.states.add("initialized")), this._tabGroupResizeObserver.observe(this._tabGroupElement);
@@ -136,6 +131,14 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
136
131
  _enabledTabs() {
137
132
  return this.labels.filter((e) => (customElements.upgrade(e), !e.disabled));
138
133
  }
134
+ _onContentSlotChange() {
135
+ this._contentSlotChangeDebounceId && clearTimeout(this._contentSlotChangeDebounceId), this._contentSlotChangeDebounceId = setTimeout(() => {
136
+ this.labels.forEach((e) => e.linkToTab()), this.labels.find((e) => e.active)?.activate();
137
+ }, 150);
138
+ }
139
+ _onLabelSlotChange() {
140
+ this.labels.forEach((e) => e.linkToTab()), this._ensureActiveTab();
141
+ }
139
142
  _ensureActiveTab() {
140
143
  this.internals.states.has("initialized") && !this.labels.some((e) => e.active) && this._initSelection();
141
144
  }
@@ -150,13 +153,13 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
150
153
  _onTabGroupElementResize() {
151
154
  let e = this.labels;
152
155
  e.forEach((t) => {
153
- l(t)?.toggle("has-divider", t === e[0] || t.offsetLeft === e[0].offsetLeft);
156
+ c(t)?.toggle("has-divider", t === e[0] || t.offsetLeft === e[0].offsetLeft);
154
157
  }), this.style.setProperty("--sbb-tab-group-width", `${this._tabGroupElement.clientWidth}px`);
155
158
  }
156
159
  _handleKeyDown(e) {
157
160
  let t = this._enabledTabs();
158
- if (!(!t || e.target !== this && e.target.parentElement !== this) && m(e)) {
159
- let n = p(e, t.findIndex((e) => e.active), t.length);
161
+ if (!(!t || e.target !== this && e.target.parentElement !== this) && p(e)) {
162
+ let n = f(e, t.findIndex((e) => e.active), t.length);
160
163
  t[n]?.activate(), t[n]?.focus(), e.preventDefault();
161
164
  }
162
165
  }
@@ -168,13 +171,13 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
168
171
  <div
169
172
  class="sbb-tab-group"
170
173
  role="tablist"
171
- ${f((e) => this._tabGroupElement = e)}
174
+ ${d((e) => this._tabGroupElement = e)}
172
175
  >
173
176
  <slot name="tab-bar" @slotchange=${this._onLabelSlotChange}></slot>
174
177
  </div>
175
- ${this.fixedHeight ? n`<slot @slotchange=${c(this._onContentSlotChange, 150)}></slot>` : n`
178
+ ${this.fixedHeight ? n`<slot @slotchange=${this._onContentSlotChange}></slot>` : n`
176
179
  <div class="sbb-tab-group-content">
177
- <slot @slotchange=${c(this._onContentSlotChange, 150)}></slot>
180
+ <slot @slotchange=${this._onContentSlotChange}></slot>
178
181
  </div>
179
182
  `}
180
183
  `;
@@ -182,4 +185,4 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
182
185
  };
183
186
  })();
184
187
  //#endregion
185
- export { _ as t };
188
+ export { g as t };
@@ -10,7 +10,7 @@ import { SbbPropertyWatcherController as d } from "./core/controllers.js";
10
10
  import { tabLabelCommonStyles as f } from "./tabs/common/styles.js";
11
11
  import { SbbIconNameMixin as p } from "./icon.pure.js";
12
12
  //#region src/elements/tabs/tab-label/tab-label.scss?inline
13
- var m = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tab-label-outline-border-radius-internal: calc( var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset) )}:host(:is(:is(:state(size-s),[state--size-s]),[size=s])){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);--sbb-tab-label-font-size: var(--sbb-text-font-size-s)}:host(:is(:is(:state(size-l),[state--size-l]),[size=l])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-m)}:host(:is(:is(:state(size-xl),[state--size-xl]),[size=xl])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-xl)}:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){pointer-events:var(--sbb-tab-label-pointer-events, unset)}@media(forced-colors:active){:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a),:host(sbb-tab-label) .sbb-tab-label{position:relative;display:flex;align-items:center;gap:var(--sbb-tab-label-gap);color:var(--sbb-tab-label-color);margin:0;padding-inline:var(--sbb-tab-label-inline-padding);min-height:var(--sbb-tab-label-height);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);font-size:var(--sbb-tab-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);font-weight:var(--sbb-tab-label-font-weight);text-decoration:var(--sbb-tab-label-text-decoration)}:host(sbb-tab-nav-bar) ::slotted(a):after,:host(sbb-tab-label) .sbb-tab-label:after{position:absolute;content:\"\";inset-inline:0;inset-block-end:0;height:var(--sbb-tab-label-marker-thickness);background-color:var(--sbb-tab-label-color);scale:var(--sbb-tab-label-marker-scale, 0);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:scale,background-color}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider],:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])){position:relative}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider]:before,:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])):before{content:\"\";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color)}:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-3);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-scale: 1}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media(any-hover:hover){:host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),:host(sbb-tab-label:hover:not([disabled])){--sbb-tab-label-marker-scale: 1}}:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: var(--sbb-color-3)}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),:host(sbb-tab-label:focus-visible) .sbb-tab-label{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-tab-label-outline-border-radius-internal)}:host{display:inline-block;max-width:100%;outline:none!important}.sbb-tab-label{cursor:var(--sbb-tab-label-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-tab-label__icon{display:flex;flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tab-label__icon{display:none}.sbb-tab-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-tab-label__text{display:none}.sbb-tab-label__amount{margin:0;color:var(--sbb-tab-label-amount-color);font-weight:400;text-decoration:var(--sbb-tab-label-text-decoration)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tab-label__amount{display:none}", h = (() => {
13
+ var m = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tab-label-outline-border-radius-internal: calc( var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset) )}:host(:is(:is(:state(size-s),[state--size-s]),[size=s])){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);--sbb-tab-label-font-size: var(--sbb-text-font-size-s)}:host(:is(:is(:state(size-l),[state--size-l]),[size=l])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-m)}:host(:is(:is(:state(size-xl),[state--size-xl]),[size=xl])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-xl)}:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){pointer-events:var(--sbb-tab-label-pointer-events, unset)}@media(forced-colors:active){:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a),:host(sbb-tab-label) .sbb-tab-label{position:relative;display:flex;align-items:center;gap:var(--sbb-tab-label-gap);color:var(--sbb-tab-label-color);margin:0;padding-inline:var(--sbb-tab-label-inline-padding);min-height:var(--sbb-tab-label-height);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);font-size:var(--sbb-tab-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);font-weight:var(--sbb-tab-label-font-weight);text-decoration:var(--sbb-tab-label-text-decoration)}:host(sbb-tab-nav-bar) ::slotted(a):after,:host(sbb-tab-label) .sbb-tab-label:after{position:absolute;content:\"\";inset-inline:0;inset-block-end:0;height:var(--sbb-tab-label-marker-thickness);background-color:var(--sbb-tab-label-color);scale:var(--sbb-tab-label-marker-scale, 0);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:scale,background-color}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider],:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])){position:relative}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider]:before,:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])):before{content:\"\";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color)}:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-3);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-scale: 1}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media(any-hover:hover){:host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),:host(sbb-tab-label:hover:not([disabled])){--sbb-tab-label-marker-scale: 1}}:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: var(--sbb-color-3)}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),:host(sbb-tab-label:focus-visible) .sbb-tab-label{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-tab-label-outline-border-radius-internal)}:host{display:inline-block;max-width:100%;outline:none!important}.sbb-tab-label{cursor:var(--sbb-tab-label-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-tab-label__icon{display:flex;flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tab-label__icon{display:none}.sbb-tab-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-tab-label__text{display:none}.sbb-tab-label__amount{margin:0;color:var(--sbb-tab-label-amount-color);font-weight:400;text-decoration:var(--sbb-tab-label-text-decoration)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tab-label__amount{display:none}", h = (() => {
14
14
  let h = s(p(i)), g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [];
15
15
  return class extends h {
16
16
  static {
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../../styles-BUpK1iP2.js";
1
+ import { n as e, t } from "../../styles-BNu0Fjw5.js";
2
2
  export { t as tabGroupCommonStyles, e as tabLabelCommonStyles };
package/tabs/common.js CHANGED
@@ -1,4 +1,4 @@
1
- import { n as e, t } from "../styles-BUpK1iP2.js";
1
+ import { n as e, t } from "../styles-BNu0Fjw5.js";
2
2
  //#region src/elements/tabs/common.ts
3
3
  console.warn("The entrypoint '@sbb-esta/elements/tabs/common.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
4
4
  //#endregion
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../tab-group.component-Doy39cEh.js";
1
+ import { t as e } from "../../tab-group.component-CHQlrhUy.js";
2
2
  export { e as SbbTabGroupElement };
package/tabs/tab-group.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../tab-group.component-Doy39cEh.js";
1
+ import { t as e } from "../tab-group.component-CHQlrhUy.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/tabs/tab-group.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbTabGroupElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../tab-label.component-CD56RH1Z.js";
1
+ import { t as e } from "../../tab-label.component-CpdUyfiq.js";
2
2
  export { e as SbbTabLabelElement };
package/tabs/tab-label.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../tab-label.component-CD56RH1Z.js";
1
+ import { t as e } from "../tab-label.component-CpdUyfiq.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/tabs/tab-label.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbTabLabelElement };
package/tabs.js CHANGED
@@ -1,8 +1,8 @@
1
- import { t as e } from "./tab-group.component-Doy39cEh.js";
2
- import { t } from "./tab-label.component-CD56RH1Z.js";
1
+ import { t as e } from "./tab-group.component-CHQlrhUy.js";
2
+ import { t } from "./tab-label.component-CpdUyfiq.js";
3
3
  import { t as n } from "./tab-nav-bar.component-7mG-Dk6g.js";
4
4
  import { t as r } from "./tab.component-rEJAbgtn.js";
5
- import { n as i, t as a } from "./styles-BUpK1iP2.js";
5
+ import { n as i, t as a } from "./styles-BNu0Fjw5.js";
6
6
  import "./tabs.pure.js";
7
7
  r.define(), e.define(), t.define(), n.define();
8
8
  //#endregion
package/tabs.pure.js CHANGED
@@ -1,6 +1,6 @@
1
- import { t as e } from "./tab-group.component-Doy39cEh.js";
2
- import { t } from "./tab-label.component-CD56RH1Z.js";
1
+ import { t as e } from "./tab-group.component-CHQlrhUy.js";
2
+ import { t } from "./tab-label.component-CpdUyfiq.js";
3
3
  import { t as n } from "./tab-nav-bar.component-7mG-Dk6g.js";
4
4
  import { t as r } from "./tab.component-rEJAbgtn.js";
5
- import { n as i, t as a } from "./styles-BUpK1iP2.js";
5
+ import { n as i, t as a } from "./styles-BNu0Fjw5.js";
6
6
  export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, a as tabGroupCommonStyles, i as tabLabelCommonStyles };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../tag.component-CzYJZuFT.js";
1
+ import { t as e } from "../../tag.component-CsNszQvB.js";
2
2
  export { e as SbbTagElement };
package/tag/tag.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../tag.component-CzYJZuFT.js";
1
+ import { t as e } from "../tag.component-CsNszQvB.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/tag/tag.js' has been deprecated.\nUse either '@sbb-esta/elements/tag.js' or '@sbb-esta/elements/tag.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbTagElement };
@@ -8,7 +8,7 @@ import { SbbDisabledTabIndexActionMixin as u } from "./core/mixins.js";
8
8
  import { boxSizingStyles as d } from "./core/styles.js";
9
9
  import { SbbIconNameMixin as f } from "./icon.js";
10
10
  //#region src/elements/tag/tag/tag.scss?inline
11
- var p = ":host{--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:inline-block;max-width:100%;outline:none!important}:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: var(--sbb-border-color-3);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: Highlight !important;--sbb-tag-border-width: var(--sbb-border-width-4x)}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host(:is(:state(checked),[state--checked]):is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal);--sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));--sbb-tag-border-style: dashed}@media(any-hover:hover){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-border-color: Highlight}}:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-4)}@media(forced-colors:active){:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=m]){--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x)}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;font-size:var(--sbb-text-font-size-xs);letter-spacing:var(--sbb-typo-letter-spacing-text);gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor, var(--sbb-cursor-pointer));border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:\"\";position:absolute;inset:var(--sbb-tag-inset, 0);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag: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-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-text) * 1em);flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.sbb-tag__amount{color:var(--sbb-tag-amount-color)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift, 0);will-change:transform}", m = (() => {
11
+ var p = ":host{--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:inline-block;max-width:100%;outline:none!important}:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: var(--sbb-border-color-3);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: Highlight !important;--sbb-tag-border-width: var(--sbb-border-width-4x)}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host(:is(:state(checked),[state--checked]):is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal);--sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));--sbb-tag-border-style: dashed}@media(any-hover:hover){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-border-color: Highlight}}:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-4)}@media(forced-colors:active){:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=m]){--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x)}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;font-size:var(--sbb-text-font-size-xs);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor, var(--sbb-cursor-pointer));border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:\"\";position:absolute;inset:var(--sbb-tag-inset, 0);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag: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-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-text) * 1em);flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.sbb-tag__amount{color:var(--sbb-tag-amount-color)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift, 0);will-change:transform}", m = (() => {
12
12
  let m = f(u(a)), h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [];
13
13
  return class extends m {
14
14
  static {
package/tag.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./tag-group.component-DkQVBbQY.js";
2
- import { t } from "./tag.component-CzYJZuFT.js";
2
+ import { t } from "./tag.component-CsNszQvB.js";
3
3
  import "./tag.pure.js";
4
4
  t.define(), e.define();
5
5
  //#endregion
package/tag.pure.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { t as e } from "./tag-group.component-DkQVBbQY.js";
2
- import { t } from "./tag.component-CzYJZuFT.js";
2
+ import { t } from "./tag.component-CsNszQvB.js";
3
3
  export { t as SbbTagElement, e as SbbTagGroupElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../teaser-hero.component-CHy82SKQ.js";
1
+ import { t as e } from "../teaser-hero.component-D8yj-N5n.js";
2
2
  export { e as SbbTeaserHeroElement };
@@ -7,7 +7,7 @@ import { boxSizingStyles as s } from "./core/styles.js";
7
7
  import { html as c } from "lit/static-html.js";
8
8
  import { SbbBlockLinkStaticElement as l } from "./link.pure.js";
9
9
  //#region src/elements/teaser-hero/teaser-hero.scss?inline
10
- var u = ":host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-heading);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-1-negative);--sbb-panel-background-color: color-mix(in srgb, var(--sbb-color-primary) 90%, transparent);--sbb-panel-background-color-hover: var(--sbb-color-primary);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media(min-width:64rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media(min-width:64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media(any-hover:hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}::slotted([slot=image]){width:100%}.sbb-teaser-hero{position:relative;display:flex;min-height:var(--sbb-panel-height);text-decoration:none}.sbb-teaser-hero: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)}.sbb-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media(any-hover:hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-link-content),[state--slotted-link-content]),[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-heading);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}:host(:not([href])) .sbb-teaser-hero__panel-link{display:none}";
10
+ var u = ":host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-heading);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-1-negative);--sbb-panel-background-color: color-mix(in srgb, var(--sbb-color-primary) 90%, transparent);--sbb-panel-background-color-hover: var(--sbb-color-primary);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media(min-width:64rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media(min-width:64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media(any-hover:hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}::slotted([slot=image]){width:100%}.sbb-teaser-hero{position:relative;display:flex;min-height:var(--sbb-panel-height);text-decoration:none}.sbb-teaser-hero: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)}.sbb-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media(any-hover:hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;translate:0 -50%}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-link-content),[state--slotted-link-content]),[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-heading);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}:host(:not([href])) .sbb-teaser-hero__panel-link{display:none}";
11
11
  //#endregion
12
12
  //#region src/elements/teaser-hero/teaser-hero.component.ts
13
13
  l.define();
package/teaser-hero.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./teaser-hero.component-CHy82SKQ.js";
1
+ import { t as e } from "./teaser-hero.component-D8yj-N5n.js";
2
2
  import "./teaser-hero.pure.js";
3
3
  //#region src/elements/teaser-hero.ts
4
4
  e.define();
@@ -1,2 +1,2 @@
1
- import { t as e } from "./teaser-hero.component-CHy82SKQ.js";
1
+ import { t as e } from "./teaser-hero.component-D8yj-N5n.js";
2
2
  export { e as SbbTeaserHeroElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../timetable-form.component-CU1FXAZH.js";
1
+ import { t as e } from "../../timetable-form.component-YcvKAlfz.js";
2
2
  export { e as SbbTimetableFormElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../timetable-form-details.component-CBZ7QSAx.js";
1
+ import { t as e } from "../../timetable-form-details.component-mWKaBW_9.js";
2
2
  export { e as SbbTimetableFormDetailsElement };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../timetable-form-details.component-CBZ7QSAx.js";
1
+ import { t as e } from "../timetable-form-details.component-mWKaBW_9.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form-details.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbTimetableFormDetailsElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../timetable-form-field.component-BKxQQqt7.js";
1
+ import { t as e } from "../../timetable-form-field.component-Cv_lv8vf.js";
2
2
  export { e as SbbTimetableFormFieldElement };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../timetable-form-field.component-BKxQQqt7.js";
1
+ import { t as e } from "../timetable-form-field.component-Cv_lv8vf.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form-field.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbTimetableFormFieldElement };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../timetable-form.component-CU1FXAZH.js";
1
+ import { t as e } from "../timetable-form.component-YcvKAlfz.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbTimetableFormElement };
@@ -0,0 +1,16 @@
1
+ import { html as e, unsafeCSS as t } from "lit";
2
+ import { SbbElement as n } from "./core/base-elements.js";
3
+ //#region src/elements/timetable-form/timetable-form-details/timetable-form-details.scss?inline
4
+ var r = ":host{--_sbb-timetable-form-details-padding-inline-start: calc( var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs) );display:flex;flex-wrap:wrap;align-items:center;gap:var(--sbb-timetable-form-details-gap);border-block-start:var(--sbb-timetable-form-details-border-block-start);padding-block:var(--sbb-timetable-form-details-padding-block);padding-inline-start:var(--_sbb-timetable-form-details-padding-inline-start)}::slotted(sbb-form-field){--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem}::slotted(sbb-divider[orientation=vertical]){height:var(--sbb-timetable-form-details-horizontal-divider-height)}::slotted(:last-child){margin-inline-end:var(--sbb-timetable-form-details-padding-inline)}", i = class extends n {
5
+ static {
6
+ this.elementName = "sbb-timetable-form-details";
7
+ }
8
+ static {
9
+ this.styles = t(r);
10
+ }
11
+ render() {
12
+ return e`<slot></slot>`;
13
+ }
14
+ };
15
+ //#endregion
16
+ export { i as t };
@@ -0,0 +1,32 @@
1
+ import { html as e, isServer as t, unsafeCSS as n } from "lit";
2
+ import { SbbFormFieldElement as r } from "./form-field.pure.js";
3
+ //#region src/elements/timetable-form/timetable-form-field/timetable-form-field.scss?inline
4
+ var i = ":host{--_sbb-timetable-form-field-start-icon-connecting-line-offset: .1875rem;--_sbb-timetable-form-field-start-icon-connecting-line-width: calc( (var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 + var(--_sbb-timetable-form-field-start-icon-connecting-line-offset) );--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem;display:flex}:host(:first-of-type){--sbb-timetable-form-field-route-icon-rotate: 90deg}:host(:last-of-type){--sbb-timetable-form-field-route-icon-rotate: -90deg;--sbb-timetable-form-field-route-icon-translate: -.0625rem 0}:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper:after{content:\"\";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0}.sbb-timetable-form-field__start-route-icon{align-self:center;margin-inline-start:var(--sbb-form-field-padding-inline);rotate:var(--sbb-timetable-form-field-route-icon-rotate);translate:var(--sbb-timetable-form-field-route-icon-translate)}.sbb-timetable-form-field__start-route-icon:after{content:\"\";position:absolute;inset-block-start:50%;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);width:var(--_sbb-timetable-form-field-start-icon-connecting-line-width);margin-left:calc(var(--_sbb-timetable-form-field-start-icon-connecting-line-offset) * -1)}.sbb-timetable-form-field__via-route-icon{align-self:stretch;position:relative;width:var(--sbb-timetable-form-field-route-via-icon-width);margin-inline-start:var(--sbb-form-field-padding-inline)}.sbb-timetable-form-field__via-route-icon:before{content:\"\";position:absolute;inset-inline-start:50%;height:100%;margin-inline-start:-.0625rem;border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color)}.sbb-timetable-form-field__via-route-icon:after{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;width:var(--sbb-timetable-form-field-route-via-after-dimension);height:var(--sbb-timetable-form-field-route-via-after-dimension);border:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-timetable-form-field-route-icon-background-color);margin-inline-start:-.03125rem}.sbb-form-field__space-wrapper{flex-grow:1}";
5
+ //#endregion
6
+ //#region src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts
7
+ r.define();
8
+ var a = class extends r {
9
+ static {
10
+ this.elementName = "sbb-timetable-form-field";
11
+ }
12
+ static {
13
+ this.styles = [r.styles, n(i)];
14
+ }
15
+ constructor() {
16
+ super(), this._routeIcon = !1, this.borderless = !0, this.floatingLabel = !0, this.width = "collapse", this.size = "l";
17
+ }
18
+ connectedCallback() {
19
+ super.connectedCallback(), !t && this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
20
+ }
21
+ render() {
22
+ return e`
23
+ ${this._routeIcon ? e` <sbb-icon
24
+ name="route-circle-start-small"
25
+ class="sbb-timetable-form-field__start-route-icon"
26
+ ></sbb-icon>` : e` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
27
+ ${super.render()}
28
+ `;
29
+ }
30
+ };
31
+ //#endregion
32
+ export { a as t };
@@ -1,7 +1,7 @@
1
1
  import { html as e, unsafeCSS as t } from "lit";
2
2
  import { SbbElement as n } from "./core/base-elements.js";
3
3
  //#region src/elements/timetable-form/timetable-form/timetable-form.scss?inline
4
- var r = ":host{--sbb-timetable-form-background-color: var(--sbb-background-color-1);--sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);border-radius:var(--sbb-timetable-form-border-radius);background-color:var(--sbb-timetable-form-background-color);display:flex;flex-direction:column}", i = class extends n {
4
+ var r = ":host{border-radius:var(--sbb-timetable-form-border-radius);background-color:var(--sbb-timetable-form-background-color);display:flex;flex-direction:column}", i = class extends n {
5
5
  static {
6
6
  this.elementName = "sbb-timetable-form";
7
7
  }
package/timetable-form.js CHANGED
@@ -1,7 +1,7 @@
1
- import { t as e } from "./timetable-form-details.component-CBZ7QSAx.js";
2
- import { t } from "./timetable-form-field.component-BKxQQqt7.js";
1
+ import { t as e } from "./timetable-form-details.component-mWKaBW_9.js";
2
+ import { t } from "./timetable-form-field.component-Cv_lv8vf.js";
3
3
  import { t as n } from "./timetable-form-swap-button.component-C71eoTQH.js";
4
- import { t as r } from "./timetable-form.component-CU1FXAZH.js";
4
+ import { t as r } from "./timetable-form.component-YcvKAlfz.js";
5
5
  import "./timetable-form.pure.js";
6
6
  r.define(), e.define(), t.define(), n.define();
7
7
  //#endregion
@@ -1,5 +1,5 @@
1
- import { t as e } from "./timetable-form-details.component-CBZ7QSAx.js";
2
- import { t } from "./timetable-form-field.component-BKxQQqt7.js";
1
+ import { t as e } from "./timetable-form-details.component-mWKaBW_9.js";
2
+ import { t } from "./timetable-form-field.component-Cv_lv8vf.js";
3
3
  import { t as n } from "./timetable-form-swap-button.component-C71eoTQH.js";
4
- import { t as r } from "./timetable-form.component-CU1FXAZH.js";
4
+ import { t as r } from "./timetable-form.component-YcvKAlfz.js";
5
5
  export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../timetable-occupancy.component-Db9SfiyD.js";
1
+ import { t as e } from "../timetable-occupancy.component-BCXPxz68.js";
2
2
  export { e as SbbTimetableOccupancyElement };
@@ -9,7 +9,7 @@ import { i18nClass as u } from "./core/i18n.js";
9
9
  import "./screen-reader-only.js";
10
10
  import "./timetable-occupancy-icon.js";
11
11
  //#region src/elements/timetable-occupancy/timetable-occupancy.scss?inline
12
- var d = ":host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-color-2);--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-2x)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x)}.sbb-timetable-occupancy__list-item-class{--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);line-height:1;color:var(--sbb-timetable-occupancy-color)}.sbb-timetable-occupancy__list-item-icon{display:flex}", f = (() => {
12
+ var d = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;display:inline-block}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-list-gap)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-item-gap)}.sbb-timetable-occupancy__list-item-class{color:var(--sbb-timetable-occupancy-color);font-size:var(--sbb-timetable-occupancy-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:1}.sbb-timetable-occupancy__list-item-icon{display:flex}", f = (() => {
13
13
  let f = s(o), p, m = [], h = [], g, _ = [], v = [];
14
14
  return class extends f {
15
15
  constructor() {
@@ -1,4 +1,4 @@
1
- import { t as e } from "./timetable-occupancy.component-Db9SfiyD.js";
1
+ import { t as e } from "./timetable-occupancy.component-BCXPxz68.js";
2
2
  import "./timetable-occupancy.pure.js";
3
3
  //#region src/elements/timetable-occupancy.ts
4
4
  e.define();
@@ -1,2 +1,2 @@
1
- import { t as e } from "./timetable-occupancy.component-Db9SfiyD.js";
1
+ import { t as e } from "./timetable-occupancy.component-BCXPxz68.js";
2
2
  export { e as SbbTimetableOccupancyElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../title-base-D72Xo2SW.js";
1
+ import { t as e } from "../title-base-DV0qhfG9.js";
2
2
  export { e as SbbTitleBase };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../title.component-CoMa84Sz.js";
1
+ import { t as e } from "../title.component-DAGyXwDm.js";
2
2
  export { e as SbbTitleElement };
@@ -4,7 +4,7 @@ import { property as r } from "lit/decorators.js";
4
4
  import { SbbElement as i } from "./core/base-elements.js";
5
5
  import { html as a } from "lit/static-html.js";
6
6
  //#region src/elements/title/title-common.scss?inline
7
- var o = ":host{margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);--sbb-title-text-color-normal: var(--sbb-title-text-color-normal-override, var(--sbb-color-3));display:block;color:var(--sbb-title-text-color-normal)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level=\"1\"]:not([visual-level]),[visual-level=\"1\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-1-lean, var(--sbb-heading-font-size-1))}:host(:where([level=\"2\"]:not([visual-level]),[visual-level=\"2\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-2-lean, var(--sbb-heading-font-size-2))}:host(:where([level=\"3\"]:not([visual-level]),[visual-level=\"3\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-3-lean, var(--sbb-heading-font-size-3))}:host(:where([level=\"4\"]:not([visual-level]),[visual-level=\"4\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4))}:host(:where([level=\"5\"]:not([visual-level]),[visual-level=\"5\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-5-lean, var(--sbb-heading-font-size-5))}:host(:where([level=\"6\"]:not([visual-level]),[visual-level=\"6\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text)}", s = (() => {
7
+ var o = ":host{margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));--sbb-title-text-color-normal: var(--sbb-title-text-color-normal-override, var(--sbb-color-3));display:block;color:var(--sbb-title-text-color-normal)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level=\"1\"]:not([visual-level]),[visual-level=\"1\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-1-lean, var(--sbb-heading-font-size-1))}:host(:where([level=\"2\"]:not([visual-level]),[visual-level=\"2\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-2-lean, var(--sbb-heading-font-size-2))}:host(:where([level=\"3\"]:not([visual-level]),[visual-level=\"3\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-3-lean, var(--sbb-heading-font-size-3))}:host(:where([level=\"4\"]:not([visual-level]),[visual-level=\"4\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4))}:host(:where([level=\"5\"]:not([visual-level]),[visual-level=\"5\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-5-lean, var(--sbb-heading-font-size-5))}:host(:where([level=\"6\"]:not([visual-level]),[visual-level=\"6\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text)}", s = (() => {
8
8
  let s = i, c, l = [], u = [], d, f = [], p = [];
9
9
  return class extends s {
10
10
  static {
@@ -1,4 +1,4 @@
1
- import { t as e } from "./title-base-D72Xo2SW.js";
1
+ import { t as e } from "./title-base-DV0qhfG9.js";
2
2
  import { __esDecorate as t, __runInitializers as n } from "tslib";
3
3
  import { unsafeCSS as r } from "lit";
4
4
  import { property as i } from "lit/decorators.js";
package/title.js CHANGED
@@ -1,5 +1,5 @@
1
- import { t as e } from "./title-base-D72Xo2SW.js";
2
- import { t } from "./title.component-CoMa84Sz.js";
1
+ import { t as e } from "./title-base-DV0qhfG9.js";
2
+ import { t } from "./title.component-DAGyXwDm.js";
3
3
  import "./title.pure.js";
4
4
  //#region src/elements/title.ts
5
5
  t.define();
package/title.pure.js CHANGED
@@ -1,3 +1,3 @@
1
- import { t as e } from "./title-base-D72Xo2SW.js";
2
- import { t } from "./title.component-CoMa84Sz.js";
1
+ import { t as e } from "./title-base-DV0qhfG9.js";
2
+ import { t } from "./title.component-DAGyXwDm.js";
3
3
  export { e as SbbTitleBase, t as SbbTitleElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../toast.component-BDE1vYLS.js";
1
+ import { t as e } from "../toast.component-CORnf2Tl.js";
2
2
  export { e as SbbToastElement };
@@ -13,7 +13,7 @@ import { i18nCloseAlert as g } from "./core/i18n.js";
13
13
  import { SbbIconNameMixin as _ } from "./icon.js";
14
14
  import "./divider.js";
15
15
  //#region src/elements/toast/toast.scss?inline
16
- var v = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-text-color: var(--sbb-color-3-inverted);--sbb-toast-background-color: var(--sbb-background-color-1-inverted);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: none;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;--sbb-toast-gap: var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;inset:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color)}:host(:is(:state(state-opening),[state--state-opening])) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}slot:not([name=icon]),.sbb-toast__close{color-scheme:only light}.sbb-toast__content{--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);flex:1 1 0}.sbb-toast__close{display:flex;align-items:center}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}";
16
+ var v = ":host{--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;inset:0;display:var(--sbb-toast-container-display, none);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color)}:host(:is(:state(state-opening),[state--state-opening])) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}slot:not([name=icon]),.sbb-toast__close{color-scheme:only light}.sbb-toast__content{--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));flex:1 1 0}.sbb-toast__close{display:flex;align-items:center}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}";
17
17
  //#endregion
18
18
  //#region src/elements/toast/toast.component.ts
19
19
  p.define();
@@ -120,8 +120,8 @@ var y = /* @__PURE__ */ new Set(), b = (() => {
120
120
  }
121
121
  _handleOpening() {
122
122
  if (this.state = "opened", this.dispatchOpenEvent(), this.timeout) {
123
- let e = globalThis;
124
- this._closeTimeout = (e[e.Zone?.__symbol__?.("setTimeout")] ?? e.setTimeout)(() => this.close(), this.timeout);
123
+ let e = globalThis, t = e[e.Zone?.__symbol__?.("setTimeout")] ?? e.setTimeout;
124
+ this._closeTimeout = t(() => this.close(), this.timeout);
125
125
  }
126
126
  }
127
127
  _onClick(e) {