@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779265349 → 5.0.0-next.3-dev.1779268556

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 (651) hide show
  1. package/_index.scss +6 -2
  2. package/autocomplete/autocomplete-base-element.js +1 -1
  3. package/autocomplete/autocomplete.component.js +1 -1
  4. package/{autocomplete-base-element-6leI6UF4.js → autocomplete-base-element-jaXVQcA7.js} +11 -9
  5. package/autocomplete.js +1 -1
  6. package/autocomplete.pure.js +1 -1
  7. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
  8. package/{breadcrumb-group.component-XPdnV6-a.js → breadcrumb-group.component-a49dItu9.js} +23 -19
  9. package/breadcrumb.js +1 -1
  10. package/breadcrumb.pure.js +1 -1
  11. package/button/mini-button-group/mini-button-group.component.js +1 -1
  12. package/button.js +1 -1
  13. package/button.pure.js +1 -1
  14. package/calendar/calendar/calendar.component.js +1 -1
  15. package/{calendar.component-CiT0mE7S.js → calendar.component-DKgkIocz.js} +37 -33
  16. package/calendar.js +1 -1
  17. package/calendar.pure.js +1 -1
  18. package/container/sticky-bar/sticky-bar.component.js +1 -1
  19. package/container.js +1 -1
  20. package/container.pure.js +1 -1
  21. package/core/mixins/named-slot-list-mixin.js +14 -14
  22. package/core/styles/_index.scss +1 -12
  23. package/core/styles/_theme.scss +16 -0
  24. package/core/styles/core/functions.scss +0 -8
  25. package/core/styles/{a11y.scss → features/a11y.scss} +2 -2
  26. package/core/styles/{animation.scss → features/animation.scss} +1 -1
  27. package/core/styles/features/color-scheme.scss +11 -0
  28. package/core/styles/{core.scss → features/core.scss} +138 -171
  29. package/core/styles/{image.scss → features/image.scss} +29 -7
  30. package/core/styles/{layout.private.scss → features/layout.private.scss} +5 -4
  31. package/core/styles/{layout.scss → features/layout.scss} +1 -1
  32. package/core/styles/{lists.scss → features/lists.scss} +1 -1
  33. package/core/styles/{scrollbar.scss → features/scrollbar.scss} +1 -1
  34. package/core/styles/features/typography.private.scss +9 -0
  35. package/core/styles/{typography.scss → features/typography.scss} +2 -2
  36. package/core/styles/internals/button-reset.scss +5 -0
  37. package/core/styles/{host-scrollbar.scss → internals/host-scrollbar.scss} +1 -1
  38. package/core/styles/internals/list-reset.scss +6 -0
  39. package/core/styles/internals/popover-reset.scss +6 -0
  40. package/core/styles/{screen-reader-only.scss → internals/screen-reader-only.scss} +1 -1
  41. package/core/styles/mixins/{a11y.scss → _a11y.scss} +0 -21
  42. package/core/styles/mixins/{helpers.scss → _helpers.scss} +3 -14
  43. package/core/styles/mixins/{lists.scss → _lists.scss} +8 -12
  44. package/core/styles/mixins/{pearl-chain-bullet.scss → _pearl-chain-bullet.scss} +5 -5
  45. package/core/styles/mixins/_reset.scss +38 -0
  46. package/core/styles/mixins/{typo.scss → _typo.scss} +23 -75
  47. package/core/styles/styles.js +2 -2
  48. package/core.js +2 -2
  49. package/custom-elements.json +68 -22
  50. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  51. package/development/autocomplete/autocomplete-base-element.js +1 -1
  52. package/development/autocomplete/autocomplete.component.js +1 -1
  53. package/development/autocomplete-base-element-JxM7QbC4.js +697 -0
  54. package/development/autocomplete.js +1 -1
  55. package/development/autocomplete.pure.js +1 -1
  56. package/development/block-link-common-DNvRfeay.js +1 -1
  57. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts.map +1 -1
  58. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
  59. package/development/breadcrumb-group.component-DvY1hq51.js +197 -0
  60. package/development/breadcrumb.component-D6Cd2FPo.js +1 -1
  61. package/development/breadcrumb.js +1 -1
  62. package/development/breadcrumb.pure.js +1 -1
  63. package/development/button/mini-button-group/mini-button-group.component.js +1 -1
  64. package/development/button-common-C-A7Dulr.js +1 -1
  65. package/development/button.js +1 -1
  66. package/development/button.pure.js +1 -1
  67. package/development/calendar/calendar/calendar.component.d.ts.map +1 -1
  68. package/development/calendar/calendar/calendar.component.js +1 -1
  69. package/development/calendar-cell-base-element-mWRSDeWc.js +1 -1
  70. package/development/calendar.component-CgEXjBeQ.js +1473 -0
  71. package/development/calendar.js +1 -1
  72. package/development/calendar.pure.js +1 -1
  73. package/development/card.component-CL2gHoyP.js +1 -1
  74. package/development/chip-label.component-DHHNtvTt.js +1 -1
  75. package/development/{compact-paginator.component-BgkpxaaD.js → compact-paginator.component-m8MASSB7.js} +1 -1
  76. package/development/container/sticky-bar/sticky-bar.component.js +1 -1
  77. package/development/container.js +1 -1
  78. package/development/container.pure.js +1 -1
  79. package/development/core/mixins/named-slot-list-mixin.js +3 -3
  80. package/development/core/styles/styles.d.ts +3 -1
  81. package/development/core/styles/styles.d.ts.map +1 -1
  82. package/development/core/styles/styles.js +2 -2
  83. package/development/core.js +2 -2
  84. package/development/date-input.component-HxRyCudr.js +1 -1
  85. package/development/dialog-actions.component-e0ZTTUin.js +1 -1
  86. package/development/dialog.component-D8B2dVck.js +1 -1
  87. package/development/error.component-WCkiwM7_.js +1 -1
  88. package/development/expansion-panel-header.component-gg5A_7Pz.js +1 -1
  89. package/development/expansion-panel.component-DcFrWkIt.js +1 -1
  90. package/development/file-selector/common/file-selector-common.js +1 -1
  91. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  92. package/development/file-selector-common-Dd0S0qE3.js +421 -0
  93. package/development/{file-selector-dropzone.component-B84OL4Xd.js → file-selector-dropzone.component-DWLdqMmI.js} +2 -2
  94. package/development/file-selector.js +2 -2
  95. package/development/file-selector.pure.js +2 -2
  96. package/development/flip-card/flip-card/flip-card.component.d.ts.map +1 -1
  97. package/development/flip-card/flip-card/flip-card.component.js +1 -1
  98. package/development/flip-card.component-MmiS-x-W.js +189 -0
  99. package/development/flip-card.js +1 -1
  100. package/development/flip-card.pure.js +1 -1
  101. package/development/footer.component-K2bWizjw.js +1 -1
  102. package/development/form-field.component-CPWBCHer.js +1 -1
  103. package/development/header/common/header-action-common.js +1 -1
  104. package/development/header-action-common-BYB-HYtn.js +86 -0
  105. package/development/header.component-C4e7CNql.js +1 -1
  106. package/development/header.js +1 -1
  107. package/development/header.pure.js +1 -1
  108. package/development/inline-link-common-BV6oAtAA.js +18 -0
  109. package/development/link/common/inline-link-common.js +1 -1
  110. package/development/link-common-2RGn9Qz_.js +1 -1
  111. package/development/link-list/link-list.component.js +1 -1
  112. package/development/link-list-anchor/link-list-anchor.component.js +1 -1
  113. package/development/{link-list-anchor.component-Csb-FOQL.js → link-list-anchor.component-BMtCbCRD.js} +2 -2
  114. package/development/link-list-anchor.js +1 -1
  115. package/development/link-list-anchor.pure.js +1 -1
  116. package/development/link-list.component-CLxhjWR7.js +97 -0
  117. package/development/link-list.js +1 -1
  118. package/development/link-list.pure.js +1 -1
  119. package/development/link.js +1 -1
  120. package/development/link.pure.js +1 -1
  121. package/development/loading-indicator-circle.component-Cfjw5vyz.js +1 -1
  122. package/development/logo.component-DYKgAgq0.js +1 -1
  123. package/development/menu/common/menu-action-common.js +1 -1
  124. package/development/menu/menu/menu.component.d.ts.map +1 -1
  125. package/development/menu/menu/menu.component.js +1 -1
  126. package/development/menu-action-common-DL4t4_-J.js +32 -0
  127. package/development/menu.component-3qEIFutc.js +369 -0
  128. package/development/menu.js +2 -2
  129. package/development/menu.pure.js +2 -2
  130. package/development/message/message.component.js +1 -1
  131. package/development/{message.component-CdO5GyE2.js → message.component-BJ-84a0B.js} +2 -2
  132. package/development/message.js +1 -1
  133. package/development/message.pure.js +1 -1
  134. package/development/{mini-button-group.component-VYKZf1rq.js → mini-button-group.component-C88pIaaL.js} +2 -2
  135. package/development/mini-button-link.component-kpRsi8I2.js +1 -1
  136. package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
  137. package/development/navigation/navigation/navigation.component.js +1 -1
  138. package/development/navigation/navigation-list/navigation-list.component.js +1 -1
  139. package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
  140. package/development/navigation-action-common-wrzPCkMT.js +1 -1
  141. package/development/navigation-list.component-CU-SGC8c.js +86 -0
  142. package/development/navigation-marker.component-CTk9U0kA.js +120 -0
  143. package/development/navigation-section.component-iaypc6yQ.js +1 -1
  144. package/development/navigation.component-Bu1wVUNx.js +319 -0
  145. package/development/navigation.js +3 -3
  146. package/development/navigation.pure.js +3 -3
  147. package/development/option/option/option.component.js +1 -1
  148. package/development/option/option-styles.d.ts +2 -0
  149. package/development/option/option-styles.d.ts.map +1 -0
  150. package/development/option/option-styles.js +2 -0
  151. package/development/option-styles-IEQgVpCe.js +8 -0
  152. package/development/option.component-BrTjDq6X.js +131 -0
  153. package/development/option.js +4 -3
  154. package/development/option.pure.d.ts +1 -0
  155. package/development/option.pure.d.ts.map +1 -1
  156. package/development/option.pure.js +3 -2
  157. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  158. package/development/overlay/overlay-base-element.js +3 -3
  159. package/development/overlay/overlay.component.js +1 -1
  160. package/development/{overlay.component-YSCuGeme.js → overlay.component-BH-aue7w.js} +1 -1
  161. package/development/overlay.js +1 -1
  162. package/development/overlay.pure.js +1 -1
  163. package/development/paginator/common/paginator-common.js +1 -1
  164. package/development/paginator/compact-paginator/compact-paginator.component.js +1 -1
  165. package/development/paginator/paginator/paginator.component.d.ts.map +1 -1
  166. package/development/paginator/paginator/paginator.component.js +1 -1
  167. package/development/{paginator-common-B7iba0wQ.js → paginator-common-CRchtcXc.js} +1 -1
  168. package/development/paginator.component-B8y5tVCL.js +265 -0
  169. package/development/paginator.js +3 -3
  170. package/development/paginator.pure.js +3 -3
  171. package/development/panel-mixin-DPybe45K.js +1 -1
  172. package/development/popover/popover.component.d.ts.map +1 -1
  173. package/development/popover/popover.component.js +1 -1
  174. package/development/popover.component-Ds4fNNsq.js +578 -0
  175. package/development/popover.js +1 -1
  176. package/development/popover.pure.js +1 -1
  177. package/development/radio-button/common/radio-button-common.js +1 -1
  178. package/development/radio-button/radio-button.component.js +1 -1
  179. package/development/radio-button-common-Ckz2nMS7.js +129 -0
  180. package/development/{radio-button.component-DnErH-1J.js → radio-button.component-qsLFvciH.js} +2 -2
  181. package/development/radio-button.js +2 -2
  182. package/development/radio-button.pure.js +2 -2
  183. package/development/select/select.component.d.ts.map +1 -1
  184. package/development/select/select.component.js +1 -1
  185. package/development/select.component-BE7ZMrAc.js +809 -0
  186. package/development/select.js +1 -1
  187. package/development/select.pure.js +1 -1
  188. package/development/selection-action-panel/selection-action-panel.component.js +1 -1
  189. package/development/{selection-action-panel.component-BT0HmTja.js → selection-action-panel.component-C3UlmLkJ.js} +1 -1
  190. package/development/selection-action-panel.js +1 -1
  191. package/development/selection-action-panel.pure.js +1 -1
  192. package/development/selection-expansion-panel/selection-expansion-panel.component.js +1 -1
  193. package/development/selection-expansion-panel.component-4Ron8XNy.js +186 -0
  194. package/development/selection-expansion-panel.js +1 -1
  195. package/development/selection-expansion-panel.pure.js +1 -1
  196. package/development/sidebar/common/styles.js +1 -1
  197. package/development/sidebar/sidebar/sidebar.component.js +1 -1
  198. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.js +1 -1
  199. package/development/sidebar/sidebar-container/sidebar-container.component.js +1 -1
  200. package/development/sidebar/sidebar-content/sidebar-content.component.js +1 -1
  201. package/development/sidebar/sidebar-title/sidebar-title.component.js +1 -1
  202. package/development/{sidebar-close-button.component-CXnf-P5H.js → sidebar-close-button.component-ByQtC65O.js} +1 -1
  203. package/development/sidebar-container.component-BmavabUg.js +100 -0
  204. package/development/{sidebar-content.component-DbcREBUa.js → sidebar-content.component-DcsIIWpz.js} +1 -1
  205. package/development/{sidebar-title.component-BW04otyD.js → sidebar-title.component-DgJdkoiE.js} +1 -1
  206. package/development/{sidebar.component-mfXnE6WQ.js → sidebar.component-BszwyJQa.js} +1 -1
  207. package/development/sidebar.js +5 -5
  208. package/development/sidebar.pure.js +5 -5
  209. package/development/signet/signet.component.js +1 -1
  210. package/development/{signet.component-k14RJ8FA.js → signet.component-DXLTVjJS.js} +1 -1
  211. package/development/signet.js +1 -1
  212. package/development/signet.pure.js +1 -1
  213. package/development/skiplink-list/skiplink-list.component.js +1 -1
  214. package/development/skiplink-list.component-BC8rpyf9.js +129 -0
  215. package/development/skiplink-list.js +1 -1
  216. package/development/skiplink-list.pure.js +1 -1
  217. package/development/slider/slider.component.js +1 -1
  218. package/development/slider.component-BLptxiZ4.js +346 -0
  219. package/development/slider.js +1 -1
  220. package/development/slider.pure.js +1 -1
  221. package/development/status/status.component.js +1 -1
  222. package/development/{status.component-B9en2l26.js → status.component-thSGiOrl.js} +1 -1
  223. package/development/status.js +1 -1
  224. package/development/status.pure.js +1 -1
  225. package/development/step-label.component-CpdXVv32.js +127 -0
  226. package/development/{step.component-B_YHm1tz.js → step.component-DpSJEkrK.js} +1 -1
  227. package/development/stepper/step/step.component.js +1 -1
  228. package/development/stepper/step-label/step-label.component.js +1 -1
  229. package/development/stepper/stepper/stepper.component.js +1 -1
  230. package/development/stepper.component-Bv6LCFU0.js +443 -0
  231. package/development/stepper.js +3 -3
  232. package/development/stepper.pure.js +3 -3
  233. package/development/{sticky-bar.component-BJLtRvcd.js → sticky-bar.component-DZpy1gBU.js} +2 -2
  234. package/development/{styles-WppEBrlW.js → styles-BmvNZZle.js} +1 -1
  235. package/development/styles-D8h0fqb5.js +30 -0
  236. package/development/{tab-group.component-CGMBihsQ.js → tab-group.component-DhcfjVxe.js} +1 -1
  237. package/development/{tab-label.component-CQOLO2t7.js → tab-label.component-B7YEhR1C.js} +1 -1
  238. package/development/tab-nav-bar.component-DrZ1U7lM.js +109 -0
  239. package/development/{tab.component-BVhYPy5Y.js → tab.component-COn1G0XA.js} +1 -1
  240. package/development/table/table-wrapper/table-wrapper.component.js +1 -1
  241. package/development/{table-wrapper.component-By59zmcU.js → table-wrapper.component-9Lst6dT2.js} +1 -1
  242. package/development/table.js +1 -1
  243. package/development/table.pure.js +1 -1
  244. package/development/tabs/common/styles.js +1 -1
  245. package/development/tabs/tab/tab.component.js +1 -1
  246. package/development/tabs/tab-group/tab-group.component.js +1 -1
  247. package/development/tabs/tab-label/tab-label.component.js +1 -1
  248. package/development/tabs/tab-nav-bar/tab-nav-bar.component.js +1 -1
  249. package/development/tabs.js +5 -5
  250. package/development/tabs.pure.js +5 -5
  251. package/development/tag/tag/tag.component.js +1 -1
  252. package/development/tag/tag-group/tag-group.component.js +1 -1
  253. package/development/tag-group.component-OQ3sxhZI.js +194 -0
  254. package/development/tag.component-DWOPDWwe.js +238 -0
  255. package/development/tag.js +2 -2
  256. package/development/tag.pure.js +2 -2
  257. package/development/teaser/teaser.component.js +1 -1
  258. package/development/teaser-hero/teaser-hero.component.js +1 -1
  259. package/development/{teaser-hero.component-BHMcPmdh.js → teaser-hero.component-Cp42iJGt.js} +1 -1
  260. package/development/teaser-hero.js +1 -1
  261. package/development/teaser-hero.pure.js +1 -1
  262. package/development/teaser-panel/teaser-panel.component.js +1 -1
  263. package/development/{teaser-panel.component-BRfbvmkb.js → teaser-panel.component-ptDalUEe.js} +1 -1
  264. package/development/teaser-panel.js +1 -1
  265. package/development/teaser-panel.pure.js +1 -1
  266. package/development/teaser-product/common/teaser-product-common.js +1 -1
  267. package/development/teaser-product/teaser-product/teaser-product.component.js +1 -1
  268. package/development/{teaser-product-common-DOyLdTks.js → teaser-product-common-DxBw-__I.js} +1 -1
  269. package/development/teaser-product.component-CPj4vJ2V.js +37 -0
  270. package/development/teaser-product.js +2 -2
  271. package/development/teaser-product.pure.js +2 -2
  272. package/development/teaser.component-Dgrc2jh8.js +116 -0
  273. package/development/teaser.js +1 -1
  274. package/development/teaser.pure.js +1 -1
  275. package/development/time-input/time-input.component.js +1 -1
  276. package/development/time-input.component-BFjDAfbv.js +187 -0
  277. package/development/time-input.js +1 -1
  278. package/development/time-input.pure.js +1 -1
  279. package/development/timetable-form/timetable-form/timetable-form.component.js +1 -1
  280. package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
  281. package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
  282. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
  283. package/development/{timetable-form-details.component-BeuAZUQe.js → timetable-form-details.component-BFmuJ8-6.js} +1 -1
  284. package/development/{timetable-form-field.component-DC2z1Cwf.js → timetable-form-field.component-DD04XyA0.js} +1 -1
  285. package/development/{timetable-form-swap-button.component-CnbVc8Ok.js → timetable-form-swap-button.component-DphGegO6.js} +1 -1
  286. package/development/{timetable-form.component-C8DfPePn.js → timetable-form.component-EIr4B4mA.js} +1 -1
  287. package/development/timetable-form.js +4 -4
  288. package/development/timetable-form.pure.js +4 -4
  289. package/development/timetable-occupancy/timetable-occupancy.component.d.ts.map +1 -1
  290. package/development/timetable-occupancy/timetable-occupancy.component.js +1 -1
  291. package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.js +1 -1
  292. package/development/timetable-occupancy-icon.component-vsXoAiKz.js +95 -0
  293. package/development/timetable-occupancy-icon.js +1 -1
  294. package/development/timetable-occupancy-icon.pure.js +1 -1
  295. package/development/timetable-occupancy.component-B0zY0RnI.js +126 -0
  296. package/development/timetable-occupancy.js +1 -1
  297. package/development/timetable-occupancy.pure.js +1 -1
  298. package/development/title/title-base.js +1 -1
  299. package/development/title/title.component.d.ts +0 -2
  300. package/development/title/title.component.d.ts.map +1 -1
  301. package/development/title/title.component.js +1 -1
  302. package/development/title-base-CPAVrsQ9.js +102 -0
  303. package/development/title.component-DCg9U2CK.js +69 -0
  304. package/development/title.js +2 -2
  305. package/development/title.pure.js +2 -2
  306. package/development/toast/toast.component.d.ts.map +1 -1
  307. package/development/toast/toast.component.js +1 -1
  308. package/development/{toast.component-DonS3uQm.js → toast.component-TvSfu5nl.js} +3 -3
  309. package/development/toast.js +1 -1
  310. package/development/toast.pure.js +1 -1
  311. package/development/toggle/toggle/toggle.component.js +1 -1
  312. package/development/toggle/toggle-option/toggle-option.component.js +1 -1
  313. package/development/toggle-check/toggle-check.component.js +1 -1
  314. package/development/{toggle-check.component-BIV7jFIc.js → toggle-check.component-CbGa5-8I.js} +1 -1
  315. package/development/toggle-check.js +1 -1
  316. package/development/toggle-check.pure.js +1 -1
  317. package/development/{toggle-option.component-DRxwLSKU.js → toggle-option.component-BxGnhJFH.js} +1 -1
  318. package/development/toggle.component-Q68IDQWX.js +243 -0
  319. package/development/toggle.js +2 -2
  320. package/development/toggle.pure.js +2 -2
  321. package/development/tooltip/tooltip.component.d.ts.map +1 -1
  322. package/development/tooltip/tooltip.component.js +1 -1
  323. package/development/tooltip.component-Baoh6M8V.js +369 -0
  324. package/development/tooltip.js +1 -1
  325. package/development/tooltip.pure.js +1 -1
  326. package/development/train/train/train.component.js +1 -1
  327. package/development/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
  328. package/development/train/train-formation/train-formation.component.js +1 -1
  329. package/development/train/train-wagon-common.js +1 -1
  330. package/development/{train-blocked-passage.component-Cxd7dBDC.js → train-blocked-passage.component-C7ve-a1E.js} +1 -1
  331. package/development/{train-formation.component-BEg6OPib.js → train-formation.component-DQ_hLKNv.js} +2 -2
  332. package/development/train-wagon-common-CdckItEt.js +441 -0
  333. package/development/train.component-Bi74L6C7.js +239 -0
  334. package/development/train.js +4 -4
  335. package/development/train.pure.js +4 -4
  336. package/development/visual-checkbox/visual-checkbox.component.js +1 -1
  337. package/development/{visual-checkbox.component-Dm8DNhH2.js → visual-checkbox.component-B4_iHcsX.js} +1 -1
  338. package/development/visual-checkbox.js +1 -1
  339. package/development/visual-checkbox.pure.js +1 -1
  340. package/file-selector/common/file-selector-common.js +1 -1
  341. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  342. package/{file-selector-common-VNwWFEmM.js → file-selector-common-BNGnjK__.js} +1 -1
  343. package/{file-selector-dropzone.component-CGo6odhC.js → file-selector-dropzone.component-sE_fofSq.js} +1 -1
  344. package/file-selector.js +2 -2
  345. package/file-selector.pure.js +2 -2
  346. package/flip-card/flip-card/flip-card.component.js +1 -1
  347. package/{flip-card.component-CZ0v44Ym.js → flip-card.component-ZsA_kDPS.js} +22 -18
  348. package/flip-card.js +1 -1
  349. package/flip-card.pure.js +1 -1
  350. package/header/common/header-action-common.js +1 -1
  351. package/header-action-common-B-eRBjSz.js +64 -0
  352. package/header.js +1 -1
  353. package/header.pure.js +1 -1
  354. package/inline-link-common-O650N_pm.js +13 -0
  355. package/lean-off-brand-theme.css +415 -503
  356. package/lean-safety-theme.css +415 -503
  357. package/lean-theme.css +415 -503
  358. package/link/common/inline-link-common.js +1 -1
  359. package/link-list/link-list.component.js +1 -1
  360. package/link-list-anchor/link-list-anchor.component.js +1 -1
  361. package/{link-list-anchor.component-DG_HCtHH.js → link-list-anchor.component-Bjz_EKvE.js} +1 -1
  362. package/link-list-anchor.js +1 -1
  363. package/link-list-anchor.pure.js +1 -1
  364. package/{link-list.component-BNVd0a8U.js → link-list.component-Dg-7TBPC.js} +1 -1
  365. package/link-list.js +1 -1
  366. package/link-list.pure.js +1 -1
  367. package/link.js +1 -1
  368. package/link.pure.js +1 -1
  369. package/menu/common/menu-action-common.js +1 -1
  370. package/menu/menu/menu.component.js +1 -1
  371. package/{menu-action-common-Wy36tk18.js → menu-action-common-DakEXPg7.js} +1 -1
  372. package/{menu.component-DrrKSRmJ.js → menu.component-CqXsI5Cg.js} +25 -21
  373. package/menu.js +2 -2
  374. package/menu.pure.js +2 -2
  375. package/message/message.component.js +1 -1
  376. package/{message.component-CdfsCpnE.js → message.component-CORYX4KP.js} +1 -1
  377. package/message.js +1 -1
  378. package/message.pure.js +1 -1
  379. package/{mini-button-group.component-DQBU0BDm.js → mini-button-group.component-DWayyUpK.js} +1 -1
  380. package/navigation/navigation/navigation.component.js +1 -1
  381. package/navigation/navigation-list/navigation-list.component.js +1 -1
  382. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  383. package/{navigation-list.component-Cezo1tC-.js → navigation-list.component-C5y3ohH0.js} +1 -1
  384. package/{navigation-marker.component-CNsMaqpH.js → navigation-marker.component-VbvKu1TR.js} +1 -1
  385. package/{navigation.component-DLgmWh_c.js → navigation.component-DKJujMqj.js} +23 -19
  386. package/navigation.js +3 -3
  387. package/navigation.pure.js +3 -3
  388. package/off-brand-theme.css +415 -503
  389. package/option/option/option.component.js +1 -1
  390. package/option/option-styles.js +2 -0
  391. package/option-styles-DcD5grSB.js +6 -0
  392. package/option.js +5 -4
  393. package/option.pure.js +4 -3
  394. package/overlay/overlay-base-element.js +21 -21
  395. package/overlay/overlay.component.js +1 -1
  396. package/overlay.js +1 -1
  397. package/overlay.pure.js +1 -1
  398. package/package.json +5 -49
  399. package/paginator/common/paginator-common.js +1 -1
  400. package/paginator/compact-paginator/compact-paginator.component.js +1 -1
  401. package/paginator/paginator/paginator.component.js +1 -1
  402. package/paginator.component-Dk1xDHgW.js +212 -0
  403. package/paginator.js +3 -3
  404. package/paginator.pure.js +3 -3
  405. package/popover/popover.component.js +1 -1
  406. package/{popover.component-Dm_86bPY.js → popover.component-Bm-bx-Hs.js} +32 -32
  407. package/popover.js +1 -1
  408. package/popover.pure.js +1 -1
  409. package/radio-button/common/radio-button-common.js +1 -1
  410. package/radio-button/radio-button.component.js +1 -1
  411. package/{radio-button.component-CZ273yAb.js → radio-button.component-CGeTCfMq.js} +1 -1
  412. package/radio-button.js +2 -2
  413. package/radio-button.pure.js +2 -2
  414. package/safety-theme.css +415 -503
  415. package/select/select.component.js +1 -1
  416. package/{select.component-CLPLpFDz.js → select.component-UcWSndDu.js} +41 -39
  417. package/select.js +1 -1
  418. package/select.pure.js +1 -1
  419. package/selection-action-panel/selection-action-panel.component.js +1 -1
  420. package/selection-action-panel.js +1 -1
  421. package/selection-action-panel.pure.js +1 -1
  422. package/selection-expansion-panel/selection-expansion-panel.component.js +1 -1
  423. package/selection-expansion-panel.js +1 -1
  424. package/selection-expansion-panel.pure.js +1 -1
  425. package/sidebar/sidebar/sidebar.component.js +1 -1
  426. package/sidebar/sidebar-close-button/sidebar-close-button.component.js +1 -1
  427. package/sidebar/sidebar-container/sidebar-container.component.js +1 -1
  428. package/sidebar/sidebar-content/sidebar-content.component.js +1 -1
  429. package/sidebar/sidebar-title/sidebar-title.component.js +1 -1
  430. package/sidebar.js +5 -5
  431. package/sidebar.pure.js +5 -5
  432. package/signet/signet.component.js +1 -1
  433. package/signet.js +1 -1
  434. package/signet.pure.js +1 -1
  435. package/skiplink-list/skiplink-list.component.js +1 -1
  436. package/{skiplink-list.component-BXaqYpsI.js → skiplink-list.component-ClGb1J_H.js} +1 -1
  437. package/skiplink-list.js +1 -1
  438. package/skiplink-list.pure.js +1 -1
  439. package/slider/slider.component.js +1 -1
  440. package/slider.js +1 -1
  441. package/slider.pure.js +1 -1
  442. package/standard-theme.css +415 -503
  443. package/status/status.component.js +1 -1
  444. package/status.js +1 -1
  445. package/status.pure.js +1 -1
  446. package/stepper/step/step.component.js +1 -1
  447. package/stepper/step-label/step-label.component.js +1 -1
  448. package/stepper/stepper/stepper.component.js +1 -1
  449. package/stepper.js +3 -3
  450. package/stepper.pure.js +3 -3
  451. package/{sticky-bar.component-dmlGAZLW.js → sticky-bar.component-DtXeRUqi.js} +1 -1
  452. package/styles-DV41ClRb.js +5 -0
  453. package/{tab-nav-bar.component-FT2W0urU.js → tab-nav-bar.component-CRC6xnaX.js} +1 -1
  454. package/table/table-wrapper/table-wrapper.component.js +1 -1
  455. package/table.js +1 -1
  456. package/table.pure.js +1 -1
  457. package/tabs/common/styles.js +1 -1
  458. package/tabs/tab/tab.component.js +1 -1
  459. package/tabs/tab-group/tab-group.component.js +1 -1
  460. package/tabs/tab-label/tab-label.component.js +1 -1
  461. package/tabs/tab-nav-bar/tab-nav-bar.component.js +1 -1
  462. package/tabs.js +5 -5
  463. package/tabs.pure.js +5 -5
  464. package/tag/tag/tag.component.js +1 -1
  465. package/tag/tag-group/tag-group.component.js +1 -1
  466. package/{tag-group.component-9UfHHJ79.js → tag-group.component-wnzXwLPf.js} +1 -1
  467. package/tag.js +2 -2
  468. package/tag.pure.js +2 -2
  469. package/teaser/teaser.component.js +1 -1
  470. package/teaser-hero/teaser-hero.component.js +1 -1
  471. package/teaser-hero.js +1 -1
  472. package/teaser-hero.pure.js +1 -1
  473. package/teaser-panel/teaser-panel.component.js +1 -1
  474. package/teaser-panel.js +1 -1
  475. package/teaser-panel.pure.js +1 -1
  476. package/teaser-product/common/teaser-product-common.js +1 -1
  477. package/teaser-product/teaser-product/teaser-product.component.js +1 -1
  478. package/teaser-product.js +2 -2
  479. package/teaser-product.pure.js +2 -2
  480. package/teaser.js +1 -1
  481. package/teaser.pure.js +1 -1
  482. package/time-input/time-input.component.js +1 -1
  483. package/time-input.js +1 -1
  484. package/time-input.pure.js +1 -1
  485. package/timetable-form/timetable-form/timetable-form.component.js +1 -1
  486. package/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
  487. package/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
  488. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
  489. package/timetable-form.js +4 -4
  490. package/timetable-form.pure.js +4 -4
  491. package/timetable-occupancy/timetable-occupancy.component.js +1 -1
  492. package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +1 -1
  493. package/timetable-occupancy-icon.js +1 -1
  494. package/timetable-occupancy-icon.pure.js +1 -1
  495. package/{timetable-occupancy.component-DGQ20zH1.js → timetable-occupancy.component-CIkq1cT7.js} +17 -13
  496. package/timetable-occupancy.js +1 -1
  497. package/timetable-occupancy.pure.js +1 -1
  498. package/title/title-base.js +1 -1
  499. package/title/title.component.js +1 -1
  500. package/{title-base-JBhKD3ur.js → title-base-B1xzk7Zb.js} +1 -1
  501. package/{title.component-VnTeqomb.js → title.component-DTnG8op9.js} +2 -2
  502. package/title.js +2 -2
  503. package/title.pure.js +2 -2
  504. package/toast/toast.component.js +1 -1
  505. package/{toast.component-BMN90Ouu.js → toast.component-Ew5vuGXf.js} +19 -19
  506. package/toast.js +1 -1
  507. package/toast.pure.js +1 -1
  508. package/toggle/toggle/toggle.component.js +1 -1
  509. package/toggle/toggle-option/toggle-option.component.js +1 -1
  510. package/toggle-check/toggle-check.component.js +1 -1
  511. package/toggle-check.js +1 -1
  512. package/toggle-check.pure.js +1 -1
  513. package/toggle.js +2 -2
  514. package/toggle.pure.js +2 -2
  515. package/tooltip/tooltip.component.js +1 -1
  516. package/{tooltip.component-NfyDxfw7.js → tooltip.component-ihyNBI7f.js} +25 -25
  517. package/tooltip.js +1 -1
  518. package/tooltip.pure.js +1 -1
  519. package/train/train/train.component.js +1 -1
  520. package/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
  521. package/train/train-formation/train-formation.component.js +1 -1
  522. package/train/train-wagon-common.js +1 -1
  523. package/{train-formation.component-DVxNBPIB.js → train-formation.component-CYqdWnkL.js} +1 -1
  524. package/{train-wagon-common-CDCsWVgi.js → train-wagon-common-C1Py1D01.js} +1 -1
  525. package/{train.component-DxadS7O8.js → train.component-DRLUjuXY.js} +1 -1
  526. package/train.js +4 -4
  527. package/train.pure.js +4 -4
  528. package/visual-checkbox/visual-checkbox.component.js +1 -1
  529. package/visual-checkbox.js +1 -1
  530. package/visual-checkbox.pure.js +1 -1
  531. package/a11y.css +0 -20
  532. package/animation.css +0 -14
  533. package/badge.css +0 -32
  534. package/core/styles/badge.scss +0 -3
  535. package/core/styles/mixins/badge.scss +0 -42
  536. package/core/styles/mixins/buttons.scss +0 -12
  537. package/core/styles/mixins/card.scss +0 -205
  538. package/core/styles/mixins/dev_and_debug.scss +0 -8
  539. package/core/styles/mixins/image.scss +0 -43
  540. package/core/styles/mixins/inputs.scss +0 -11
  541. package/core/styles/mixins/link.scss +0 -125
  542. package/core/styles/mixins/panel.scss +0 -80
  543. package/core/styles/mixins/popover.scss +0 -14
  544. package/core/styles/mixins/table.scss +0 -185
  545. package/core/styles/mixins/timetable-form.scss +0 -63
  546. package/core/styles/option-panel-common.global.scss +0 -11
  547. package/core/styles/option-panel-common.scss +0 -157
  548. package/core/styles/theme.scss +0 -20
  549. package/core/styles/timetable-form.scss +0 -27
  550. package/core/styles/typography.private.scss +0 -9
  551. package/core.css +0 -2713
  552. package/development/autocomplete-base-element-qnPoRLvM.js +0 -695
  553. package/development/breadcrumb-group.component-BUBfl6LV.js +0 -193
  554. package/development/calendar.component-CG96KGTg.js +0 -1469
  555. package/development/file-selector-common-mZ5UYxOF.js +0 -421
  556. package/development/flip-card.component-DujrPKzU.js +0 -185
  557. package/development/header-action-common-Be0XQge2.js +0 -86
  558. package/development/inline-link-common-gmt6yz3v.js +0 -18
  559. package/development/link-list.component-B90qHOUD.js +0 -97
  560. package/development/menu-action-common-DRXQc85Y.js +0 -32
  561. package/development/menu.component-Cv9wRj4H.js +0 -365
  562. package/development/navigation-list.component-Dvv-bZ2V.js +0 -86
  563. package/development/navigation-marker.component-DMqe-VlY.js +0 -120
  564. package/development/navigation.component-CqNkBvEs.js +0 -315
  565. package/development/option.component-CV6cZnJe.js +0 -131
  566. package/development/paginator.component-BwLUSpDj.js +0 -261
  567. package/development/popover.component-CKUZbWbV.js +0 -578
  568. package/development/radio-button-common-G0jLFo41.js +0 -129
  569. package/development/select.component-CUjF11sq.js +0 -807
  570. package/development/selection-expansion-panel.component-BT78Qhbf.js +0 -186
  571. package/development/sidebar-container.component-CxwDKxv9.js +0 -100
  572. package/development/skiplink-list.component-m7xm-pns.js +0 -129
  573. package/development/slider.component-D_nLTlRF.js +0 -346
  574. package/development/step-label.component-Bo7Z0w7N.js +0 -127
  575. package/development/stepper.component-BeqeUIRN.js +0 -443
  576. package/development/styles-Cctez2BS.js +0 -22
  577. package/development/tab-nav-bar.component-B_mi8GGR.js +0 -109
  578. package/development/tag-group.component-Db8prSBL.js +0 -194
  579. package/development/tag.component-DG1uxD28.js +0 -238
  580. package/development/teaser-product.component-DMyuB-cH.js +0 -37
  581. package/development/teaser.component-CF_NUbwJ.js +0 -116
  582. package/development/time-input.component-XxzRoupm.js +0 -187
  583. package/development/timetable-occupancy-icon.component-UBmyZsTO.js +0 -95
  584. package/development/timetable-occupancy.component-DMm242Fr.js +0 -122
  585. package/development/title-base-D_Rjyk_j.js +0 -102
  586. package/development/title.component-CMxYhTfw.js +0 -71
  587. package/development/toggle.component-B03k5qc1.js +0 -243
  588. package/development/tooltip.component-D8zik3p4.js +0 -369
  589. package/development/train-wagon-common-Dg-BjUtC.js +0 -441
  590. package/development/train.component-dECIGw2x.js +0 -239
  591. package/header-action-common-DuPx0U2o.js +0 -64
  592. package/inline-link-common-BqqH1ExY.js +0 -13
  593. package/layout.css +0 -30
  594. package/lists.css +0 -194
  595. package/normalize.css +0 -95
  596. package/paginator.component-DB8l-B6J.js +0 -208
  597. package/scrollbar.css +0 -124
  598. package/styles-DAMaYe4p.js +0 -5
  599. package/table.css +0 -261
  600. package/timetable-form.css +0 -73
  601. package/typography.css +0 -67
  602. /package/{compact-paginator.component-BAuShgQE.js → compact-paginator.component-B-8gf_qD.js} +0 -0
  603. /package/core/styles/{disable-animation.scss → disable-animation-extension.scss} +0 -0
  604. /package/core/styles/{node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss → features/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss} +0 -0
  605. /package/core/styles/{node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss → features/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss} +0 -0
  606. /package/core/styles/{normalize.scss → features/normalize.scss} +0 -0
  607. /package/core/styles/{scrollbar.private.scss → features/scrollbar.private.scss} +0 -0
  608. /package/core/styles/mixins/{animation.scss → _animation.scss} +0 -0
  609. /package/core/styles/mixins/{font-face.scss → _font-face.scss} +0 -0
  610. /package/core/styles/mixins/{layout.scss → _layout.scss} +0 -0
  611. /package/core/styles/mixins/{scrollbar.scss → _scrollbar.scss} +0 -0
  612. /package/{disable-animation.css → disable-animation-extension.css} +0 -0
  613. /package/{option.component-BeorlZT0.js → option.component-DiH8AMlV.js} +0 -0
  614. /package/{overlay.component-myJflfLY.js → overlay.component-D7Z_vx1A.js} +0 -0
  615. /package/{paginator-common-BWewgXga.js → paginator-common-C0Kn9ibe.js} +0 -0
  616. /package/{radio-button-common-CrIRn10q.js → radio-button-common-BDNSqXg-.js} +0 -0
  617. /package/{selection-action-panel.component-DCGJQ3Mx.js → selection-action-panel.component-Ba7N1Hgt.js} +0 -0
  618. /package/{selection-expansion-panel.component-Cu1egfTY.js → selection-expansion-panel.component-BL1FPfPM.js} +0 -0
  619. /package/{sidebar-close-button.component-8owwjvk3.js → sidebar-close-button.component-CLjOpBM2.js} +0 -0
  620. /package/{sidebar-container.component-Dcke-Uhr.js → sidebar-container.component-8filIF5E.js} +0 -0
  621. /package/{sidebar-content.component-CYupfsq_.js → sidebar-content.component-DMdjHDdq.js} +0 -0
  622. /package/{sidebar-title.component-Cf64lCJx.js → sidebar-title.component-DaIkBNY9.js} +0 -0
  623. /package/{sidebar.component-LaqQzMo2.js → sidebar.component-D_HLDNnq.js} +0 -0
  624. /package/{signet.component-3Xfke8uk.js → signet.component-6q3GxORI.js} +0 -0
  625. /package/{slider.component-BlUWAWJU.js → slider.component-C8LKcM11.js} +0 -0
  626. /package/{status.component-mel7wA1j.js → status.component-DMfZTgzz.js} +0 -0
  627. /package/{step-label.component-BGSaHafq.js → step-label.component-CjNZYk5b.js} +0 -0
  628. /package/{step.component-tJh-Pb_E.js → step.component-BCkwsZdk.js} +0 -0
  629. /package/{stepper.component-BCl77LVa.js → stepper.component-mq66fR06.js} +0 -0
  630. /package/{styles-DisU4TWi.js → styles-DWm_OYpV.js} +0 -0
  631. /package/{tab-group.component-CDhggNpe.js → tab-group.component-MEm2W7QR.js} +0 -0
  632. /package/{tab-label.component-BuF2qt1T.js → tab-label.component-BqznCfW8.js} +0 -0
  633. /package/{tab.component-D6hfhlZw.js → tab.component-DPwbvqp4.js} +0 -0
  634. /package/{table-wrapper.component-C83EYuZP.js → table-wrapper.component-LzYuAVPb.js} +0 -0
  635. /package/{tag.component-BKuxfdDi.js → tag.component-zGPaopTo.js} +0 -0
  636. /package/{teaser-hero.component-mv6HL4vm.js → teaser-hero.component-BlhffYux.js} +0 -0
  637. /package/{teaser-panel.component-qRmy2lbz.js → teaser-panel.component-BCbKgXVt.js} +0 -0
  638. /package/{teaser-product-common-J1KZ2Hlw.js → teaser-product-common-C_lgMbyC.js} +0 -0
  639. /package/{teaser-product.component-BcleFVcu.js → teaser-product.component-CQIXu7sq.js} +0 -0
  640. /package/{teaser.component-BOqCERR7.js → teaser.component-D9z78Eny.js} +0 -0
  641. /package/{time-input.component-Dw8pPYDK.js → time-input.component-CLHEoWze.js} +0 -0
  642. /package/{timetable-form-details.component-0c6h6shd.js → timetable-form-details.component-DJ3oPkQP.js} +0 -0
  643. /package/{timetable-form-field.component-Cya8n2Ms.js → timetable-form-field.component-6s8_sz9h.js} +0 -0
  644. /package/{timetable-form-swap-button.component-rI_0UYJw.js → timetable-form-swap-button.component-BY2m2_k9.js} +0 -0
  645. /package/{timetable-form.component-DVps6baq.js → timetable-form.component-Swe8BX7g.js} +0 -0
  646. /package/{timetable-occupancy-icon.component-ABh1bz-X.js → timetable-occupancy-icon.component-C44eSFOM.js} +0 -0
  647. /package/{toggle-check.component-BcQ5ht0O.js → toggle-check.component-Ce-klZJB.js} +0 -0
  648. /package/{toggle-option.component-DQcPDXyl.js → toggle-option.component-BdMfGuA-.js} +0 -0
  649. /package/{toggle.component-DARkqJol.js → toggle.component-ySmrXvjA.js} +0 -0
  650. /package/{train-blocked-passage.component-B601YYJl.js → train-blocked-passage.component-UnNCmspZ.js} +0 -0
  651. /package/{visual-checkbox.component-YhX5Qk3j.js → visual-checkbox.component-JmGORoDU.js} +0 -0
@@ -1,239 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { nothing, unsafeCSS } from "lit";
3
- import { property } from "lit/decorators.js";
4
- import { SbbElement, SbbLanguageController, SbbNamedSlotListMixin, forceType, handleDistinctChange, i18nTrain, i18nWagonsLabel, omitEmptyConverter } from "./core.js";
5
- import { html as html$1, unsafeStatic } from "lit/static-html.js";
6
- import { SbbIconElement } from "./icon.pure.js";
7
- import { SbbTrainFormationOrientationMixin } from "./train/train-formation-orientation-mixin.js";
8
- //#region src/elements/train/train/train.scss?inline
9
- var train_default = ":host {\n --sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x);\n --_sbb-train-direction-row-dimension: calc(\n max(var(--sbb-size-icon-ui-small), 1em * var(--sbb-typo-line-height-text))\n );\n display: flex;\n font-size: var(--sbb-text-font-size-xs);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n flex-direction: var(--_sbb-train-formation-flex-direction-inverted);\n gap: var(--sbb-train-formation-gap);\n position: relative;\n}\n:host::before {\n content: \"\";\n display: var(--_sbb-train-formation-reserve-spacing-display, none);\n height: var(--_sbb-train-direction-row-dimension);\n}\n\n:host(:is(:state(orientation-vertical),[state--orientation-vertical]))::before {\n height: auto;\n width: var(--_sbb-train-direction-row-dimension);\n}\n\n.sbb-train__wagons {\n list-style: none;\n margin: 0;\n padding: 0;\n font-size: inherit;\n display: flex;\n flex-direction: var(--_sbb-train-formation-flex-direction);\n gap: var(--sbb-train-formation-wagon-gap);\n}\n\n.sbb-train__direction-heading {\n display: flex;\n position: absolute;\n width: 100%;\n flex-direction: var(--_sbb-train-formation-flex-direction);\n}\n:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train__direction-heading {\n width: auto;\n height: 100%;\n}\n\n.sbb-train__direction-sticky-wrapper {\n position: sticky;\n inset-inline-start: 0;\n display: inline-flex;\n flex-direction: var(--_sbb-train-formation-flex-direction);\n align-items: center;\n gap: var(--sbb-train-direction-label-spacing);\n max-width: 100%;\n}\n:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train__direction-sticky-wrapper {\n inset-inline-start: unset;\n inset-block-start: 0;\n max-width: unset;\n max-height: 100%;\n}\n\n:host([direction=right]) .sbb-train__direction-arrow {\n transform: scale(-1, 1);\n order: 2;\n}\n:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train__direction-arrow {\n rotate: 90deg;\n}\n\n.sbb-train__direction-label {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train__direction-label {\n writing-mode: sideways-lr;\n}";
10
- //#endregion
11
- //#region src/elements/train/train/train.component.ts
12
- /**
13
- * It can be used as a container for `sbb-train-wagon` or `sbb-train-blocked-passage` components.
14
- *
15
- * @slot - Use the unnamed slot to add 'sbb-train-wagon' elements to the `sbb-train`.
16
- */
17
- var SbbTrainElement = (() => {
18
- let _classSuper = SbbTrainFormationOrientationMixin(SbbNamedSlotListMixin(SbbElement));
19
- let _directionLabel_decorators;
20
- let _directionLabel_initializers = [];
21
- let _directionLabel_extraInitializers = [];
22
- let _directionLabelLevel_decorators;
23
- let _directionLabelLevel_initializers = [];
24
- let _directionLabelLevel_extraInitializers = [];
25
- let _station_decorators;
26
- let _station_initializers = [];
27
- let _station_extraInitializers = [];
28
- let _accessibilityLabel_decorators;
29
- let _accessibilityLabel_initializers = [];
30
- let _accessibilityLabel_extraInitializers = [];
31
- let _direction_decorators;
32
- let _direction_initializers = [];
33
- let _direction_extraInitializers = [];
34
- return class SbbTrainElement extends _classSuper {
35
- constructor() {
36
- super(...arguments);
37
- this.listChildLocalNames = [
38
- "sbb-train-wagon",
39
- "sbb-train-wagon-button",
40
- "sbb-train-wagon-link",
41
- "sbb-train-blocked-passage"
42
- ];
43
- this.#directionLabel_accessor_storage = __runInitializers(this, _directionLabel_initializers, "");
44
- this.#directionLabelLevel_accessor_storage = (__runInitializers(this, _directionLabel_extraInitializers), __runInitializers(this, _directionLabelLevel_initializers, "6"));
45
- this.#station_accessor_storage = (__runInitializers(this, _directionLabelLevel_extraInitializers), __runInitializers(this, _station_initializers, ""));
46
- this.#accessibilityLabel_accessor_storage = (__runInitializers(this, _station_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, ""));
47
- this.#direction_accessor_storage = (__runInitializers(this, _accessibilityLabel_extraInitializers), __runInitializers(this, _direction_initializers, "left"));
48
- this._language = (__runInitializers(this, _direction_extraInitializers), new SbbLanguageController(this));
49
- }
50
- static {
51
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
52
- _directionLabel_decorators = [
53
- forceType(),
54
- handleDistinctChange((e) => {
55
- e.dispatchEvent(
56
- /** @internal */
57
- new Event("directionlabelchange", {
58
- bubbles: true,
59
- composed: true
60
- })
61
- );
62
- }),
63
- property({
64
- attribute: "direction-label",
65
- reflect: true,
66
- converter: omitEmptyConverter
67
- })
68
- ];
69
- _directionLabelLevel_decorators = [property({ attribute: "direction-label-level" })];
70
- _station_decorators = [forceType(), property()];
71
- _accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
72
- _direction_decorators = [property({ reflect: true })];
73
- __esDecorate(this, null, _directionLabel_decorators, {
74
- kind: "accessor",
75
- name: "directionLabel",
76
- static: false,
77
- private: false,
78
- access: {
79
- has: (obj) => "directionLabel" in obj,
80
- get: (obj) => obj.directionLabel,
81
- set: (obj, value) => {
82
- obj.directionLabel = value;
83
- }
84
- },
85
- metadata: _metadata
86
- }, _directionLabel_initializers, _directionLabel_extraInitializers);
87
- __esDecorate(this, null, _directionLabelLevel_decorators, {
88
- kind: "accessor",
89
- name: "directionLabelLevel",
90
- static: false,
91
- private: false,
92
- access: {
93
- has: (obj) => "directionLabelLevel" in obj,
94
- get: (obj) => obj.directionLabelLevel,
95
- set: (obj, value) => {
96
- obj.directionLabelLevel = value;
97
- }
98
- },
99
- metadata: _metadata
100
- }, _directionLabelLevel_initializers, _directionLabelLevel_extraInitializers);
101
- __esDecorate(this, null, _station_decorators, {
102
- kind: "accessor",
103
- name: "station",
104
- static: false,
105
- private: false,
106
- access: {
107
- has: (obj) => "station" in obj,
108
- get: (obj) => obj.station,
109
- set: (obj, value) => {
110
- obj.station = value;
111
- }
112
- },
113
- metadata: _metadata
114
- }, _station_initializers, _station_extraInitializers);
115
- __esDecorate(this, null, _accessibilityLabel_decorators, {
116
- kind: "accessor",
117
- name: "accessibilityLabel",
118
- static: false,
119
- private: false,
120
- access: {
121
- has: (obj) => "accessibilityLabel" in obj,
122
- get: (obj) => obj.accessibilityLabel,
123
- set: (obj, value) => {
124
- obj.accessibilityLabel = value;
125
- }
126
- },
127
- metadata: _metadata
128
- }, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
129
- __esDecorate(this, null, _direction_decorators, {
130
- kind: "accessor",
131
- name: "direction",
132
- static: false,
133
- private: false,
134
- access: {
135
- has: (obj) => "direction" in obj,
136
- get: (obj) => obj.direction,
137
- set: (obj, value) => {
138
- obj.direction = value;
139
- }
140
- },
141
- metadata: _metadata
142
- }, _direction_initializers, _direction_extraInitializers);
143
- if (_metadata) Object.defineProperty(this, Symbol.metadata, {
144
- enumerable: true,
145
- configurable: true,
146
- writable: true,
147
- value: _metadata
148
- });
149
- }
150
- static {
151
- this.elementName = "sbb-train";
152
- }
153
- static {
154
- this.elementDependencies = [SbbIconElement];
155
- }
156
- static {
157
- this.styles = [unsafeCSS(train_default)];
158
- }
159
- #directionLabel_accessor_storage;
160
- /** General label for "driving direction". */
161
- get directionLabel() {
162
- return this.#directionLabel_accessor_storage;
163
- }
164
- set directionLabel(value) {
165
- this.#directionLabel_accessor_storage = value;
166
- }
167
- #directionLabelLevel_accessor_storage;
168
- /** Heading level of the direction label, used for screen readers. */
169
- get directionLabelLevel() {
170
- return this.#directionLabelLevel_accessor_storage;
171
- }
172
- set directionLabelLevel(value) {
173
- this.#directionLabelLevel_accessor_storage = value;
174
- }
175
- #station_accessor_storage;
176
- /** Label for the destination station of the train. */
177
- get station() {
178
- return this.#station_accessor_storage;
179
- }
180
- set station(value) {
181
- this.#station_accessor_storage = value;
182
- }
183
- #accessibilityLabel_accessor_storage;
184
- /** Accessibility label for additional information regarding the leaving direction of the train. */
185
- get accessibilityLabel() {
186
- return this.#accessibilityLabel_accessor_storage;
187
- }
188
- set accessibilityLabel(value) {
189
- this.#accessibilityLabel_accessor_storage = value;
190
- }
191
- #direction_accessor_storage;
192
- /** Controls the direction indicator to show the arrow left or right. Default is left. */
193
- get direction() {
194
- return this.#direction_accessor_storage;
195
- }
196
- set direction(value) {
197
- this.#direction_accessor_storage = value;
198
- }
199
- /**
200
- * Create the aria-label text out of the direction label, station and the accessibility label.
201
- */
202
- _getDirectionAriaLabel() {
203
- const textParts = [i18nTrain[this._language.current]];
204
- if (this.directionLabel && this.station) textParts.push(`${this.directionLabel} ${this.station}`);
205
- if (this.accessibilityLabel) textParts.push(this.accessibilityLabel);
206
- return `${textParts.join(", ")}.`;
207
- }
208
- willUpdate(changedProperties) {
209
- super.willUpdate(changedProperties);
210
- if (changedProperties.has("listChildren"))
211
- /** @internal */
212
- this.dispatchEvent(new Event("trainslotchange", { bubbles: true }));
213
- }
214
- render() {
215
- const TITLE_TAG_NAME = `h${this.directionLabelLevel}`;
216
- return html$1`
217
- <${unsafeStatic(TITLE_TAG_NAME)} class="sbb-screen-reader-only">
218
- ${this._getDirectionAriaLabel()}
219
- </${unsafeStatic(TITLE_TAG_NAME)}>
220
- ${this.directionLabel ? html$1`<div class="sbb-train__direction-heading" aria-hidden="true">
221
- <span class="sbb-train__direction-sticky-wrapper">
222
- <sbb-icon class="sbb-train__direction-arrow" name="arrow-left-small"></sbb-icon>
223
- <span class="sbb-train__direction-label">
224
- ${this.directionLabel} ${this.station}
225
- </span>
226
- </span>
227
- </div>` : nothing}
228
- ${this.renderList({
229
- class: "sbb-train__wagons",
230
- ariaLabel: i18nWagonsLabel[this._language.current]
231
- })}
232
- `;
233
- }
234
- };
235
- })();
236
- //#endregion
237
- export { SbbTrainElement as t };
238
-
239
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4uY29tcG9uZW50LWRFQ0lHdzJ4LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90cmFpbi90cmFpbi90cmFpbi5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90cmFpbi90cmFpbi90cmFpbi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi10cmFpbi1kaXJlY3Rpb24tbGFiZWwtc3BhY2luZzogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMXgpO1xuICAtLV9zYmItdHJhaW4tZGlyZWN0aW9uLXJvdy1kaW1lbnNpb246IGNhbGMoXG4gICAgbWF4KHZhcigtLXNiYi1zaXplLWljb24tdWktc21hbGwpLCAxZW0gKiB2YXIoLS1zYmItdHlwby1saW5lLWhlaWdodC10ZXh0KSlcbiAgKTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS14cyk7XG4gIGxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy10ZXh0KTtcbiAgZmxleC1kaXJlY3Rpb246IHZhcigtLV9zYmItdHJhaW4tZm9ybWF0aW9uLWZsZXgtZGlyZWN0aW9uLWludmVydGVkKTtcbiAgZ2FwOiB2YXIoLS1zYmItdHJhaW4tZm9ybWF0aW9uLWdhcCk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAvLyBQbGFjZWhvbGRlciB0byByZXNlcnZlIHRoZSBoZWlnaHQgb2YgdGhlIGRpcmVjdGlvbiByb3dcbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiB2YXIoLS1fc2JiLXRyYWluLWZvcm1hdGlvbi1yZXNlcnZlLXNwYWNpbmctZGlzcGxheSwgbm9uZSk7XG4gICAgaGVpZ2h0OiB2YXIoLS1fc2JiLXRyYWluLWRpcmVjdGlvbi1yb3ctZGltZW5zaW9uKTtcbiAgfVxufVxuXG46aG9zdCg6c3RhdGUob3JpZW50YXRpb24tdmVydGljYWwpKTo6YmVmb3JlIHtcbiAgaGVpZ2h0OiBhdXRvO1xuICB3aWR0aDogdmFyKC0tX3NiYi10cmFpbi1kaXJlY3Rpb24tcm93LWRpbWVuc2lvbik7XG59XG5cbi5zYmItdHJhaW5fX3dhZ29ucyB7XG4gIEBpbmNsdWRlIHNiYi5saXN0LXJlc2V0O1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiB2YXIoLS1fc2JiLXRyYWluLWZvcm1hdGlvbi1mbGV4LWRpcmVjdGlvbik7XG4gIGdhcDogdmFyKC0tc2JiLXRyYWluLWZvcm1hdGlvbi13YWdvbi1nYXApO1xufVxuXG4uc2JiLXRyYWluX19kaXJlY3Rpb24taGVhZGluZyB7XG4gIGRpc3BsYXk6IGZsZXg7XG5cbiAgLy8gV2UgaGF2ZSB0byBwb3NpdGlvbiBpdCBhYnNvbHV0ZSBpbiBvcmRlciBmb3IgdGhlIGVsbGlwc2lzIHRvIHdvcmtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgZmxleC1kaXJlY3Rpb246IHZhcigtLV9zYmItdHJhaW4tZm9ybWF0aW9uLWZsZXgtZGlyZWN0aW9uKTtcblxuICA6aG9zdCg6c3RhdGUob3JpZW50YXRpb24tdmVydGljYWwpKSAmIHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIH1cbn1cblxuLnNiYi10cmFpbl9fZGlyZWN0aW9uLXN0aWNreS13cmFwcGVyIHtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHZhcigtLV9zYmItdHJhaW4tZm9ybWF0aW9uLWZsZXgtZGlyZWN0aW9uKTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiB2YXIoLS1zYmItdHJhaW4tZGlyZWN0aW9uLWxhYmVsLXNwYWNpbmcpO1xuICBtYXgtd2lkdGg6IDEwMCU7XG5cbiAgOmhvc3QoOnN0YXRlKG9yaWVudGF0aW9uLXZlcnRpY2FsKSkgJiB7XG4gICAgaW5zZXQtaW5saW5lLXN0YXJ0OiB1bnNldDtcbiAgICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgICBtYXgtd2lkdGg6IHVuc2V0O1xuICAgIG1heC1oZWlnaHQ6IDEwMCU7XG4gIH1cbn1cblxuLnNiYi10cmFpbl9fZGlyZWN0aW9uLWFycm93IHtcbiAgOmhvc3QoW2RpcmVjdGlvbj0ncmlnaHQnXSkgJiB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgtMSwgMSk7XG4gICAgb3JkZXI6IDI7XG4gIH1cblxuICA6aG9zdCg6c3RhdGUob3JpZW50YXRpb24tdmVydGljYWwpKSAmIHtcbiAgICByb3RhdGU6IDkwZGVnO1xuICB9XG59XG5cbi5zYmItdHJhaW5fX2RpcmVjdGlvbi1sYWJlbCB7XG4gIEBpbmNsdWRlIHNiYi5lbGxpcHNpcztcblxuICA6aG9zdCg6c3RhdGUob3JpZW50YXRpb24tdmVydGljYWwpKSAmIHtcbiAgICB3cml0aW5nLW1vZGU6IHNpZGV3YXlzLWxyO1xuICB9XG59XG4iLCJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBub3RoaW5nLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxuICB1bnNhZmVDU1MsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwsIHVuc2FmZVN0YXRpYyB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7XG4gIGZvcmNlVHlwZSxcbiAgaGFuZGxlRGlzdGluY3RDaGFuZ2UsXG4gIGkxOG5UcmFpbixcbiAgaTE4bldhZ29uc0xhYmVsLFxuICBvbWl0RW1wdHlDb252ZXJ0ZXIsXG4gIFNiYkVsZW1lbnQsXG4gIHR5cGUgU2JiRWxlbWVudFR5cGUsXG4gIHR5cGUgU2JiSGVhZGluZ0xldmVsLFxuICBTYmJMYW5ndWFnZUNvbnRyb2xsZXIsXG4gIFNiYk5hbWVkU2xvdExpc3RNaXhpbixcbiAgdHlwZSBXaXRoTGlzdENoaWxkcmVuLFxufSBmcm9tICcuLi8uLi9jb3JlLnRzJztcbmltcG9ydCB7IFNiYkljb25FbGVtZW50IH0gZnJvbSAnLi4vLi4vaWNvbi5wdXJlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVHJhaW5CbG9ja2VkUGFzc2FnZUVsZW1lbnQgfSBmcm9tICcuLi90cmFpbi1ibG9ja2VkLXBhc3NhZ2UvdHJhaW4tYmxvY2tlZC1wYXNzYWdlLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgeyBTYmJUcmFpbkZvcm1hdGlvbk9yaWVudGF0aW9uTWl4aW4gfSBmcm9tICcuLi90cmFpbi1mb3JtYXRpb24tb3JpZW50YXRpb24tbWl4aW4udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUcmFpbldhZ29uTWl4aW5UeXBlIH0gZnJvbSAnLi4vdHJhaW4td2Fnb24tY29tbW9uLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdHJhaW4uc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciBgc2JiLXRyYWluLXdhZ29uYCBvciBgc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZWAgY29tcG9uZW50cy5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCAnc2JiLXRyYWluLXdhZ29uJyBlbGVtZW50cyB0byB0aGUgYHNiYi10cmFpbmAuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUcmFpbkVsZW1lbnQgZXh0ZW5kcyBTYmJUcmFpbkZvcm1hdGlvbk9yaWVudGF0aW9uTWl4aW4oXG4gIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxTYmJUcmFpbldhZ29uTWl4aW5UeXBlIHwgU2JiVHJhaW5CbG9ja2VkUGFzc2FnZUVsZW1lbnQsIHR5cGVvZiBTYmJFbGVtZW50PihcbiAgICBTYmJFbGVtZW50LFxuICApLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdHJhaW4nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIGVsZW1lbnREZXBlbmRlbmNpZXM6IFNiYkVsZW1lbnRUeXBlW10gPSBbU2JiSWNvbkVsZW1lbnRdO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbXG4gICAgJ3NiYi10cmFpbi13YWdvbicsXG4gICAgJ3NiYi10cmFpbi13YWdvbi1idXR0b24nLFxuICAgICdzYmItdHJhaW4td2Fnb24tbGluaycsXG4gICAgJ3NiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnLFxuICBdO1xuXG4gIC8qKiBHZW5lcmFsIGxhYmVsIGZvciBcImRyaXZpbmcgZGlyZWN0aW9uXCIuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAaGFuZGxlRGlzdGluY3RDaGFuZ2UoKGU6IFNiYlRyYWluRWxlbWVudCkgPT4ge1xuICAgIGUuZGlzcGF0Y2hFdmVudChcbiAgICAgIC8qKiBAaW50ZXJuYWwgKi9cbiAgICAgIG5ldyBFdmVudCgnZGlyZWN0aW9ubGFiZWxjaGFuZ2UnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pLFxuICAgICk7XG4gIH0pXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2RpcmVjdGlvbi1sYWJlbCcsIHJlZmxlY3Q6IHRydWUsIGNvbnZlcnRlcjogb21pdEVtcHR5Q29udmVydGVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBkaXJlY3Rpb25MYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIEhlYWRpbmcgbGV2ZWwgb2YgdGhlIGRpcmVjdGlvbiBsYWJlbCwgdXNlZCBmb3Igc2NyZWVuIHJlYWRlcnMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2RpcmVjdGlvbi1sYWJlbC1sZXZlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGRpcmVjdGlvbkxhYmVsTGV2ZWw6IFNiYkhlYWRpbmdMZXZlbCA9ICc2JztcblxuICAvKiogTGFiZWwgZm9yIHRoZSBkZXN0aW5hdGlvbiBzdGF0aW9uIG9mIHRoZSB0cmFpbi4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBzdGF0aW9uOiBzdHJpbmcgPSAnJztcblxuICAvKiogQWNjZXNzaWJpbGl0eSBsYWJlbCBmb3IgYWRkaXRpb25hbCBpbmZvcm1hdGlvbiByZWdhcmRpbmcgdGhlIGxlYXZpbmcgZGlyZWN0aW9uIG9mIHRoZSB0cmFpbi4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktbGFiZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5TGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBDb250cm9scyB0aGUgZGlyZWN0aW9uIGluZGljYXRvciB0byBzaG93IHRoZSBhcnJvdyBsZWZ0IG9yIHJpZ2h0LiBEZWZhdWx0IGlzIGxlZnQuICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgPSAnbGVmdCc7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gIC8qKlxuICAgKiBDcmVhdGUgdGhlIGFyaWEtbGFiZWwgdGV4dCBvdXQgb2YgdGhlIGRpcmVjdGlvbiBsYWJlbCwgc3RhdGlvbiBhbmQgdGhlIGFjY2Vzc2liaWxpdHkgbGFiZWwuXG4gICAqL1xuICBwcml2YXRlIF9nZXREaXJlY3Rpb25BcmlhTGFiZWwoKTogc3RyaW5nIHtcbiAgICBjb25zdCB0ZXh0UGFydHM6IHN0cmluZ1tdID0gW2kxOG5UcmFpblt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XV07XG5cbiAgICBpZiAodGhpcy5kaXJlY3Rpb25MYWJlbCAmJiB0aGlzLnN0YXRpb24pIHtcbiAgICAgIHRleHRQYXJ0cy5wdXNoKGAke3RoaXMuZGlyZWN0aW9uTGFiZWx9ICR7dGhpcy5zdGF0aW9ufWApO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbCkge1xuICAgICAgdGV4dFBhcnRzLnB1c2godGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwpO1xuICAgIH1cblxuICAgIHJldHVybiBgJHt0ZXh0UGFydHMuam9pbignLCAnKX0uYDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczxXaXRoTGlzdENoaWxkcmVuPHRoaXM+Pik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbGlzdENoaWxkcmVuJykpIHtcbiAgICAgIC8qKiBAaW50ZXJuYWwgKi9cbiAgICAgIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ3RyYWluc2xvdGNoYW5nZScsIHsgYnViYmxlczogdHJ1ZSB9KSk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgY29uc3QgVElUTEVfVEFHX05BTUUgPSBgaCR7dGhpcy5kaXJlY3Rpb25MYWJlbExldmVsfWA7XG5cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICByZXR1cm4gaHRtbGBcbiAgICAgICAgPCR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0gY2xhc3M9XCJzYmItc2NyZWVuLXJlYWRlci1vbmx5XCI+XG4gICAgICAgICAgJHt0aGlzLl9nZXREaXJlY3Rpb25BcmlhTGFiZWwoKX1cbiAgICAgICAgPC8ke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9PlxuICAgICAgICAke1xuICAgICAgICAgIHRoaXMuZGlyZWN0aW9uTGFiZWxcbiAgICAgICAgICAgID8gaHRtbGA8ZGl2IGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24taGVhZGluZ1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24tc3RpY2t5LXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICAgIDxzYmItaWNvbiBjbGFzcz1cInNiYi10cmFpbl9fZGlyZWN0aW9uLWFycm93XCIgbmFtZT1cImFycm93LWxlZnQtc21hbGxcIj48L3NiYi1pY29uPlxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdHJhaW5fX2RpcmVjdGlvbi1sYWJlbFwiPlxuICAgICAgICAgICAgICAgICAgICAke3RoaXMuZGlyZWN0aW9uTGFiZWx9ICR7dGhpcy5zdGF0aW9ufVxuICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9kaXY+YFxuICAgICAgICAgICAgOiBub3RoaW5nXG4gICAgICAgIH1cbiAgICAgICAgJHt0aGlzLnJlbmRlckxpc3Qoe1xuICAgICAgICAgIGNsYXNzOiAnc2JiLXRyYWluX193YWdvbnMnLFxuICAgICAgICAgIGFyaWFMYWJlbDogaTE4bldhZ29uc0xhYmVsW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdLFxuICAgICAgICB9KX1cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdHJhaW4nOiBTYmJUcmFpbkVsZW1l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
@@ -1,64 +0,0 @@
1
- import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { unsafeCSS as n } from "lit";
3
- import { property as r } from "lit/decorators.js";
4
- import { SbbPropertyWatcherController as i } from "./core.js";
5
- import { html as a } from "lit/static-html.js";
6
- import { SbbIconNameMixin as o } from "./icon.pure.js";
7
- //#region src/elements/header/common/header-action.scss?inline
8
- var s = ":host{--sbb-header-action-active-border-margin-inline: var(--sbb-header-action-padding-inline);--sbb-header-action-min-width: var(--sbb-header-action-min-height);--sbb-header-action-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--_sbb-header-first-item-padding-shift: calc(-1 * var(--sbb-header-action-padding-inline));--sbb-header-first-item-margin-inline-start: calc( var(--_sbb-header-first-item-padding-shift) - var(--sbb-header-first-item-icon-shift) );display:inline-block;outline:none!important}@media(any-hover:hover){:host(:hover:not(:active,:is(:state(active),[state--active]))){--sbb-header-action-background-color: var(--sbb-background-color-3);--sbb-header-action-translate-y: -.0625rem;--sbb-header-action-background-inset: calc(var(--sbb-border-width-2x) * -1)}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:active,:is(:state(active),[state--active]))){--sbb-header-action-border-color: Highlight}}:host(:is(:state(size-s),[state--size-s])){--sbb-header-action-min-height: var(--sbb-header-action-min-height-s);--sbb-header-action-padding-inline: var(--sbb-header-action-padding-inline-s)}:host(:is(:state(size-m),[state--size-m])){--sbb-header-action-min-height: var(--sbb-header-action-min-height-m);--sbb-header-action-padding-inline: var(--sbb-header-action-padding-inline-m)}:host(:is(:active,:is(:state(active),[state--active]))){--sbb-header-action-background-color: var(--sbb-background-color-4)}@media(forced-colors:active){:host(:is(:active,:is(:state(active),[state--active]))){--sbb-header-action-border-color: Highlight}}:host(.sbb-active){--sbb-header-action-active-border-scale: 1}@media(forced-colors:active){:host(.sbb-active){--sbb-header-action-border-color: Highlight}}@media(forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-header-action-color: ButtonText}}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))){--sbb-header-first-item-margin-inline-start: var(--_sbb-header-first-item-padding-shift)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;display:flex;position:relative;align-items:center;justify-content:center;color:var(--sbb-header-action-color);text-decoration:none;min-height:var(--sbb-header-action-min-height);min-width:var(--sbb-header-action-min-width);padding-inline:var(--sbb-header-action-padding-inline-zero, var(--sbb-header-action-padding-inline));cursor:var(--sbb-cursor-pointer);-webkit-user-select:none;user-select:none;outline:none}.sbb-action-base:before{position:absolute;content:\"\";inset:var(--sbb-header-action-background-inset, 0);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-header-action-background-color);transition-duration:var(--sbb-header-action-transition-duration);transition-timing-function:var(--sbb-header-action-transition-easing);transition-property:inset,background-color;border:var(--sbb-border-width-1x) solid var(--sbb-header-action-border-color)}@media(forced-colors:active){.sbb-action-base:before{border-width:var(--sbb-border-width-2x)}}:host(:focus-visible) .sbb-action-base:before,.sbb-action-base:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-action-base:after{content:\"\";position:absolute;border-block-end:var(--sbb-header-action-active-border-width) solid var(--sbb-header-action-active-border-color);inset:auto 0 calc(-1 * var(--sbb-header-action-active-border-width));margin-inline:var(--sbb-header-action-active-border-margin-inline);scale:var(--sbb-header-action-active-border-scale, 0);transition:scale var(--sbb-header-action-transition-easing) var(--sbb-header-action-transition-duration)}.sbb-header-action__wrapper{display:flex;align-items:center;gap:var(--sbb-header-action-gap);white-space:nowrap;transform:translateY(var(--sbb-header-action-translate-y, 0));transition:transform var(--sbb-header-action-transition-duration) var(--sbb-header-action-transition-easing);will-change:transform;max-width:100%}.sbb-header-action__icon{--sbb-icon-svg-stroke-color: currentcolor;--sbb-icon-svg-stroke-width: 1px;min-width:var(--sbb-header-action-icon-dimension);min-height:var(--sbb-header-action-icon-dimension);line-height:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-header-action__icon{display:none}.sbb-header-action__text{--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);font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-header-action__text{display:none}:host(:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host(:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}@media(max-width:37.4375rem){:host([expand-from=small]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=small]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media(max-width:63.9375rem){:host([expand-from=large]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=large]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media(max-width:89.9375rem){:host([expand-from=ultra]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=ultra]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}@media(max-width:98.9375rem){:host([expand-from=ultra--max-content]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift: calc( -.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)) );--sbb-header-action-padding-inline-zero: 0;--sbb-header-action-active-border-margin-inline: calc( .5 * (100% - var(--sbb-size-icon-ui-small)) )}:host([expand-from=ultra--max-content]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:flex}}::slotted([slot=icon]:is(sbb-image,img)){width:var(--sbb-header-action-icon-dimension);height:var(--sbb-header-action-icon-dimension);border-radius:var(--sbb-border-radius-infinity)}", c = (c) => (() => {
9
- let l = o(c), u, d = [], f = [];
10
- return class extends l {
11
- static {
12
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
13
- u = [r({
14
- attribute: "expand-from",
15
- reflect: !0
16
- })], e(this, null, u, {
17
- kind: "accessor",
18
- name: "expandFrom",
19
- static: !1,
20
- private: !1,
21
- access: {
22
- has: (e) => "expandFrom" in e,
23
- get: (e) => e.expandFrom,
24
- set: (e, t) => {
25
- e.expandFrom = t;
26
- }
27
- },
28
- metadata: t
29
- }, d, f), t && Object.defineProperty(this, Symbol.metadata, {
30
- enumerable: !0,
31
- configurable: !0,
32
- writable: !0,
33
- value: t
34
- });
35
- }
36
- static {
37
- this.styles = [n(s)];
38
- }
39
- #e;
40
- get expandFrom() {
41
- return this.#e;
42
- }
43
- set expandFrom(e) {
44
- this.#e = e;
45
- }
46
- constructor() {
47
- super(), this.#e = t(this, d, "large"), this._previousSize = (t(this, f), null), this.addController(new i(this, () => this.closest("sbb-header"), { size: (e) => {
48
- this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size ?? null, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
49
- } }));
50
- }
51
- renderTemplate() {
52
- return a`
53
- <span class="sbb-header-action__wrapper">
54
- <span class="sbb-header-action__icon"> ${super.renderIconSlot()} </span>
55
- <span class="sbb-header-action__text">
56
- <slot></slot>
57
- </span>
58
- </span>
59
- `;
60
- }
61
- };
62
- })();
63
- //#endregion
64
- export { c as t };
@@ -1,13 +0,0 @@
1
- import { t as e } from "./link-common-ezSu7e9c.js";
2
- import { unsafeCSS as t } from "lit";
3
- //#region src/elements/link/common/inline-link.scss?inline
4
- var n = ":host{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: inherit;color:inherit;display:inline-block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-hover: var(--sbb-color-graphite);--sbb-link-color-active: var(--sbb-color-metal)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit}", r = (r) => {
5
- class i extends e(r) {
6
- static {
7
- this.styles = [t(n)];
8
- }
9
- }
10
- return i;
11
- };
12
- //#endregion
13
- export { r as t };
package/layout.css DELETED
@@ -1,30 +0,0 @@
1
- .sbb-grid,
2
- .sbb-page-spacing {
3
- padding-inline: var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));
4
- margin-inline: auto;
5
- width: 100%;
6
- }
7
- @media (min-width: calc(90rem)) {
8
- .sbb-grid,
9
- .sbb-page-spacing {
10
- max-width: var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)));
11
- }
12
- }
13
-
14
- .sbb-grid-expanded,
15
- .sbb-page-spacing-expanded {
16
- padding-inline: var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs));
17
- }
18
-
19
- .sbb-grid,
20
- .sbb-grid-expanded {
21
- display: grid;
22
- gap: var(--sbb-grid-base-gutter-responsive);
23
- grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
24
- }
25
-
26
- .sbb-grid-only {
27
- display: grid;
28
- gap: var(--sbb-grid-base-gutter-responsive);
29
- grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
30
- }
package/lists.css DELETED
@@ -1,194 +0,0 @@
1
- @charset "UTF-8";
2
- .sbb-list:where(ol, ul) {
3
- --sbb-list-vertical-gap: 0.75em;
4
- --sbb-list-padding-inline-start: 1.5em;
5
- }
6
- .sbb-list:where(ol, ul),
7
- .sbb-list:where(ol, ul) :is(ol, ul) {
8
- margin: 0;
9
- padding: 0;
10
- padding-inline-start: var(--sbb-list-padding-inline-start);
11
- }
12
- .sbb-list:where(ol, ul) > li + li,
13
- .sbb-list:where(ol, ul) :is(ol, ul) > li + li {
14
- margin-block-start: var(--sbb-list-vertical-gap);
15
- }
16
- .sbb-list:where(ol, ul) > li p,
17
- .sbb-list:where(ol, ul) :is(ol, ul) > li p {
18
- margin-block: 0;
19
- }
20
- .sbb-list:where(ol, ul) > li > * + p,
21
- .sbb-list:where(ol, ul) :is(ol, ul) > li > * + p {
22
- margin-block-start: var(--sbb-spacing-responsive-xxxs);
23
- }
24
- .sbb-list:where(ol, ul) :is(ul, ol), .sbb-step-list .sbb-list:where(ol, ul) {
25
- margin-block-start: var(--sbb-list-vertical-gap);
26
- }
27
- .sbb-list:where(ul),
28
- .sbb-list:where(ul) ul {
29
- list-style-type: none;
30
- }
31
- .sbb-list:where(ul) > li,
32
- .sbb-list:where(ul) ul > li {
33
- position: relative;
34
- }
35
- .sbb-list:where(ul) > li::before,
36
- .sbb-list:where(ul) ul > li::before {
37
- content: "•";
38
- position: absolute;
39
- display: flex;
40
- height: 1em;
41
- width: 1em;
42
- align-items: center;
43
- justify-content: center;
44
- inset-block-start: calc(0.5 * (var(--sbb-typo-line-height-text) * 1em - 1em));
45
- inset-inline-start: calc(-1 * (0.5 * var(--sbb-list-padding-inline-start) + 0.5em));
46
- transform: scale(1.3);
47
- }
48
- .sbb-list:where(dl) {
49
- --sbb-text-font-size: var(--sbb-text-font-size-s);
50
- font-family: var(--sbb-typo-font-family);
51
- font-weight: normal;
52
- line-height: var(--sbb-typo-line-height-text);
53
- letter-spacing: var(--sbb-typo-letter-spacing-text);
54
- font-size: var(--sbb-text-font-size);
55
- margin: 0;
56
- padding: 0;
57
- display: grid;
58
- grid-template-columns: auto minmax(20%, 1fr);
59
- gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-2x);
60
- }
61
- .sbb-list:where(dl) :is(dt, dd) {
62
- margin: 0;
63
- padding: 0;
64
- }
65
-
66
- .sbb-step-list {
67
- --sbb-step-list-dimensions: 2.125rem;
68
- --sbb-step-list-padding-inline: var(--sbb-spacing-responsive-xxs);
69
- --sbb-step-list-to-text-gap: var(--sbb-spacing-responsive-xxxs);
70
- --sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x);
71
- --sbb-step-list-vertical-gap: var(--sbb-spacing-fixed-1x);
72
- --sbb-step-list-border-radius: var(--sbb-border-radius-4x);
73
- --sbb-step-list-color: var(--sbb-color-2);
74
- --sbb-step-list-text-to-marker-block-offset: calc(
75
- 0.5 *
76
- (
77
- var(--sbb-step-list-dimensions) - var(--sbb-typo-line-height-text) *
78
- var(--sbb-text-font-size)
79
- )
80
- );
81
- list-style: none;
82
- margin: 0;
83
- padding: 0;
84
- counter-reset: steps;
85
- color: var(--sbb-step-list-color);
86
- }
87
- .sbb-step-list:where(.sbb-text-s) {
88
- --sbb-step-list-padding-block: var(--sbb-spacing-fixed-4x);
89
- }
90
- .sbb-step-list:where(.sbb-text-m, .sbb-text-l, .sbb-text-xl) {
91
- --sbb-step-list-padding-block: var(--sbb-spacing-fixed-5x);
92
- }
93
- @media (min-width: calc(64rem)) {
94
- .sbb-step-list:where(.sbb-text-xl) {
95
- --sbb-step-list-dimensions: 2.5625rem;
96
- }
97
- }
98
- .sbb-step-list > li {
99
- position: relative;
100
- counter-increment: steps;
101
- background-color: var(--sbb-background-color-3);
102
- padding-block: calc(var(--sbb-step-list-padding-block) + var(--sbb-step-list-text-to-marker-block-offset)) var(--sbb-step-list-padding-block);
103
- padding-inline: calc(var(--sbb-step-list-padding-inline) + var(--sbb-step-list-dimensions) + var(--sbb-step-list-to-text-gap)) var(--sbb-step-list-padding-inline);
104
- min-height: calc(var(--sbb-step-list-dimensions) + 2 * var(--sbb-step-list-padding-block));
105
- }
106
- .sbb-step-list > li::before {
107
- --sbb-text-font-size: var(--sbb-text-font-size-xxs);
108
- font-family: var(--sbb-typo-font-family);
109
- font-weight: normal;
110
- line-height: var(--sbb-typo-line-height-text);
111
- letter-spacing: var(--sbb-typo-letter-spacing-text);
112
- font-size: var(--sbb-text-font-size);
113
- font-weight: bold;
114
- content: counter(steps);
115
- position: absolute;
116
- display: flex;
117
- align-items: center;
118
- justify-content: center;
119
- height: var(--sbb-step-list-dimensions);
120
- width: var(--sbb-step-list-dimensions);
121
- margin-block-start: calc(-1 * var(--sbb-step-list-text-to-marker-block-offset));
122
- inset-inline-start: var(--sbb-step-list-padding-inline);
123
- color: var(--sbb-step-list-color);
124
- border: var(--sbb-border-width-1x) solid var(--sbb-color-cement);
125
- border: var(--sbb-border-width-1x) solid light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));
126
- border-radius: 50%;
127
- }
128
- .sbb-step-list > li + li {
129
- margin-block-start: var(--sbb-step-list-vertical-gap);
130
- }
131
- .sbb-step-list > li p {
132
- margin-block: 0;
133
- }
134
- .sbb-step-list > li > * + p {
135
- margin-block-start: var(--sbb-spacing-responsive-xxxs);
136
- }
137
- .sbb-step-list > li:first-of-type {
138
- border-start-start-radius: var(--sbb-step-list-border-radius);
139
- border-start-end-radius: var(--sbb-step-list-border-radius);
140
- }
141
- .sbb-step-list > li:last-of-type {
142
- border-end-start-radius: var(--sbb-step-list-border-radius);
143
- border-end-end-radius: var(--sbb-step-list-border-radius);
144
- }
145
-
146
- .sbb-icon-list {
147
- --sbb-icon-list-marker-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M3 12a9 9 0 0 1 9-9 9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m-1.104 13.305 5-6.5-.792-.61-4.69 6.096-2.102-1.681-.624.78 2.5 2 .398.319z" clip-rule="evenodd"></path></svg>');
148
- --sbb-icon-list-marker-icon-color: currentcolor;
149
- --sbb-icon-list-vertical-gap: var(--sbb-spacing-fixed-2x);
150
- --sbb-icon-list-dimensions: var(--sbb-size-icon-ui-small);
151
- --sbb-icon-list-to-text-gap: var(--sbb-spacing-fixed-2x);
152
- --sbb-icon-list-text-to-marker-block-offset: calc(
153
- 0.5 *
154
- (
155
- var(--sbb-icon-list-dimensions) - var(--sbb-typo-line-height-text) *
156
- var(--sbb-text-font-size)
157
- )
158
- );
159
- list-style: none;
160
- margin: 0;
161
- padding: 0;
162
- }
163
- .sbb-icon-list > li {
164
- position: relative;
165
- padding-inline: calc(var(--sbb-icon-list-dimensions) + var(--sbb-icon-list-to-text-gap)) 0;
166
- min-height: var(--sbb-icon-list-dimensions);
167
- }
168
- .sbb-icon-list > li + li {
169
- margin-block-start: var(--sbb-icon-list-vertical-gap);
170
- }
171
- .sbb-icon-list > li p {
172
- margin-block: 0;
173
- }
174
- .sbb-icon-list > li > * + p {
175
- margin-block-start: var(--sbb-spacing-responsive-xxxs);
176
- }
177
- .sbb-icon-list > li::before {
178
- content: "";
179
- position: absolute;
180
- width: var(--sbb-icon-list-dimensions);
181
- height: var(--sbb-icon-list-dimensions);
182
- margin-block-start: calc(-1 * var(--sbb-icon-list-text-to-marker-block-offset));
183
- inset-inline-start: 0;
184
- background-color: var(--sbb-icon-list-marker-icon-color);
185
- mask-image: var(--sbb-icon-list-marker-icon);
186
- mask-repeat: no-repeat;
187
- mask-position: center;
188
- mask-size: 100%;
189
- }
190
- @media (forced-colors: active) {
191
- .sbb-icon-list > li::before {
192
- background-color: CanvasText;
193
- }
194
- }
package/normalize.css DELETED
@@ -1,95 +0,0 @@
1
- html {
2
- text-size-adjust: 100%;
3
- tab-size: 4;
4
- }
5
-
6
- body {
7
- margin: 0;
8
- }
9
-
10
- hr {
11
- height: 0;
12
- color: inherit;
13
- }
14
-
15
- abbr[title] {
16
- text-decoration: underline dotted;
17
- }
18
-
19
- b,
20
- strong {
21
- font-weight: bolder;
22
- }
23
-
24
- code,
25
- kbd,
26
- samp,
27
- pre {
28
- font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
29
- font-size: 1em;
30
- }
31
-
32
- small {
33
- font-size: 80%;
34
- }
35
-
36
- table {
37
- text-indent: 0;
38
- border-color: inherit;
39
- }
40
-
41
- button,
42
- input,
43
- optgroup,
44
- select,
45
- textarea {
46
- font-family: inherit;
47
- font-size: 100%;
48
- line-height: 1.15;
49
- margin: 0;
50
- }
51
-
52
- button,
53
- select {
54
- text-transform: none;
55
- }
56
-
57
- button,
58
- :is(button, input):where([type=button], [type=reset], [type=submit]) {
59
- appearance: auto;
60
- }
61
-
62
- :-moz-ui-invalid {
63
- box-shadow: none;
64
- }
65
-
66
- legend {
67
- padding: 0;
68
- }
69
-
70
- progress {
71
- vertical-align: baseline;
72
- }
73
-
74
- ::-webkit-inner-spin-button,
75
- ::-webkit-outer-spin-button {
76
- height: auto;
77
- }
78
-
79
- [type=search] {
80
- appearance: textfield;
81
- outline-offset: -2px;
82
- }
83
-
84
- ::-webkit-search-decoration {
85
- appearance: none;
86
- }
87
-
88
- ::-webkit-file-upload-button {
89
- appearance: auto;
90
- font: inherit;
91
- }
92
-
93
- summary {
94
- display: list-item;
95
- }