@sbb-esta/lyne-elements 4.8.0 → 4.9.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 (605) hide show
  1. package/README.md +2 -2
  2. package/action-group/action-group.component.js +1 -1
  3. package/action-group.component-OZNshH7G.js +158 -0
  4. package/action-group.js +1 -1
  5. package/action-group.pure.js +1 -1
  6. package/alert/alert/alert.component.js +1 -1
  7. package/alert/alert-group/alert-group.component.js +1 -1
  8. package/alert/alert-group.js +1 -1
  9. package/alert/alert.js +1 -1
  10. package/{alert-group.component-RV1M1OKy.js → alert-group.component-DnYg4aPB.js} +1 -1
  11. package/{alert.component-PPR7hfTi.js → alert.component-B94SoaHI.js} +1 -1
  12. package/alert.js +2 -2
  13. package/alert.pure.js +2 -2
  14. package/autocomplete/autocomplete-base-element.js +1 -1
  15. package/autocomplete/autocomplete.component.js +1 -1
  16. package/{autocomplete-base-element-DVFCZ4lt.js → autocomplete-base-element-BQj0oiHC.js} +1 -1
  17. package/autocomplete.js +1 -1
  18. package/autocomplete.pure.js +1 -1
  19. package/block-link-common-ClyAETjl.js +63 -0
  20. package/breadcrumb/breadcrumb/breadcrumb.component.js +1 -1
  21. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
  22. package/breadcrumb/breadcrumb-group.js +1 -1
  23. package/breadcrumb/breadcrumb.js +1 -1
  24. package/{breadcrumb-group.component-CfUyO1sI.js → breadcrumb-group.component-ioEaxcGE.js} +1 -1
  25. package/breadcrumb.component-CDs1jq2d.js +24 -0
  26. package/breadcrumb.js +2 -2
  27. package/breadcrumb.pure.js +2 -2
  28. package/button/common.js +1 -1
  29. package/button/mini-button-group/mini-button-group.component.js +1 -1
  30. package/button/mini-button-group.js +1 -1
  31. package/button/mini-button-link/mini-button-link.component.js +1 -1
  32. package/button/mini-button-link.js +1 -1
  33. package/button.js +3 -3
  34. package/button.pure.js +3 -3
  35. package/calendar/calendar/calendar.component.js +1 -1
  36. package/calendar/calendar-day/calendar-day.component.js +1 -1
  37. package/calendar/calendar-day.js +1 -1
  38. package/calendar/calendar.js +1 -1
  39. package/calendar/common.js +1 -1
  40. package/{calendar-day.component-Iewo-vBR.js → calendar-day.component-BZxPrp22.js} +1 -1
  41. package/{calendar.component-Cz-OGQu6.js → calendar.component-DtdBj_D-.js} +1 -1
  42. package/calendar.js +2 -2
  43. package/calendar.pure.js +2 -2
  44. package/card/card/card.component.js +1 -1
  45. package/card/card-badge/card-badge.component.js +1 -1
  46. package/card/card-badge.js +1 -1
  47. package/card/card.js +1 -1
  48. package/card/common/card-action-common.js +1 -1
  49. package/card/common.js +1 -1
  50. package/{card-action-common-GpkaNYtV.js → card-action-common-BNe4LRHp.js} +1 -1
  51. package/card-badge.component-CtpSWL9S.js +65 -0
  52. package/card.component-Bd-2-dP3.js +62 -0
  53. package/card.js +3 -3
  54. package/card.pure.js +3 -3
  55. package/carousel/carousel/carousel.component.js +1 -1
  56. package/carousel/carousel-item/carousel-item.component.js +1 -1
  57. package/carousel/carousel-item.js +1 -1
  58. package/carousel/carousel-list/carousel-list.component.js +1 -1
  59. package/carousel/carousel-list.js +1 -1
  60. package/carousel/carousel.js +1 -1
  61. package/{carousel-item.component-kv3rY8B-.js → carousel-item.component-BdW4Fe7j.js} +1 -1
  62. package/{carousel-list.component-DMMk66SP.js → carousel-list.component-CXKdk4dv.js} +1 -1
  63. package/{carousel.component-BA0V2JHI.js → carousel.component-D9By2rDH.js} +1 -1
  64. package/carousel.js +3 -3
  65. package/carousel.pure.js +3 -3
  66. package/checkbox/checkbox.component.js +2 -2
  67. package/checkbox/checkbox.js +2 -2
  68. package/checkbox/common/checkbox-common.js +1 -1
  69. package/checkbox/common.js +1 -1
  70. package/{checkbox-common-J-7Y966k.js → checkbox-common-CPIIGgkG.js} +1 -1
  71. package/{checkbox.component-Bazdxs9R.js → checkbox.component-Cax24yN1.js} +2 -2
  72. package/checkbox.js +2 -2
  73. package/checkbox.pure.js +2 -2
  74. package/chip/chip/chip.component.js +1 -1
  75. package/chip/chip-group/chip-group.component.js +1 -1
  76. package/chip/chip-group.js +1 -1
  77. package/chip/chip.js +1 -1
  78. package/{chip-group.component-CbruCoHR.js → chip-group.component-CpXuOisx.js} +1 -1
  79. package/chip-label/chip-label.component.js +1 -1
  80. package/{chip-label.component-D9AZdMSJ.js → chip-label.component-CFDlJJZv.js} +1 -1
  81. package/chip-label.js +1 -1
  82. package/chip-label.pure.js +1 -1
  83. package/chip.component-vKOg_uFQ.js +94 -0
  84. package/chip.js +2 -2
  85. package/chip.pure.js +2 -2
  86. package/clock/clock.component.js +1 -1
  87. package/{clock.component-gZJy4AU4.js → clock.component-CZq8NuSw.js} +1 -1
  88. package/clock.js +1 -1
  89. package/clock.pure.js +1 -1
  90. package/common-BdjLJuBp.js +5 -0
  91. package/{compact-paginator.component-BK7xj9tc.js → compact-paginator.component-JM9tD9ys.js} +1 -1
  92. package/container/container/container.component.js +1 -1
  93. package/container/container.js +1 -1
  94. package/container/sticky-bar/sticky-bar.component.js +1 -1
  95. package/container/sticky-bar.js +1 -1
  96. package/{container.component-C-jpJN2k.js → container.component-mgU80iW0.js} +1 -1
  97. package/container.js +2 -2
  98. package/container.pure.js +2 -2
  99. package/core/a11y/focus-trap-controller.js +2 -2
  100. package/core/base-elements/selection-group-base-element.js +1 -1
  101. package/core/base-elements.js +1 -1
  102. package/core/mixins.js +1 -1
  103. package/core/styles/core.scss +9 -0
  104. package/core.css +13 -0
  105. package/custom-elements.json +295 -212
  106. package/date-input/date-input.component.js +1 -1
  107. package/{date-input.component-Da-aS3jt.js → date-input.component-lInRTqua.js} +1 -1
  108. package/date-input.js +1 -1
  109. package/date-input.pure.js +1 -1
  110. package/datepicker/common/datepicker-button.js +1 -1
  111. package/datepicker/common.js +1 -1
  112. package/datepicker/datepicker/datepicker.component.js +1 -1
  113. package/datepicker/datepicker.js +1 -1
  114. package/{datepicker-button-Dk2UQkPN.js → datepicker-button--Bz_ztGR.js} +1 -1
  115. package/{datepicker.component-DUVgoAGU.js → datepicker.component-B64-Fip5.js} +1 -1
  116. package/datepicker.js +2 -2
  117. package/datepicker.pure.js +2 -2
  118. package/development/core/a11y/focus-trap-controller.js +3 -3
  119. package/development/core/mixins.js +2 -1
  120. package/development/header/header/header.component.d.ts +7 -0
  121. package/development/header/header/header.component.d.ts.map +1 -1
  122. package/development/header/header/header.component.js +1 -1
  123. package/development/header/header.js +1 -1
  124. package/development/header.component-C9JGj-z6.js +489 -0
  125. package/development/header.js +1 -1
  126. package/development/header.pure.js +1 -1
  127. package/development/popover/popover.component.d.ts.map +1 -1
  128. package/development/popover/popover.component.js +1 -1
  129. package/development/popover.component-dRXm7_Mv.js +736 -0
  130. package/development/popover.js +1 -1
  131. package/development/popover.pure.js +1 -1
  132. package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
  133. package/development/radio-button/common/radio-button-common.js +1 -1
  134. package/development/radio-button/common.js +1 -1
  135. package/development/radio-button/radio-button.component.js +2 -2
  136. package/development/radio-button/radio-button.js +2 -2
  137. package/development/{radio-button-common-CsjMvmAn.js → radio-button-common-CCrvhOPQ.js} +7 -1
  138. package/development/radio-button-group/radio-button-group.component.d.ts.map +1 -1
  139. package/development/radio-button-group/radio-button-group.component.js +2 -1
  140. package/development/{radio-button.component-BTnHGixs.js → radio-button.component-DYD1hVIZ.js} +2 -2
  141. package/development/radio-button.js +2 -2
  142. package/development/radio-button.pure.js +2 -2
  143. package/development/signet/signet.component.d.ts.map +1 -1
  144. package/development/signet/signet.component.js +1 -1
  145. package/development/signet.component-9afq0BQh.js +164 -0
  146. package/development/signet.js +1 -1
  147. package/development/signet.pure.js +1 -1
  148. package/development/skiplink-list/skiplink-list.component.d.ts.map +1 -1
  149. package/development/skiplink-list/skiplink-list.component.js +1 -1
  150. package/development/{skiplink-list.component-BvbnZ24-.js → skiplink-list.component--EzDilpP.js} +12 -22
  151. package/development/skiplink-list.js +1 -1
  152. package/development/skiplink-list.pure.js +1 -1
  153. package/dialog/dialog/dialog.component.js +1 -1
  154. package/dialog/dialog-actions/dialog-actions.component.js +1 -1
  155. package/dialog/dialog-actions.js +1 -1
  156. package/dialog/dialog-close-button/dialog-close-button.component.js +1 -1
  157. package/dialog/dialog-close-button.js +1 -1
  158. package/dialog/dialog-content/dialog-content.component.js +1 -1
  159. package/dialog/dialog-content.js +1 -1
  160. package/dialog/dialog-title/dialog-title.component.js +1 -1
  161. package/dialog/dialog-title.js +1 -1
  162. package/dialog/dialog.js +1 -1
  163. package/dialog-actions.component-C6m1odAP.js +17 -0
  164. package/{dialog-close-button.component-CeZrvBtz.js → dialog-close-button.component-DsNnE7BE.js} +1 -1
  165. package/{dialog-content.component-bHJNAgKn.js → dialog-content.component-DIKknjUX.js} +1 -1
  166. package/dialog-title.component-DSq0esCH.js +17 -0
  167. package/{dialog.component-CIPresmM.js → dialog.component-BuIFpeUd.js} +1 -1
  168. package/dialog.js +5 -5
  169. package/dialog.pure.js +5 -5
  170. package/divider/divider.component.js +1 -1
  171. package/{divider.component-B99DkxCv.js → divider.component-DwDhJGac.js} +1 -1
  172. package/divider.js +1 -1
  173. package/divider.pure.js +1 -1
  174. package/{error.component-DTYppqRY.js → error.component-DpUkVwHl.js} +1 -1
  175. package/expansion-panel/expansion-panel/expansion-panel.component.js +1 -1
  176. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +1 -1
  177. package/expansion-panel/expansion-panel-content.js +1 -1
  178. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
  179. package/expansion-panel/expansion-panel-header.js +1 -1
  180. package/expansion-panel/expansion-panel.js +1 -1
  181. package/expansion-panel-content.component-2C7bavY5.js +29 -0
  182. package/expansion-panel-header.component-B5ulwstr.js +56 -0
  183. package/{expansion-panel.component-CGss5cPS.js → expansion-panel.component-DxEqf6H1.js} +1 -1
  184. package/expansion-panel.js +3 -3
  185. package/expansion-panel.pure.js +3 -3
  186. package/file-selector/common/file-selector-common.js +1 -1
  187. package/file-selector/common.js +1 -1
  188. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  189. package/file-selector/file-selector-dropzone.js +1 -1
  190. package/{file-selector-common-C--h0Yj2.js → file-selector-common-Bk07ovZm.js} +1 -1
  191. package/{file-selector-dropzone.component-BFlkqlsq.js → file-selector-dropzone.component-DhPsfRQk.js} +1 -1
  192. package/file-selector.js +2 -2
  193. package/file-selector.pure.js +2 -2
  194. package/flip-card/flip-card/flip-card.component.js +1 -1
  195. package/flip-card/flip-card-details/flip-card-details.component.js +1 -1
  196. package/flip-card/flip-card-details.js +1 -1
  197. package/flip-card/flip-card-summary/flip-card-summary.component.js +1 -1
  198. package/flip-card/flip-card-summary.js +1 -1
  199. package/flip-card/flip-card.js +1 -1
  200. package/{flip-card-details.component-BOVK7F1U.js → flip-card-details.component-Dd9w2AaO.js} +1 -1
  201. package/flip-card-summary.component-DN08GsS9.js +65 -0
  202. package/{flip-card.component-5pxuwGAv.js → flip-card.component-CrUlzxck.js} +1 -1
  203. package/flip-card.js +3 -3
  204. package/flip-card.pure.js +3 -3
  205. package/footer/footer.component.js +1 -1
  206. package/footer.component-C8s7qhZs.js +129 -0
  207. package/footer.js +1 -1
  208. package/footer.pure.js +1 -1
  209. package/form-field/error/error.component.js +1 -1
  210. package/form-field/error.js +1 -1
  211. package/form-field/form-field/form-field.component.js +1 -1
  212. package/form-field/form-field.js +1 -1
  213. package/{form-field.component-CWj6jfYZ.js → form-field.component-Dc0CkOvA.js} +1 -1
  214. package/form-field.js +2 -2
  215. package/form-field.pure.js +2 -2
  216. package/header/common/header-action-common.js +1 -1
  217. package/header/common.js +1 -1
  218. package/header/header/header.component.js +1 -1
  219. package/header/header-environment/header-environment.component.js +1 -1
  220. package/header/header-environment.js +1 -1
  221. package/header/header.js +1 -1
  222. package/header-action-common-D9CO0Jax.js +62 -0
  223. package/header-environment.component-DDZ9fcZd.js +36 -0
  224. package/header.component-BPkEKqnQ.js +232 -0
  225. package/header.js +3 -3
  226. package/header.pure.js +3 -3
  227. package/icon/icon-base.js +1 -1
  228. package/icon/icon-name-mixin.js +1 -1
  229. package/icon/icon.component.js +1 -1
  230. package/{icon-base-C2VxpriZ.js → icon-base-BkDvJr2l.js} +1 -1
  231. package/icon-sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
  232. package/icon-sidebar/icon-sidebar.js +1 -1
  233. package/{icon-sidebar.component-D3vOnYrs.js → icon-sidebar.component-CQ6KLiCN.js} +1 -1
  234. package/icon-sidebar.js +1 -1
  235. package/icon-sidebar.pure.js +1 -1
  236. package/icon.js +1 -1
  237. package/icon.pure.js +1 -1
  238. package/image/image.component.js +1 -1
  239. package/{image.component-BcOwT7-U.js → image.component-BSWcI8r3.js} +1 -1
  240. package/image.js +1 -1
  241. package/image.pure.js +1 -1
  242. package/index.d.ts +0 -2
  243. package/index.js +0 -2
  244. package/inline-link-common-B7MnXE80.js +18 -0
  245. package/journey-header/journey-header.component.js +1 -1
  246. package/{journey-header.component-CjXBxEor.js → journey-header.component-mIbM-KVg.js} +1 -1
  247. package/journey-header.js +1 -1
  248. package/journey-header.pure.js +1 -1
  249. package/lead-container/lead-container.component.js +1 -1
  250. package/lead-container.component-w3zhibLj.js +27 -0
  251. package/lead-container.js +1 -1
  252. package/lead-container.pure.js +1 -1
  253. package/link/common/block-link-common.js +2 -2
  254. package/link/common/inline-link-common.js +2 -2
  255. package/link/common/link-common.js +1 -1
  256. package/link/common.js +3 -3
  257. package/link-common-DqIfaliQ.js +52 -0
  258. package/link-list/common/link-list-base.js +1 -1
  259. package/link-list/common.js +1 -1
  260. package/link-list/link-list-anchor.js +2 -2
  261. package/link-list/link-list.component.js +2 -2
  262. package/link-list/link-list.js +2 -2
  263. package/link-list-anchor/link-list-anchor.component.js +1 -1
  264. package/link-list-anchor.component-CwmljGqM.js +18 -0
  265. package/link-list-anchor.js +1 -1
  266. package/link-list-anchor.pure.js +1 -1
  267. package/{link-list-base-CrpC5D4u.js → link-list-base-DwOmdG3N.js} +1 -1
  268. package/link-list.component-e-UmSwDi.js +78 -0
  269. package/link-list.js +3 -3
  270. package/link-list.pure.js +2 -2
  271. package/link.js +3 -3
  272. package/link.pure.js +3 -3
  273. package/loading-indicator/loading-indicator.component.js +1 -1
  274. package/loading-indicator-circle/loading-indicator-circle.component.js +1 -1
  275. package/loading-indicator-circle.component-5o-TFlzV.js +62 -0
  276. package/loading-indicator-circle.js +1 -1
  277. package/loading-indicator-circle.pure.js +1 -1
  278. package/loading-indicator.component-8XIZYm8V.js +92 -0
  279. package/loading-indicator.js +1 -1
  280. package/loading-indicator.pure.js +1 -1
  281. package/logo/logo.component.js +1 -1
  282. package/{logo.component-CdZe8lrB.js → logo.component-D0-6sm1j.js} +1 -1
  283. package/logo.js +1 -1
  284. package/logo.pure.js +1 -1
  285. package/map-container/map-container.component.js +1 -1
  286. package/map-container.component-CnErYagX.js +128 -0
  287. package/map-container.js +1 -1
  288. package/map-container.pure.js +1 -1
  289. package/menu/common/menu-action-common.js +1 -1
  290. package/menu/common.js +1 -1
  291. package/menu/menu/menu.component.js +1 -1
  292. package/menu/menu.js +1 -1
  293. package/menu-action-common-Br3mThg1.js +29 -0
  294. package/{menu.component-elxRPsQz.js → menu.component-D5u2hL8X.js} +1 -1
  295. package/menu.js +2 -2
  296. package/menu.pure.js +2 -2
  297. package/message/message.component.js +1 -1
  298. package/{message.component-DDMr1IXM.js → message.component-CnIfjJj8.js} +1 -1
  299. package/message.js +1 -1
  300. package/message.pure.js +1 -1
  301. package/{mini-button-group.component-D5Dph1Z7.js → mini-button-group.component-CDXkOnq4.js} +1 -1
  302. package/{mini-button-link.component-BYK_EUud.js → mini-button-link.component-BlPfUvvp.js} +1 -1
  303. package/mini-calendar/mini-calendar/mini-calendar.component.js +1 -1
  304. package/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +1 -1
  305. package/mini-calendar/mini-calendar-day.js +1 -1
  306. package/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +1 -1
  307. package/mini-calendar/mini-calendar-month.js +1 -1
  308. package/mini-calendar/mini-calendar.js +1 -1
  309. package/{mini-calendar-day.component-Tj7wlWj7.js → mini-calendar-day.component-CM1dgWp6.js} +1 -1
  310. package/{mini-calendar-month.component-DTod_RRs.js → mini-calendar-month.component-DZ45IgFZ.js} +1 -1
  311. package/{mini-calendar.component-BCDHUUZG.js → mini-calendar.component-CKR-WJWW.js} +1 -1
  312. package/mini-calendar.js +3 -3
  313. package/mini-calendar.pure.js +3 -3
  314. package/navigation/common/navigation-action-common.js +1 -1
  315. package/navigation/common.js +1 -1
  316. package/navigation/navigation/navigation.component.js +1 -1
  317. package/navigation/navigation-list/navigation-list.component.js +1 -1
  318. package/navigation/navigation-list.js +1 -1
  319. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  320. package/navigation/navigation-marker.js +1 -1
  321. package/navigation/navigation-section/navigation-section.component.js +1 -1
  322. package/navigation/navigation-section.js +1 -1
  323. package/navigation/navigation.js +1 -1
  324. package/navigation-action-common-Cme_2GEs.js +64 -0
  325. package/{navigation-list.component-DnB7FrKG.js → navigation-list.component-DiyAt5hV.js} +1 -1
  326. package/{navigation-marker.component-B7hmb9iS.js → navigation-marker.component-D_U3Nd-_.js} +1 -1
  327. package/{navigation-section.component-C86pkDLG.js → navigation-section.component-DqFRimuS.js} +1 -1
  328. package/{navigation.component-BzgTWUiD.js → navigation.component-BAgxKoOU.js} +1 -1
  329. package/navigation.js +5 -5
  330. package/navigation.pure.js +5 -5
  331. package/notification/notification.component.js +1 -1
  332. package/notification.component-BYm_I7Df.js +197 -0
  333. package/notification.js +1 -1
  334. package/notification.pure.js +1 -1
  335. package/off-brand-theme.css +13 -0
  336. package/{optgroup-base-element-C8LeifgF.js → optgroup-base-element-D0ebmnMV.js} +1 -1
  337. package/option/optgroup/optgroup-base-element.js +1 -1
  338. package/option/optgroup/optgroup.component.js +1 -1
  339. package/option/optgroup.js +1 -1
  340. package/option/option/option.component.js +1 -1
  341. package/option/option-hint/option-hint.component.js +1 -1
  342. package/option/option-hint.js +1 -1
  343. package/option/option.js +1 -1
  344. package/option-hint.component-5KZ_UDB6.js +23 -0
  345. package/option.component-DJO5o_Ig.js +98 -0
  346. package/option.js +3 -3
  347. package/option.pure.js +3 -3
  348. package/overlay/overlay.component.js +1 -1
  349. package/{overlay.component-CAN3BK7B.js → overlay.component-CaBxt4sb.js} +1 -1
  350. package/overlay.js +1 -1
  351. package/overlay.pure.js +1 -1
  352. package/package.json +2 -3
  353. package/paginator/compact-paginator/compact-paginator.component.js +1 -1
  354. package/paginator/compact-paginator.js +1 -1
  355. package/paginator/paginator/paginator.component.js +1 -1
  356. package/paginator/paginator.js +1 -1
  357. package/paginator.component-nXF_Zbze.js +206 -0
  358. package/paginator.js +2 -2
  359. package/paginator.pure.js +2 -2
  360. package/popover/popover.component.js +1 -1
  361. package/{popover.component-eBpmXakQ.js → popover.component-H1g1e1o9.js} +3 -3
  362. package/popover.js +1 -1
  363. package/popover.pure.js +1 -1
  364. package/radio-button/common/radio-button-common.js +1 -1
  365. package/radio-button/common.js +1 -1
  366. package/radio-button/radio-button.component.js +2 -2
  367. package/radio-button/radio-button.js +2 -2
  368. package/radio-button-common-Ch3i83Qb.js +80 -0
  369. package/radio-button-group/radio-button-group.component.js +1 -1
  370. package/{radio-button.component-CVPy3eQi.js → radio-button.component-BGIJJyFd.js} +2 -2
  371. package/radio-button.js +2 -2
  372. package/radio-button.pure.js +2 -2
  373. package/safety-theme.css +13 -0
  374. package/screen-reader-only/screen-reader-only.component.js +1 -1
  375. package/{screen-reader-only.component-DEOirlKo.js → screen-reader-only.component-DxVn8U9m.js} +1 -1
  376. package/screen-reader-only.js +1 -1
  377. package/screen-reader-only.pure.js +1 -1
  378. package/select/select.component.js +1 -1
  379. package/{select.component-CsIiislt.js → select.component-Bo7kkaOF.js} +1 -1
  380. package/select.js +1 -1
  381. package/select.pure.js +1 -1
  382. package/selection-action-panel/selection-action-panel.component.js +1 -1
  383. package/selection-action-panel.component-DsXSIUJY.js +35 -0
  384. package/selection-action-panel.js +1 -1
  385. package/selection-action-panel.pure.js +1 -1
  386. package/selection-expansion-panel/selection-expansion-panel.component.js +1 -1
  387. package/{selection-expansion-panel.component-BQw9icBM.js → selection-expansion-panel.component-DdUCJdYH.js} +1 -1
  388. package/selection-expansion-panel.js +1 -1
  389. package/selection-expansion-panel.pure.js +1 -1
  390. package/{selection-group-base-element-Bd6na8dT.js → selection-group-base-element-CBG8qr2t.js} +1 -1
  391. package/sidebar/common/styles.js +1 -1
  392. package/sidebar/common.js +1 -1
  393. package/sidebar/sidebar/sidebar.component.js +1 -1
  394. package/sidebar/sidebar-close-button/sidebar-close-button.component.js +1 -1
  395. package/sidebar/sidebar-close-button.js +1 -1
  396. package/sidebar/sidebar-container/sidebar-container.component.js +1 -1
  397. package/sidebar/sidebar-container.js +1 -1
  398. package/sidebar/sidebar-content/sidebar-content.component.js +1 -1
  399. package/sidebar/sidebar-content.js +1 -1
  400. package/sidebar/sidebar-title/sidebar-title.component.js +1 -1
  401. package/sidebar/sidebar-title.js +1 -1
  402. package/sidebar/sidebar.js +1 -1
  403. package/{sidebar-close-button.component-D0JS2p5L.js → sidebar-close-button.component-BTrt_KtJ.js} +1 -1
  404. package/{sidebar-container.component-BFxFShTF.js → sidebar-container.component-5s-OUp0W.js} +1 -1
  405. package/{sidebar-content.component-M7FGd8SF.js → sidebar-content.component-cZMzji92.js} +1 -1
  406. package/{sidebar-title.component-BfjxBPpH.js → sidebar-title.component-DYd-60nF.js} +1 -1
  407. package/{sidebar.component-zRpWDGKR.js → sidebar.component-BcgVWM8W.js} +1 -1
  408. package/sidebar.js +5 -5
  409. package/sidebar.pure.js +5 -5
  410. package/signet/signet.component.js +1 -1
  411. package/signet.component-CobWzWhG.js +99 -0
  412. package/signet.js +1 -1
  413. package/signet.pure.js +1 -1
  414. package/skiplink-list/skiplink-list.component.js +1 -1
  415. package/{skiplink-list.component-BRJk6HvC.js → skiplink-list.component-DHOXaPS-.js} +8 -10
  416. package/skiplink-list.js +1 -1
  417. package/skiplink-list.pure.js +1 -1
  418. package/slider/slider.component.js +1 -1
  419. package/{slider.component-CLNsu212.js → slider.component-MdvM78XU.js} +1 -1
  420. package/slider.js +1 -1
  421. package/slider.pure.js +1 -1
  422. package/standard-theme.css +13 -0
  423. package/status/status.component.js +1 -1
  424. package/{status.component-CmLdUn37.js → status.component-C3Wx4Gvn.js} +1 -1
  425. package/status.js +1 -1
  426. package/status.pure.js +1 -1
  427. package/step-label.component-zeKJCNqa.js +82 -0
  428. package/{step.component-eKVtXlT4.js → step.component-DluGAXNI.js} +1 -1
  429. package/stepper/step/step.component.js +1 -1
  430. package/stepper/step-label/step-label.component.js +1 -1
  431. package/stepper/step-label.js +1 -1
  432. package/stepper/step.js +1 -1
  433. package/stepper/stepper/stepper.component.js +1 -1
  434. package/stepper/stepper.js +1 -1
  435. package/{stepper.component-yWCQtYWc.js → stepper.component-BIFuIy3T.js} +1 -1
  436. package/stepper.js +3 -3
  437. package/stepper.pure.js +3 -3
  438. package/sticky-bar.component-DnPfDrKx.js +141 -0
  439. package/styles-BhYx61ZB.js +5 -0
  440. package/styles-DjLiBgML.js +5 -0
  441. package/{tab-group.component-DE4H3_H4.js → tab-group.component-BTwC9WKX.js} +1 -1
  442. package/tab-label.component-CsT_0RH7.js +165 -0
  443. package/{tab-nav-bar.component-n5TiTWxE.js → tab-nav-bar.component-UOqFJjhe.js} +1 -1
  444. package/{tab.component-BrIEFDxk.js → tab.component-BpUsS18w.js} +1 -1
  445. package/table/table-wrapper/table-wrapper.component.js +1 -1
  446. package/table/table-wrapper.js +1 -1
  447. package/{table-wrapper.component-CoqozurQ.js → table-wrapper.component-DPUvpfK4.js} +1 -1
  448. package/table.js +1 -1
  449. package/table.pure.js +1 -1
  450. package/tabs/common/styles.js +1 -1
  451. package/tabs/common.js +1 -1
  452. package/tabs/tab/tab.component.js +1 -1
  453. package/tabs/tab-group/tab-group.component.js +1 -1
  454. package/tabs/tab-group.js +1 -1
  455. package/tabs/tab-label/tab-label.component.js +1 -1
  456. package/tabs/tab-label.js +1 -1
  457. package/tabs/tab-nav-bar/tab-nav-bar.component.js +1 -1
  458. package/tabs/tab-nav-bar.js +1 -1
  459. package/tabs/tab.js +1 -1
  460. package/tabs.js +5 -5
  461. package/tabs.pure.js +5 -5
  462. package/tag/tag/tag.component.js +1 -1
  463. package/tag/tag-group/tag-group.component.js +1 -1
  464. package/tag/tag-group.js +1 -1
  465. package/tag/tag.js +1 -1
  466. package/{tag-group.component-DiIp6zS1.js → tag-group.component-CoChkHtw.js} +1 -1
  467. package/tag.component-ClZ-ZKFC.js +170 -0
  468. package/tag.js +2 -2
  469. package/tag.pure.js +2 -2
  470. package/teaser/teaser.component.js +1 -1
  471. package/teaser-hero/teaser-hero.component.js +1 -1
  472. package/teaser-hero.component-dKZsY0fS.js +80 -0
  473. package/teaser-hero.js +1 -1
  474. package/teaser-hero.pure.js +1 -1
  475. package/teaser-product/common/teaser-product-common.js +1 -1
  476. package/teaser-product/common.js +1 -1
  477. package/teaser-product/teaser-product/teaser-product.component.js +1 -1
  478. package/teaser-product/teaser-product.js +1 -1
  479. package/teaser-product-common-CFCb5Rsx.js +62 -0
  480. package/{teaser-product.component-DiOhM_rU.js → teaser-product.component-C3Zi8Pdd.js} +1 -1
  481. package/teaser-product.js +2 -2
  482. package/teaser-product.pure.js +2 -2
  483. package/teaser.component-CUUvAAZ7.js +91 -0
  484. package/teaser.js +1 -1
  485. package/teaser.pure.js +1 -1
  486. package/time-input/time-input.component.js +1 -1
  487. package/{time-input.component-DT1BOC8m.js → time-input.component-BDkxBiPM.js} +1 -1
  488. package/time-input.js +1 -1
  489. package/time-input.pure.js +1 -1
  490. package/timetable-form/timetable-form/timetable-form.component.js +1 -1
  491. package/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
  492. package/timetable-form/timetable-form-details.js +1 -1
  493. package/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
  494. package/timetable-form/timetable-form-field.js +1 -1
  495. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
  496. package/timetable-form/timetable-form-swap-button.js +1 -1
  497. package/timetable-form/timetable-form.js +1 -1
  498. package/timetable-form-details.component-CfpM_Kse.js +16 -0
  499. package/timetable-form-field.component-DJ9FZ9vI.js +32 -0
  500. package/{timetable-form-swap-button.component-BGP-OsHD.js → timetable-form-swap-button.component-BXQ-ukkk.js} +1 -1
  501. package/{timetable-form.component-BqdKekNM.js → timetable-form.component-BeopwQmE.js} +1 -1
  502. package/timetable-form.js +4 -4
  503. package/timetable-form.pure.js +4 -4
  504. package/timetable-occupancy/timetable-occupancy.component.js +1 -1
  505. package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +1 -1
  506. package/{timetable-occupancy-icon.component-ZrzpXaeV.js → timetable-occupancy-icon.component-LLMT_897.js} +1 -1
  507. package/timetable-occupancy-icon.js +1 -1
  508. package/timetable-occupancy-icon.pure.js +1 -1
  509. package/{timetable-occupancy.component-DMztYVmj.js → timetable-occupancy.component-CuI4uxPK.js} +1 -1
  510. package/timetable-occupancy.js +1 -1
  511. package/timetable-occupancy.pure.js +1 -1
  512. package/title/title-base.js +1 -1
  513. package/title/title.component.js +2 -2
  514. package/{title-base-BDYkc8fG.js → title-base-DRgSZMaU.js} +1 -1
  515. package/{title.component-DafVwymI.js → title.component-1oKmMeCz.js} +2 -2
  516. package/title.js +2 -2
  517. package/title.pure.js +2 -2
  518. package/toast/toast.component.js +1 -1
  519. package/{toast.component-DbILctK5.js → toast.component-BGevO6ad.js} +1 -1
  520. package/toast.js +1 -1
  521. package/toast.pure.js +1 -1
  522. package/toggle/toggle/toggle.component.js +1 -1
  523. package/toggle/toggle-option/toggle-option.component.js +1 -1
  524. package/toggle/toggle-option.js +1 -1
  525. package/toggle/toggle.js +1 -1
  526. package/toggle-check/toggle-check.component.js +1 -1
  527. package/toggle-check.component-C2Ejl7a_.js +119 -0
  528. package/toggle-check.js +1 -1
  529. package/toggle-check.pure.js +1 -1
  530. package/{toggle-option.component-NMfqwd12.js → toggle-option.component-Lm0irQKj.js} +1 -1
  531. package/{toggle.component-D1n5S5ev.js → toggle.component-D8rRkRAo.js} +1 -1
  532. package/toggle.js +2 -2
  533. package/toggle.pure.js +2 -2
  534. package/tooltip/tooltip.component.js +1 -1
  535. package/{tooltip.component-X45T6iQH.js → tooltip.component-Bwp_yTA8.js} +1 -1
  536. package/tooltip.js +1 -1
  537. package/tooltip.pure.js +1 -1
  538. package/train/train/train.component.js +1 -1
  539. package/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
  540. package/train/train-blocked-passage.js +1 -1
  541. package/train/train-formation/train-formation.component.js +1 -1
  542. package/train/train-formation.js +1 -1
  543. package/train/train-wagon/train-wagon.component.js +1 -1
  544. package/train/train-wagon.js +1 -1
  545. package/train/train.js +1 -1
  546. package/train-blocked-passage.component-D3mbnoQ4.js +23 -0
  547. package/train-formation.component-DoNKUil3.js +121 -0
  548. package/{train-wagon.component-bGA2a-0M.js → train-wagon.component-CLrqgGwH.js} +1 -1
  549. package/{train.component-V6FLqC82.js → train.component-COPys5v7.js} +1 -1
  550. package/train.js +4 -4
  551. package/train.pure.js +4 -4
  552. package/visual-checkbox/visual-checkbox.component.js +1 -1
  553. package/{visual-checkbox.component-eajUDpKu.js → visual-checkbox.component-CiAaB_Yc.js} +1 -1
  554. package/visual-checkbox.js +1 -1
  555. package/visual-checkbox.pure.js +1 -1
  556. package/action-group.component-KWugkMGf.js +0 -158
  557. package/block-link-common-BMTrbSfi.js +0 -63
  558. package/breadcrumb.component-DjkZzGJD.js +0 -24
  559. package/card-badge.component-D_PI9Ega.js +0 -65
  560. package/card.component-Dt2YFmd3.js +0 -62
  561. package/chip.component-DMB36gvC.js +0 -94
  562. package/common-CI_BB6sF.js +0 -5
  563. package/development/header.component-DEw_zC-n.js +0 -446
  564. package/development/popover.component-CLwOes_-.js +0 -746
  565. package/development/signet.component-B9nY5tTL.js +0 -188
  566. package/dialog-actions.component-QvbasYxg.js +0 -17
  567. package/dialog-title.component-BDHYjDn0.js +0 -17
  568. package/expansion-panel-content.component-DCl4nQ8V.js +0 -29
  569. package/expansion-panel-header.component-jc1Ty5jz.js +0 -56
  570. package/flip-card-summary.component-DVa7wF7x.js +0 -65
  571. package/footer.component-C-mSrCud.js +0 -129
  572. package/header-action-common-W_j0KPr-.js +0 -62
  573. package/header-environment.component-DduyZo6W.js +0 -36
  574. package/header.component-DW23EnaO.js +0 -203
  575. package/inline-link-common-DANB-hT-.js +0 -18
  576. package/lead-container.component-D9VzZCQa.js +0 -27
  577. package/link-common-akQv_-UR.js +0 -52
  578. package/link-list-anchor.component-Qm7h2mHK.js +0 -18
  579. package/link-list.component-C8zrqHYc.js +0 -78
  580. package/loading-indicator-circle.component-DfjVqe7n.js +0 -62
  581. package/loading-indicator.component-DkYs30Nf.js +0 -92
  582. package/map-container.component-C_wbi6WL.js +0 -128
  583. package/menu-action-common-vt9j6nkG.js +0 -29
  584. package/navigation-action-common-D_-gGOYm.js +0 -64
  585. package/notification.component-Cor1vQGU.js +0 -197
  586. package/option-hint.component-kPdwK61Z.js +0 -23
  587. package/option.component-DF9ZTj12.js +0 -98
  588. package/paginator.component-CsSs5q4D.js +0 -206
  589. package/radio-button-common-QHPueQrm.js +0 -77
  590. package/selection-action-panel.component-QfR2kPeM.js +0 -35
  591. package/signet.component-Kwdy4Uor.js +0 -101
  592. package/step-label.component-DTkviH8Q.js +0 -82
  593. package/sticky-bar.component-BqZVKHc7.js +0 -141
  594. package/styles-CsBiCI23.js +0 -5
  595. package/styles-DYZWSKeo.js +0 -5
  596. package/tab-label.component-BnxPGws1.js +0 -165
  597. package/tag.component-CfK6JwsO.js +0 -170
  598. package/teaser-hero.component-DjodzcX_.js +0 -80
  599. package/teaser-product-common-DkumwiRA.js +0 -62
  600. package/teaser.component-C7sJLVMk.js +0 -91
  601. package/timetable-form-details.component-DI5Mr8-O.js +0 -16
  602. package/timetable-form-field.component-2kEWygEC.js +0 -32
  603. package/toggle-check.component-CPewUjOg.js +0 -119
  604. package/train-blocked-passage.component-RIMoX91U.js +0 -23
  605. package/train-formation.component-B17tc6cx.js +0 -121
@@ -15,7 +15,7 @@ import { SbbFocusTrapController as T, getNextElementIndex as E, interactivityChe
15
15
  import { i18nGoBack as k } from "./core/i18n/i18n.js";
16
16
  import { SbbMenuButtonElement as A } from "./menu/menu-button/menu-button.component.js";
17
17
  //#region src/elements/menu/menu/menu.scss?lit&inline
18
- var j = n`:host{--sbb-menu-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--_sbb-menu-inset:0 auto auto 0;--sbb-scrollbar-thumb-width:.125rem;--sbb-scrollbar-thumb-width-hover:.25rem;--sbb-scrollbar-width-firefox:thin;--sbb-scrollbar-color:color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color:transparent;display:contents}@media (width>=64rem){:host{--sbb-menu-back-button-display:none}}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-visibility:visible;--sbb-menu-backdrop-color:color-mix(in srgb, var(--sbb-color-black) 20%, transparent)}@media (width>=64rem){:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-backdrop-color:transparent}}:host(:not(:is(:state(nested),[state--nested]))){--sbb-menu-back-button-display:none}:host(:not(:is(:state(state-closed),[state--state-closed]))){--_sbb-menu-inset:0}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color:var(--sbb-focus-outline-color-default);--sbb-scrollbar-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-black) 60%, transparent)}@media (width<=63.9375rem){:host(:is(:state(skip-animation),[state--skip-animation])){--sbb-menu-animation-duration:0s}:host(:is(:state(nested-child),[state--nested-child])){--sbb-menu-transform-x:-100%}:host(:is(:state(nested),[state--nested]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-menu-open-animation-name:open-sideways}:host(:is(:state(state-closing),[state--state-closing]):is(:state(nested),[state--nested]):not(:is(:state(close-all),[state--close-all]))){--sbb-menu-close-animation-name:close-sideways}}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){padding-inline:var(--sbb-spacing-fixed-5x);display:block}sbb-divider,::slotted(sbb-divider){--sbb-divider-color:var(--sbb-background-color-4-inverted);margin-block:var(--sbb-spacing-fixed-2x)}sbb-divider,#sbb-menu__back-button{display:var(--sbb-menu-back-button-display,block)}.sbb-menu__container{pointer-events:none;inset:var(--_sbb-menu-inset);height:var(--sbb-menu-container-height);z-index:var(--sbb-menu-z-index,var(--sbb-overlay-default-z-index));position:fixed}.sbb-menu__container:before{content:"";visibility:var(--sbb-menu-visibility,hidden);pointer-events:all;inset:var(--_sbb-menu-inset);height:var(--sbb-menu-container-height);background-color:var(--sbb-menu-backdrop-color,transparent);transition-duration:var(--sbb-menu-animation-duration);transition-timing-function:var(--sbb-menu-animation-easing);transition-property:background-color,visibility;position:fixed}:host(:is(:state(nested),[state--nested])) .sbb-menu__container:before{display:none}.sbb-menu{opacity:0;pointer-events:none;max-width:var(--sbb-menu-max-width);min-width:var(--sbb-menu-min-width);text-align:start;color:var(--sbb-menu-color);border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-menu-background-color);translate:var(--sbb-menu-transform-x,0) 0;transition:translate var(--sbb-menu-animation-duration);border:none;padding:0;display:none;position:absolute;inset-block-start:unset;inset-block-end:0;inset-inline-start:0;inset-inline-end:unset;overflow:hidden}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-menu{opacity:1;pointer-events:all;animation-name:var(--sbb-menu-open-animation-name,open);animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing);display:block}:host(:is(:state(state-closing),[state--state-closing])) .sbb-menu{pointer-events:none;animation-name:var(--sbb-menu-close-animation-name,close)}@media (forced-colors:active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (width>=64rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;border-radius:var(--sbb-menu-border-radius);max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu{top:var(--sbb-menu-position-y,0);left:var(--sbb-menu-position-x,0);max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}}.sbb-menu__content{--sbb-scrollbar-width:var(--sbb-spacing-fixed-3x)}.sbb-menu__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-menu__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-menu__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color,currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover,currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-menu__content::-webkit-scrollbar-button{display:none}.sbb-menu__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-menu__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color,currentcolor) var(--sbb-scrollbar-track-color,transparent)}}.sbb-menu__content{max-height:var(--sbb-menu-max-height);padding-block:var(--sbb-spacing-fixed-1x);outline:none;overflow:auto}.sbb-menu__content:after{content:"";height:var(--sbb-spacing-fixed-8x);display:block}@media (width>=64rem){.sbb-menu__content{max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu__content{max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}.sbb-menu__content:after{display:none}}::slotted(:is(:is(:state(sbb-link),[state--sbb-link]),:is(:state(sbb-button),[state--sbb-button]))){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}@keyframes open{0%{opacity:0;translate:0 var(--sbb-menu-transform-y,100%)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-menu-transform-y,100%)}}@keyframes open-sideways{0%{translate:100%}to{translate:0}}@keyframes close-sideways{0%{translate:0}to{translate:100%}}`;
18
+ var j = n`:host{display:contents;--sbb-menu-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--_sbb-menu-inset: 0 auto auto 0;--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: transparent}@media(min-width:64rem){:host{--sbb-menu-back-button-display: none}}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-visibility: visible;--sbb-menu-backdrop-color: color-mix(in srgb, var(--sbb-color-black) 20%, transparent)}@media(min-width:64rem){:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-backdrop-color: transparent}}:host(:not(:is(:state(nested),[state--nested]))){--sbb-menu-back-button-display: none}:host(:not(:is(:state(state-closed),[state--state-closed]))){--_sbb-menu-inset: 0}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent)}@media(max-width:63.9375rem){:host(:is(:state(skip-animation),[state--skip-animation])){--sbb-menu-animation-duration: 0ms}:host(:is(:state(nested-child),[state--nested-child])){--sbb-menu-transform-x: -100%}:host(:is(:state(nested),[state--nested]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-menu-open-animation-name: open-sideways}:host(:is(:state(state-closing),[state--state-closing]):is(:state(nested),[state--nested]):not(:is(:state(close-all),[state--close-all]))){--sbb-menu-close-animation-name: close-sideways}}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){display:block;padding-inline:var(--sbb-spacing-fixed-5x)}sbb-divider,::slotted(sbb-divider){--sbb-divider-color: var(--sbb-background-color-4-inverted);margin-block:var(--sbb-spacing-fixed-2x)}sbb-divider,#sbb-menu__back-button{display:var(--sbb-menu-back-button-display, block)}.sbb-menu__container{position:fixed;pointer-events:none;inset:var(--_sbb-menu-inset);height:var(--sbb-menu-container-height);z-index:var(--sbb-menu-z-index, var(--sbb-overlay-default-z-index))}.sbb-menu__container:before{content:"";visibility:var(--sbb-menu-visibility, hidden);pointer-events:all;position:fixed;inset:var(--_sbb-menu-inset);height:var(--sbb-menu-container-height);background-color:var(--sbb-menu-backdrop-color, transparent);transition-duration:var(--sbb-menu-animation-duration);transition-timing-function:var(--sbb-menu-animation-easing);transition-property:background-color,visibility}:host(:is(:state(nested),[state--nested])) .sbb-menu__container:before{display:none}.sbb-menu{display:none;opacity:0;pointer-events:none;max-width:var(--sbb-menu-max-width);min-width:var(--sbb-menu-min-width);text-align:start;position:absolute;inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:unset;color:var(--sbb-menu-color);border:none;border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-menu-background-color);padding:0;overflow:hidden;translate:var(--sbb-menu-transform-x, 0) 0;transition:translate var(--sbb-menu-animation-duration)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-menu{display:block;opacity:1;pointer-events:all;animation-name:var(--sbb-menu-open-animation-name, open);animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-menu{pointer-events:none;animation-name:var(--sbb-menu-close-animation-name, close)}@media(forced-colors:active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media(min-width:64rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;max-height:fit-content;border-radius:var(--sbb-menu-border-radius)}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu{top:var(--sbb-menu-position-y, 0);left:var(--sbb-menu-position-x, 0);max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}}.sbb-menu__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-menu__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-menu__content::-webkit-scrollbar-button,.sbb-menu__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-menu__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-menu__content{max-height:var(--sbb-menu-max-height);padding-block:var(--sbb-spacing-fixed-1x);overflow:auto;outline:none}.sbb-menu__content:after{content:"";display:block;height:var(--sbb-spacing-fixed-8x)}@media(min-width:64rem){.sbb-menu__content{max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu__content{max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}.sbb-menu__content:after{display:none}}::slotted(:is(:is(:state(sbb-link),[state--sbb-link]),:is(:state(sbb-button),[state--sbb-button]))){color-scheme:only light}@keyframes open{0%{opacity:0;translate:0 var(--sbb-menu-transform-y, 100%)}to{opacity:1;translate:0 0}}@keyframes close{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 var(--sbb-menu-transform-y, 100%)}}@keyframes open-sideways{0%{translate:100% 0}to{translate:0 0}}@keyframes close-sideways{0%{translate:0 0}to{translate:100% 0}}`;
19
19
  //#endregion
20
20
  //#region src/elements/menu/menu/menu.component.ts
21
21
  A.define();
package/menu.js CHANGED
@@ -1,7 +1,7 @@
1
- import { t as e } from "./menu-action-common-vt9j6nkG.js";
1
+ import { t as e } from "./menu-action-common-Br3mThg1.js";
2
2
  import { SbbMenuButtonElement as t } from "./menu/menu-button/menu-button.component.js";
3
3
  import { SbbMenuLinkElement as n } from "./menu/menu-link/menu-link.component.js";
4
- import { t as r } from "./menu.component-elxRPsQz.js";
4
+ import { t as r } from "./menu.component-D5u2hL8X.js";
5
5
  import "./menu.pure.js";
6
6
  r.define(), t.define(), n.define();
7
7
  //#endregion
package/menu.pure.js CHANGED
@@ -1,5 +1,5 @@
1
- import { t as e } from "./menu-action-common-vt9j6nkG.js";
1
+ import { t as e } from "./menu-action-common-Br3mThg1.js";
2
2
  import { SbbMenuButtonElement as t } from "./menu/menu-button/menu-button.component.js";
3
3
  import { SbbMenuLinkElement as n } from "./menu/menu-link/menu-link.component.js";
4
- import { t as r } from "./menu.component-elxRPsQz.js";
4
+ import { t as r } from "./menu.component-D5u2hL8X.js";
5
5
  export { e as SbbMenuActionCommonElementMixin, t as SbbMenuButtonElement, r as SbbMenuElement, n as SbbMenuLinkElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../message.component-DDMr1IXM.js";
1
+ import { t as e } from "../message.component-CnIfjJj8.js";
2
2
  export { e as SbbMessageElement };
@@ -2,7 +2,7 @@ import { css as e, html as t } from "lit";
2
2
  import { SbbElement as n } from "./core/base-elements.js";
3
3
  import { boxSizingStyles as r } from "./core/styles.js";
4
4
  //#region src/elements/message/message.scss?lit&inline
5
- var i = e`:host{text-align:center;display:block}::slotted(sbb-title[slot=title]){margin:0}::slotted([slot=image]){width:100%;display:block;margin-inline:auto!important;margin-block:var(--sbb-message-image-margin-block)!important}::slotted([slot=subtitle]){color:var(--sbb-message-subtitle-color);font-size:var(--sbb-text-font-size-s);letter-spacing:var(--sbb-typo-letter-spacing-text);margin:0}::slotted([slot=legend]){--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-cement));margin-block:var(--sbb-message-legend-margin-block);padding:0}::slotted([slot=action]){margin-block:var(--sbb-message-action-margin-block)}`, a = class extends n {
5
+ var i = e`:host{display:block;text-align:center}::slotted(sbb-title[slot=title]){margin:0}::slotted([slot=image]){display:block;margin-inline:auto!important;margin-block:var(--sbb-message-image-margin-block)!important;width:100%}::slotted([slot=subtitle]){color:var(--sbb-message-subtitle-color);font-size:var(--sbb-text-font-size-s);letter-spacing:var(--sbb-typo-letter-spacing-text);margin:0}::slotted([slot=legend]){--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);padding:0;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-cement));margin-block:var(--sbb-message-legend-margin-block)}::slotted([slot=action]){margin-block:var(--sbb-message-action-margin-block)}`, a = class extends n {
6
6
  static {
7
7
  this.elementName = "sbb-message";
8
8
  }
package/message.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./message.component-DDMr1IXM.js";
1
+ import { t as e } from "./message.component-CnIfjJj8.js";
2
2
  import "./message.pure.js";
3
3
  //#region src/elements/message.ts
4
4
  e.define();
package/message.pure.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "./message.component-DDMr1IXM.js";
1
+ import { t as e } from "./message.component-CnIfjJj8.js";
2
2
  export { e as SbbMessageElement };
@@ -7,7 +7,7 @@ import { isLean as s } from "./core/dom.js";
7
7
  import { SbbNamedSlotListMixin as c, SbbNegativeMixin as l } from "./core/mixins.js";
8
8
  import { boxSizingStyles as u } from "./core/styles.js";
9
9
  //#region src/elements/button/mini-button-group/mini-button-group.scss?lit&inline
10
- var d = n`:host{display:block}:host([negative]){--sbb-mini-button-group-background:var(--sbb-background-color-1-negative);--sbb-mini-button-group-border-color:var(--sbb-border-color-4-negative-inverted);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height:var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-2x)}:host([size=m]){--sbb-mini-button-group-min-height:var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-mini-button-group-min-height:var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height:var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-mini-button-link,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width:var(--sbb-border-width-1x);padding:var(--sbb-mini-button-group-divider-padding);height:var(--sbb-mini-button-group-divider-height)}.sbb-mini-button-group{font-size:inherit;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);border-radius:var(--sbb-mini-button-group-border-radius);padding:0;padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width));flex-wrap:nowrap;margin:0;list-style:none;display:flex}`, f = (() => {
10
+ var d = n`:host{display:block}:host([negative]){--sbb-mini-button-group-background: var(--sbb-background-color-1-negative);--sbb-mini-button-group-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height: var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-2x)}:host([size=m]){--sbb-mini-button-group-min-height: var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-mini-button-group-min-height: var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height: var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-mini-button-link,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width: var(--sbb-border-width-1x);padding:var(--sbb-mini-button-group-divider-padding);height:var(--sbb-mini-button-group-divider-height)}.sbb-mini-button-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);border-radius:var(--sbb-mini-button-group-border-radius);padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width))}`, f = (() => {
11
11
  let n = l(c(a)), f, p = [], m = [], h, g = [], _ = [];
12
12
  return class extends n {
13
13
  static {
@@ -6,7 +6,7 @@ import { html as o } from "lit/static-html.js";
6
6
  import { SbbIconNameMixin as s } from "./icon.js";
7
7
  import { miniButtonLabelStyle as c, miniButtonStyle as l } from "./button/common.js";
8
8
  //#region src/elements/button/mini-button-link/mini-button-link.scss?lit&inline
9
- var u = e`@media (forced-colors:active){:host{--sbb-mini-button-color:LinkText!important}}`, d = class extends i(s(n(r(t)))) {
9
+ var u = e`@media(forced-colors:active){:host{--sbb-mini-button-color: LinkText !important}}`, d = class extends i(s(n(r(t)))) {
10
10
  static {
11
11
  this.elementName = "sbb-mini-button-link";
12
12
  }
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../mini-calendar.component-BCDHUUZG.js";
1
+ import { t as e } from "../../mini-calendar.component-CKR-WJWW.js";
2
2
  export { e as SbbMiniCalendarElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../mini-calendar-day.component-Tj7wlWj7.js";
1
+ import { t as e } from "../../mini-calendar-day.component-CM1dgWp6.js";
2
2
  export { e as SbbMiniCalendarDayElement };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../mini-calendar-day.component-Tj7wlWj7.js";
1
+ import { t as e } from "../mini-calendar-day.component-CM1dgWp6.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/mini-calendar/mini-calendar-day.js' has been deprecated.\nUse either '@sbb-esta/elements/mini-calendar.js' or '@sbb-esta/elements/mini-calendar.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbMiniCalendarDayElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../mini-calendar-month.component-DTod_RRs.js";
1
+ import { t as e } from "../../mini-calendar-month.component-DZ45IgFZ.js";
2
2
  export { e as SbbMiniCalendarMonthElement };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../mini-calendar-month.component-DTod_RRs.js";
1
+ import { t as e } from "../mini-calendar-month.component-DZ45IgFZ.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/mini-calendar/mini-calendar-month.js' has been deprecated.\nUse either '@sbb-esta/elements/mini-calendar.js' or '@sbb-esta/elements/mini-calendar.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbMiniCalendarMonthElement };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../mini-calendar.component-BCDHUUZG.js";
1
+ import { t as e } from "../mini-calendar.component-CKR-WJWW.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/mini-calendar/mini-calendar.js' has been deprecated.\nUse either '@sbb-esta/elements/mini-calendar.js' or '@sbb-esta/elements/mini-calendar.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbMiniCalendarElement };
@@ -7,7 +7,7 @@ import { readConfig as c } from "./core/config/config.js";
7
7
  import "./core/datetime/date-adapter.js";
8
8
  import { defaultDateAdapter as l } from "./core/datetime/native-date-adapter.js";
9
9
  //#region src/elements/mini-calendar/mini-calendar-day/mini-calendar-day.scss?lit&inline
10
- var u = n`:host{--sbb-mini-calendar-day-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));height:var(--sbb-mini-calendar-day-dimensions);width:var(--sbb-mini-calendar-day-dimensions);border-radius:var(--sbb-border-radius-infinity);color:var(--lightningcss-light,var(--sbb-color-storm))var(--lightningcss-dark,var(--sbb-color-smoke));background-color:currentColor;margin:.0625rem;display:block}@media (any-hover:hover){:host(:hover){scale:var(--sbb-mini-calendar-day-scale);transition:scale var(--sbb-mini-calendar-day-animation-easing) var(--sbb-mini-calendar-day-animation-duration)}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);outline-offset:.125rem}:host([color=charcoal]){color:var(--sbb-background-color-2-inverted)}:host([color=cloud]){color:var(--sbb-background-color-4-inverted)}:host([color=orange]){color:var(--sbb-color-orange-light)}:host([color=red]){color:var(--sbb-color-error)}:host([color=sky]){color:var(--sbb-color-sky-light)}:host([marker=circle]){background-color:var(--sbb-color-1-inverted);border:.0625rem solid}:host([marker=target]){background:radial-gradient(circle, currentcolor 0%, currentcolor 25%, var(--sbb-color-1-inverted) 25%, var(--sbb-color-1-inverted) 50%, currentcolor 50%, currentcolor 100%)}:host([marker=slash]){position:relative}:host([marker=slash]):before{content:"";background-image:linear-gradient(-45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%);position:absolute;inset:0}:host([marker=cross]){position:relative}:host([marker=cross]):before{content:"";background-image:linear-gradient(-45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%), linear-gradient(45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%);position:absolute;inset:0}`, d = (() => {
10
+ var u = n`:host{--sbb-mini-calendar-day-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;height:var(--sbb-mini-calendar-day-dimensions);width:var(--sbb-mini-calendar-day-dimensions);margin:.0625rem;border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-color-storm);color:light-dark(var(--sbb-color-storm),var(--sbb-color-smoke));background-color:currentcolor}@media(any-hover:hover){:host(:hover){scale:var(--sbb-mini-calendar-day-scale);transition:scale var(--sbb-mini-calendar-day-animation-easing) var(--sbb-mini-calendar-day-animation-duration)}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:.125rem}:host([color=charcoal]){color:var(--sbb-background-color-2-inverted)}:host([color=cloud]){color:var(--sbb-background-color-4-inverted)}:host([color=orange]){color:var(--sbb-color-orange-light)}:host([color=red]){color:var(--sbb-color-error)}:host([color=sky]){color:var(--sbb-color-sky-light)}:host([marker=circle]){background-color:var(--sbb-color-1-inverted);border:.0625rem solid currentcolor}:host([marker=target]){background:radial-gradient(circle,currentcolor 0%,currentcolor 25%,var(--sbb-color-1-inverted) 25%,var(--sbb-color-1-inverted) 50%,currentcolor 50%,currentcolor 100%)}:host([marker=slash]){position:relative}:host([marker=slash]):before{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%)}:host([marker=cross]){position:relative}:host([marker=cross]):before{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%),linear-gradient(45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%)}`, d = (() => {
11
11
  let n = a, d, f = [], p = [], m, h = [], g = [], _, v = [], y = [];
12
12
  return class extends n {
13
13
  static {
@@ -9,7 +9,7 @@ import { readConfig as l } from "./core/config/config.js";
9
9
  import "./core/datetime/date-adapter.js";
10
10
  import { defaultDateAdapter as u } from "./core/datetime/native-date-adapter.js";
11
11
  //#region src/elements/mini-calendar/mini-calendar-month/mini-calendar-month.scss?lit&inline
12
- var d = n`:host{display:inline-block}:host(:is(:state(show-year),[state--show-year])){--sbb-mini-calendar-month-visibilty-year:visible}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-mini-calendar-month-grid-auto-flow:row;--sbb-mini-calendar-month-height:3rem;--sbb-mini-calendar-month-grid-template-rows:none;--sbb-mini-calendar-month-grid-template-columns:repeat(7, 1fr)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) ::slotted(sbb-mini-calendar-day:first-child){grid-column-start:var(--sbb-mini-calendar-month-offset)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){--sbb-mini-calendar-month-grid-auto-flow:column;--sbb-mini-calendar-month-height:auto;--sbb-mini-calendar-month-grid-template-rows:repeat(7, 1fr);--sbb-mini-calendar-month-grid-template-columns:none}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) ::slotted(sbb-mini-calendar-day:first-child){grid-row-start:var(--sbb-mini-calendar-month-offset)}.sbb-mini-calendar-month-wrapper{height:var(--sbb-mini-calendar-month-height);grid-auto-flow:var(--sbb-mini-calendar-month-grid-auto-flow);grid-auto-rows:.5rem;grid-template-columns:var(--sbb-mini-calendar-month-grid-template-columns);grid-template-rows:var(--sbb-mini-calendar-month-grid-template-rows);display:grid}.sbb-mini-calendar-month-label-year,.sbb-mini-calendar-month-label-month{font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-mini-calendar-month-label-color)}.sbb-mini-calendar-month-label-year{visibility:var(--sbb-mini-calendar-month-visibilty-year)}`, f = (() => {
12
+ var d = n`:host{display:inline-block}:host(:is(:state(show-year),[state--show-year])){--sbb-mini-calendar-month-visibilty-year: visible}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-mini-calendar-month-grid-auto-flow: row;--sbb-mini-calendar-month-height: 3rem;--sbb-mini-calendar-month-grid-template-rows: none;--sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) ::slotted(sbb-mini-calendar-day:first-child){grid-column-start:var(--sbb-mini-calendar-month-offset)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){--sbb-mini-calendar-month-grid-auto-flow: column;--sbb-mini-calendar-month-height: auto;--sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);--sbb-mini-calendar-month-grid-template-columns: none}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) ::slotted(sbb-mini-calendar-day:first-child){grid-row-start:var(--sbb-mini-calendar-month-offset)}.sbb-mini-calendar-month-wrapper{display:grid;height:var(--sbb-mini-calendar-month-height);grid-auto-flow:var(--sbb-mini-calendar-month-grid-auto-flow);grid-auto-rows:.5rem;grid-template-columns:var(--sbb-mini-calendar-month-grid-template-columns);grid-template-rows:var(--sbb-mini-calendar-month-grid-template-rows)}.sbb-mini-calendar-month-label-year,.sbb-mini-calendar-month-label-month{font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-mini-calendar-month-label-color)}.sbb-mini-calendar-month-label-year{visibility:var(--sbb-mini-calendar-month-visibilty-year)}`, f = (() => {
13
13
  let n = a, f, p = [], m = [];
14
14
  return class extends n {
15
15
  static {
@@ -8,7 +8,7 @@ import { MutationController as c } from "@lit-labs/observers/mutation-controller
8
8
  import { readConfig as l } from "./core/config/config.js";
9
9
  import { defaultDateAdapter as u } from "./core/datetime/native-date-adapter.js";
10
10
  //#region src/elements/mini-calendar/mini-calendar/mini-calendar.scss?lit&inline
11
- var d = n`:host{gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-1x);flex-wrap:wrap;display:flex}`, f = (() => {
11
+ var d = n`:host{display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-1x)}`, f = (() => {
12
12
  let n = a, f, p = [], m = [];
13
13
  return class extends n {
14
14
  static {
package/mini-calendar.js CHANGED
@@ -1,6 +1,6 @@
1
- import { t as e } from "./mini-calendar-day.component-Tj7wlWj7.js";
2
- import { t } from "./mini-calendar-month.component-DTod_RRs.js";
3
- import { t as n } from "./mini-calendar.component-BCDHUUZG.js";
1
+ import { t as e } from "./mini-calendar-day.component-CM1dgWp6.js";
2
+ import { t } from "./mini-calendar-month.component-DZ45IgFZ.js";
3
+ import { t as n } from "./mini-calendar.component-CKR-WJWW.js";
4
4
  import "./mini-calendar.pure.js";
5
5
  n.define(), e.define(), t.define();
6
6
  //#endregion
@@ -1,4 +1,4 @@
1
- import { t as e } from "./mini-calendar-day.component-Tj7wlWj7.js";
2
- import { t } from "./mini-calendar-month.component-DTod_RRs.js";
3
- import { t as n } from "./mini-calendar.component-BCDHUUZG.js";
1
+ import { t as e } from "./mini-calendar-day.component-CM1dgWp6.js";
2
+ import { t } from "./mini-calendar-month.component-DZ45IgFZ.js";
3
+ import { t as n } from "./mini-calendar.component-CKR-WJWW.js";
4
4
  export { e as SbbMiniCalendarDayElement, n as SbbMiniCalendarElement, t as SbbMiniCalendarMonthElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../navigation-action-common-D_-gGOYm.js";
1
+ import { t as e } from "../../navigation-action-common-Cme_2GEs.js";
2
2
  export { e as SbbNavigationActionCommonElementMixin };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../navigation-action-common-D_-gGOYm.js";
1
+ import { t as e } from "../navigation-action-common-Cme_2GEs.js";
2
2
  //#region src/elements/navigation/common.ts
3
3
  console.warn("The entrypoint '@sbb-esta/elements/navigation/common.js' has been deprecated.\nUse either '@sbb-esta/elements/navigation.js' or '@sbb-esta/elements/navigation.pure.js' instead.");
4
4
  //#endregion
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../navigation.component-BzgTWUiD.js";
1
+ import { t as e } from "../../navigation.component-BAgxKoOU.js";
2
2
  export { e as SbbNavigationElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../navigation-list.component-DnB7FrKG.js";
1
+ import { t as e } from "../../navigation-list.component-DiyAt5hV.js";
2
2
  export { e as SbbNavigationListElement };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../navigation-list.component-DnB7FrKG.js";
1
+ import { t as e } from "../navigation-list.component-DiyAt5hV.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/navigation/navigation-list.js' has been deprecated.\nUse either '@sbb-esta/elements/navigation.js' or '@sbb-esta/elements/navigation.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbNavigationListElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../navigation-marker.component-B7hmb9iS.js";
1
+ import { t as e } from "../../navigation-marker.component-D_U3Nd-_.js";
2
2
  export { e as SbbNavigationMarkerElement };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../navigation-marker.component-B7hmb9iS.js";
1
+ import { t as e } from "../navigation-marker.component-D_U3Nd-_.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/navigation/navigation-marker.js' has been deprecated.\nUse either '@sbb-esta/elements/navigation.js' or '@sbb-esta/elements/navigation.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbNavigationMarkerElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../navigation-section.component-C86pkDLG.js";
1
+ import { t as e } from "../../navigation-section.component-DqFRimuS.js";
2
2
  export { e as SbbNavigationSectionElement };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../navigation-section.component-C86pkDLG.js";
1
+ import { t as e } from "../navigation-section.component-DqFRimuS.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/navigation/navigation-section.js' has been deprecated.\nUse either '@sbb-esta/elements/navigation.js' or '@sbb-esta/elements/navigation.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbNavigationSectionElement };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../navigation.component-BzgTWUiD.js";
1
+ import { t as e } from "../navigation.component-BAgxKoOU.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/navigation/navigation.js' has been deprecated.\nUse either '@sbb-esta/elements/navigation.js' or '@sbb-esta/elements/navigation.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbNavigationElement };
@@ -0,0 +1,64 @@
1
+ import { __esDecorate as e, __runInitializers as t } from "tslib";
2
+ import { css as n } from "lit";
3
+ import { property as r } from "lit/decorators.js";
4
+ import { isLean as i } from "./core/dom.js";
5
+ import { boxSizingStyles as a } from "./core/styles.js";
6
+ import { html as o } from "lit/static-html.js";
7
+ import "./icon.js";
8
+ //#region src/elements/navigation/common/navigation-action.scss?lit&inline
9
+ var s = n`:host{--sbb-navigation-action-color: var(--sbb-color-4-negative);--sbb-navigation-action-icon-display: none;display:block;outline:none!important}:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active){--sbb-navigation-action-icon-display: block}:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: var(--sbb-color-5)}@media(forced-colors:active){:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: Highlight}}sbb-icon{display:var(--sbb-navigation-action-icon-display);position:absolute;inset-inline-start:calc((var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1);inset-block-start:calc(1em * var(--sbb-typo-line-height-text) / 2);translate:0 -50%}@media(any-hover:hover){:host(:hover){--sbb-navigation-action-color: var(--sbb-color-5)}}@media(forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-navigation-action-color: ButtonText}}:is(.sbb-navigation-button,.sbb-navigation-link){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));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);cursor:var(--sbb-cursor-pointer);position:relative;text-decoration:none;display:flex;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease;-webkit-hyphens:auto;hyphens:auto;text-align:left;color:var(--sbb-navigation-action-color);outline:none}@media(forced-colors:active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}:host([size=m]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}:host([size=s]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}:host(:focus-visible) :is(.sbb-navigation-button,.sbb-navigation-link),:is(.sbb-navigation-button,.sbb-navigation-link):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);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}`, c = (n) => (() => {
10
+ let c = n, l, u = [], d = [];
11
+ return class extends c {
12
+ static {
13
+ let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
14
+ l = [r({ reflect: !0 })], e(this, null, l, {
15
+ kind: "accessor",
16
+ name: "size",
17
+ static: !1,
18
+ private: !1,
19
+ access: {
20
+ has: (e) => "size" in e,
21
+ get: (e) => e.size,
22
+ set: (e, t) => {
23
+ e.size = t;
24
+ }
25
+ },
26
+ metadata: t
27
+ }, u, d), t && Object.defineProperty(this, Symbol.metadata, {
28
+ enumerable: !0,
29
+ configurable: !0,
30
+ writable: !0,
31
+ value: t
32
+ });
33
+ }
34
+ static {
35
+ this.styles = [a, s];
36
+ }
37
+ #e;
38
+ get size() {
39
+ return this.#e;
40
+ }
41
+ set size(e) {
42
+ this.#e = e;
43
+ }
44
+ get marker() {
45
+ return this._navigationMarker;
46
+ }
47
+ get section() {
48
+ return this._navigationSection;
49
+ }
50
+ constructor(...e) {
51
+ super(...e), this.#e = t(this, u, i() ? "s" : "l"), this.connectedSection = t(this, d), this._navigationMarker = null, this._navigationSection = null, this.addEventListener?.("click", () => {
52
+ !this.matches(":is(:state(action-active),[state--action-active])") && this._navigationMarker && !this.connectedSection && this.marker?.select(this);
53
+ });
54
+ }
55
+ connectedCallback() {
56
+ super.connectedCallback(), this._navigationMarker = this.closest("sbb-navigation-marker"), this._navigationSection = this.closest("sbb-navigation-section"), this.toggleState("section-action", !!this._navigationSection);
57
+ }
58
+ renderTemplate() {
59
+ return o`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
60
+ }
61
+ };
62
+ })();
63
+ //#endregion
64
+ export { c as t };
@@ -7,7 +7,7 @@ import { isLean as c } from "./core/dom.js";
7
7
  import { SbbNamedSlotListMixin as l } from "./core/mixins.js";
8
8
  import { boxSizingStyles as u } from "./core/styles.js";
9
9
  //#region src/elements/navigation/navigation-list/navigation-list.scss?lit&inline
10
- var d = n`:host{display:block}.sbb-navigation-list__content{font-size:inherit;align-items:flex-start;gap:var(--sbb-spacing-fixed-2x);margin:0;margin-block:var(--sbb-spacing-fixed-1x);flex-direction:column;padding:0;list-style:none;display:flex}.sbb-navigation-list__label{--sbb-text-font-size:var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-color-5);padding-block-end:var(--sbb-spacing-fixed-2x);font-weight:700;display:block}:host(:not(:is(:state(slotted-label),[state--slotted-label]),[label])) .sbb-navigation-list__label{display:none}`, f = (() => {
10
+ var d = n`:host{display:block}.sbb-navigation-list__content{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-spacing-fixed-2x);margin-block:var(--sbb-spacing-fixed-1x)}.sbb-navigation-list__label{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;display:block;color:var(--sbb-color-5);padding-block-end:var(--sbb-spacing-fixed-2x)}:host(:not(:is(:state(slotted-label),[state--slotted-label]),[label])) .sbb-navigation-list__label{display:none}`, f = (() => {
11
11
  let n = l(a), f, p = [], m = [];
12
12
  return class extends n {
13
13
  static {
@@ -7,7 +7,7 @@ import { SbbNamedSlotListMixin as o, ɵstateController as s } from "./core/mixin
7
7
  import { boxSizingStyles as c } from "./core/styles.js";
8
8
  import { ResizeController as l } from "@lit-labs/observers/resize-controller.js";
9
9
  //#region src/elements/navigation/navigation-marker/navigation-marker.scss?lit&inline
10
- var u = n`:host{--sbb-navigation-action-gap:var(--sbb-spacing-responsive-xs);--sbb-navigation-marker-position-x:var(--sbb-spacing-fixed-1x);--sbb-navigation-marker-position-y:unset;--sbb-navigation-marker-width:1.0625rem;--sbb-navigation-marker-border:var(--sbb-border-width-1x);--sbb-navigation-marker-padding-inline-start:var(--sbb-spacing-fixed-6x);--sbb-navigation-marker-typo-line-height:var(--sbb-typo-line-height-heading);--sbb-navigation-margin-inline-start:var(--sbb-spacing-fixed-3x);--sbb-navigation-marker-margin-block:calc(1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2);display:block}:host([size=s]){--sbb-navigation-action-gap:var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-width:.5rem;--sbb-navigation-marker-typo-line-height:var(--sbb-typo-line-height-text);--sbb-navigation-margin-inline-start:var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-position-x:calc(var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x));--sbb-navigation-marker-padding-inline-start:calc(var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x))}.sbb-navigation-marker{font-size:inherit;--sbb-title-font-size:var(--sbb-title-font-size-level-4-lean,var(--sbb-heading-font-size-4));margin:0;margin-block:var(--sbb-title-margin-block,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);align-items:flex-start;gap:var(--sbb-navigation-action-gap);padding:0;flex-direction:column;margin-inline:0;padding-inline-start:var(--sbb-navigation-marker-padding-inline-start);list-style:none;display:flex;position:relative}.sbb-navigation-marker:before{content:"";opacity:0;width:var(--sbb-navigation-marker-width);border-block-start:var(--sbb-navigation-marker-border) solid var(--sbb-color-5);margin-block:var(--sbb-navigation-marker-margin-block);transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));transition-property:opacity,inset-block-start;transition-timing-function:ease;position:absolute;inset-block-start:var(--sbb-navigation-marker-position-y);inset-inline-start:var(--sbb-navigation-marker-position-x)}:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker:before{opacity:1}@media (forced-colors:active){.sbb-navigation-marker:before{border-color:canvastext}}:host([size=s]) .sbb-navigation-marker{--sbb-text-font-size:var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}::slotted(:is(sbb-navigation-button,sbb-navigation-link)){margin-inline-start:var(--sbb-navigation-margin-inline-start)}`, d = (() => {
10
+ var u = n`:host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--sbb-navigation-marker-position-x: var(--sbb-spacing-fixed-1x);--sbb-navigation-marker-position-y: unset;--sbb-navigation-marker-width: 1.0625rem;--sbb-navigation-marker-border: var(--sbb-border-width-1x);--sbb-navigation-marker-padding-inline-start: var(--sbb-spacing-fixed-6x);--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-heading);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-3x);--sbb-navigation-marker-margin-block: calc( 1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2 );display:block}:host([size=s]){--sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-width: .5rem;--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-text);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-position-x: calc( var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x) );--sbb-navigation-marker-padding-inline-start: calc( var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x) )}.sbb-navigation-marker{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));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);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-navigation-action-gap);padding-inline-start:var(--sbb-navigation-marker-padding-inline-start)}.sbb-navigation-marker:before{content:"";position:absolute;opacity:0;inset-inline-start:var(--sbb-navigation-marker-position-x);inset-block-start:var(--sbb-navigation-marker-position-y);width:var(--sbb-navigation-marker-width);border-block-start:var(--sbb-navigation-marker-border) solid var(--sbb-color-5);margin-block:var(--sbb-navigation-marker-margin-block);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x));transition-timing-function:ease;transition-property:opacity,inset-block-start}:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker:before{opacity:1}@media(forced-colors:active){.sbb-navigation-marker:before{border-color:CanvasText}}:host([size=s]) .sbb-navigation-marker{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}::slotted(:is(sbb-navigation-button,sbb-navigation-link)){margin-inline-start:var(--sbb-navigation-margin-inline-start)}`, d = (() => {
11
11
  let n = o(i), d, f = [], p = [];
12
12
  return class extends n {
13
13
  static {
@@ -13,7 +13,7 @@ import { removeAriaOverlayTriggerAttributes as v, setAriaOverlayTriggerAttribute
13
13
  import { IS_FOCUSABLE_QUERY as b, SbbFocusTrapController as x, sbbInputModalityDetector as S } from "./core/a11y.js";
14
14
  import { SbbOpenCloseBaseElement as C } from "./core/base-elements/open-close-base-element.js";
15
15
  //#region src/elements/navigation/navigation-section/navigation-section.scss?lit&inline
16
- var w = n`:host{--sbb-navigation-section-display:none;--sbb-navigation-section-column:1 / -1;--sbb-navigation-section-position:fixed;--sbb-navigation-section-pointer-events:none;--sbb-navigation-section-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-3x));--sbb-navigation-section-animation-easing:ease-out;--sbb-navigation-section-padding-inline:var(--sbb-layout-base-offset-responsive);--sbb-navigation-section-padding-block:var(--sbb-spacing-responsive-l);--sbb-navigation-section-translate:100%;--sbb-navigation-section-content-padding-inline-start:var(--sbb-spacing-fixed-12x);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--sbb-navigation-section-width:100dvw;--sbb-navigation-section-height:100dvh;display:var(--sbb-navigation-section-display);position:var(--sbb-navigation-section-position);grid-column:var(--sbb-navigation-section-column);width:var(--sbb-navigation-section-width);height:var(--sbb-navigation-section-height);z-index:var(--sbb-navigation-z-index,var(--sbb-overlay-default-z-index));inset-block-start:0;inset-inline-start:0}@media (width>=64rem){:host{--sbb-navigation-section-column:5 / 13;--sbb-navigation-section-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));--sbb-navigation-section-padding-block:var(--sbb-spacing-responsive-xl);--sbb-navigation-section-padding-inline:var(--sbb-spacing-fixed-8x) var(--sbb-layout-base-offset-responsive);--sbb-navigation-section-position:relative;--sbb-navigation-section-translate:0;--sbb-navigation-section-content-padding-inline-start:0;--sbb-navigation-section-width:calc(100% + var(--sbb-layout-base-offset-responsive) + var(--sbb-grid-base-gutter-responsive));translate:calc(var(--sbb-grid-base-gutter-responsive) * -1) 0}}@media (width>=90rem){:host{--sbb-navigation-section-column:6 / 17;--sbb-navigation-section-padding-block:var(--sbb-spacing-responsive-xxl) var(--sbb-spacing-responsive-l)}}:host(:is(:state(state-opened),[state--state-opened])){--sbb-navigation-section-pointer-events:all}:host(:is(:state(state-opening),[state--state-opening])){--sbb-navigation-section-position:absolute}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-closing),[state--state-closing]))){--sbb-navigation-section-pointer-events: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-navigation-section-display:block}::slotted(*){padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}::slotted(:is(:state(sbb-button),[state--sbb-button])){grid-column-start:1}.sbb-navigation-section__container{pointer-events:var(--sbb-navigation-section-pointer-events);height:var(--sbb-navigation-section-height)}.sbb-navigation-section{width:100%;height:100%;color:var(--sbb-navigation-color,var(--sbb-color-1-negative));background-color:#0000;border:none;margin:0;padding:0;display:none;overflow:hidden}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation-section{animation-name:open;animation-duration:var(--sbb-navigation-section-animation-duration);animation-timing-function:var(--sbb-navigation-section-animation-easing);display:block}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation-section{animation-name:close}@media (forced-colors:active){.sbb-navigation-section{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-navigation-section__wrapper{--sbb-scrollbar-thumb-width:.125rem;--sbb-scrollbar-thumb-width-hover:.25rem;--sbb-scrollbar-width-firefox:thin;--sbb-scrollbar-color:color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color:transparent;--sbb-scrollbar-width:var(--sbb-spacing-fixed-3x)}.sbb-navigation-section__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-navigation-section__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color,currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-navigation-section__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover,currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-navigation-section__wrapper::-webkit-scrollbar-button{display:none}.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-navigation-section__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color,currentcolor) var(--sbb-scrollbar-track-color,transparent)}}.sbb-navigation-section__wrapper{height:100%;padding-block:var(--sbb-navigation-section-padding-block);outline:none;overflow-y:auto}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation-section__wrapper{--sbb-scrollbar-color:transparent;scrollbar-color:transparent transparent}.sbb-navigation-section__header{align-items:center;gap:var(--sbb-spacing-fixed-1x);margin-block-start:var(--sbb-spacing-responsive-xxl);padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start);display:flex;position:relative}@media (width>=64rem){.sbb-navigation-section__header{margin-block-start:0;padding-inline-start:0}}@media (width>=90rem){.sbb-navigation-section__header{grid-column:1/4}}.sbb-navigation-section__back{translate:calc((100% + var(--sbb-spacing-fixed-1x)) * -1) 0;position:absolute}@media (width>=64rem){.sbb-navigation-section__back{display:none}}.sbb-navigation-section__title{margin-block:var(--sbb-title-margin-block,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-font-size:var(--sbb-title-font-size-level-4-lean,var(--sbb-heading-font-size-4));margin-inline:0}@media (width>=64rem){.sbb-navigation-section__title{--sbb-title-font-size:var(--sbb-title-font-size-level-2-lean,var(--sbb-heading-font-size-2))}}.sbb-navigation-section__content{gap:var(--sbb-spacing-responsive-l) var(--sbb-grid-base-gutter-responsive);padding-inline:var(--sbb-navigation-section-padding-inline);grid-template-columns:1fr;display:grid}@media (width>=64rem){.sbb-navigation-section__content{opacity:0;translate:0 var(--sbb-spacing-fixed-3x);transition-duration:var(--sbb-navigation-section-animation-duration);transition-delay:var(--sbb-navigation-section-animation-duration);transition-timing-function:var(--sbb-navigation-section-animation-easing);transition-property:opacity,translate}:host(:is(:state(state-opened),[state--state-opened])) .sbb-navigation-section__content{opacity:1;translate:0}}@media (width>=90rem){.sbb-navigation-section__content{grid-template-columns:repeat(3,1fr)}}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation-section__content{transition-delay:0s}@keyframes open{0%{translate:var(--sbb-navigation-section-translate) 0}to{translate:0}}@keyframes close{0%{translate:0}to{translate:var(--sbb-navigation-section-translate) 0}}`, T = 0, E = (() => {
16
+ var w = n`:host{--sbb-navigation-section-display: none;--sbb-navigation-section-column: 1 / -1;--sbb-navigation-section-position: fixed;--sbb-navigation-section-pointer-events: none;--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-3x) );--sbb-navigation-section-animation-easing: ease-out;--sbb-navigation-section-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-l);--sbb-navigation-section-translate: 100%;--sbb-navigation-section-content-padding-inline-start: var(--sbb-spacing-fixed-12x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-navigation-section-width: 100dvw;--sbb-navigation-section-height: 100dvh;display:var(--sbb-navigation-section-display);position:var(--sbb-navigation-section-position);grid-column:var(--sbb-navigation-section-column);inset-inline-start:0;inset-block-start:0;width:var(--sbb-navigation-section-width);height:var(--sbb-navigation-section-height);z-index:var(--sbb-navigation-z-index, var(--sbb-overlay-default-z-index))}@media(min-width:64rem){:host{--sbb-navigation-section-column: 5 / 13;--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-xl);--sbb-navigation-section-padding-inline: var(--sbb-spacing-fixed-8x) var(--sbb-layout-base-offset-responsive);--sbb-navigation-section-position: relative;--sbb-navigation-section-translate: 0;--sbb-navigation-section-content-padding-inline-start: 0;--sbb-navigation-section-width: calc( 100% + var(--sbb-layout-base-offset-responsive) + var(--sbb-grid-base-gutter-responsive) );translate:calc(var(--sbb-grid-base-gutter-responsive) * -1) 0}}@media(min-width:90rem){:host{--sbb-navigation-section-column: 6 / 17;--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-xxl) var(--sbb-spacing-responsive-l)}}:host(:is(:state(state-opened),[state--state-opened])){--sbb-navigation-section-pointer-events: all}:host(:is(:state(state-opening),[state--state-opening])){--sbb-navigation-section-position: absolute}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-closing),[state--state-closing]))){--sbb-navigation-section-pointer-events: 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-navigation-section-display: block}::slotted(*){padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}::slotted(:is(:state(sbb-button),[state--sbb-button])){grid-column-start:1}.sbb-navigation-section__container{pointer-events:var(--sbb-navigation-section-pointer-events);height:var(--sbb-navigation-section-height)}.sbb-navigation-section{display:none;border:none;margin:0;width:100%;height:100%;color:var(--sbb-navigation-color, var(--sbb-color-1-negative));background-color:transparent;padding:0;overflow:hidden}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation-section{display:block;animation-name:open;animation-duration:var(--sbb-navigation-section-animation-duration);animation-timing-function:var(--sbb-navigation-section-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation-section{animation-name:close}@media(forced-colors:active){.sbb-navigation-section{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-navigation-section__wrapper{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-navigation-section__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-navigation-section__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-navigation-section__wrapper::-webkit-scrollbar-button,.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-navigation-section__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-navigation-section__wrapper{height:100%;padding-block:var(--sbb-navigation-section-padding-block);outline:none;overflow-y:auto}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation-section__wrapper{--sbb-scrollbar-color: transparent;scrollbar-color:transparent transparent}.sbb-navigation-section__header{position:relative;display:flex;align-items:center;gap:var(--sbb-spacing-fixed-1x);margin-block-start:var(--sbb-spacing-responsive-xxl);padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}@media(min-width:64rem){.sbb-navigation-section__header{margin-block-start:0;padding-inline-start:0}}@media(min-width:90rem){.sbb-navigation-section__header{grid-column:1/4}}.sbb-navigation-section__back{position:absolute;translate:calc((100% + var(--sbb-spacing-fixed-1x)) * -1) 0}@media(min-width:64rem){.sbb-navigation-section__back{display:none}}.sbb-navigation-section__title{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-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4))}@media(min-width:64rem){.sbb-navigation-section__title{--sbb-title-font-size: var(--sbb-title-font-size-level-2-lean, var(--sbb-heading-font-size-2))}}.sbb-navigation-section__content{display:grid;grid-template-columns:1fr;gap:var(--sbb-spacing-responsive-l) var(--sbb-grid-base-gutter-responsive);padding-inline:var(--sbb-navigation-section-padding-inline)}@media(min-width:64rem){.sbb-navigation-section__content{opacity:0;translate:0 var(--sbb-spacing-fixed-3x);transition-duration:var(--sbb-navigation-section-animation-duration);transition-delay:var(--sbb-navigation-section-animation-duration);transition-timing-function:var(--sbb-navigation-section-animation-easing);transition-property:opacity,translate}:host(:is(:state(state-opened),[state--state-opened])) .sbb-navigation-section__content{opacity:1;translate:0 0}}@media(min-width:90rem){.sbb-navigation-section__content{grid-template-columns:repeat(3,1fr)}}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation-section__content{transition-delay:0s}@keyframes open{0%{translate:var(--sbb-navigation-section-translate) 0}to{translate:0 0}}@keyframes close{0%{translate:0 0}to{translate:var(--sbb-navigation-section-translate) 0}}`, T = 0, E = (() => {
17
17
  let n = d(C), E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [];
18
18
  return class extends n {
19
19
  static {
@@ -14,7 +14,7 @@ import { ref as y } from "lit/directives/ref.js";
14
14
  import { isEventOnElement as b, removeAriaOverlayTriggerAttributes as x, setAriaOverlayTriggerAttributes as S } from "./core/overlay.js";
15
15
  import { SbbFocusTrapController as C } from "./core/a11y.js";
16
16
  //#region src/elements/navigation/navigation/navigation.scss?lit&inline
17
- var w = n`:host{--sbb-navigation-grid-column:1 / -1;--sbb-navigation-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-3x));--sbb-navigation-animation-easing:ease-in;--sbb-navigation-padding-inline:var(--sbb-layout-base-offset-responsive);--sbb-navigation-padding-block-start:var(--sbb-spacing-responsive-l);--sbb-navigation-padding-block-end:var(--sbb-spacing-responsive-xl);--sbb-navigation-backdrop-visibility:hidden;--sbb-navigation-backdrop-pointer-events:none;--sbb-navigation-backdrop-color:color-mix(in srgb, var(--sbb-color-black) 70%, transparent);--sbb-navigation-backdrop-animation-name:backdrop-open;--sbb-navigation-background-color:var(--sbb-background-color-1-negative);--sbb-navigation-color:var(--sbb-color-1-negative);--sbb-navigation-list-margin-block-start:var(--sbb-spacing-responsive-xxl);--sbb-navigation-inline-start:0;--sbb-navigation-expanded-width:100%;--sbb-navigation-inset:0 auto auto 0;--sbb-navigation-translate:-100% 0;--sbb-navigation-content-translate:0;--sbb-navigation-width:100%;--sbb-navigation-height:100dvh;--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);inset:var(--sbb-navigation-inset);z-index:var(--sbb-navigation-z-index,var(--sbb-overlay-default-z-index));display:none;position:fixed;overflow:hidden}@media (width>=64rem){:host{--sbb-navigation-grid-column:1 / 5;--sbb-navigation-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-navigation-padding-block-start:var(--sbb-spacing-responsive-xl);--sbb-navigation-padding-inline:var(--sbb-layout-base-offset-responsive) 0;--sbb-navigation-list-margin-block-start:var(--sbb-spacing-fixed-1x);--sbb-navigation-inline-start:calc(var(--sbb-layout-base-offset-responsive) * -1);--sbb-navigation-width:calc(100% + var(--sbb-layout-base-offset-responsive))}}@media (width>=90rem){:host{--sbb-navigation-grid-column:1 / 6;--sbb-navigation-padding-block-start:var(--sbb-spacing-responsive-xxl)}}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host(:is(:state(state-opened),[state--state-opened])){--sbb-navigation-animation-easing:ease-out}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-navigation-backdrop-visibility:visible;--sbb-navigation-backdrop-pointer-events:all}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-navigation-inset:0;--sbb-navigation-translate: }:host(:is(:state(state-closing),[state--state-closing])){--sbb-navigation-backdrop-animation-name:backdrop-close}:host(:is(:state(has-open-navigation-section),[state--has-open-navigation-section])){--sbb-navigation-content-translate:-100% 0}@media (width>=64rem){:host(:is(:state(has-open-navigation-section),[state--has-open-navigation-section])){--sbb-navigation-expanded-width:100dvw;--sbb-navigation-content-translate:0}}:host(:is(:state(resize-disable-animation),[state--resize-disable-animation])){--sbb-disable-animation-duration:0s}.sbb-navigation__container{gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns), 1fr);pointer-events:none;translate:var(--sbb-navigation-translate);padding-inline:0;display:grid}@media (width>=64rem){.sbb-navigation__container{padding-inline:var(--sbb-layout-base-offset-responsive)}.sbb-navigation__container:before{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);animation-name:var(--sbb-navigation-backdrop-animation-name);animation-duration:var(--sbb-navigation-animation-duration);animation-timing-function:var(--sbb-navigation-animation-easing);content:"";visibility:var(--sbb-navigation-backdrop-visibility);pointer-events:var(--sbb-navigation-backdrop-pointer-events);inset:var(--sbb-navigation-inset);background-color:var(--sbb-navigation-backdrop-color);transition-property:visibility;position:fixed}}.sbb-navigation{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);width:var(--sbb-navigation-width);grid-column:var(--sbb-navigation-grid-column);pointer-events:none;height:var(--sbb-navigation-height);color:var(--sbb-navigation-color);background-color:var(--sbb-navigation-background-color);border:none;margin:0;padding:0;transition-property:width;display:none;position:relative;inset-block-start:0;inset-inline-start:var(--sbb-navigation-inline-start)}.sbb-navigation:before{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);content:"";width:var(--sbb-navigation-expanded-width);height:var(--sbb-navigation-height);background:var(--sbb-navigation-background-color);transition-property:width;position:absolute}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation{pointer-events:all;animation-name:open;animation-duration:var(--sbb-navigation-animation-duration);animation-timing-function:var(--sbb-navigation-animation-easing);display:block}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation{pointer-events:none;animation-name:close}@media (forced-colors:active){.sbb-navigation{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-navigation__wrapper{outline:none}.sbb-navigation__header{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);width:var(--sbb-navigation-expanded-width);pointer-events:none;padding:var(--sbb-spacing-responsive-xs);z-index:calc(var(--sbb-navigation-z-index,var(--sbb-overlay-default-z-index)) + 1);justify-content:flex-end;transition-property:width;display:flex;position:absolute}.sbb-navigation__close{pointer-events:all}.sbb-navigation__content{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);--sbb-scrollbar-thumb-width:.125rem;--sbb-scrollbar-thumb-width-hover:.25rem;--sbb-scrollbar-width-firefox:thin;--sbb-scrollbar-color:color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color:transparent;--sbb-scrollbar-width:var(--sbb-spacing-fixed-3x);transition-property:translate}.sbb-navigation__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-navigation__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-navigation__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color,currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-navigation__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover,currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-navigation__content::-webkit-scrollbar-button{display:none}.sbb-navigation__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-navigation__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color,currentcolor) var(--sbb-scrollbar-track-color,transparent)}}.sbb-navigation__content{gap:var(--sbb-spacing-responsive-xxl);height:var(--sbb-navigation-height);padding-inline:var(--sbb-navigation-padding-inline);padding-block:var(--sbb-navigation-padding-block-start) var(--sbb-navigation-padding-block-end);translate:var(--sbb-navigation-content-translate);flex-direction:column;display:flex;position:relative;overflow-y:auto}::slotted(:first-child){margin-block-start:var(--sbb-navigation-list-margin-block-start)}@keyframes open{0%{translate:-100%}to{translate:0}}@keyframes close{0%{translate:0}to{translate:-100%}}@keyframes backdrop-open{0%{background-color:#0000}}@keyframes backdrop-close{to{background-color:#0000}}`, T = 0, E = 150, D = (() => {
17
+ var w = n`:host{--sbb-navigation-grid-column: 1 / -1;--sbb-navigation-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-3x) );--sbb-navigation-animation-easing: ease-in;--sbb-navigation-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-navigation-padding-block-start: var(--sbb-spacing-responsive-l);--sbb-navigation-padding-block-end: var(--sbb-spacing-responsive-xl);--sbb-navigation-backdrop-visibility: hidden;--sbb-navigation-backdrop-pointer-events: none;--sbb-navigation-backdrop-color: color-mix(in srgb, var(--sbb-color-black) 70%, transparent);--sbb-navigation-backdrop-animation-name: backdrop-open;--sbb-navigation-background-color: var(--sbb-background-color-1-negative);--sbb-navigation-color: var(--sbb-color-1-negative);--sbb-navigation-list-margin-block-start: var(--sbb-spacing-responsive-xxl);--sbb-navigation-inline-start: 0;--sbb-navigation-expanded-width: 100%;--sbb-navigation-inset: 0 auto auto 0;--sbb-navigation-translate: -100% 0;--sbb-navigation-content-translate: 0;--sbb-navigation-width: 100%;--sbb-navigation-height: 100dvh;--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none;position:fixed;inset:var(--sbb-navigation-inset);z-index:var(--sbb-navigation-z-index, var(--sbb-overlay-default-z-index));overflow:hidden}@media(min-width:64rem){:host{--sbb-navigation-grid-column: 1 / 5;--sbb-navigation-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-navigation-padding-block-start: var(--sbb-spacing-responsive-xl);--sbb-navigation-padding-inline: var(--sbb-layout-base-offset-responsive) 0;--sbb-navigation-list-margin-block-start: var(--sbb-spacing-fixed-1x);--sbb-navigation-inline-start: calc(var(--sbb-layout-base-offset-responsive) * -1);--sbb-navigation-width: calc(100% + var(--sbb-layout-base-offset-responsive))}}@media(min-width:90rem){:host{--sbb-navigation-grid-column: 1 / 6;--sbb-navigation-padding-block-start: var(--sbb-spacing-responsive-xxl)}}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host(:is(:state(state-opened),[state--state-opened])){--sbb-navigation-animation-easing: ease-out}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-navigation-backdrop-visibility: visible;--sbb-navigation-backdrop-pointer-events: all}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-navigation-inset: 0;--sbb-navigation-translate: }:host(:is(:state(state-closing),[state--state-closing])){--sbb-navigation-backdrop-animation-name: backdrop-close}:host(:is(:state(has-open-navigation-section),[state--has-open-navigation-section])){--sbb-navigation-content-translate: -100% 0}@media(min-width:64rem){:host(:is(:state(has-open-navigation-section),[state--has-open-navigation-section])){--sbb-navigation-expanded-width: 100dvw;--sbb-navigation-content-translate: 0}}:host(:is(:state(resize-disable-animation),[state--resize-disable-animation])){--sbb-disable-animation-duration: 0s}.sbb-navigation__container{display:grid;gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns),1fr);padding-inline:0;pointer-events:none;translate:var(--sbb-navigation-translate)}@media(min-width:64rem){.sbb-navigation__container{padding-inline:var(--sbb-layout-base-offset-responsive)}.sbb-navigation__container:before{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);transition-property:visibility;animation-name:var(--sbb-navigation-backdrop-animation-name);animation-duration:var(--sbb-navigation-animation-duration);animation-timing-function:var(--sbb-navigation-animation-easing);content:"";visibility:var(--sbb-navigation-backdrop-visibility);pointer-events:var(--sbb-navigation-backdrop-pointer-events);position:fixed;inset:var(--sbb-navigation-inset);background-color:var(--sbb-navigation-backdrop-color)}}.sbb-navigation{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);transition-property:width;display:none;width:var(--sbb-navigation-width);grid-column:var(--sbb-navigation-grid-column);padding:0;margin:0;position:relative;inset-inline-start:var(--sbb-navigation-inline-start);inset-block-start:0;border:none;pointer-events:none;height:var(--sbb-navigation-height);color:var(--sbb-navigation-color);background-color:var(--sbb-navigation-background-color)}.sbb-navigation:before{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);transition-property:width;content:"";position:absolute;width:var(--sbb-navigation-expanded-width);height:var(--sbb-navigation-height);background:var(--sbb-navigation-background-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation{display:block;pointer-events:all;animation-name:open;animation-duration:var(--sbb-navigation-animation-duration);animation-timing-function:var(--sbb-navigation-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation{pointer-events:none;animation-name:close}@media(forced-colors:active){.sbb-navigation{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-navigation__wrapper{outline:none}.sbb-navigation__header{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);transition-property:width;display:flex;justify-content:flex-end;position:absolute;width:var(--sbb-navigation-expanded-width);pointer-events:none;padding:var(--sbb-spacing-responsive-xs);z-index:calc(var(--sbb-navigation-z-index, var(--sbb-overlay-default-z-index)) + 1)}.sbb-navigation__close{pointer-events:all}.sbb-navigation__content{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);transition-property:translate;--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-navigation__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-navigation__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-navigation__content::-webkit-scrollbar-button,.sbb-navigation__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-navigation__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-navigation__content{display:flex;flex-direction:column;gap:var(--sbb-spacing-responsive-xxl);position:relative;height:var(--sbb-navigation-height);padding-inline:var(--sbb-navigation-padding-inline);padding-block:var(--sbb-navigation-padding-block-start) var(--sbb-navigation-padding-block-end);overflow-y:auto;translate:var(--sbb-navigation-content-translate)}::slotted(:first-child){margin-block-start:var(--sbb-navigation-list-margin-block-start)}@keyframes open{0%{translate:-100% 0}to{translate:0}}@keyframes close{0%{translate:0}to{translate:-100% 0}}@keyframes backdrop-open{0%{background-color:transparent}}@keyframes backdrop-close{to{background-color:transparent}}`, T = 0, E = 150, D = (() => {
18
18
  let n = f(s), D, O = [], k = [], A, j = [], M = [], N, P = [], F = [];
19
19
  return class extends n {
20
20
  static {
package/navigation.js CHANGED
@@ -1,10 +1,10 @@
1
- import { t as e } from "./navigation-action-common-D_-gGOYm.js";
1
+ import { t as e } from "./navigation-action-common-Cme_2GEs.js";
2
2
  import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/navigation-button.component.js";
3
3
  import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
4
- import { t as r } from "./navigation-list.component-DnB7FrKG.js";
5
- import { t as i } from "./navigation-marker.component-B7hmb9iS.js";
6
- import { t as a } from "./navigation-section.component-C86pkDLG.js";
7
- import { t as o } from "./navigation.component-BzgTWUiD.js";
4
+ import { t as r } from "./navigation-list.component-DiyAt5hV.js";
5
+ import { t as i } from "./navigation-marker.component-D_U3Nd-_.js";
6
+ import { t as a } from "./navigation-section.component-DqFRimuS.js";
7
+ import { t as o } from "./navigation.component-BAgxKoOU.js";
8
8
  import "./navigation.pure.js";
9
9
  o.define(), t.define(), n.define(), r.define(), i.define(), a.define();
10
10
  //#endregion
@@ -1,8 +1,8 @@
1
- import { t as e } from "./navigation-action-common-D_-gGOYm.js";
1
+ import { t as e } from "./navigation-action-common-Cme_2GEs.js";
2
2
  import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/navigation-button.component.js";
3
3
  import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
4
- import { t as r } from "./navigation-list.component-DnB7FrKG.js";
5
- import { t as i } from "./navigation-marker.component-B7hmb9iS.js";
6
- import { t as a } from "./navigation-section.component-C86pkDLG.js";
7
- import { t as o } from "./navigation.component-BzgTWUiD.js";
4
+ import { t as r } from "./navigation-list.component-DiyAt5hV.js";
5
+ import { t as i } from "./navigation-marker.component-D_U3Nd-_.js";
6
+ import { t as a } from "./navigation-section.component-DqFRimuS.js";
7
+ import { t as o } from "./navigation.component-BAgxKoOU.js";
8
8
  export { e as SbbNavigationActionCommonElementMixin, t as SbbNavigationButtonElement, o as SbbNavigationElement, n as SbbNavigationLinkElement, r as SbbNavigationListElement, i as SbbNavigationMarkerElement, a as SbbNavigationSectionElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../notification.component-Cor1vQGU.js";
1
+ import { t as e } from "../notification.component-BYm_I7Df.js";
2
2
  export { e as SbbNotificationElement };