@sbb-esta/lyne-elements-dev 4.8.1-dev.1773911892 → 4.8.1-dev.1773933819

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 (554) hide show
  1. package/action-group/action-group.component.js +1 -1
  2. package/action-group.component-OZNshH7G.js +158 -0
  3. package/action-group.js +1 -1
  4. package/action-group.pure.js +1 -1
  5. package/alert/alert/alert.component.js +1 -1
  6. package/alert/alert-group/alert-group.component.js +1 -1
  7. package/alert/alert-group.js +1 -1
  8. package/alert/alert.js +1 -1
  9. package/{alert-group.component-RV1M1OKy.js → alert-group.component-DnYg4aPB.js} +1 -1
  10. package/{alert.component-PPR7hfTi.js → alert.component-B94SoaHI.js} +1 -1
  11. package/alert.js +2 -2
  12. package/alert.pure.js +2 -2
  13. package/autocomplete/autocomplete-base-element.js +1 -1
  14. package/autocomplete/autocomplete.component.js +1 -1
  15. package/{autocomplete-base-element-DVFCZ4lt.js → autocomplete-base-element-BQj0oiHC.js} +1 -1
  16. package/autocomplete.js +1 -1
  17. package/autocomplete.pure.js +1 -1
  18. package/block-link-common-ClyAETjl.js +63 -0
  19. package/breadcrumb/breadcrumb/breadcrumb.component.js +1 -1
  20. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
  21. package/breadcrumb/breadcrumb-group.js +1 -1
  22. package/breadcrumb/breadcrumb.js +1 -1
  23. package/{breadcrumb-group.component-CfUyO1sI.js → breadcrumb-group.component-ioEaxcGE.js} +1 -1
  24. package/breadcrumb.component-CDs1jq2d.js +24 -0
  25. package/breadcrumb.js +2 -2
  26. package/breadcrumb.pure.js +2 -2
  27. package/button/common.js +1 -1
  28. package/button/mini-button-group/mini-button-group.component.js +1 -1
  29. package/button/mini-button-group.js +1 -1
  30. package/button/mini-button-link/mini-button-link.component.js +1 -1
  31. package/button/mini-button-link.js +1 -1
  32. package/button.js +3 -3
  33. package/button.pure.js +3 -3
  34. package/calendar/calendar/calendar.component.js +1 -1
  35. package/calendar/calendar-day/calendar-day.component.js +1 -1
  36. package/calendar/calendar-day.js +1 -1
  37. package/calendar/calendar.js +1 -1
  38. package/calendar/common.js +1 -1
  39. package/{calendar-day.component-Iewo-vBR.js → calendar-day.component-BZxPrp22.js} +1 -1
  40. package/{calendar.component-Cz-OGQu6.js → calendar.component-DtdBj_D-.js} +1 -1
  41. package/calendar.js +2 -2
  42. package/calendar.pure.js +2 -2
  43. package/card/card/card.component.js +1 -1
  44. package/card/card-badge/card-badge.component.js +1 -1
  45. package/card/card-badge.js +1 -1
  46. package/card/card.js +1 -1
  47. package/card/common/card-action-common.js +1 -1
  48. package/card/common.js +1 -1
  49. package/{card-action-common-GpkaNYtV.js → card-action-common-BNe4LRHp.js} +1 -1
  50. package/card-badge.component-CtpSWL9S.js +65 -0
  51. package/card.component-Bd-2-dP3.js +62 -0
  52. package/card.js +3 -3
  53. package/card.pure.js +3 -3
  54. package/carousel/carousel/carousel.component.js +1 -1
  55. package/carousel/carousel-item/carousel-item.component.js +1 -1
  56. package/carousel/carousel-item.js +1 -1
  57. package/carousel/carousel-list/carousel-list.component.js +1 -1
  58. package/carousel/carousel-list.js +1 -1
  59. package/carousel/carousel.js +1 -1
  60. package/{carousel-item.component-kv3rY8B-.js → carousel-item.component-BdW4Fe7j.js} +1 -1
  61. package/{carousel-list.component-DMMk66SP.js → carousel-list.component-CXKdk4dv.js} +1 -1
  62. package/{carousel.component-BA0V2JHI.js → carousel.component-D9By2rDH.js} +1 -1
  63. package/carousel.js +3 -3
  64. package/carousel.pure.js +3 -3
  65. package/checkbox/checkbox.component.js +2 -2
  66. package/checkbox/checkbox.js +2 -2
  67. package/checkbox/common/checkbox-common.js +1 -1
  68. package/checkbox/common.js +1 -1
  69. package/{checkbox-common-J-7Y966k.js → checkbox-common-CPIIGgkG.js} +1 -1
  70. package/{checkbox.component-Bazdxs9R.js → checkbox.component-Cax24yN1.js} +2 -2
  71. package/checkbox.js +2 -2
  72. package/checkbox.pure.js +2 -2
  73. package/chip/chip/chip.component.js +1 -1
  74. package/chip/chip-group/chip-group.component.js +1 -1
  75. package/chip/chip-group.js +1 -1
  76. package/chip/chip.js +1 -1
  77. package/{chip-group.component-CbruCoHR.js → chip-group.component-CpXuOisx.js} +1 -1
  78. package/chip-label/chip-label.component.js +1 -1
  79. package/{chip-label.component-D9AZdMSJ.js → chip-label.component-CFDlJJZv.js} +1 -1
  80. package/chip-label.js +1 -1
  81. package/chip-label.pure.js +1 -1
  82. package/chip.component-vKOg_uFQ.js +94 -0
  83. package/chip.js +2 -2
  84. package/chip.pure.js +2 -2
  85. package/clock/clock.component.js +1 -1
  86. package/{clock.component-gZJy4AU4.js → clock.component-CZq8NuSw.js} +1 -1
  87. package/clock.js +1 -1
  88. package/clock.pure.js +1 -1
  89. package/common-BdjLJuBp.js +5 -0
  90. package/{compact-paginator.component-BK7xj9tc.js → compact-paginator.component-JM9tD9ys.js} +1 -1
  91. package/container/container/container.component.js +1 -1
  92. package/container/container.js +1 -1
  93. package/container/sticky-bar/sticky-bar.component.js +1 -1
  94. package/container/sticky-bar.js +1 -1
  95. package/{container.component-C-jpJN2k.js → container.component-mgU80iW0.js} +1 -1
  96. package/container.js +2 -2
  97. package/container.pure.js +2 -2
  98. package/core/base-elements/selection-group-base-element.js +1 -1
  99. package/core/base-elements.js +1 -1
  100. package/core/mixins.js +1 -1
  101. package/date-input/date-input.component.js +1 -1
  102. package/{date-input.component-Da-aS3jt.js → date-input.component-lInRTqua.js} +1 -1
  103. package/date-input.js +1 -1
  104. package/date-input.pure.js +1 -1
  105. package/datepicker/common/datepicker-button.js +1 -1
  106. package/datepicker/common.js +1 -1
  107. package/datepicker/datepicker/datepicker.component.js +1 -1
  108. package/datepicker/datepicker.js +1 -1
  109. package/{datepicker-button-Dk2UQkPN.js → datepicker-button--Bz_ztGR.js} +1 -1
  110. package/{datepicker.component-DUVgoAGU.js → datepicker.component-B64-Fip5.js} +1 -1
  111. package/datepicker.js +2 -2
  112. package/datepicker.pure.js +2 -2
  113. package/dialog/dialog/dialog.component.js +1 -1
  114. package/dialog/dialog-actions/dialog-actions.component.js +1 -1
  115. package/dialog/dialog-actions.js +1 -1
  116. package/dialog/dialog-close-button/dialog-close-button.component.js +1 -1
  117. package/dialog/dialog-close-button.js +1 -1
  118. package/dialog/dialog-content/dialog-content.component.js +1 -1
  119. package/dialog/dialog-content.js +1 -1
  120. package/dialog/dialog-title/dialog-title.component.js +1 -1
  121. package/dialog/dialog-title.js +1 -1
  122. package/dialog/dialog.js +1 -1
  123. package/dialog-actions.component-C6m1odAP.js +17 -0
  124. package/{dialog-close-button.component-CeZrvBtz.js → dialog-close-button.component-DsNnE7BE.js} +1 -1
  125. package/{dialog-content.component-bHJNAgKn.js → dialog-content.component-DIKknjUX.js} +1 -1
  126. package/dialog-title.component-DSq0esCH.js +17 -0
  127. package/{dialog.component-CIPresmM.js → dialog.component-BuIFpeUd.js} +1 -1
  128. package/dialog.js +5 -5
  129. package/dialog.pure.js +5 -5
  130. package/divider/divider.component.js +1 -1
  131. package/{divider.component-B99DkxCv.js → divider.component-DwDhJGac.js} +1 -1
  132. package/divider.js +1 -1
  133. package/divider.pure.js +1 -1
  134. package/{error.component-DTYppqRY.js → error.component-DpUkVwHl.js} +1 -1
  135. package/expansion-panel/expansion-panel/expansion-panel.component.js +1 -1
  136. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +1 -1
  137. package/expansion-panel/expansion-panel-content.js +1 -1
  138. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
  139. package/expansion-panel/expansion-panel-header.js +1 -1
  140. package/expansion-panel/expansion-panel.js +1 -1
  141. package/expansion-panel-content.component-2C7bavY5.js +29 -0
  142. package/expansion-panel-header.component-B5ulwstr.js +56 -0
  143. package/{expansion-panel.component-CGss5cPS.js → expansion-panel.component-DxEqf6H1.js} +1 -1
  144. package/expansion-panel.js +3 -3
  145. package/expansion-panel.pure.js +3 -3
  146. package/file-selector/common/file-selector-common.js +1 -1
  147. package/file-selector/common.js +1 -1
  148. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  149. package/file-selector/file-selector-dropzone.js +1 -1
  150. package/{file-selector-common-C--h0Yj2.js → file-selector-common-Bk07ovZm.js} +1 -1
  151. package/{file-selector-dropzone.component-BFlkqlsq.js → file-selector-dropzone.component-DhPsfRQk.js} +1 -1
  152. package/file-selector.js +2 -2
  153. package/file-selector.pure.js +2 -2
  154. package/flip-card/flip-card/flip-card.component.js +1 -1
  155. package/flip-card/flip-card-details/flip-card-details.component.js +1 -1
  156. package/flip-card/flip-card-details.js +1 -1
  157. package/flip-card/flip-card-summary/flip-card-summary.component.js +1 -1
  158. package/flip-card/flip-card-summary.js +1 -1
  159. package/flip-card/flip-card.js +1 -1
  160. package/{flip-card-details.component-BOVK7F1U.js → flip-card-details.component-Dd9w2AaO.js} +1 -1
  161. package/flip-card-summary.component-DN08GsS9.js +65 -0
  162. package/{flip-card.component-5pxuwGAv.js → flip-card.component-CrUlzxck.js} +1 -1
  163. package/flip-card.js +3 -3
  164. package/flip-card.pure.js +3 -3
  165. package/footer/footer.component.js +1 -1
  166. package/footer.component-C8s7qhZs.js +129 -0
  167. package/footer.js +1 -1
  168. package/footer.pure.js +1 -1
  169. package/form-field/error/error.component.js +1 -1
  170. package/form-field/error.js +1 -1
  171. package/form-field/form-field/form-field.component.js +1 -1
  172. package/form-field/form-field.js +1 -1
  173. package/{form-field.component-CWj6jfYZ.js → form-field.component-Dc0CkOvA.js} +1 -1
  174. package/form-field.js +2 -2
  175. package/form-field.pure.js +2 -2
  176. package/header/common/header-action-common.js +1 -1
  177. package/header/common.js +1 -1
  178. package/header/header/header.component.js +1 -1
  179. package/header/header-environment/header-environment.component.js +1 -1
  180. package/header/header-environment.js +1 -1
  181. package/header/header.js +1 -1
  182. package/header-action-common-D9CO0Jax.js +62 -0
  183. package/header-environment.component-DDZ9fcZd.js +36 -0
  184. package/{header.component-DW23EnaO.js → header.component-BiIWWPA0.js} +1 -1
  185. package/header.js +3 -3
  186. package/header.pure.js +3 -3
  187. package/icon/icon-base.js +1 -1
  188. package/icon/icon-name-mixin.js +1 -1
  189. package/icon/icon.component.js +1 -1
  190. package/{icon-base-C2VxpriZ.js → icon-base-BkDvJr2l.js} +1 -1
  191. package/icon-sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
  192. package/icon-sidebar/icon-sidebar.js +1 -1
  193. package/{icon-sidebar.component-D3vOnYrs.js → icon-sidebar.component-CQ6KLiCN.js} +1 -1
  194. package/icon-sidebar.js +1 -1
  195. package/icon-sidebar.pure.js +1 -1
  196. package/icon.js +1 -1
  197. package/icon.pure.js +1 -1
  198. package/image/image.component.js +1 -1
  199. package/{image.component-BcOwT7-U.js → image.component-BSWcI8r3.js} +1 -1
  200. package/image.js +1 -1
  201. package/image.pure.js +1 -1
  202. package/inline-link-common-B7MnXE80.js +18 -0
  203. package/journey-header/journey-header.component.js +1 -1
  204. package/{journey-header.component-CjXBxEor.js → journey-header.component-mIbM-KVg.js} +1 -1
  205. package/journey-header.js +1 -1
  206. package/journey-header.pure.js +1 -1
  207. package/lead-container/lead-container.component.js +1 -1
  208. package/lead-container.component-w3zhibLj.js +27 -0
  209. package/lead-container.js +1 -1
  210. package/lead-container.pure.js +1 -1
  211. package/link/common/block-link-common.js +2 -2
  212. package/link/common/inline-link-common.js +2 -2
  213. package/link/common/link-common.js +1 -1
  214. package/link/common.js +3 -3
  215. package/link-common-DqIfaliQ.js +52 -0
  216. package/link-list/common/link-list-base.js +1 -1
  217. package/link-list/common.js +1 -1
  218. package/link-list/link-list-anchor.js +2 -2
  219. package/link-list/link-list.component.js +2 -2
  220. package/link-list/link-list.js +2 -2
  221. package/link-list-anchor/link-list-anchor.component.js +1 -1
  222. package/link-list-anchor.component-CwmljGqM.js +18 -0
  223. package/link-list-anchor.js +1 -1
  224. package/link-list-anchor.pure.js +1 -1
  225. package/{link-list-base-CrpC5D4u.js → link-list-base-DwOmdG3N.js} +1 -1
  226. package/link-list.component-e-UmSwDi.js +78 -0
  227. package/link-list.js +3 -3
  228. package/link-list.pure.js +2 -2
  229. package/link.js +3 -3
  230. package/link.pure.js +3 -3
  231. package/loading-indicator/loading-indicator.component.js +1 -1
  232. package/loading-indicator-circle/loading-indicator-circle.component.js +1 -1
  233. package/loading-indicator-circle.component-5o-TFlzV.js +62 -0
  234. package/loading-indicator-circle.js +1 -1
  235. package/loading-indicator-circle.pure.js +1 -1
  236. package/loading-indicator.component-8XIZYm8V.js +92 -0
  237. package/loading-indicator.js +1 -1
  238. package/loading-indicator.pure.js +1 -1
  239. package/logo/logo.component.js +1 -1
  240. package/{logo.component-CdZe8lrB.js → logo.component-D0-6sm1j.js} +1 -1
  241. package/logo.js +1 -1
  242. package/logo.pure.js +1 -1
  243. package/map-container/map-container.component.js +1 -1
  244. package/map-container.component-CnErYagX.js +128 -0
  245. package/map-container.js +1 -1
  246. package/map-container.pure.js +1 -1
  247. package/menu/common/menu-action-common.js +1 -1
  248. package/menu/common.js +1 -1
  249. package/menu/menu/menu.component.js +1 -1
  250. package/menu/menu.js +1 -1
  251. package/menu-action-common-Br3mThg1.js +29 -0
  252. package/{menu.component-elxRPsQz.js → menu.component-D5u2hL8X.js} +1 -1
  253. package/menu.js +2 -2
  254. package/menu.pure.js +2 -2
  255. package/message/message.component.js +1 -1
  256. package/{message.component-DDMr1IXM.js → message.component-CnIfjJj8.js} +1 -1
  257. package/message.js +1 -1
  258. package/message.pure.js +1 -1
  259. package/{mini-button-group.component-D5Dph1Z7.js → mini-button-group.component-CDXkOnq4.js} +1 -1
  260. package/{mini-button-link.component-BYK_EUud.js → mini-button-link.component-BlPfUvvp.js} +1 -1
  261. package/mini-calendar/mini-calendar/mini-calendar.component.js +1 -1
  262. package/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +1 -1
  263. package/mini-calendar/mini-calendar-day.js +1 -1
  264. package/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +1 -1
  265. package/mini-calendar/mini-calendar-month.js +1 -1
  266. package/mini-calendar/mini-calendar.js +1 -1
  267. package/{mini-calendar-day.component-Tj7wlWj7.js → mini-calendar-day.component-CM1dgWp6.js} +1 -1
  268. package/{mini-calendar-month.component-DTod_RRs.js → mini-calendar-month.component-DZ45IgFZ.js} +1 -1
  269. package/{mini-calendar.component-BCDHUUZG.js → mini-calendar.component-CKR-WJWW.js} +1 -1
  270. package/mini-calendar.js +3 -3
  271. package/mini-calendar.pure.js +3 -3
  272. package/navigation/common/navigation-action-common.js +1 -1
  273. package/navigation/common.js +1 -1
  274. package/navigation/navigation/navigation.component.js +1 -1
  275. package/navigation/navigation-list/navigation-list.component.js +1 -1
  276. package/navigation/navigation-list.js +1 -1
  277. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  278. package/navigation/navigation-marker.js +1 -1
  279. package/navigation/navigation-section/navigation-section.component.js +1 -1
  280. package/navigation/navigation-section.js +1 -1
  281. package/navigation/navigation.js +1 -1
  282. package/navigation-action-common-Cme_2GEs.js +64 -0
  283. package/{navigation-list.component-DnB7FrKG.js → navigation-list.component-DiyAt5hV.js} +1 -1
  284. package/{navigation-marker.component-B7hmb9iS.js → navigation-marker.component-D_U3Nd-_.js} +1 -1
  285. package/{navigation-section.component-C86pkDLG.js → navigation-section.component-DqFRimuS.js} +1 -1
  286. package/{navigation.component-BzgTWUiD.js → navigation.component-BAgxKoOU.js} +1 -1
  287. package/navigation.js +5 -5
  288. package/navigation.pure.js +5 -5
  289. package/notification/notification.component.js +1 -1
  290. package/notification.component-BYm_I7Df.js +197 -0
  291. package/notification.js +1 -1
  292. package/notification.pure.js +1 -1
  293. package/{optgroup-base-element-C8LeifgF.js → optgroup-base-element-D0ebmnMV.js} +1 -1
  294. package/option/optgroup/optgroup-base-element.js +1 -1
  295. package/option/optgroup/optgroup.component.js +1 -1
  296. package/option/optgroup.js +1 -1
  297. package/option/option/option.component.js +1 -1
  298. package/option/option-hint/option-hint.component.js +1 -1
  299. package/option/option-hint.js +1 -1
  300. package/option/option.js +1 -1
  301. package/option-hint.component-5KZ_UDB6.js +23 -0
  302. package/option.component-DJO5o_Ig.js +98 -0
  303. package/option.js +3 -3
  304. package/option.pure.js +3 -3
  305. package/overlay/overlay.component.js +1 -1
  306. package/{overlay.component-CAN3BK7B.js → overlay.component-CaBxt4sb.js} +1 -1
  307. package/overlay.js +1 -1
  308. package/overlay.pure.js +1 -1
  309. package/package.json +2 -2
  310. package/paginator/compact-paginator/compact-paginator.component.js +1 -1
  311. package/paginator/compact-paginator.js +1 -1
  312. package/paginator/paginator/paginator.component.js +1 -1
  313. package/paginator/paginator.js +1 -1
  314. package/paginator.component-nXF_Zbze.js +206 -0
  315. package/paginator.js +2 -2
  316. package/paginator.pure.js +2 -2
  317. package/popover/popover.component.js +1 -1
  318. package/{popover.component-CiOGSWOz.js → popover.component-BpxBMLI-.js} +1 -1
  319. package/popover.js +1 -1
  320. package/popover.pure.js +1 -1
  321. package/radio-button/common/radio-button-common.js +1 -1
  322. package/radio-button/common.js +1 -1
  323. package/radio-button/radio-button.component.js +2 -2
  324. package/radio-button/radio-button.js +2 -2
  325. package/radio-button-common-DH6R3gcn.js +77 -0
  326. package/{radio-button.component-CVPy3eQi.js → radio-button.component-C32GSr_0.js} +2 -2
  327. package/radio-button.js +2 -2
  328. package/radio-button.pure.js +2 -2
  329. package/screen-reader-only/screen-reader-only.component.js +1 -1
  330. package/{screen-reader-only.component-DEOirlKo.js → screen-reader-only.component-DxVn8U9m.js} +1 -1
  331. package/screen-reader-only.js +1 -1
  332. package/screen-reader-only.pure.js +1 -1
  333. package/select/select.component.js +1 -1
  334. package/{select.component-CsIiislt.js → select.component-Bo7kkaOF.js} +1 -1
  335. package/select.js +1 -1
  336. package/select.pure.js +1 -1
  337. package/selection-action-panel/selection-action-panel.component.js +1 -1
  338. package/selection-action-panel.component-DsXSIUJY.js +35 -0
  339. package/selection-action-panel.js +1 -1
  340. package/selection-action-panel.pure.js +1 -1
  341. package/selection-expansion-panel/selection-expansion-panel.component.js +1 -1
  342. package/{selection-expansion-panel.component-BQw9icBM.js → selection-expansion-panel.component-DdUCJdYH.js} +1 -1
  343. package/selection-expansion-panel.js +1 -1
  344. package/selection-expansion-panel.pure.js +1 -1
  345. package/{selection-group-base-element-Bd6na8dT.js → selection-group-base-element-CBG8qr2t.js} +1 -1
  346. package/sidebar/common/styles.js +1 -1
  347. package/sidebar/common.js +1 -1
  348. package/sidebar/sidebar/sidebar.component.js +1 -1
  349. package/sidebar/sidebar-close-button/sidebar-close-button.component.js +1 -1
  350. package/sidebar/sidebar-close-button.js +1 -1
  351. package/sidebar/sidebar-container/sidebar-container.component.js +1 -1
  352. package/sidebar/sidebar-container.js +1 -1
  353. package/sidebar/sidebar-content/sidebar-content.component.js +1 -1
  354. package/sidebar/sidebar-content.js +1 -1
  355. package/sidebar/sidebar-title/sidebar-title.component.js +1 -1
  356. package/sidebar/sidebar-title.js +1 -1
  357. package/sidebar/sidebar.js +1 -1
  358. package/{sidebar-close-button.component-D0JS2p5L.js → sidebar-close-button.component-BTrt_KtJ.js} +1 -1
  359. package/{sidebar-container.component-BFxFShTF.js → sidebar-container.component-5s-OUp0W.js} +1 -1
  360. package/{sidebar-content.component-M7FGd8SF.js → sidebar-content.component-cZMzji92.js} +1 -1
  361. package/{sidebar-title.component-BfjxBPpH.js → sidebar-title.component-DYd-60nF.js} +1 -1
  362. package/{sidebar.component-zRpWDGKR.js → sidebar.component-BcgVWM8W.js} +1 -1
  363. package/sidebar.js +5 -5
  364. package/sidebar.pure.js +5 -5
  365. package/signet/signet.component.js +1 -1
  366. package/{signet.component-Kwdy4Uor.js → signet.component-CcwE5pOS.js} +1 -1
  367. package/signet.js +1 -1
  368. package/signet.pure.js +1 -1
  369. package/skiplink-list/skiplink-list.component.js +1 -1
  370. package/{skiplink-list.component-BRJk6HvC.js → skiplink-list.component-C2GqmqJ1.js} +1 -1
  371. package/skiplink-list.js +1 -1
  372. package/skiplink-list.pure.js +1 -1
  373. package/slider/slider.component.js +1 -1
  374. package/{slider.component-CLNsu212.js → slider.component-MdvM78XU.js} +1 -1
  375. package/slider.js +1 -1
  376. package/slider.pure.js +1 -1
  377. package/status/status.component.js +1 -1
  378. package/{status.component-CmLdUn37.js → status.component-C3Wx4Gvn.js} +1 -1
  379. package/status.js +1 -1
  380. package/status.pure.js +1 -1
  381. package/step-label.component-zeKJCNqa.js +82 -0
  382. package/{step.component-eKVtXlT4.js → step.component-DluGAXNI.js} +1 -1
  383. package/stepper/step/step.component.js +1 -1
  384. package/stepper/step-label/step-label.component.js +1 -1
  385. package/stepper/step-label.js +1 -1
  386. package/stepper/step.js +1 -1
  387. package/stepper/stepper/stepper.component.js +1 -1
  388. package/stepper/stepper.js +1 -1
  389. package/{stepper.component-yWCQtYWc.js → stepper.component-BIFuIy3T.js} +1 -1
  390. package/stepper.js +3 -3
  391. package/stepper.pure.js +3 -3
  392. package/sticky-bar.component-DnPfDrKx.js +141 -0
  393. package/styles-BhYx61ZB.js +5 -0
  394. package/styles-DjLiBgML.js +5 -0
  395. package/{tab-group.component-DE4H3_H4.js → tab-group.component-BTwC9WKX.js} +1 -1
  396. package/tab-label.component-CsT_0RH7.js +165 -0
  397. package/{tab-nav-bar.component-n5TiTWxE.js → tab-nav-bar.component-UOqFJjhe.js} +1 -1
  398. package/{tab.component-BrIEFDxk.js → tab.component-BpUsS18w.js} +1 -1
  399. package/table/table-wrapper/table-wrapper.component.js +1 -1
  400. package/table/table-wrapper.js +1 -1
  401. package/{table-wrapper.component-CoqozurQ.js → table-wrapper.component-DPUvpfK4.js} +1 -1
  402. package/table.js +1 -1
  403. package/table.pure.js +1 -1
  404. package/tabs/common/styles.js +1 -1
  405. package/tabs/common.js +1 -1
  406. package/tabs/tab/tab.component.js +1 -1
  407. package/tabs/tab-group/tab-group.component.js +1 -1
  408. package/tabs/tab-group.js +1 -1
  409. package/tabs/tab-label/tab-label.component.js +1 -1
  410. package/tabs/tab-label.js +1 -1
  411. package/tabs/tab-nav-bar/tab-nav-bar.component.js +1 -1
  412. package/tabs/tab-nav-bar.js +1 -1
  413. package/tabs/tab.js +1 -1
  414. package/tabs.js +5 -5
  415. package/tabs.pure.js +5 -5
  416. package/tag/tag/tag.component.js +1 -1
  417. package/tag/tag-group/tag-group.component.js +1 -1
  418. package/tag/tag-group.js +1 -1
  419. package/tag/tag.js +1 -1
  420. package/{tag-group.component-DiIp6zS1.js → tag-group.component-CoChkHtw.js} +1 -1
  421. package/tag.component-ClZ-ZKFC.js +170 -0
  422. package/tag.js +2 -2
  423. package/tag.pure.js +2 -2
  424. package/teaser/teaser.component.js +1 -1
  425. package/teaser-hero/teaser-hero.component.js +1 -1
  426. package/teaser-hero.component-dKZsY0fS.js +80 -0
  427. package/teaser-hero.js +1 -1
  428. package/teaser-hero.pure.js +1 -1
  429. package/teaser-product/common/teaser-product-common.js +1 -1
  430. package/teaser-product/common.js +1 -1
  431. package/teaser-product/teaser-product/teaser-product.component.js +1 -1
  432. package/teaser-product/teaser-product.js +1 -1
  433. package/teaser-product-common-CFCb5Rsx.js +62 -0
  434. package/{teaser-product.component-DiOhM_rU.js → teaser-product.component-C3Zi8Pdd.js} +1 -1
  435. package/teaser-product.js +2 -2
  436. package/teaser-product.pure.js +2 -2
  437. package/teaser.component-CUUvAAZ7.js +91 -0
  438. package/teaser.js +1 -1
  439. package/teaser.pure.js +1 -1
  440. package/time-input/time-input.component.js +1 -1
  441. package/{time-input.component-DT1BOC8m.js → time-input.component-BDkxBiPM.js} +1 -1
  442. package/time-input.js +1 -1
  443. package/time-input.pure.js +1 -1
  444. package/timetable-form/timetable-form/timetable-form.component.js +1 -1
  445. package/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
  446. package/timetable-form/timetable-form-details.js +1 -1
  447. package/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
  448. package/timetable-form/timetable-form-field.js +1 -1
  449. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
  450. package/timetable-form/timetable-form-swap-button.js +1 -1
  451. package/timetable-form/timetable-form.js +1 -1
  452. package/timetable-form-details.component-CfpM_Kse.js +16 -0
  453. package/timetable-form-field.component-DJ9FZ9vI.js +32 -0
  454. package/{timetable-form-swap-button.component-BGP-OsHD.js → timetable-form-swap-button.component-BXQ-ukkk.js} +1 -1
  455. package/{timetable-form.component-BqdKekNM.js → timetable-form.component-BeopwQmE.js} +1 -1
  456. package/timetable-form.js +4 -4
  457. package/timetable-form.pure.js +4 -4
  458. package/timetable-occupancy/timetable-occupancy.component.js +1 -1
  459. package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +1 -1
  460. package/{timetable-occupancy-icon.component-ZrzpXaeV.js → timetable-occupancy-icon.component-LLMT_897.js} +1 -1
  461. package/timetable-occupancy-icon.js +1 -1
  462. package/timetable-occupancy-icon.pure.js +1 -1
  463. package/{timetable-occupancy.component-DMztYVmj.js → timetable-occupancy.component-CuI4uxPK.js} +1 -1
  464. package/timetable-occupancy.js +1 -1
  465. package/timetable-occupancy.pure.js +1 -1
  466. package/title/title-base.js +1 -1
  467. package/title/title.component.js +2 -2
  468. package/{title-base-BDYkc8fG.js → title-base-DRgSZMaU.js} +1 -1
  469. package/{title.component-DafVwymI.js → title.component-1oKmMeCz.js} +2 -2
  470. package/title.js +2 -2
  471. package/title.pure.js +2 -2
  472. package/toast/toast.component.js +1 -1
  473. package/{toast.component-DbILctK5.js → toast.component-BGevO6ad.js} +1 -1
  474. package/toast.js +1 -1
  475. package/toast.pure.js +1 -1
  476. package/toggle/toggle/toggle.component.js +1 -1
  477. package/toggle/toggle-option/toggle-option.component.js +1 -1
  478. package/toggle/toggle-option.js +1 -1
  479. package/toggle/toggle.js +1 -1
  480. package/toggle-check/toggle-check.component.js +1 -1
  481. package/toggle-check.component-C2Ejl7a_.js +119 -0
  482. package/toggle-check.js +1 -1
  483. package/toggle-check.pure.js +1 -1
  484. package/{toggle-option.component-NMfqwd12.js → toggle-option.component-Lm0irQKj.js} +1 -1
  485. package/{toggle.component-D1n5S5ev.js → toggle.component-D8rRkRAo.js} +1 -1
  486. package/toggle.js +2 -2
  487. package/toggle.pure.js +2 -2
  488. package/tooltip/tooltip.component.js +1 -1
  489. package/{tooltip.component-X45T6iQH.js → tooltip.component-Bwp_yTA8.js} +1 -1
  490. package/tooltip.js +1 -1
  491. package/tooltip.pure.js +1 -1
  492. package/train/train/train.component.js +1 -1
  493. package/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
  494. package/train/train-blocked-passage.js +1 -1
  495. package/train/train-formation/train-formation.component.js +1 -1
  496. package/train/train-formation.js +1 -1
  497. package/train/train-wagon/train-wagon.component.js +1 -1
  498. package/train/train-wagon.js +1 -1
  499. package/train/train.js +1 -1
  500. package/train-blocked-passage.component-D3mbnoQ4.js +23 -0
  501. package/train-formation.component-DoNKUil3.js +121 -0
  502. package/{train-wagon.component-bGA2a-0M.js → train-wagon.component-CLrqgGwH.js} +1 -1
  503. package/{train.component-V6FLqC82.js → train.component-COPys5v7.js} +1 -1
  504. package/train.js +4 -4
  505. package/train.pure.js +4 -4
  506. package/visual-checkbox/visual-checkbox.component.js +1 -1
  507. package/{visual-checkbox.component-eajUDpKu.js → visual-checkbox.component-CiAaB_Yc.js} +1 -1
  508. package/visual-checkbox.js +1 -1
  509. package/visual-checkbox.pure.js +1 -1
  510. package/action-group.component-KWugkMGf.js +0 -158
  511. package/block-link-common-BMTrbSfi.js +0 -63
  512. package/breadcrumb.component-DjkZzGJD.js +0 -24
  513. package/card-badge.component-D_PI9Ega.js +0 -65
  514. package/card.component-Dt2YFmd3.js +0 -62
  515. package/chip.component-DMB36gvC.js +0 -94
  516. package/common-CI_BB6sF.js +0 -5
  517. package/dialog-actions.component-QvbasYxg.js +0 -17
  518. package/dialog-title.component-BDHYjDn0.js +0 -17
  519. package/expansion-panel-content.component-DCl4nQ8V.js +0 -29
  520. package/expansion-panel-header.component-jc1Ty5jz.js +0 -56
  521. package/flip-card-summary.component-DVa7wF7x.js +0 -65
  522. package/footer.component-C-mSrCud.js +0 -129
  523. package/header-action-common-W_j0KPr-.js +0 -62
  524. package/header-environment.component-DduyZo6W.js +0 -36
  525. package/inline-link-common-DANB-hT-.js +0 -18
  526. package/lead-container.component-D9VzZCQa.js +0 -27
  527. package/link-common-akQv_-UR.js +0 -52
  528. package/link-list-anchor.component-Qm7h2mHK.js +0 -18
  529. package/link-list.component-C8zrqHYc.js +0 -78
  530. package/loading-indicator-circle.component-DfjVqe7n.js +0 -62
  531. package/loading-indicator.component-DkYs30Nf.js +0 -92
  532. package/map-container.component-C_wbi6WL.js +0 -128
  533. package/menu-action-common-vt9j6nkG.js +0 -29
  534. package/navigation-action-common-D_-gGOYm.js +0 -64
  535. package/notification.component-Cor1vQGU.js +0 -197
  536. package/option-hint.component-kPdwK61Z.js +0 -23
  537. package/option.component-DF9ZTj12.js +0 -98
  538. package/paginator.component-CsSs5q4D.js +0 -206
  539. package/radio-button-common-QHPueQrm.js +0 -77
  540. package/selection-action-panel.component-QfR2kPeM.js +0 -35
  541. package/step-label.component-DTkviH8Q.js +0 -82
  542. package/sticky-bar.component-BqZVKHc7.js +0 -141
  543. package/styles-CsBiCI23.js +0 -5
  544. package/styles-DYZWSKeo.js +0 -5
  545. package/tab-label.component-BnxPGws1.js +0 -165
  546. package/tag.component-CfK6JwsO.js +0 -170
  547. package/teaser-hero.component-DjodzcX_.js +0 -80
  548. package/teaser-product-common-DkumwiRA.js +0 -62
  549. package/teaser.component-C7sJLVMk.js +0 -91
  550. package/timetable-form-details.component-DI5Mr8-O.js +0 -16
  551. package/timetable-form-field.component-2kEWygEC.js +0 -32
  552. package/toggle-check.component-CPewUjOg.js +0 -119
  553. package/train-blocked-passage.component-RIMoX91U.js +0 -23
  554. package/train-formation.component-B17tc6cx.js +0 -121
@@ -1,62 +0,0 @@
1
- import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { css as n, html as r } from "lit";
3
- import { property as i } from "lit/decorators.js";
4
- import { SbbElement as a } from "./core/base-elements.js";
5
- import { boxSizingStyles as o } from "./core/styles.js";
6
- //#region src/elements/card/card/card.scss?lit&inline
7
- var s = n`:host{--sbb-focus-outline-color:var(--lightningcss-light,var(--sbb-focus-outline-color-default))var(--lightningcss-dark,var(--sbb-focus-outline-color-dark));--sbb-title-text-color-normal-override:var(--sbb-card-color);--sbb-card-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-1x));padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color);display:block;position:relative}:host:after{content:"";border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none;background-color:#0000;position:absolute;inset:0}:host{--sbb-card-padding-block:var(--sbb-card-padding-block-default);--sbb-card-with-badge-padding-block:var(--sbb-card-with-badge-padding-block-default);--sbb-card-padding-inline:var(--sbb-card-padding-inline-default)}:host(:where([color=white])){--sbb-card-background-color:var(--sbb-background-color-1);--sbb-card-border-color:transparent}:host(:where([color=milk])){--sbb-card-background-color:var(--sbb-background-color-3);--sbb-card-border-color:transparent}:host(:where([color=transparent-bordered])){--sbb-card-background-color:transparent;--sbb-card-border-color:var(--sbb-border-color-4-inverted);--sbb-card-border-width:var(--sbb-border-width-1x);--sbb-focus-outline-color:inherit}:host(:where([color=transparent-bordered-dashed])){--sbb-card-background-color:transparent;--sbb-card-border-color:var(--lightningcss-light,var(--sbb-color-cement))var(--lightningcss-dark,var(--sbb-color-granite));--sbb-card-border-width:var(--sbb-border-width-1x);--sbb-card-border-style:dashed;--sbb-focus-outline-color:inherit}:host(:where(:not([color]))){--sbb-card-background-color:var(--sbb-background-color-1);--sbb-card-border-color:transparent}:host(:is(:state(has-active-action),[state--has-active-action])){--sbb-card-border-color:var(--sbb-border-color-3);--sbb-card-border-width:var(--sbb-border-width-2x);--sbb-card-border-style:solid}@media (forced-colors:active){:host(:is(:state(has-active-action),[state--has-active-action])){--sbb-card-border-color:Highlight}}:host(:is(:state(has-action),[state--has-action])){--sbb-card-pointer-events:none}@media (any-hover:hover){:host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover){--sbb-card-hover-shift:-.125rem;box-shadow:var(--sbb-box-shadow-level-9-hard)}}@media (any-hover:hover) and (forced-colors:active){:host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover){--sbb-card-border-color:Highlight}}@media (forced-colors:active){:host(:where(:is(:state(has-action),[state--has-action]):is(:state(action-role-button),[state--action-role-button]))){--sbb-card-color:ButtonText}:host(:where(:is(:state(has-action),[state--has-action]):is(:state(action-role-link),[state--action-role-link]))){--sbb-card-color:LinkText;--sbb-card-border-color:CanvasText}}:host(.sbb-card-spacing-3x-xxs){--sbb-card-padding-block:var(--sbb-spacing-fixed-3x);--sbb-card-with-badge-padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-3x);--sbb-card-padding-inline:var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxxs-xxs){--sbb-card-padding-block:var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-inline:var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxxs-s){--sbb-card-padding-block:var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-inline:var(--sbb-spacing-responsive-s)}:host(.sbb-card-spacing-4x-xxs){--sbb-card-padding-block:var(--sbb-spacing-fixed-4x);--sbb-card-with-badge-padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-4x);--sbb-card-padding-inline:var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxs){--sbb-card-padding-block:var(--sbb-spacing-responsive-xxs);--sbb-card-with-badge-padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxs);--sbb-card-padding-inline:var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-s){--sbb-card-padding-block:var(--sbb-spacing-responsive-s);--sbb-card-with-badge-padding-block:var(--sbb-spacing-responsive-s);--sbb-card-padding-inline:var(--sbb-spacing-responsive-s)}:host(.sbb-card-spacing-l){--sbb-card-padding-block:var(--sbb-spacing-responsive-l);--sbb-card-with-badge-padding-block:var(--sbb-spacing-responsive-l);--sbb-card-padding-inline:var(--sbb-spacing-responsive-l)}:host(:is(:state(slotted-badge),[state--slotted-badge])){--sbb-card-padding-block:var(--sbb-card-with-badge-padding-block);--sbb-card-badge-display:block}.sbb-card__wrapper{pointer-events:var(--sbb-card-pointer-events,auto);height:100%;translate:0 var(--sbb-card-hover-shift,0);transition:translate var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);display:block}.sbb-card__badge-wrapper{display:var(--sbb-card-badge-display,none);inset:0;pointer-events:var(--sbb-card-pointer-events,auto);border-start-start-radius:var(--sbb-card-border-radius);border-start-end-radius:var(--sbb-card-border-radius);position:absolute;inset-block-end:unset;overflow:hidden}::slotted(sbb-title){margin-block-start:0}`, c = (() => {
8
- let n = a, c, l = [], u = [];
9
- return class extends n {
10
- static {
11
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
12
- c = [i({ reflect: !0 })], e(this, null, c, {
13
- kind: "accessor",
14
- name: "color",
15
- static: !1,
16
- private: !1,
17
- access: {
18
- has: (e) => "color" in e,
19
- get: (e) => e.color,
20
- set: (e, t) => {
21
- e.color = t;
22
- }
23
- },
24
- metadata: t
25
- }, l, u), t && Object.defineProperty(this, Symbol.metadata, {
26
- enumerable: !0,
27
- configurable: !0,
28
- writable: !0,
29
- value: t
30
- });
31
- }
32
- static {
33
- this.elementName = "sbb-card";
34
- }
35
- static {
36
- this.styles = [o, s];
37
- }
38
- #e = t(this, l, "white");
39
- get color() {
40
- return this.#e;
41
- }
42
- set color(e) {
43
- this.#e = e;
44
- }
45
- render() {
46
- return r`
47
- <slot name="action"></slot>
48
- <span class="sbb-card__wrapper">
49
- <slot></slot>
50
- </span>
51
- <span class="sbb-card__badge-wrapper">
52
- <slot name="badge"></slot>
53
- </span>
54
- `;
55
- }
56
- constructor() {
57
- super(...arguments), t(this, u);
58
- }
59
- };
60
- })();
61
- //#endregion
62
- export { c as t };
@@ -1,94 +0,0 @@
1
- import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { css as n, html as r } from "lit";
3
- import { property as i } from "lit/decorators.js";
4
- import { SbbElement as a } from "./core/base-elements.js";
5
- import { SbbDisabledMixin as o, SbbNegativeMixin as s, SbbReadonlyMixin as c } from "./core/mixins.js";
6
- import { boxSizingStyles as l } from "./core/styles.js";
7
- import { SbbLanguageController as u } from "./core/controllers.js";
8
- import { i18nChipDelete as d } from "./core/i18n.js";
9
- import "./screen-reader-only.js";
10
- import "./button/mini-button.js";
11
- //#region src/elements/chip/chip/chip.scss?lit&inline
12
- var f = n`:host{--sbb-chip-border:var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);height:var(--sbb-chip-height);align-items:stretch;display:inline-flex}:host(:focus){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset:-.0625rem;--sbb-focus-outline-style:initial}:host([negative]){--sbb-chip-border-color:var(--sbb-border-color-4-negative-inverted);--sbb-chip-background-color:var(--sbb-background-color-3-negative);--sbb-chip-color:var(--sbb-color-4-negative);--sbb-chip-color-hover:var(--sbb-color-2-negative);--sbb-chip-background-color-active:var(--sbb-background-color-1-negative);--sbb-chip-background-color-hover:var(--sbb-background-color-1-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}.sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);padding-inline:var(--sbb-chip-label-padding-inline);border-inline-end:none;outline:none;align-items:center;display:flex;overflow:hidden}:host(:is([disabled],[readonly])) .sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius)}.sbb-chip__label{white-space:nowrap;text-overflow:ellipsis;font-size:var(--sbb-chip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing);display:inline-block;overflow:hidden}.sbb-chip__delete{--sbb-mini-button-border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-mini-button-color-text:var(--sbb-chip-color);--sbb-mini-button-color-active-background:var(--sbb-chip-background-color-active);--sbb-mini-button-color-hover-background:var(--sbb-chip-background-color-hover);--sbb-icon-svg-width:calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height:calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--_sbb-mini-button-image-size: ;border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media (any-hover:hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-mini-button-color-text:var(--sbb-chip-color-hover)}}`, p = (() => {
13
- let n = s(o(c(a))), p, m = [], h = [];
14
- return class extends n {
15
- constructor() {
16
- super(...arguments), this.#e = t(this, m, null), this._language = (t(this, h), new u(this));
17
- }
18
- static {
19
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
20
- p = [i()], e(this, null, p, {
21
- kind: "accessor",
22
- name: "value",
23
- static: !1,
24
- private: !1,
25
- access: {
26
- has: (e) => "value" in e,
27
- get: (e) => e.value,
28
- set: (e, t) => {
29
- e.value = t;
30
- }
31
- },
32
- metadata: t
33
- }, m, h), t && Object.defineProperty(this, Symbol.metadata, {
34
- enumerable: !0,
35
- configurable: !0,
36
- writable: !0,
37
- value: t
38
- });
39
- }
40
- static {
41
- this.elementName = "sbb-chip";
42
- }
43
- static {
44
- this.role = "option";
45
- }
46
- static {
47
- this.styles = [l, f];
48
- }
49
- static {
50
- this.events = { requestdelete: "requestdelete" };
51
- }
52
- #e;
53
- get value() {
54
- return this.#e;
55
- }
56
- set value(e) {
57
- this.#e = e;
58
- }
59
- willUpdate(e) {
60
- super.willUpdate(e), e.has("disabled") && (this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "-1"));
61
- }
62
- firstUpdated(e) {
63
- super.firstUpdated(e), setTimeout(() => this._deleteButton().removeAttribute("tabindex"));
64
- }
65
- _deleteButton() {
66
- return this.shadowRoot.querySelector("sbb-mini-button");
67
- }
68
- _handleDeleteButtonClick() {
69
- this.dispatchEvent(new Event("requestdelete", {
70
- bubbles: !0,
71
- composed: !0
72
- }));
73
- }
74
- render() {
75
- return r`
76
- <div class="sbb-chip__label-wrapper">
77
- <span class="sbb-chip__label">
78
- <slot>${this.value ?? ""}</slot>
79
- </span>
80
- </div>
81
- <sbb-mini-button
82
- aria-hidden="true"
83
- class="sbb-chip__delete"
84
- icon-name="cross-tiny-small"
85
- @click=${this._handleDeleteButtonClick}
86
- >
87
- </sbb-mini-button>
88
- <sbb-screen-reader-only>, ${d[this._language.current]}</sbb-screen-reader-only>
89
- `;
90
- }
91
- };
92
- })();
93
- //#endregion
94
- export { p as t };
@@ -1,5 +0,0 @@
1
- import { css as e } from "lit";
2
- //#region src/elements/button/common/button-common.scss?lit&inline
3
- var t = e`:host{--sbb-button-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-button-box-shadow-definition:var(--sbb-shadow-elevation-level-3-shadow-2-offset-x) var(--sbb-button-shadow-2-offset-y) var(--sbb-button-shadow-2-blur) var(--sbb-shadow-elevation-level-3-shadow-2-spread) var(--sbb-button-shadow-2-color), var(--sbb-shadow-elevation-level-3-shadow-1-offset-x) var(--sbb-button-shadow-1-offset-y) var(--sbb-button-shadow-1-blur) var(--sbb-shadow-elevation-level-3-shadow-1-spread) var(--sbb-button-shadow-1-color);--_width:unset;--_min-height-modifier:0rem;--_border-color:var(--sbb-button-color-default-border);--_background-color:var(--sbb-button-color-default-background);--_color:var(--sbb-button-color-default-text);--_button-inset:0;--_border:calc(var(--sbb-button-border-width) + var(--sbb-button-border-overlap-fix,1px)) solid var(--_border-color);display:inline-block;outline:none!important}@media (forced-colors:active){:host{--sbb-button-border-overlap-fix:0rem;--sbb-button-color-default-border:CanvasText!important;--sbb-button-color-active-border:Highlight!important;--sbb-button-color-default-background:Canvas!important;--sbb-button-color-hover-background:Canvas!important;--sbb-button-color-active-background:Canvas!important;--sbb-button-color-disabled-background:Canvas!important;--sbb-button-color-disabled-text:GrayText!important;--sbb-button-color-loading-border:Highlight!important;--sbb-button-color-default-text:CanvasText!important;--sbb-button-color-hover-text:CanvasText!important;--sbb-button-color-active-text:CanvasText!important}:host(:is(:state(button),[state--button])){--sbb-button-color-default-text:ButtonText!important;--sbb-button-color-hover-text:ButtonText!important;--sbb-button-color-active-text:ButtonText!important}:host(:is(:state(link),[state--link])){--sbb-button-color-default-text:LinkText!important;--sbb-button-color-hover-text:LinkText!important;--sbb-button-color-active-text:LinkText!important}}:host([negative]){--sbb-button-color-disabled-background:var(--sbb-background-color-3-negative);--sbb-button-color-disabled-text:var(--sbb-color-aluminium)}:host([size=l]){--sbb-button-min-height:var(--sbb-button-min-height-size-l);--sbb-button-padding-inline:var(--sbb-button-padding-inline-size-l)}:host([size=m]){--sbb-button-min-height:var(--sbb-button-min-height-size-m);--sbb-button-padding-inline:var(--sbb-button-padding-inline-size-m)}:host([size=s]){--sbb-button-min-height:var(--sbb-button-min-height-size-s);--sbb-button-padding-inline:var(--sbb-button-padding-inline-size-s);--sbb-button-gap:var(--sbb-spacing-fixed-1x)}:host(:where(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))){--sbb-button-padding-inline:0;--_width:calc(var(--sbb-button-min-height) + var(--_min-height-modifier))}@media (any-hover:hover){:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]),[loading]):is(:hover,:is(:state(force-hover),[state--force-hover]))){--sbb-button-translate-y-content-hover:-.0625rem;--sbb-button-shadow-1-offset-y:calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-1-offset-y));--sbb-button-shadow-1-blur:calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-1-blur));--sbb-button-shadow-2-blur:calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-2-blur));--sbb-button-cursor:var(--sbb-cursor-pointer);--_border-color:var(--sbb-button-color-hover-border);--_color:var(--sbb-button-color-hover-text);--_background-color:var(--sbb-button-color-hover-background);--_button-inset:calc(var(--sbb-button-border-width) * -1)}}@media (forced-colors:active){:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]),[loading]):is(:hover,:is(:state(force-hover),[state--force-hover]))){--sbb-button-color-hover-border:Highlight!important}}:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-button-cursor:var(--sbb-cursor-default);--_color:var(--sbb-button-color-disabled-text);--_background-color:var(--sbb-button-color-disabled-background);--_border-color:var(--sbb-button-color-disabled-border);--_border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--_border-color)}:host(:not([disabled],:disabled,[disabled-interactive]):is(:active,:is(:state(active),[state--active]),[loading])){--_color:var(--sbb-button-color-active-text);--_background-color:var(--sbb-button-color-active-background);--_border-color:var(--sbb-button-color-active-border)}:host([loading]:not([disabled],:disabled,[disabled-interactive])){--_min-height-modifier:calc(-2 * var(--sbb-button-loading-border-width));--sbb-button-focus-outline-offset-override:calc(var(--sbb-focus-outline-offset) + var(--sbb-button-loading-border-width));--_border:none;--_transform-style:preserve-3d}.sbb-action-base{gap:var(--sbb-button-gap);font-size:var(--sbb-text-font-size-xs);letter-spacing:var(--sbb-typo-letter-spacing-text);text-align:left;white-space:nowrap;min-height:calc(var(--sbb-button-min-height) + var(--_min-height-modifier));width:var(--_width);border-radius:var(--sbb-button-border-radius);color:var(--_color);cursor:var(--sbb-button-cursor);-webkit-user-select:none;user-select:none;background-color:var(--_background-color);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transform-style:var(--_transform-style,flat);padding-block:var(--sbb-button-padding-block-min);padding-inline:var(--sbb-button-padding-inline);outline:none;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition-property:color,background-color;display:flex;position:relative}.sbb-action-base:before{content:"";inset:var(--_button-inset);border:var(--_border);border-radius:var(--sbb-button-border-radius);pointer-events:none;box-shadow:var(--sbb-button-box-shadow);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,border,box-shadow;position:absolute}:host([loading]:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{margin:var(--sbb-button-loading-border-width);padding-inline:calc(var(--sbb-button-padding-inline) - var(--sbb-button-loading-border-width));transition-property:none}:host(:is(:state(focus-visible),[state--focus-visible])) .sbb-action-base:before,: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);outline-offset:var(--sbb-button-focus-outline-offset-override,var(--sbb-focus-outline-offset))}.sbb-button__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:where(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))) .sbb-button__label{display:none}.sbb-button__label,::slotted([slot=icon]),sbb-icon{transition:translate var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);translate:0 var(--sbb-button-translate-y-content-hover,0)}.sbb-button-loading-border{inset:calc(-1 * var(--sbb-button-loading-border-width));clip-path:border-box;border-radius:var(--sbb-button-border-radius);background:var(--_background-color);z-index:-1;contain:paint;animation:background-fade-in var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x)) var(--sbb-disable-animation-duration,var(--sbb-button-loading-delay)) linear;animation-fill-mode:forwards;position:absolute;transform:translateZ(-1px);container-type:inline-size}.sbb-button-loading-border:before{content:"";width:64cqmin;max-height:var(--sbb-button-min-height);aspect-ratio:2;background:radial-gradient(100% 100% at right, var(--sbb-button-color-active-text), transparent 50%);offset-path:border-box;offset-anchor:100% 50%;opacity:0;animation:snake-fade-in var(--sbb-disable-animation-duration,calc(var(--sbb-animation-duration-12x) * 2)) var(--sbb-disable-animation-duration,calc(var(--sbb-button-loading-delay) + var(--sbb-animation-duration-5x))) var(--sbb-animation-easing), snake-position var(--sbb-disable-animation-duration,calc(max(tan(atan2(var(--sbb-button-width), 1px)) / 136, .5) * 3s)) infinite linear;transform-style:preserve-3d;animation-fill-mode:forwards;display:block;position:absolute}@keyframes snake-position{to{offset-distance:100%}}@keyframes snake-fade-in{to{opacity:1}}@keyframes background-fade-in{to{background:var(--sbb-button-color-loading-border)}}`, n = e`:host{--sbb-button-color-active-background:var(--sbb-color-primary150);--sbb-button-color-active-border:var(--sbb-color-primary150);--sbb-button-color-active-text:var(--sbb-color-4-negative);--sbb-button-color-default-background:var(--sbb-color-primary);--sbb-button-color-default-border:var(--sbb-color-primary);--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-color-primary125);--sbb-button-color-hover-border:var(--sbb-color-primary125);--sbb-button-color-hover-text:var(--sbb-color-3-negative);--sbb-button-color-loading-border:var(--lightningcss-light,color-mix(in srgb, var(--sbb-button-color-active-background) 50%, var(--sbb-button-color-default-text)))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-button-color-active-background) 70%, var(--sbb-button-color-default-text)));--sbb-button-shadow-1-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-primary) 20%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-primary) 40%, transparent));--sbb-button-shadow-2-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-primary125) 20%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-primary125) 40%, transparent))}:host([negative]){--sbb-button-color-active-background:var(--sbb-color-primary150);--sbb-button-color-active-border:var(--sbb-color-primary150);--sbb-button-color-active-text:var(--sbb-color-4-negative);--sbb-button-color-default-background:var(--sbb-color-primary);--sbb-button-color-default-border:var(--sbb-color-primary);--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-color-primary125);--sbb-button-color-hover-border:var(--sbb-color-primary125);--sbb-button-color-hover-text:var(--sbb-color-3-negative);--sbb-button-color-loading-border:color-mix(in srgb, var(--sbb-button-color-active-background) 70%, var(--sbb-button-color-default-text));--sbb-button-shadow-1-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-primary) 60%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-primary) 40%, transparent));--sbb-button-shadow-2-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-primary125) 60%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-primary125) 40%, transparent))}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]),[loading])){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}`, r = e`:host{--sbb-button-color-active-background:var(--sbb-background-color-3);--sbb-button-color-active-border:var(--sbb-border-color-4-inverted);--sbb-button-color-active-text:var(--lightningcss-light,var(--sbb-color-anthracite))var(--lightningcss-dark,var(--sbb-color-graphite));--sbb-button-color-default-background:var(--sbb-background-color-1);--sbb-button-color-default-border:var(--sbb-border-color-4-inverted);--sbb-button-color-default-text:var(--sbb-color-3);--sbb-button-color-hover-background:var(--sbb-background-color-1);--sbb-button-color-hover-border:var(--sbb-border-color-4-inverted);--sbb-button-color-hover-text:var(--sbb-color-4);--sbb-button-color-loading-border:var(--sbb-border-color-4-inverted);--sbb-button-shadow-1-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-shadow-2-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-cement) 20%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-border-overlap-fix:0rem}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-2-negative);--sbb-button-color-active-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-active-text:var(--sbb-color-graphite);--sbb-button-color-default-background:var(--sbb-background-color-1-negative);--sbb-button-color-default-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-default-text:var(--sbb-color-3-negative);--sbb-button-color-hover-background:var(--sbb-background-color-1-negative);--sbb-button-color-hover-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-hover-text:var(--sbb-color-4-negative);--sbb-button-color-loading-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-shadow-1-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-button-shadow-2-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent)}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}`, i = e`:host{--sbb-button-color-active-background:var(--sbb-background-color-1-inverted);--sbb-button-color-active-border:var(--sbb-border-color-1);--sbb-button-color-active-text:var(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,var(--sbb-color-anthracite));--sbb-button-color-default-background:var(--sbb-background-color-3-inverted);--sbb-button-color-default-border:var(--sbb-border-color-3);--sbb-button-color-default-text:var(--sbb-color-1-inverted);--sbb-button-color-hover-background:var(--sbb-background-color-3-inverted);--sbb-button-color-hover-border:var(--sbb-border-color-3);--sbb-button-color-hover-text:var(--sbb-color-3-inverted);--sbb-button-color-loading-border:var(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,var(--sbb-color-silver));--sbb-button-shadow-1-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-shadow-2-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-cement) 20%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-1-negative-inverted);--sbb-button-color-active-border:var(--sbb-border-color-1-negative);--sbb-button-color-active-text:var(--sbb-color-anthracite);--sbb-button-color-default-background:var(--sbb-background-color-3-negative-inverted);--sbb-button-color-default-border:var(--sbb-border-color-3-negative);--sbb-button-color-default-text:var(--sbb-color-1-negative-inverted);--sbb-button-color-hover-background:var(--sbb-background-color-3-negative-inverted);--sbb-button-color-hover-border:var(--sbb-border-color-3-negative);--sbb-button-color-hover-text:var(--sbb-color-4-negative-inverted);--sbb-button-color-loading-border:var(--sbb-color-silver);--sbb-button-shadow-1-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-button-shadow-2-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent)}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]),[loading])){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}`, a = e`:host{--sbb-button-color-active-background:var(--sbb-background-color-4);--sbb-button-color-active-border:var(--sbb-border-color-4-inverted);--sbb-button-color-active-text:var(--sbb-color-1);--sbb-button-color-default-background:transparent;--sbb-button-color-default-border:transparent;--sbb-button-color-default-text:var(--sbb-color-1);--sbb-button-color-hover-background:var(--sbb-background-color-3);--sbb-button-color-hover-border:var(--sbb-border-color-3-inverted);--sbb-button-color-hover-text:var(--sbb-color-1);--sbb-button-color-loading-border:var(--lightningcss-light,var(--sbb-color-silver))var(--lightningcss-dark,var(--sbb-color-granite))}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-4-negative);--sbb-button-color-active-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-active-text:var(--sbb-color-1-negative);--sbb-button-color-default-background:transparent;--sbb-button-color-default-border:transparent;--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-background-color-3-negative);--sbb-button-color-hover-border:var(--sbb-border-color-3-negative-inverted);--sbb-button-color-hover-text:var(--sbb-color-1-negative);--sbb-button-color-loading-border:var(--sbb-color-granite)}`, o = e`:host{-webkit-tap-highlight-color:transparent;--sbb-mini-button-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-mini-button-color-background:var(--sbb-mini-button-color-default-background);--sbb-mini-button-color:var(--sbb-mini-button-color-text);height:fit-content;display:inline-block;outline:none!important}@media (forced-colors:active){:host{--sbb-mini-button-color-text:ButtonText!important;--sbb-mini-button-color-hover-background:Highlight!important;--sbb-mini-button-color-active-background:Highlight!important;--sbb-mini-button-color-disabled-background:Canvas!important;--sbb-mini-button-color-disabled-border:GrayText!important;--sbb-mini-button-color-disabled-text:GrayText!important}}:host([negative]){--sbb-mini-button-color-text:var(--sbb-color-3-negative);--sbb-mini-button-color-default-background:transparent;--sbb-mini-button-color-hover-background:var(--sbb-background-color-3-negative);--sbb-mini-button-color-active-background:var(--sbb-background-color-4-negative);--sbb-mini-button-color-disabled-background:var(--sbb-background-color-3-negative);--sbb-mini-button-color-disabled-border:var(--sbb-border-color-5);--sbb-mini-button-color-disabled-text:var(--sbb-color-5)}@media (any-hover:hover){:host(:is(:hover,:is(:state(force-hover),[state--force-hover])):not([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]),:active,:is(:state(active),[state--active]))){--sbb-mini-button-translate-y-content-hover:-.0625rem;--sbb-mini-button-color-background:var(--sbb-mini-button-color-hover-background)}}:host(:is(:active,:is(:state(active),[state--active])):not([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]))){--sbb-mini-button-color-background:var(--sbb-mini-button-color-active-background)}:host(:is([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]))){--sbb-mini-button-color-background:var(--sbb-mini-button-color-disabled-background);--sbb-mini-button-border:var(--sbb-border-width-1x) dashed var(--sbb-mini-button-color-disabled-border);--sbb-mini-button-color:var(--sbb-mini-button-color-disabled-text);--sbb-mini-button-pointer-events:none;--sbb-mini-button-cursor:var(--sbb-cursor-default)}:host(:is(:state(focus-visible),[state--focus-visible])){--sbb-focus-outline-style:initial}.sbb-action-base{color:var(--sbb-mini-button-color);border-radius:var(--sbb-mini-button-border-radius);-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-mini-button-pointer-events,auto);cursor:var(--sbb-mini-button-cursor,var(--sbb-cursor-pointer));transition:color var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);outline:none;text-decoration:none;display:flex;position:relative}.sbb-action-base:before{content:"";border-radius:var(--sbb-mini-button-border-radius);background-color:var(--sbb-mini-button-color-background);transition-duration:var(--sbb-mini-button-transition-duration);transition-timing-function:var(--sbb-mini-button-transition-easing-function);border:var(--sbb-mini-button-border);transition-property:inset,background-color;position:absolute;inset:0}.sbb-action-base:focus-visible:before,:host(:is(:is(:state(focus-visible),[state--focus-visible]),:focus-visible)) .sbb-action-base: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)}::slotted(sbb-icon),sbb-icon{transition:translate var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);translate:0 var(--sbb-mini-button-translate-y-content-hover,0rem);min-width:var(--_sbb-mini-button-image-size,var(--sbb-size-icon-ui-small));min-height:var(--_sbb-mini-button-image-size,var(--sbb-size-icon-ui-small));justify-content:center;align-items:center;display:flex}`, s = e`:host{--sbb-mini-button-gap:.125rem;--sbb-mini-button-padding-inline:var(--sbb-spacing-fixed-2x);--sbb-mini-button-label-display:block;--sbb-mini-button-label-height:var(--sbb-size-icon-ui-small)}:host(:where(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))){--sbb-mini-button-padding-inline:0;--sbb-mini-button-label-display:none;--sbb-mini-button-label-height:unset}.sbb-action-base{height:var(--sbb-mini-button-label-height);gap:var(--sbb-mini-button-gap);padding-inline:var(--sbb-mini-button-padding-inline);justify-content:center;align-items:center}.sbb-mini-button__label{white-space:nowrap;text-overflow:ellipsis;font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);display:var(--sbb-mini-button-label-display);transition:translate var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);translate:0 var(--sbb-mini-button-translate-y-content-hover,0);overflow:hidden}`;
4
- //#endregion
5
- export { r as a, i, o as n, n as o, a as r, t as s, s as t };
@@ -1,17 +0,0 @@
1
- import { css as e } from "lit";
2
- import { isLean as t } from "./core/dom/lean-context.js";
3
- import { SbbActionGroupElement as n } from "./action-group.js";
4
- //#region src/elements/dialog/dialog-actions/dialog-actions.scss?lit&inline
5
- var r = e`:host{padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);background-color:var(--sbb-dialog-background-color);transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-end-box-shadow,none);grid-area:actions;margin-block-start:auto;position:relative}:host:before{content:"";border-block-start:var(--sbb-border-width-1x) solid var(--sbb-dialog-actions-border-color);transition:border-color var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);align-self:start;width:100%;display:block;position:absolute;inset:0 auto auto 0}@media (forced-colors:active){:host:before{border-color:canvastext}}`, i = class extends n {
6
- static {
7
- this.elementName = "sbb-dialog-actions";
8
- }
9
- static {
10
- this.styles = [n.styles, r];
11
- }
12
- constructor() {
13
- super(), this.buttonSize = t() ? "s" : "m", this.linkSize = t() ? "xs" : "s";
14
- }
15
- };
16
- //#endregion
17
- export { i as t };
@@ -1,17 +0,0 @@
1
- import { css as e } from "lit";
2
- import { SbbNegativeMixin as t } from "./core/mixins.js";
3
- import { SbbTitleBase as n } from "./title.js";
4
- //#region src/elements/dialog/dialog-title/dialog-title.scss?lit&inline
5
- var r = e`:host{padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);-webkit-hyphens:auto;hyphens:auto;grid-area:title;display:block;position:relative}:host([negative]){--sbb-title-text-color-normal:var(--sbb-color-3-negative)}:host:after{content:"";pointer-events:none;transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-start-box-shadow,none);display:block;position:absolute;inset:0 -10rem 0 0}`, i = class extends t(n) {
6
- static {
7
- this.elementName = "sbb-dialog-title";
8
- }
9
- static {
10
- this.styles = [n.styles, r];
11
- }
12
- constructor() {
13
- super(), this.level = "2", this.visualLevel = "4";
14
- }
15
- };
16
- //#endregion
17
- export { i as t };
@@ -1,29 +0,0 @@
1
- import { css as e, html as t } from "lit";
2
- import { SbbElement as n } from "./core/base-elements.js";
3
- import { boxSizingStyles as r } from "./core/styles.js";
4
- import { SbbPropertyWatcherController as i } from "./core/controllers.js";
5
- //#region src/elements/expansion-panel/expansion-panel-content/expansion-panel-content.scss?lit&inline
6
- var a = e`:host{--sbb-expansion-panel-content-padding-inline-start:var(--sbb-expansion-panel-content-padding-inline);padding-block-end:var(--sbb-expansion-panel-content-padding-block-end);padding-inline:var(--sbb-expansion-panel-content-padding-inline-start) var(--sbb-expansion-panel-content-padding-inline);display:block}:host(:is(:state(size-s),[state--size-s])){--sbb-expansion-panel-content-padding-inline:var(--sbb-expansion-panel-content-padding-inline-s)}:host(:is(:state(size-l),[state--size-l])){--sbb-expansion-panel-content-padding-inline:var(--sbb-expansion-panel-content-padding-inline-l)}:host(:not(:is(:state(size-s),[state--size-s]),:is(:state(size-l),[state--size-l]))){--sbb-expansion-panel-content-padding-inline:var(--sbb-expansion-panel-content-padding-inline-default)}@media (width>=37.5rem){:host(:is(:state(icon-space),[state--icon-space])){--sbb-expansion-panel-content-padding-inline-start:calc(var(--sbb-expansion-panel-content-padding-inline) + var(--sbb-expansion-panel-icon-size) + var(--sbb-expansion-panel-title-gap))}}::slotted(:is(p,sbb-title):first-child){margin-block-start:0}`, o = class extends n {
7
- static {
8
- this.elementName = "sbb-expansion-panel-content";
9
- }
10
- static {
11
- this.role = "region";
12
- }
13
- static {
14
- this.styles = [r, a];
15
- }
16
- constructor() {
17
- super(), this.addController(new i(this, () => this.closest("sbb-expansion-panel"), { size: (e) => {
18
- this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
19
- } }));
20
- }
21
- connectedCallback() {
22
- super.connectedCallback(), this.slot ||= "content";
23
- }
24
- render() {
25
- return t` <slot></slot> `;
26
- }
27
- };
28
- //#endregion
29
- export { o as t };
@@ -1,56 +0,0 @@
1
- import { css as e, html as t, nothing as n } from "lit";
2
- import { SbbButtonBaseElement as r } from "./core/base-elements.js";
3
- import { SbbDisabledTabIndexActionMixin as i, ɵstateController as a } from "./core/mixins.js";
4
- import { boxSizingStyles as o } from "./core/styles.js";
5
- import { SbbMediaMatcherController as s, SbbMediaQueryHover as c, SbbPropertyWatcherController as l } from "./core/controllers.js";
6
- import { SbbIconNameMixin as u } from "./icon.js";
7
- //#region src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.scss?lit&inline
8
- var d = e`:host{display:block}:host(:is(:state(size-s),[state--size-s])){--sbb-expansion-panel-header-gap:var(--sbb-expansion-panel-header-gap-s);--sbb-expansion-panel-header-padding-block:var(--sbb-expansion-panel-header-padding-block-s);--sbb-expansion-panel-header-padding-inline:var(--sbb-expansion-panel-header-padding-inline-s)}:host(:is(:state(size-l),[state--size-l])){--sbb-expansion-panel-header-gap:var(--sbb-expansion-panel-header-gap-l);--sbb-expansion-panel-header-padding-block:var(--sbb-expansion-panel-header-padding-block-l);--sbb-expansion-panel-header-padding-inline:var(--sbb-expansion-panel-header-padding-inline-l)}:host(:not(:is(:state(size-s),[state--size-s]),:is(:state(size-l),[state--size-l]))){--sbb-expansion-panel-header-gap:var(--sbb-expansion-panel-header-gap-default);--sbb-expansion-panel-header-padding-block:var(--sbb-expansion-panel-header-padding-block-default);--sbb-expansion-panel-header-padding-inline:var(--sbb-expansion-panel-header-padding-inline-default)}:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-cursor:var(--sbb-cursor-default);--sbb-expansion-panel-header-text-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-storm))}@media (forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-text-color:GrayText}}: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:var(--sbb-spacing-fixed-1x);border-radius:var(--sbb-expansion-panel-border-radius)}.sbb-expansion-panel-header{justify-content:var(--sbb-expansion-panel-header-justify-content);align-items:center;gap:var(--sbb-expansion-panel-header-gap);width:100%;padding:var(--sbb-expansion-panel-header-padding-block) var(--sbb-expansion-panel-header-padding-inline);text-align:start;cursor:var(--sbb-expansion-panel-header-cursor);color:var(--sbb-expansion-panel-header-text-color);font-size:var(--sbb-expansion-panel-header-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);-webkit-tap-highlight-color:transparent;font-weight:400;display:flex}.sbb-expansion-panel-header__title,.sbb-expansion-panel-header__toggle,.sbb-expansion-panel-header__icon{display:flex}.sbb-expansion-panel-header__icon{width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-height:var(--sbb-expansion-panel-icon-size)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-expansion-panel-header__icon{display:none}.sbb-expansion-panel-header__title{align-items:center;gap:var(--sbb-expansion-panel-title-gap);min-height:var(--sbb-size-icon-ui-medium);overflow:hidden}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`, f = class extends i(u(r)) {
9
- static {
10
- this.elementName = "sbb-expansion-panel-header";
11
- }
12
- static {
13
- this.styles = [o, d];
14
- }
15
- static {
16
- this.events = { toggleexpanded: "toggleexpanded" };
17
- }
18
- constructor() {
19
- super(), this._mediaMatcher = new s(this, { [c]: (e) => this._isHover = e }), this._isHover = this._mediaMatcher.matches(c) ?? !1, this.addEventListener?.("click", () => this._emitExpandedEvent()), this.addEventListener?.("mouseenter", () => this._onMouseMovement(!0)), this.addEventListener?.("mouseleave", () => this._onMouseMovement(!1)), this.addEventListener?.("slottedchange", () => this._setIconState()), this.addController(new l(this, () => this.closest("sbb-expansion-panel"), { size: (e) => {
20
- this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
21
- } }));
22
- }
23
- connectedCallback() {
24
- super.connectedCallback(), this.slot ||= "header";
25
- }
26
- _emitExpandedEvent() {
27
- this.disabled || this.dispatchEvent(new Event("toggleexpanded", {
28
- bubbles: !0,
29
- composed: !0
30
- }));
31
- }
32
- _onMouseMovement(e) {
33
- let t = this.closest("sbb-expansion-panel");
34
- (!e || t && this._isHover) && a(t).toggle("toggle-hover", e);
35
- }
36
- _setIconState() {
37
- this.toggleState("icon", !!(this.iconName || this.internals.states.has("icon")));
38
- }
39
- renderTemplate() {
40
- return this._setIconState(), t`
41
- <span class="sbb-expansion-panel-header__title">
42
- <span class="sbb-expansion-panel-header__icon"> ${this.renderIconSlot()} </span>
43
- <slot></slot>
44
- </span>
45
- ${this.disabled ? n : t`<span class="sbb-expansion-panel-header__toggle">
46
- <sbb-icon
47
- name="chevron-small-down-medium"
48
- class="sbb-expansion-panel-header__toggle-icon"
49
- >
50
- </sbb-icon>
51
- </span>`}
52
- `;
53
- }
54
- };
55
- //#endregion
56
- export { f as t };
@@ -1,65 +0,0 @@
1
- import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { css as n, html as r } from "lit";
3
- import { property as i } from "lit/decorators.js";
4
- import { SbbElement as a } from "./core/base-elements.js";
5
- import { boxSizingStyles as o } from "./core/styles.js";
6
- //#region src/elements/flip-card/flip-card-summary/flip-card-summary.scss?lit&inline
7
- var s = n`:host{min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events,all);opacity:var(--sbb-flip-card-summary-opacity,1);border-radius:var(--sbb-flip-card-border-radius);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}@media (width>=37.5rem){:host([image-alignment=after]){grid-template-rows:1fr;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){:host([image-alignment=after]){grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}}::slotted(sbb-title){padding-inline:var(--sbb-flip-card-padding);padding-block:var(--sbb-flip-card-padding) var(--sbb-flip-card-padding-block-end);grid-area:1/1/2/2;margin:0}@media (width>=37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media (width>=64rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover,0rem));transition:transform var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{grid-area:2/1/3/2}@media (width>=37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media (width>=64rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted([slot=image]){width:100%;height:100%}`, c = (() => {
8
- let n = a, c, l = [], u = [];
9
- return class extends n {
10
- static {
11
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
12
- c = [i({
13
- attribute: "image-alignment",
14
- reflect: !0
15
- })], e(this, null, c, {
16
- kind: "accessor",
17
- name: "imageAlignment",
18
- static: !1,
19
- private: !1,
20
- access: {
21
- has: (e) => "imageAlignment" in e,
22
- get: (e) => e.imageAlignment,
23
- set: (e, t) => {
24
- e.imageAlignment = t;
25
- }
26
- },
27
- metadata: t
28
- }, l, u), t && Object.defineProperty(this, Symbol.metadata, {
29
- enumerable: !0,
30
- configurable: !0,
31
- writable: !0,
32
- value: t
33
- });
34
- }
35
- static {
36
- this.elementName = "sbb-flip-card-summary";
37
- }
38
- static {
39
- this.styles = [o, s];
40
- }
41
- #e = t(this, l, "after");
42
- get imageAlignment() {
43
- return this.#e;
44
- }
45
- set imageAlignment(e) {
46
- this.#e = e;
47
- }
48
- connectedCallback() {
49
- super.connectedCallback(), this.slot ||= "summary";
50
- }
51
- render() {
52
- return r`
53
- <slot></slot>
54
- <div class="sbb-flip-card-summary--image-wrapper">
55
- <slot name="image"></slot>
56
- </div>
57
- `;
58
- }
59
- constructor() {
60
- super(...arguments), t(this, u);
61
- }
62
- };
63
- })();
64
- //#endregion
65
- export { c as t };
@@ -1,129 +0,0 @@
1
- import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { css as n, nothing as r } from "lit";
3
- import { property as i } from "lit/decorators.js";
4
- import { SbbElement as a } from "./core/base-elements.js";
5
- import { forceType as o } from "./core/decorators.js";
6
- import { SbbNegativeMixin as s } from "./core/mixins.js";
7
- import { boxSizingStyles as c } from "./core/styles.js";
8
- import { html as l, unsafeStatic as u } from "lit/static-html.js";
9
- //#region src/elements/footer/footer.scss?lit&inline
10
- var d = n`:host{--sbb-link-text-decoration-line:none;display:block}:host([negative]){--sbb-footer-background-color:var(--sbb-background-color-2-negative);--sbb-footer-color:var(--sbb-color-1-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}.sbb-footer{font-size:var(--sbb-footer-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-footer-color);padding-block:var(--sbb-footer-padding-block);background-color:var(--sbb-footer-background-color)}@media (forced-colors:active){.sbb-footer{border-block-start:var(--sbb-border-width-1x) solid CanvasText}}:host(:not([expanded])) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-layout-base-offset-responsive));width:100%;margin-inline:auto}@media (width>=90rem){:host(:not([expanded])) .sbb-footer-wrapper{max-width:var(--sbb-spacing-max-width,calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-spacing-responsive-xxs))}.sbb-footer__title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::slotted(.sbb-link-list-button-group){gap:var(--sbb-spacing-fixed-6x);flex-direction:column;align-items:flex-start;display:flex}:host([variant=clock-columns]) slot{column-gap:var(--sbb-footer-gap-horizontal);grid-template-rows:auto;grid-template-columns:auto;display:grid}@media (width>=37.5rem){:host([variant=clock-columns]) slot{grid-template-columns:calc(50% - var(--sbb-footer-gap-horizontal) / 2)}}@media (width>=90rem){:host([variant=clock-columns]) slot{max-width:var(--sbb-footer-content-max-width);grid-template-columns:repeat(4,1fr);margin-inline:auto}}:host([variant=clock-columns]) ::slotted(:not(:last-child,sbb-divider)){margin-block-end:var(--sbb-footer-gap-vertical)}:host([variant=clock-columns]) ::slotted(sbb-clock){width:var(--sbb-footer-clock-width);grid-row:1}@media (width>=37.5rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-row:2;align-self:start}}@media (width>=90rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-area:1/4/auto/5;justify-self:end}}:host([variant=clock-columns]) ::slotted(sbb-divider){margin-block:calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s)}@media (width>=37.5rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-area:3/1/auto/4;width:100%}}@media (width>=90rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:2}}@media (width>=37.5rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+2)){grid-row:1}:host([variant=clock-columns]) ::slotted(:nth-child(3)),:host([variant=clock-columns]) ::slotted(:nth-child(4)){grid-row:2}:host([variant=clock-columns]) ::slotted(:last-child){grid-row:4}}@media (width>=64rem){:host([variant=clock-columns]) ::slotted(:last-child){grid-column:1/4}}@media (width>=90rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+4)){grid-row:1}:host([variant=clock-columns]) ::slotted(:last-child){grid-row:3}:host([variant=clock-columns]) ::slotted(sbb-divider),:host([variant=clock-columns]) ::slotted(:last-child){grid-column:1/5}}`, f = (() => {
11
- let n = s(a), f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
12
- return class extends n {
13
- static {
14
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
15
- f = [i({ reflect: !0 })], h = [o(), i({
16
- reflect: !0,
17
- type: Boolean
18
- })], v = [o(), i({ attribute: "accessibility-title" })], x = [i({ attribute: "accessibility-title-level" })], e(this, null, f, {
19
- kind: "accessor",
20
- name: "variant",
21
- static: !1,
22
- private: !1,
23
- access: {
24
- has: (e) => "variant" in e,
25
- get: (e) => e.variant,
26
- set: (e, t) => {
27
- e.variant = t;
28
- }
29
- },
30
- metadata: t
31
- }, p, m), e(this, null, h, {
32
- kind: "accessor",
33
- name: "expanded",
34
- static: !1,
35
- private: !1,
36
- access: {
37
- has: (e) => "expanded" in e,
38
- get: (e) => e.expanded,
39
- set: (e, t) => {
40
- e.expanded = t;
41
- }
42
- },
43
- metadata: t
44
- }, g, _), e(this, null, v, {
45
- kind: "accessor",
46
- name: "accessibilityTitle",
47
- static: !1,
48
- private: !1,
49
- access: {
50
- has: (e) => "accessibilityTitle" in e,
51
- get: (e) => e.accessibilityTitle,
52
- set: (e, t) => {
53
- e.accessibilityTitle = t;
54
- }
55
- },
56
- metadata: t
57
- }, y, b), e(this, null, x, {
58
- kind: "accessor",
59
- name: "accessibilityTitleLevel",
60
- static: !1,
61
- private: !1,
62
- access: {
63
- has: (e) => "accessibilityTitleLevel" in e,
64
- get: (e) => e.accessibilityTitleLevel,
65
- set: (e, t) => {
66
- e.accessibilityTitleLevel = t;
67
- }
68
- },
69
- metadata: t
70
- }, S, C), t && Object.defineProperty(this, Symbol.metadata, {
71
- enumerable: !0,
72
- configurable: !0,
73
- writable: !0,
74
- value: t
75
- });
76
- }
77
- static {
78
- this.elementName = "sbb-footer";
79
- }
80
- static {
81
- this.styles = [c, d];
82
- }
83
- #e = t(this, p, "default");
84
- get variant() {
85
- return this.#e;
86
- }
87
- set variant(e) {
88
- this.#e = e;
89
- }
90
- #t = (t(this, m), t(this, g, !1));
91
- get expanded() {
92
- return this.#t;
93
- }
94
- set expanded(e) {
95
- this.#t = e;
96
- }
97
- #n = (t(this, _), t(this, y, ""));
98
- get accessibilityTitle() {
99
- return this.#n;
100
- }
101
- set accessibilityTitle(e) {
102
- this.#n = e;
103
- }
104
- #r = (t(this, b), t(this, S, "1"));
105
- get accessibilityTitleLevel() {
106
- return this.#r;
107
- }
108
- set accessibilityTitleLevel(e) {
109
- this.#r = e;
110
- }
111
- render() {
112
- let e = `h${this.accessibilityTitleLevel}`, t = l`<${u(e)} class="sbb-footer__title"
113
- >${this.accessibilityTitle}</${u(e)}>`;
114
- return l`
115
- <footer class="sbb-footer">
116
- <div class="sbb-footer-wrapper">
117
- ${this.accessibilityTitle ? t : r}
118
- <slot></slot>
119
- </div>
120
- </footer>
121
- `;
122
- }
123
- constructor() {
124
- super(...arguments), t(this, C);
125
- }
126
- };
127
- })();
128
- //#endregion
129
- export { f as t };
@@ -1,62 +0,0 @@
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 { boxSizingStyles as i } from "./core/styles.js";
5
- import { html as a } from "lit/static-html.js";
6
- import { SbbIconNameMixin as o } from "./icon.js";
7
- //#region src/elements/header/common/header-action.scss?lit&inline
8
- var s = n`: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(: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}: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;color:var(--sbb-header-action-color);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;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.sbb-action-base:before{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);border:var(--sbb-border-width-1x) solid var(--sbb-header-action-border-color);transition-property:inset,background-color;position:absolute}@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:"";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);position:absolute}.sbb-header-action__wrapper{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%;display:flex}.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);white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}: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{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}@media (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{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}@media (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{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}@media (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{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}@media (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{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}::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 = (n) => (() => {
9
- let c = o(n), l, u = [], d = [];
10
- return class extends c {
11
- static {
12
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
13
- l = [r({
14
- attribute: "expand-from",
15
- reflect: !0
16
- })], e(this, null, l, {
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
- }, u, d), 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 = [i, s];
38
- }
39
- #e = t(this, u, "large");
40
- get expandFrom() {
41
- return this.#e;
42
- }
43
- set expandFrom(e) {
44
- this.#e = e;
45
- }
46
- renderTemplate() {
47
- return a`
48
- <span class="sbb-header-action__wrapper">
49
- <span class="sbb-header-action__icon"> ${super.renderIconSlot()} </span>
50
- <span class="sbb-header-action__text">
51
- <slot></slot>
52
- </span>
53
- </span>
54
- `;
55
- }
56
- constructor() {
57
- super(...arguments), t(this, d);
58
- }
59
- };
60
- })();
61
- //#endregion
62
- export { c as t };