@baloise/ds-core 20.0.0-next.7 → 20.0.0-next.9

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 (488) hide show
  1. package/components/ds-accordion.js +1 -1
  2. package/components/ds-alert-container.js +1 -1
  3. package/components/ds-app.js +1 -1
  4. package/components/ds-badge.js +1 -1
  5. package/components/ds-button-group.js +1 -1
  6. package/components/ds-button.js +1 -1
  7. package/components/ds-card-actions.js +1 -1
  8. package/components/ds-card-content.js +1 -1
  9. package/components/ds-card-subtitle.js +1 -1
  10. package/components/ds-card-title.js +1 -1
  11. package/components/ds-card.js +1 -1
  12. package/components/ds-carousel.js +1 -1
  13. package/components/ds-checkbox-group.js +1 -1
  14. package/components/ds-close.js +1 -1
  15. package/components/ds-content.js +1 -1
  16. package/components/ds-data-item.js +1 -1
  17. package/components/ds-date.js +1 -1
  18. package/components/ds-drawer.js +1 -1
  19. package/components/ds-file-upload.js +1 -1
  20. package/components/ds-footer.js +1 -1
  21. package/components/ds-heading.js +1 -1
  22. package/components/ds-hint.js +1 -1
  23. package/components/ds-icon.js +1 -1
  24. package/components/ds-input-slider.js +1 -1
  25. package/components/ds-input.js +1 -1
  26. package/components/ds-item.js +1 -1
  27. package/components/ds-modal.js +1 -1
  28. package/components/ds-navbar.js +1 -1
  29. package/components/ds-notification.js +1 -1
  30. package/components/ds-number-input.js +1 -1
  31. package/components/ds-pagination.js +1 -1
  32. package/components/ds-popup.js +1 -1
  33. package/components/ds-radio-group.js +1 -1
  34. package/components/ds-segment.js +1 -1
  35. package/components/ds-select.js +1 -1
  36. package/components/ds-snackbar.js +1 -1
  37. package/components/ds-spinner.js +1 -1
  38. package/components/ds-stack.js +1 -1
  39. package/components/ds-step.js +1 -1
  40. package/components/ds-steps.js +1 -1
  41. package/components/ds-tabs.js +1 -1
  42. package/components/ds-tag.js +1 -1
  43. package/components/ds-textarea.js +1 -1
  44. package/components/ds-toast.js +1 -1
  45. package/components/index.js +1 -1
  46. package/components/{p-DenZRIeA.js → p-BXJT6RzI.js} +1 -1
  47. package/components/p-BdLq-Ecc.js +4 -0
  48. package/components/{p-DSeYzuO7.js → p-BmKEBYP4.js} +1 -1
  49. package/components/p-BoWAkGY5.js +4 -0
  50. package/components/{p-DYTOWDAA.js → p-CTbJFS-e.js} +1 -1
  51. package/components/{p-VsWv65bD.js → p-CaMOovXn.js} +1 -1
  52. package/components/p-Ce8PV2ZO.js +4 -0
  53. package/components/p-CmBtAxar.js +4 -0
  54. package/components/p-D8gpyiFZ.js +4 -0
  55. package/components/{p-ng5ZzTOj.js → p-DBX_haol.js} +1 -1
  56. package/components/{p-ABj0eATe.js → p-DPbhygsR.js} +1 -1
  57. package/components/{p-BwwAKEvn.js → p-DZzsZ_YH.js} +1 -1
  58. package/components/p-DbUsvqrz.js +4 -0
  59. package/components/p-Dbqy6lZU.js +5 -0
  60. package/components/{p-D9YYP2SG.js → p-fS80bKHo.js} +1 -1
  61. package/components/{p-D5zw5ezD.js → p-hPpcXLRP.js} +1 -1
  62. package/components/p-o0H7eIVX.js +5 -0
  63. package/components/p-std0LSH2.js +4 -0
  64. package/components/p-u5aa74vh.js +2 -1
  65. package/components/p-wud2RGEy.js +4 -0
  66. package/dist/cjs/{breakpoints.decorator-DY5iYsA5.js → breakpoints.decorator-DbttiLa9.js} +1 -1
  67. package/dist/cjs/{breakpoints.subject-CzhLlIwN.js → breakpoints.subject-CNyiZaBe.js} +3 -3
  68. package/dist/cjs/{button.interfaces-CqlUGR-N.js → button.interfaces-BKyK0H_f.js} +0 -1
  69. package/dist/cjs/{config.decorator-C64wi-MA.js → config.decorator-bU7c6ybP.js} +1 -1
  70. package/dist/cjs/{config.utils-BhWbrVRz.js → config.utils-BhJig3l5.js} +1 -1
  71. package/dist/cjs/{create-validator-decorator-Ctd288ve.js → create-validator-decorator-CiRieHJL.js} +1 -1
  72. package/dist/cjs/design-system.cjs.js +2 -2
  73. package/dist/cjs/{device-CIliLOe9.js → device-DM1GXL99.js} +1 -1
  74. package/dist/cjs/ds-accordion.cjs.entry.js +9 -9
  75. package/dist/cjs/ds-alert-container.cjs.entry.js +13 -17
  76. package/dist/cjs/ds-app.cjs.entry.js +35 -8
  77. package/dist/cjs/ds-badge.cjs.entry.js +20 -39
  78. package/dist/cjs/ds-button-group.cjs.entry.js +7 -7
  79. package/dist/cjs/ds-button_2.cjs.entry.js +20 -20
  80. package/dist/cjs/ds-card-actions.cjs.entry.js +4 -4
  81. package/dist/cjs/ds-card-content.cjs.entry.js +3 -3
  82. package/dist/cjs/ds-card-header.cjs.entry.js +5 -5
  83. package/dist/cjs/ds-card-subtitle.cjs.entry.js +10 -14
  84. package/dist/cjs/ds-card-title.cjs.entry.js +8 -14
  85. package/dist/cjs/ds-card.cjs.entry.js +7 -7
  86. package/dist/cjs/ds-carousel-item.cjs.entry.js +6 -6
  87. package/dist/cjs/ds-carousel.cjs.entry.js +8 -8
  88. package/dist/cjs/ds-checkbox-group.cjs.entry.js +22 -15
  89. package/dist/cjs/ds-checkbox.cjs.entry.js +7 -7
  90. package/dist/cjs/ds-content_2.cjs.entry.js +18 -68
  91. package/dist/cjs/ds-data-item.cjs.entry.js +6 -6
  92. package/dist/cjs/ds-data-label.cjs.entry.js +4 -4
  93. package/dist/cjs/ds-data-value.cjs.entry.js +2 -2
  94. package/dist/cjs/ds-data.cjs.entry.js +4 -4
  95. package/dist/cjs/ds-date.cjs.entry.js +18 -12
  96. package/dist/cjs/ds-divider_2.cjs.entry.js +12 -12
  97. package/dist/cjs/ds-drawer_2.cjs.entry.js +9 -9
  98. package/dist/cjs/ds-file-upload.cjs.entry.js +18 -11
  99. package/dist/cjs/ds-footer.cjs.entry.js +7 -7
  100. package/dist/cjs/ds-heading.cjs.entry.js +21 -37
  101. package/dist/cjs/ds-hint-text.cjs.entry.js +2 -2
  102. package/dist/cjs/ds-hint-title.cjs.entry.js +2 -2
  103. package/dist/cjs/ds-hint.cjs.entry.js +11 -11
  104. package/dist/cjs/ds-icon_2.cjs.entry.js +19 -23
  105. package/dist/cjs/ds-input-slider.cjs.entry.js +21 -14
  106. package/dist/cjs/ds-input.cjs.entry.js +20 -11
  107. package/dist/cjs/ds-item.cjs.entry.js +7 -7
  108. package/dist/cjs/ds-label.cjs.entry.js +8 -8
  109. package/dist/cjs/ds-list.cjs.entry.js +4 -4
  110. package/dist/cjs/ds-modal-body.cjs.entry.js +2 -2
  111. package/dist/cjs/ds-modal-header.cjs.entry.js +2 -2
  112. package/dist/cjs/ds-modal.cjs.entry.js +7 -7
  113. package/dist/cjs/ds-navbar.cjs.entry.js +14 -14
  114. package/dist/cjs/ds-notification.cjs.entry.js +16 -22
  115. package/dist/cjs/ds-number-input.cjs.entry.js +20 -11
  116. package/dist/cjs/ds-pagination.cjs.entry.js +12 -12
  117. package/dist/cjs/ds-progress-bar.cjs.entry.js +12 -12
  118. package/dist/cjs/ds-radio-group.cjs.entry.js +21 -14
  119. package/dist/cjs/ds-radio.cjs.entry.js +7 -7
  120. package/dist/cjs/ds-segment-item.cjs.entry.js +4 -4
  121. package/dist/cjs/ds-segment.cjs.entry.js +21 -15
  122. package/dist/cjs/ds-select-optgroup.cjs.entry.js +4 -4
  123. package/dist/cjs/ds-select-option.cjs.entry.js +4 -4
  124. package/dist/cjs/ds-select.cjs.entry.js +18 -13
  125. package/dist/cjs/ds-shape.cjs.entry.js +4 -4
  126. package/dist/cjs/ds-snackbar.cjs.entry.js +36 -24
  127. package/dist/cjs/ds-step-panel.cjs.entry.js +5 -5
  128. package/dist/cjs/ds-step.cjs.entry.js +5 -5
  129. package/dist/cjs/ds-steps.cjs.entry.js +7 -14
  130. package/dist/cjs/ds-tab-panel.cjs.entry.js +5 -5
  131. package/dist/cjs/ds-tab.cjs.entry.js +5 -5
  132. package/dist/cjs/ds-tabs.cjs.entry.js +8 -8
  133. package/dist/cjs/ds-tag-group.cjs.entry.js +2 -2
  134. package/dist/cjs/ds-tag.cjs.entry.js +7 -7
  135. package/dist/cjs/ds-text.cjs.entry.js +6 -6
  136. package/dist/cjs/ds-textarea.cjs.entry.js +19 -10
  137. package/dist/cjs/ds-toast.cjs.entry.js +32 -20
  138. package/dist/cjs/ds-toggle.cjs.entry.js +5 -5
  139. package/dist/cjs/ds-tooltip.cjs.entry.js +4 -4
  140. package/dist/cjs/{field.util-g9nhtuZH.js → field.util-C7hgA41e.js} +32 -2
  141. package/dist/cjs/{focus-BUszBnbl.js → focus-CHzvkERd.js} +1 -1
  142. package/dist/cjs/{form-control-B4Qf8fg-.js → form-control-CmRONWa7.js} +1 -1
  143. package/dist/cjs/{has-value-rj502MLA.js → has-value-3s9rhB3K.js} +1 -1
  144. package/dist/cjs/{heading.interfaces-B5NJ2yjL.js → heading.interfaces-CAc5LNKb.js} +2 -3
  145. package/dist/cjs/{index-CqInh7Vc.js → index-DD7qcaNz.js} +75 -1
  146. package/dist/cjs/index.cjs.js +7 -7
  147. package/dist/cjs/{listener-1PZJDuOW.js → listener-CAzIWSXQ.js} +1 -1
  148. package/dist/cjs/loader.cjs.js +2 -2
  149. package/dist/cjs/{one-of-BotLfpAZ.js → one-of-xdIxH9e7.js} +1 -1
  150. package/dist/cjs/{required-BAhZ8oRM.js → required-Dh6TQNa1.js} +1 -1
  151. package/dist/cjs/{resize.decorator-Sqefy8ta.js → resize.decorator-C53-TjuS.js} +2 -2
  152. package/dist/cjs/{scroll--5tnvpG1.js → scroll-BOeiw1-E.js} +1 -1
  153. package/dist/cjs/{svg-D9RbiR8R.js → svg-B9eUbG7a.js} +96 -33
  154. package/dist/cjs/{tslib.es6-BIB10hMZ.js → tslib.es6-DMgN1vwG.js} +1 -1
  155. package/dist/cjs/{type-Br_NbeTX.js → type-BcP2cAG-.js} +1 -1
  156. package/dist/collection/components/accordion/accordion.host.css +1 -1
  157. package/dist/collection/components/alert/alert-container.interfaces.js +1 -1
  158. package/dist/collection/components/alert/alert-container.js +9 -14
  159. package/dist/collection/components/alert/snackbar/snackbar.host.css +1 -1
  160. package/dist/collection/components/alert/snackbar/snackbar.js +22 -10
  161. package/dist/collection/components/alert/toast/toast.host.css +1 -1
  162. package/dist/collection/components/alert/toast/toast.js +20 -8
  163. package/dist/collection/components/app/app.js +30 -3
  164. package/dist/collection/components/badge/badge.host.css +1 -1
  165. package/dist/collection/components/badge/badge.interfaces.js +3 -3
  166. package/dist/collection/components/badge/badge.js +20 -42
  167. package/dist/collection/components/button/button.interfaces.js +0 -1
  168. package/dist/collection/components/button/button.js +1 -1
  169. package/dist/collection/components/card/card-content/card-content.host.css +1 -1
  170. package/dist/collection/components/card/card-subtitle/card-subtitle.js +6 -11
  171. package/dist/collection/components/card/card-title/card-title.js +4 -11
  172. package/dist/collection/components/card/card.host.css +1 -1
  173. package/dist/collection/components/checkbox/checkbox-group/checkbox-group.js +16 -7
  174. package/dist/collection/components/checkbox/test/checkbox.visual.play.js +1 -0
  175. package/dist/collection/components/close/close.host.css +1 -1
  176. package/dist/collection/components/close/close.interfaces.js +1 -1
  177. package/dist/collection/components/close/close.js +14 -16
  178. package/dist/collection/components/content/content.host.css +1 -1
  179. package/dist/collection/components/content/content.interfaces.js +2 -3
  180. package/dist/collection/components/content/content.js +21 -60
  181. package/dist/collection/components/date/date.js +12 -4
  182. package/dist/collection/components/date/test/date.visual.play.js +1 -0
  183. package/dist/collection/components/file-upload/file-upload.js +13 -4
  184. package/dist/collection/components/file-upload/test/file-upload.visual.play.js +10 -1
  185. package/dist/collection/components/heading/heading.host.css +1 -1
  186. package/dist/collection/components/heading/heading.interfaces.js +2 -3
  187. package/dist/collection/components/heading/heading.js +25 -45
  188. package/dist/collection/components/input/field.util.js +1 -1
  189. package/dist/collection/components/input/input.js +14 -3
  190. package/dist/collection/components/input/test/input.visual.play.js +2 -1
  191. package/dist/collection/components/input-slider/input-slider.js +17 -8
  192. package/dist/collection/components/input-slider/test/input-slider.visual.play.js +1 -0
  193. package/dist/collection/components/list/item/item.host.css +1 -1
  194. package/dist/collection/components/notification/notification.host.css +1 -1
  195. package/dist/collection/components/notification/notification.interfaces.js +1 -2
  196. package/dist/collection/components/notification/notification.js +11 -17
  197. package/dist/collection/components/number-input/number-input.js +13 -2
  198. package/dist/collection/components/number-input/test/number-input.visual.play.js +1 -1
  199. package/dist/collection/components/radio/radio-group/radio-group.js +16 -7
  200. package/dist/collection/components/radio/test/radio.visual.play.js +1 -0
  201. package/dist/collection/components/segment/segment/segment.js +15 -7
  202. package/dist/collection/components/segment/test/segment.visual.play.js +1 -0
  203. package/dist/collection/components/select/select.host.css +1 -1
  204. package/dist/collection/components/select/select.js +11 -4
  205. package/dist/collection/components/select/test/select.visual.play.js +2 -2
  206. package/dist/collection/components/spinner/spinner.host.css +1 -1
  207. package/dist/collection/components/spinner/spinner.interfaces.js +1 -1
  208. package/dist/collection/components/spinner/spinner.js +12 -16
  209. package/dist/collection/components/stack/stack.host.css +1 -1
  210. package/dist/collection/components/stack/stack.interfaces.js +1 -2
  211. package/dist/collection/components/stack/stack.js +13 -33
  212. package/dist/collection/components/steps/steps/steps.js +1 -8
  213. package/dist/collection/components/steps/test/steps.component.play.js +29 -1
  214. package/dist/collection/components/tag/tag.host.css +1 -1
  215. package/dist/collection/components/textarea/test/textarea.visual.play.js +2 -2
  216. package/dist/collection/components/textarea/textarea.js +13 -2
  217. package/dist/collection/global/constants/version.constant.js +1 -1
  218. package/dist/collection/global/global.js +2 -0
  219. package/dist/collection/global/token-preview.js +75 -0
  220. package/dist/collection/global/token-preview.types.js +1 -0
  221. package/dist/collection/utils/index.js +1 -0
  222. package/dist/collection/utils/invalid-text-slot.js +31 -0
  223. package/dist/design-system/design-system.esm.js +1 -1
  224. package/dist/design-system/index.esm.js +1 -1
  225. package/dist/design-system/{p-b4738dc266.entry.js → p-001b20140b.entry.js} +1 -1
  226. package/dist/design-system/p-0c031d8d90.entry.js +4 -0
  227. package/dist/design-system/p-0c18812daa.entry.js +4 -0
  228. package/dist/design-system/p-14e27a87da.entry.js +4 -0
  229. package/dist/design-system/{p-564ee4d78f.entry.js → p-19e0638e5c.entry.js} +1 -1
  230. package/dist/design-system/{p-ee76bf354e.entry.js → p-1dc3406415.entry.js} +1 -1
  231. package/dist/design-system/{p-3d2539929c.entry.js → p-200a0ea72c.entry.js} +1 -1
  232. package/dist/design-system/{p-ce67cbbed5.entry.js → p-2516721737.entry.js} +1 -1
  233. package/dist/design-system/{p-24c85e99f5.entry.js → p-2a67e9b4eb.entry.js} +1 -1
  234. package/dist/design-system/p-2cc9740eb6.entry.js +4 -0
  235. package/dist/design-system/p-37295c3a5d.entry.js +4 -0
  236. package/dist/design-system/{p-b44641ec28.entry.js → p-3d1f15112e.entry.js} +1 -1
  237. package/dist/design-system/p-3de8e2b6c9.entry.js +4 -0
  238. package/dist/design-system/{p-0bf3d4d939.entry.js → p-4042b35fee.entry.js} +1 -1
  239. package/dist/design-system/{p-00e6b1b780.entry.js → p-40b3d4d0f9.entry.js} +1 -1
  240. package/dist/design-system/{p-5f1a8be21c.entry.js → p-45af50a69f.entry.js} +1 -1
  241. package/dist/design-system/p-4df80c06f8.entry.js +4 -0
  242. package/dist/design-system/p-4f12c6449d.entry.js +4 -0
  243. package/dist/design-system/p-4f95f06b86.entry.js +4 -0
  244. package/dist/design-system/p-573457cd4b.entry.js +4 -0
  245. package/dist/design-system/{p-2eb6067210.entry.js → p-662983c8bd.entry.js} +1 -1
  246. package/dist/design-system/{p-32e156bc72.entry.js → p-68693c06a1.entry.js} +1 -1
  247. package/dist/design-system/{p-9f9364d7df.entry.js → p-69784a200e.entry.js} +1 -1
  248. package/dist/design-system/{p-ChSKXFK5.js → p-6Iq8BM7N.js} +1 -1
  249. package/dist/design-system/{p-a42ecb68a0.entry.js → p-6ba71ce374.entry.js} +1 -1
  250. package/dist/design-system/{p-5ded2b6438.entry.js → p-72c08ce551.entry.js} +1 -1
  251. package/dist/design-system/p-72fe1ab876.entry.js +4 -0
  252. package/dist/design-system/p-73b26207bf.entry.js +4 -0
  253. package/dist/design-system/{p-b8669a617c.entry.js → p-7576fb01bf.entry.js} +1 -1
  254. package/dist/design-system/p-819d71abe1.entry.js +4 -0
  255. package/dist/design-system/{p-6c60833550.entry.js → p-88682a66d5.entry.js} +1 -1
  256. package/dist/design-system/{p-ab8bee7022.entry.js → p-8a7c2f5b0a.entry.js} +1 -1
  257. package/dist/design-system/{p-5d4a5d0b61.entry.js → p-8bfcfd7b07.entry.js} +1 -1
  258. package/dist/design-system/p-936673f9f9.entry.js +4 -0
  259. package/dist/design-system/{p-f7be5b6114.entry.js → p-9537ebc880.entry.js} +1 -1
  260. package/dist/design-system/{p-3e3a6799d6.entry.js → p-96d37205c9.entry.js} +1 -1
  261. package/dist/design-system/{p-4bfc094a03.entry.js → p-97ad0e648a.entry.js} +1 -1
  262. package/dist/design-system/p-9e0f190f06.entry.js +4 -0
  263. package/dist/design-system/{p-adc58b2821.entry.js → p-9f746ea4e3.entry.js} +1 -1
  264. package/dist/design-system/{p-DJBD4skP.js → p-B2dqoehY.js} +2 -2
  265. package/dist/design-system/p-B9ddSbbe.js +4 -0
  266. package/dist/design-system/p-BDcIydUK.js +4 -0
  267. package/dist/design-system/p-BdLq-Ecc.js +4 -0
  268. package/dist/design-system/{p-Dk0GEN2t.js → p-BjaiDrCD.js} +1 -1
  269. package/dist/design-system/{p-DoHCSvjl.js → p-BnJgNfen.js} +1 -1
  270. package/dist/design-system/{p-DOvdnojj.js → p-Bnpwi9iD.js} +1 -1
  271. package/dist/design-system/p-C6AmBSV7.js +4 -0
  272. package/dist/design-system/{p-Chgme2NJ.js → p-CBGYLNZZ.js} +1 -1
  273. package/dist/design-system/{p-1A9jKraP.js → p-CR2JnhVY.js} +1 -1
  274. package/dist/design-system/{p-CfgwSore.js → p-ClSAXeZN.js} +1 -1
  275. package/dist/design-system/p-D-_px2sY.js +5 -0
  276. package/dist/design-system/p-DNQg2PVW.js +4 -0
  277. package/dist/design-system/p-DQGbRzw_.js +4 -0
  278. package/dist/design-system/{p-x2KazRjl.js → p-DWdcUUdS.js} +1 -1
  279. package/dist/design-system/{p-C5Rtikeh.js → p-DuKlHFAK.js} +1 -1
  280. package/dist/design-system/{p-B-v2Wm-V.js → p-MUUOiuTm.js} +2 -2
  281. package/dist/design-system/p-_Ywzmi-B.js +4 -0
  282. package/dist/design-system/{p-Y0rKqVvm.js → p-_rk5qARQ.js} +1 -1
  283. package/dist/design-system/{p-44981aaf8d.entry.js → p-a343b84e8a.entry.js} +1 -1
  284. package/dist/design-system/p-a3ed278181.entry.js +4 -0
  285. package/dist/design-system/{p-CrYAd3JT.js → p-aPnyJLhr.js} +1 -1
  286. package/dist/design-system/{p-fa613cd0d1.entry.js → p-abcc8edf7e.entry.js} +1 -1
  287. package/dist/design-system/{p-3d675c6507.entry.js → p-ac55e3783c.entry.js} +1 -1
  288. package/dist/design-system/{p-3e43fa2bc6.entry.js → p-ac7f3f89be.entry.js} +1 -1
  289. package/dist/design-system/{p-1b1e3ad99c.entry.js → p-ae8753bf2a.entry.js} +1 -1
  290. package/dist/design-system/{p-d3a80b8422.entry.js → p-afea3755c2.entry.js} +1 -1
  291. package/dist/design-system/{p-0ea6cdd218.entry.js → p-bd31b396d8.entry.js} +1 -1
  292. package/dist/design-system/p-bd740897a1.entry.js +4 -0
  293. package/dist/design-system/p-bec54c38fc.entry.js +4 -0
  294. package/dist/design-system/{p-1750b3c4f1.entry.js → p-bf03129378.entry.js} +1 -1
  295. package/dist/design-system/{p-85bf3794f9.entry.js → p-bfd0557b47.entry.js} +1 -1
  296. package/dist/design-system/{p-7246bfb9a0.entry.js → p-c07aa25e4d.entry.js} +1 -1
  297. package/dist/design-system/p-c19c74c2b1.entry.js +4 -0
  298. package/dist/design-system/p-c8f95bd01a.entry.js +4 -0
  299. package/dist/design-system/{p-a782c877ea.entry.js → p-d5d7700fd3.entry.js} +1 -1
  300. package/dist/design-system/p-d727654ec3.entry.js +4 -0
  301. package/dist/design-system/{p-aa3aee2591.entry.js → p-dadd7a84bc.entry.js} +1 -1
  302. package/dist/design-system/p-dd5e815ef3.entry.js +4 -0
  303. package/dist/design-system/p-e16572468e.entry.js +4 -0
  304. package/dist/design-system/{p-8a9d617f75.entry.js → p-e23b6d59c0.entry.js} +1 -1
  305. package/dist/design-system/p-e94b66c13e.entry.js +4 -0
  306. package/dist/design-system/{p-78112e7b35.entry.js → p-ec3f2ded29.entry.js} +1 -1
  307. package/dist/design-system/{p-2b038255c5.entry.js → p-ed3f364d1f.entry.js} +1 -1
  308. package/dist/design-system/{p-599a693db3.entry.js → p-eedaf7fe85.entry.js} +1 -1
  309. package/dist/design-system/p-ef1bf78788.entry.js +4 -0
  310. package/dist/design-system/p-f7787fca37.entry.js +4 -0
  311. package/dist/design-system/{p-dbd3d3b3d3.entry.js → p-fd868dc1f5.entry.js} +1 -1
  312. package/dist/esm/{breakpoints.decorator-D9M4v98c.js → breakpoints.decorator-CIweMjJQ.js} +1 -1
  313. package/dist/esm/{breakpoints.subject-DHZ7TzYV.js → breakpoints.subject-CUVOWezN.js} +3 -3
  314. package/dist/esm/{button.interfaces-BPGfTrrM.js → button.interfaces-C6AmBSV7.js} +0 -1
  315. package/dist/esm/{config.decorator-CRYVBTkX.js → config.decorator-CyvsD1EY.js} +1 -1
  316. package/dist/esm/{config.utils-CR4Xudpz.js → config.utils-Db2OSTX3.js} +1 -1
  317. package/dist/esm/{create-validator-decorator-fUav5byo.js → create-validator-decorator-g9TfAa1g.js} +1 -1
  318. package/dist/esm/design-system.js +3 -3
  319. package/dist/esm/{device-CapioAfe.js → device-CtidwsPr.js} +1 -1
  320. package/dist/esm/ds-accordion.entry.js +9 -9
  321. package/dist/esm/ds-alert-container.entry.js +13 -17
  322. package/dist/esm/ds-app.entry.js +35 -8
  323. package/dist/esm/ds-badge.entry.js +20 -39
  324. package/dist/esm/ds-button-group.entry.js +7 -7
  325. package/dist/esm/ds-button_2.entry.js +20 -20
  326. package/dist/esm/ds-card-actions.entry.js +4 -4
  327. package/dist/esm/ds-card-content.entry.js +3 -3
  328. package/dist/esm/ds-card-header.entry.js +5 -5
  329. package/dist/esm/ds-card-subtitle.entry.js +10 -14
  330. package/dist/esm/ds-card-title.entry.js +8 -14
  331. package/dist/esm/ds-card.entry.js +7 -7
  332. package/dist/esm/ds-carousel-item.entry.js +6 -6
  333. package/dist/esm/ds-carousel.entry.js +8 -8
  334. package/dist/esm/ds-checkbox-group.entry.js +22 -15
  335. package/dist/esm/ds-checkbox.entry.js +7 -7
  336. package/dist/esm/ds-content_2.entry.js +18 -68
  337. package/dist/esm/ds-data-item.entry.js +6 -6
  338. package/dist/esm/ds-data-label.entry.js +4 -4
  339. package/dist/esm/ds-data-value.entry.js +2 -2
  340. package/dist/esm/ds-data.entry.js +4 -4
  341. package/dist/esm/ds-date.entry.js +18 -12
  342. package/dist/esm/ds-divider_2.entry.js +12 -12
  343. package/dist/esm/ds-drawer_2.entry.js +9 -9
  344. package/dist/esm/ds-file-upload.entry.js +18 -11
  345. package/dist/esm/ds-footer.entry.js +7 -7
  346. package/dist/esm/ds-heading.entry.js +21 -37
  347. package/dist/esm/ds-hint-text.entry.js +2 -2
  348. package/dist/esm/ds-hint-title.entry.js +2 -2
  349. package/dist/esm/ds-hint.entry.js +11 -11
  350. package/dist/esm/ds-icon_2.entry.js +19 -23
  351. package/dist/esm/ds-input-slider.entry.js +21 -14
  352. package/dist/esm/ds-input.entry.js +20 -11
  353. package/dist/esm/ds-item.entry.js +7 -7
  354. package/dist/esm/ds-label.entry.js +8 -8
  355. package/dist/esm/ds-list.entry.js +4 -4
  356. package/dist/esm/ds-modal-body.entry.js +2 -2
  357. package/dist/esm/ds-modal-header.entry.js +2 -2
  358. package/dist/esm/ds-modal.entry.js +7 -7
  359. package/dist/esm/ds-navbar.entry.js +14 -14
  360. package/dist/esm/ds-notification.entry.js +16 -22
  361. package/dist/esm/ds-number-input.entry.js +20 -11
  362. package/dist/esm/ds-pagination.entry.js +12 -12
  363. package/dist/esm/ds-progress-bar.entry.js +12 -12
  364. package/dist/esm/ds-radio-group.entry.js +21 -14
  365. package/dist/esm/ds-radio.entry.js +7 -7
  366. package/dist/esm/ds-segment-item.entry.js +4 -4
  367. package/dist/esm/ds-segment.entry.js +21 -15
  368. package/dist/esm/ds-select-optgroup.entry.js +4 -4
  369. package/dist/esm/ds-select-option.entry.js +4 -4
  370. package/dist/esm/ds-select.entry.js +18 -13
  371. package/dist/esm/ds-shape.entry.js +4 -4
  372. package/dist/esm/ds-snackbar.entry.js +36 -24
  373. package/dist/esm/ds-step-panel.entry.js +5 -5
  374. package/dist/esm/ds-step.entry.js +5 -5
  375. package/dist/esm/ds-steps.entry.js +7 -14
  376. package/dist/esm/ds-tab-panel.entry.js +5 -5
  377. package/dist/esm/ds-tab.entry.js +5 -5
  378. package/dist/esm/ds-tabs.entry.js +8 -8
  379. package/dist/esm/ds-tag-group.entry.js +2 -2
  380. package/dist/esm/ds-tag.entry.js +7 -7
  381. package/dist/esm/ds-text.entry.js +6 -6
  382. package/dist/esm/ds-textarea.entry.js +19 -10
  383. package/dist/esm/ds-toast.entry.js +32 -20
  384. package/dist/esm/ds-toggle.entry.js +5 -5
  385. package/dist/esm/ds-tooltip.entry.js +4 -4
  386. package/dist/esm/{field.util-neIQBS-h.js → field.util-Dl02gvlr.js} +32 -3
  387. package/dist/esm/{focus-6OAqvfus.js → focus-C1_jVoAm.js} +1 -1
  388. package/dist/esm/{form-control-DhinyMa9.js → form-control-BAP86QSm.js} +1 -1
  389. package/dist/esm/{has-value-Dmsj8ZQw.js → has-value-CADjf9QZ.js} +1 -1
  390. package/dist/esm/{heading.interfaces-Ceu7FIWM.js → heading.interfaces-BdLq-Ecc.js} +2 -3
  391. package/dist/esm/{index-B-v2Wm-V.js → index-MUUOiuTm.js} +75 -1
  392. package/dist/esm/index.js +10 -10
  393. package/dist/esm/{listener-DIZDQOuO.js → listener-DiVrGAqj.js} +1 -1
  394. package/dist/esm/loader.js +3 -3
  395. package/dist/esm/{one-of-CjRvS2Tk.js → one-of-rLykP5eX.js} +1 -1
  396. package/dist/esm/{required-Dtml5IID.js → required-BsfIY-qW.js} +1 -1
  397. package/dist/esm/{resize.decorator-eogZBBk6.js → resize.decorator-BNy5tJCt.js} +2 -2
  398. package/dist/esm/{scroll-v2MaEkiZ.js → scroll-D4cC-Fsr.js} +1 -1
  399. package/dist/esm/{svg-B8KVoKrH.js → svg-D-_px2sY.js} +96 -33
  400. package/dist/esm/{tslib.es6-n47B6oUi.js → tslib.es6-C7vR-gMn.js} +1 -1
  401. package/dist/esm/{type-7qEQcw90.js → type-Bqge296W.js} +1 -1
  402. package/dist/types/components/alert/alert-container.d.ts +5 -6
  403. package/dist/types/components/alert/alert-container.interfaces.d.ts +1 -1
  404. package/dist/types/components/alert/snackbar/snackbar.d.ts +10 -6
  405. package/dist/types/components/alert/toast/toast.d.ts +8 -4
  406. package/dist/types/components/app/app.d.ts +23 -0
  407. package/dist/types/components/badge/badge.d.ts +12 -4
  408. package/dist/types/components/badge/badge.interfaces.d.ts +3 -3
  409. package/dist/types/components/button/button.interfaces.d.ts +1 -1
  410. package/dist/types/components/card/card-subtitle/card-subtitle.d.ts +1 -1
  411. package/dist/types/components/card/card-title/card-title.d.ts +1 -1
  412. package/dist/types/components/checkbox/checkbox-group/checkbox-group.d.ts +4 -0
  413. package/dist/types/components/close/close.d.ts +14 -2
  414. package/dist/types/components/close/close.interfaces.d.ts +1 -1
  415. package/dist/types/components/content/content.d.ts +6 -6
  416. package/dist/types/components/content/content.interfaces.d.ts +3 -3
  417. package/dist/types/components/date/date.d.ts +3 -0
  418. package/dist/types/components/file-upload/file-upload.d.ts +3 -0
  419. package/dist/types/components/heading/heading.d.ts +10 -10
  420. package/dist/types/components/heading/heading.interfaces.d.ts +3 -3
  421. package/dist/types/components/input/input.d.ts +4 -0
  422. package/dist/types/components/input-slider/input-slider.d.ts +4 -1
  423. package/dist/types/components/notification/notification.d.ts +5 -5
  424. package/dist/types/components/notification/notification.interfaces.d.ts +2 -2
  425. package/dist/types/components/number-input/number-input.d.ts +4 -0
  426. package/dist/types/components/radio/radio-group/radio-group.d.ts +4 -0
  427. package/dist/types/components/segment/segment/segment.d.ts +3 -0
  428. package/dist/types/components/select/select.d.ts +3 -0
  429. package/dist/types/components/spinner/spinner.d.ts +8 -7
  430. package/dist/types/components/spinner/spinner.interfaces.d.ts +1 -1
  431. package/dist/types/components/stack/stack.d.ts +3 -3
  432. package/dist/types/components/stack/stack.interfaces.d.ts +2 -2
  433. package/dist/types/components/textarea/textarea.d.ts +4 -0
  434. package/dist/types/components.d.ts +29 -74
  435. package/dist/types/global/token-preview.d.ts +8 -0
  436. package/dist/types/global/token-preview.types.d.ts +20 -0
  437. package/dist/types/utils/index.d.ts +1 -0
  438. package/dist/types/utils/invalid-text-slot.d.ts +9 -0
  439. package/docs/cem.json +100 -92
  440. package/docs/components.json +1246 -1409
  441. package/docs/html.html-data.json +1 -1
  442. package/docs/visual-pages.json +51 -0
  443. package/package.json +29 -6
  444. package/sbom.cdx.json +35379 -17251
  445. package/components/p--EKmxaBS.js +0 -4
  446. package/components/p-CA7G72wZ.js +0 -4
  447. package/components/p-CWDuQL1i.js +0 -4
  448. package/components/p-Ceu7FIWM.js +0 -4
  449. package/components/p-DQBzmbR6.js +0 -4
  450. package/components/p-DY0y8uLL.js +0 -4
  451. package/components/p-Du7QOHtz.js +0 -5
  452. package/components/p-FBQaJyH0.js +0 -4
  453. package/components/p-gz0Nxl39.js +0 -4
  454. package/components/p-qaSW94OG.js +0 -4
  455. package/dist/design-system/p-0f2a87fa39.entry.js +0 -4
  456. package/dist/design-system/p-138be1f0cc.entry.js +0 -4
  457. package/dist/design-system/p-16b03e0b02.entry.js +0 -4
  458. package/dist/design-system/p-2bb98dfa2f.entry.js +0 -4
  459. package/dist/design-system/p-3824068ae7.entry.js +0 -4
  460. package/dist/design-system/p-3aa3841834.entry.js +0 -4
  461. package/dist/design-system/p-4284d6d646.entry.js +0 -4
  462. package/dist/design-system/p-4b2a59576c.entry.js +0 -4
  463. package/dist/design-system/p-53d9a40010.entry.js +0 -4
  464. package/dist/design-system/p-5a6c6959fa.entry.js +0 -4
  465. package/dist/design-system/p-5f28436626.entry.js +0 -4
  466. package/dist/design-system/p-77e7a6a068.entry.js +0 -4
  467. package/dist/design-system/p-7ebdd14afc.entry.js +0 -4
  468. package/dist/design-system/p-7f42c18249.entry.js +0 -4
  469. package/dist/design-system/p-908e7b073a.entry.js +0 -4
  470. package/dist/design-system/p-B8KVoKrH.js +0 -5
  471. package/dist/design-system/p-BPGfTrrM.js +0 -4
  472. package/dist/design-system/p-Ceu7FIWM.js +0 -4
  473. package/dist/design-system/p-DYPX3A8m.js +0 -4
  474. package/dist/design-system/p-DiUgZKWs.js +0 -4
  475. package/dist/design-system/p-DkhJaoXg.js +0 -4
  476. package/dist/design-system/p-DypNSUAh.js +0 -4
  477. package/dist/design-system/p-Z0zrglhd.js +0 -4
  478. package/dist/design-system/p-a8df8f067b.entry.js +0 -4
  479. package/dist/design-system/p-aa3c0ff536.entry.js +0 -4
  480. package/dist/design-system/p-b390490b0d.entry.js +0 -4
  481. package/dist/design-system/p-b851a43fff.entry.js +0 -4
  482. package/dist/design-system/p-b8f626bf28.entry.js +0 -4
  483. package/dist/design-system/p-bd543e1baf.entry.js +0 -4
  484. package/dist/design-system/p-d4d9205dda.entry.js +0 -4
  485. package/dist/design-system/p-e0b2d6e296.entry.js +0 -4
  486. package/dist/design-system/p-e94ee7391c.entry.js +0 -4
  487. package/dist/design-system/p-faf75173db.entry.js +0 -4
  488. package/dist/design-system/p-fff38e1ca7.entry.js +0 -4
package/dist/design-system/{p-9f9364d7df.entry.js → p-69784a200e.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as o,I as t,v as r,E as e,F as n,G as d}from"./p-B-v2Wm-V.js";import{_ as i,L as a,a as s}from"./p-Y0rKqVvm.js";import{h as b}from"./p-ChSKXFK5.js";import{i as c}from"./p-BR1SYpQO.js";import{d as u}from"./p-CfgwSore.js";import{O as l}from"./p-DypNSUAh.js";import{T as v}from"./p-Z0zrglhd.js";import{L as m}from"./p-DiUgZKWs.js";import{L as g}from"./p-x2KazRjl.js";import"./p-Dk0GEN2t.js";import"./p-Chgme2NJ.js";import"./p-DOvdnojj.js";import"./p-CrYAd3JT.js";const h=class{constructor(e){o(this,e),this.dsChangeEventEmitter=t(this,"dsChange"),this.isMobile=u.isMobile,this.language=r.language,this.align="",this.disabled=!1,this.label="",this.pageRange=2,this.size="",this.sticky=!1,this.textNext="",this.textPrevious="",this.top=0,this.totalPages=1,this.value=1,this.variant=""}createLogger(o){this.log=o}topChanged(o){this.sticky&&(this.el.style.top=`${o}px`)}componentWillLoad(){this.topChanged(this.top)}listenToBreakpoint(o){this.isMobile=o.mobile}async next(){this.value<this.totalPages&&(this.value=this.value+1,this.dsChangeEventEmitter.emit(this.value))}async previous(){1!==this.value&&(this.value=this.value-1,this.dsChangeEventEmitter.emit(this.value))}async configChanged(o){this.language=o.language}selectPage(o){this.value=o,this.dsChangeEventEmitter.emit(this.value)}getItems(o=2){const t=function(o,t,r){const e=[];(o>t||o<0)&&(o=1),t<=0&&(t=10),r<0&&(r=2);const n=5+2*r;if(t<=n)for(let r=1;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o});else if(o<=n-2-r){for(let t=1;t<=n-2;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}else if(o>=t-3){e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});for(let r=t-n+3;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o})}else{e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});const n=Number(o);for(let t=n-r;t<=n+r;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}return e}(this.value,this.totalPages,o);return t.map((o=>"page"===o.type?this.renderPageElement(Number(o.label)):this.renderEllipsisElement()))}renderEllipsisElement(){return e("li",{"aria-hidden":"true"},e("div",{id:"ellipsis",part:"ellipsis"},e("span",null,"…")))}renderPageElement(o){const t=this.value===o;return b(this.variant)?e("li",null,e("button",{part:"page",class:{dot:!0,"is-active":t,"is-inactive":!t},"aria-current":t?"true":void 0,"aria-label":o.toString(),title:o.toString(),onClick:()=>this.selectPage(o)})):e("li",null,e("button",{part:"page",class:{button:!0,"is-square":!0,"is-primary":t,"is-text":!t,"is-disabled":this.disabled,"is-sm":this.isMobile||b(this.size)},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(o)},o))}render(){const o=this.getItems(this.isMobile?1:this.pageRange),t=b(this.variant),r=t?"is-tertiary":"is-text",d=t||b(this.size)||this.isMobile?"is-sm":"",i=t,a=this.label||c[this.language].label,s=this.textPrevious||c[this.language].left,u=this.textNext||c[this.language].right,l=!b(this.variant)||t&&this.totalPages<=5;return e(n,{key:"e4fde2b2b21cdd1dd28df93f2e7a137c284760ef",class:{"is-sticky":this.sticky,"is-disabled":this.disabled,[`is-variant-${this.variant}`]:b(this.variant),[`is-size-${this.size}`]:b(this.size),[`is-align-${this.align}`]:b(this.align)}},e("nav",{key:"15343917a6da89b56809ba627398044f25a8a055",class:{},id:"nav",part:"navigation",role:"navigation","aria-label":a},!this.disabled&&e("button",{key:"0b779674998a104b80a81cc9729c53800472815f",id:"previous",part:"previous","aria-label":s,title:s,class:{button:!0,"is-square":!0,"is-disabled":this.value<2,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value<2,onClick:()=>this.previous()},e("ds-icon",{key:"297a1a9a9cd53f79a41fcac21d5a1e2abe4621c8",name:"nav-go-left",size:"sm",disabled:this.value<2})),!this.disabled&&e("button",{key:"b6fc6ce84a9fa1ebc08a1ea1ad10566c369bba71",id:"next",part:"next","aria-label":u,title:u,class:{button:!0,"is-square":!0,"is-disabled":this.value===this.totalPages,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value===this.totalPages,onClick:()=>this.next()},e("ds-icon",{key:"6764ae6b035917963f07f20ae172e23894c1bd32",name:"nav-go-right",size:"sm",disabled:this.value===this.totalPages})),l?e("ul",{class:{dots:b(this.variant)},part:"list"},o):e((()=>e("span",{key:"e5df59a6b0f2955c7ffe0a1b8ae05828d089a03a",class:"dots"},e("strong",{key:"8aec14c8f62c54ad23696b7baa6c5214ccc3d625"},this.value),e("span",{key:"a3ed5e5e68ea3706cc490f7a859a4d6ecbb38ff5"},"/"),e("span",{key:"a621e7f072a7214b7fef82b1672742df94d45ba9"},this.totalPages))),null)))}get el(){return d(this)}static get watchers(){return{top:[{topChanged:0}]}}};i([a("pagination"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],h.prototype,"createLogger",null),i([l(["","end","start"]),s("design:type",String)],h.prototype,"align",void 0),i([v("boolean"),s("design:type",Boolean)],h.prototype,"disabled",void 0),i([v("string"),s("design:type",String)],h.prototype,"label",void 0),i([l(["","sm"]),s("design:type",String)],h.prototype,"size",void 0),i([v("boolean"),s("design:type",Boolean)],h.prototype,"sticky",void 0),i([v("string"),s("design:type",String)],h.prototype,"textNext",void 0),i([v("string"),s("design:type",String)],h.prototype,"textPrevious",void 0),i([l(["","dots"]),s("design:type",String)],h.prototype,"variant",void 0),i([m(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],h.prototype,"listenToBreakpoint",null),i([g(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],h.prototype,"configChanged",null),h.style=".button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}.button:focus,.button:active{outline:none}@media (hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}.button.is-xl{--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}.button.is-flat{--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}.button.is-rounded{--mod-button-radius:var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}.buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.buttons.as-row{--mod-buttons-direction:row}.buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_pagination-position:var(--pagination-position, var(--mod-pagination-position, static));--_pagination-top:var(--pagination-top, var(--mod-pagination-top));--_pagination-right:var(--pagination-right, var(--mod-pagination-right));--_pagination-bottom:var(--pagination-bottom, var(--mod-pagination-bottom));--_pagination-left:var(--pagination-left, var(--mod-pagination-left));position:var(--_pagination-position);top:var(--_pagination-top);right:var(--_pagination-right);bottom:var(--_pagination-bottom);left:var(--_pagination-left);--_pagination-m:var(--pagination-m, var(--mod-pagination-m, 0));--_pagination-my:var(--pagination-my, var(--mod-pagination-my));--_pagination-mx:var(--pagination-mx, var(--mod-pagination-mx));--_pagination-ml:var(--pagination-ml, var(--mod-pagination-ml));--_pagination-mr:var(--pagination-mr, var(--mod-pagination-mr));--_pagination-mt:var(--pagination-mt, var(--mod-pagination-mt));--_pagination-mb:var(--pagination-mb, var(--mod-pagination-mb));margin:var(--_pagination-m);margin-inline:var(--_pagination-mx);margin-block:var(--_pagination-my);margin-left:var(--_pagination-ml);margin-right:var(--_pagination-mr);margin-top:var(--_pagination-mt);margin-bottom:var(--_pagination-mb);--_pagination-gap-mobile:var(--pagination-gap-mobile, var(--mod-pagination-gap-mobile, var(--ds-pagination-gap-mobile)));--_pagination-gap-tablet:var(--pagination-gap-tablet, var(--mod-pagination-gap-tablet, var(--ds-pagination-gap-tablet)));--_pagination-gap-desktop:var(--pagination-gap-desktop, var(--mod-pagination-gap-desktop, var(--ds-pagination-gap-desktop)));--_pagination-dots-background:var(--pagination-dots-background, var(--mod-pagination-dots-background, var(--ds-pagination-dots-background)));--_pagination-dots-radius:var(--pagination-dots-radius, var(--mod-pagination-dots-radius, var(--ds-pagination-dots-radius)));--_pagination-disabled-text-color:var(--pagination-disabled-text-color, var(--mod-pagination-disabled-text-color, var(--ds-pagination-disabled-text-color)));--_pagination-elevation-sticky:var(--pagination-elevation-sticky, var(--mod-pagination-elevation-sticky, var(--ds-pagination-elevation-sticky)));--_pagination-text-weight:var(--pagination-text-weight, var(--mod-pagination-text-weight, var(--ds-pagination-text-weight)));--_pagination-dots-inactive-color:var(--pagination-dots-inactive-color, var(--mod-pagination-dots-inactive-color, var(--ds-pagination-dots-inactive-color)));--_pagination-dots-active-color:var(--pagination-dots-active-color, var(--mod-pagination-dots-active-color, var(--ds-pagination-dots-active-color)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block}:host #nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}:host #nav ul{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--_pagination-gap-mobile);-ms-flex-order:2;order:2;width:unset;text-align:center}@media screen and (min-width: 769px){:host #nav ul{gap:var(--_pagination-gap-tablet)}}@media screen and (min-width: 1024px){:host #nav ul{gap:var(--_pagination-gap-desktop)}}:host #previous{-ms-flex-order:1;order:1}:host #next{-ms-flex-order:3;order:3}:host #ellipsis{width:2rem;font-weight:700}@media screen and (min-width: 769px){:host #ellipsis{width:3rem}}:host button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:host(.is-sticky){position:-webkit-sticky;position:sticky;z-index:var(--_pagination-elevation-sticky)}:host(.is-disabled){pointer-events:none}:host(.is-disabled) #ellipsis{color:var(--_pagination-disabled-text-color)}:host(.is-size-small){--mod-pagination-gap:0.125rem}:host(.is-size-small) #ellipsis{width:2rem}:host(.is-align-start) #nav{-ms-flex-pack:start;justify-content:flex-start}:host(.is-align-end) #nav{-ms-flex-pack:end;justify-content:flex-end}:host(.is-variant-dots){--_pagination-dots-background:var(--ds-alias-background-color-grey)}:host(.is-variant-dots) #previous.is-disabled,:host(.is-variant-dots) #next.is-disabled{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);opacity:.35}:host(.is-variant-dots) .dots{-ms-flex-order:2;order:2;max-width:88px;min-width:63px;min-height:2rem;margin:0 20px 0 !important;background:var(--_pagination-dots-background);border-radius:var(--_pagination-dots-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.125rem}:host(.is-variant-dots) .dots li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host(.is-variant-dots) .dots strong{font-weight:var(--_pagination-text-weight)}:host(.is-variant-dots) .dots button.dot{cursor:pointer;width:.625rem;height:.625rem;border-radius:50%;background-color:var(--_pagination-dots-inactive-color);border:none;padding:0}:host(.is-variant-dots) .dots button.dot.is-active{background-color:var(--_pagination-dots-active-color)}";export{h as ds_pagination}
4
+ import{B as o,I as t,v as r,E as e,F as n,G as d}from"./p-MUUOiuTm.js";import{_ as i,L as a,a as s}from"./p-_rk5qARQ.js";import{h as b}from"./p-6Iq8BM7N.js";import{i as c}from"./p-BR1SYpQO.js";import{d as u}from"./p-ClSAXeZN.js";import{O as l}from"./p-_Ywzmi-B.js";import{T as v}from"./p-B9ddSbbe.js";import{L as m}from"./p-DNQg2PVW.js";import{L as g}from"./p-DWdcUUdS.js";import"./p-BjaiDrCD.js";import"./p-CBGYLNZZ.js";import"./p-Bnpwi9iD.js";import"./p-aPnyJLhr.js";const h=class{constructor(e){o(this,e),this.dsChangeEventEmitter=t(this,"dsChange"),this.isMobile=u.isMobile,this.language=r.language,this.align="",this.disabled=!1,this.label="",this.pageRange=2,this.size="",this.sticky=!1,this.textNext="",this.textPrevious="",this.top=0,this.totalPages=1,this.value=1,this.variant=""}createLogger(o){this.log=o}topChanged(o){this.sticky&&(this.el.style.top=`${o}px`)}componentWillLoad(){this.topChanged(this.top)}listenToBreakpoint(o){this.isMobile=o.mobile}async next(){this.value<this.totalPages&&(this.value=this.value+1,this.dsChangeEventEmitter.emit(this.value))}async previous(){1!==this.value&&(this.value=this.value-1,this.dsChangeEventEmitter.emit(this.value))}async configChanged(o){this.language=o.language}selectPage(o){this.value=o,this.dsChangeEventEmitter.emit(this.value)}getItems(o=2){const t=function(o,t,r){const e=[];(o>t||o<0)&&(o=1),t<=0&&(t=10),r<0&&(r=2);const n=5+2*r;if(t<=n)for(let r=1;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o});else if(o<=n-2-r){for(let t=1;t<=n-2;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}else if(o>=t-3){e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});for(let r=t-n+3;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o})}else{e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});const n=Number(o);for(let t=n-r;t<=n+r;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}return e}(this.value,this.totalPages,o);return t.map((o=>"page"===o.type?this.renderPageElement(Number(o.label)):this.renderEllipsisElement()))}renderEllipsisElement(){return e("li",{"aria-hidden":"true"},e("div",{id:"ellipsis",part:"ellipsis"},e("span",null,"…")))}renderPageElement(o){const t=this.value===o;return b(this.variant)?e("li",null,e("button",{part:"page",class:{dot:!0,"is-active":t,"is-inactive":!t},"aria-current":t?"true":void 0,"aria-label":o.toString(),title:o.toString(),onClick:()=>this.selectPage(o)})):e("li",null,e("button",{part:"page",class:{button:!0,"is-square":!0,"is-primary":t,"is-text":!t,"is-disabled":this.disabled,"is-sm":this.isMobile||b(this.size)},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(o)},o))}render(){const o=this.getItems(this.isMobile?1:this.pageRange),t=b(this.variant),r=t?"is-tertiary":"is-text",d=t||b(this.size)||this.isMobile?"is-sm":"",i=t,a=this.label||c[this.language].label,s=this.textPrevious||c[this.language].left,u=this.textNext||c[this.language].right,l=!b(this.variant)||t&&this.totalPages<=5;return e(n,{key:"e4fde2b2b21cdd1dd28df93f2e7a137c284760ef",class:{"is-sticky":this.sticky,"is-disabled":this.disabled,[`is-variant-${this.variant}`]:b(this.variant),[`is-size-${this.size}`]:b(this.size),[`is-align-${this.align}`]:b(this.align)}},e("nav",{key:"15343917a6da89b56809ba627398044f25a8a055",class:{},id:"nav",part:"navigation",role:"navigation","aria-label":a},!this.disabled&&e("button",{key:"0b779674998a104b80a81cc9729c53800472815f",id:"previous",part:"previous","aria-label":s,title:s,class:{button:!0,"is-square":!0,"is-disabled":this.value<2,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value<2,onClick:()=>this.previous()},e("ds-icon",{key:"297a1a9a9cd53f79a41fcac21d5a1e2abe4621c8",name:"nav-go-left",size:"sm",disabled:this.value<2})),!this.disabled&&e("button",{key:"b6fc6ce84a9fa1ebc08a1ea1ad10566c369bba71",id:"next",part:"next","aria-label":u,title:u,class:{button:!0,"is-square":!0,"is-disabled":this.value===this.totalPages,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value===this.totalPages,onClick:()=>this.next()},e("ds-icon",{key:"6764ae6b035917963f07f20ae172e23894c1bd32",name:"nav-go-right",size:"sm",disabled:this.value===this.totalPages})),l?e("ul",{class:{dots:b(this.variant)},part:"list"},o):e((()=>e("span",{key:"e5df59a6b0f2955c7ffe0a1b8ae05828d089a03a",class:"dots"},e("strong",{key:"8aec14c8f62c54ad23696b7baa6c5214ccc3d625"},this.value),e("span",{key:"a3ed5e5e68ea3706cc490f7a859a4d6ecbb38ff5"},"/"),e("span",{key:"a621e7f072a7214b7fef82b1672742df94d45ba9"},this.totalPages))),null)))}get el(){return d(this)}static get watchers(){return{top:[{topChanged:0}]}}};i([a("pagination"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],h.prototype,"createLogger",null),i([l(["","end","start"]),s("design:type",String)],h.prototype,"align",void 0),i([v("boolean"),s("design:type",Boolean)],h.prototype,"disabled",void 0),i([v("string"),s("design:type",String)],h.prototype,"label",void 0),i([l(["","sm"]),s("design:type",String)],h.prototype,"size",void 0),i([v("boolean"),s("design:type",Boolean)],h.prototype,"sticky",void 0),i([v("string"),s("design:type",String)],h.prototype,"textNext",void 0),i([v("string"),s("design:type",String)],h.prototype,"textPrevious",void 0),i([l(["","dots"]),s("design:type",String)],h.prototype,"variant",void 0),i([m(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],h.prototype,"listenToBreakpoint",null),i([g(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],h.prototype,"configChanged",null),h.style=".button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}.button:focus,.button:active{outline:none}@media (hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}.button.is-xl{--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}.button.is-flat{--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}.button.is-rounded{--mod-button-radius:var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}.buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.buttons.as-row{--mod-buttons-direction:row}.buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_pagination-position:var(--pagination-position, var(--mod-pagination-position, static));--_pagination-top:var(--pagination-top, var(--mod-pagination-top));--_pagination-right:var(--pagination-right, var(--mod-pagination-right));--_pagination-bottom:var(--pagination-bottom, var(--mod-pagination-bottom));--_pagination-left:var(--pagination-left, var(--mod-pagination-left));position:var(--_pagination-position);top:var(--_pagination-top);right:var(--_pagination-right);bottom:var(--_pagination-bottom);left:var(--_pagination-left);--_pagination-m:var(--pagination-m, var(--mod-pagination-m, 0));--_pagination-my:var(--pagination-my, var(--mod-pagination-my));--_pagination-mx:var(--pagination-mx, var(--mod-pagination-mx));--_pagination-ml:var(--pagination-ml, var(--mod-pagination-ml));--_pagination-mr:var(--pagination-mr, var(--mod-pagination-mr));--_pagination-mt:var(--pagination-mt, var(--mod-pagination-mt));--_pagination-mb:var(--pagination-mb, var(--mod-pagination-mb));margin:var(--_pagination-m);margin-inline:var(--_pagination-mx);margin-block:var(--_pagination-my);margin-left:var(--_pagination-ml);margin-right:var(--_pagination-mr);margin-top:var(--_pagination-mt);margin-bottom:var(--_pagination-mb);--_pagination-gap-mobile:var(--pagination-gap-mobile, var(--mod-pagination-gap-mobile, var(--ds-pagination-gap-mobile)));--_pagination-gap-tablet:var(--pagination-gap-tablet, var(--mod-pagination-gap-tablet, var(--ds-pagination-gap-tablet)));--_pagination-gap-desktop:var(--pagination-gap-desktop, var(--mod-pagination-gap-desktop, var(--ds-pagination-gap-desktop)));--_pagination-dots-background:var(--pagination-dots-background, var(--mod-pagination-dots-background, var(--ds-pagination-dots-background)));--_pagination-dots-radius:var(--pagination-dots-radius, var(--mod-pagination-dots-radius, var(--ds-pagination-dots-radius)));--_pagination-disabled-text-color:var(--pagination-disabled-text-color, var(--mod-pagination-disabled-text-color, var(--ds-pagination-disabled-text-color)));--_pagination-elevation-sticky:var(--pagination-elevation-sticky, var(--mod-pagination-elevation-sticky, var(--ds-pagination-elevation-sticky)));--_pagination-text-weight:var(--pagination-text-weight, var(--mod-pagination-text-weight, var(--ds-pagination-text-weight)));--_pagination-dots-inactive-color:var(--pagination-dots-inactive-color, var(--mod-pagination-dots-inactive-color, var(--ds-pagination-dots-inactive-color)));--_pagination-dots-active-color:var(--pagination-dots-active-color, var(--mod-pagination-dots-active-color, var(--ds-pagination-dots-active-color)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block}:host #nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}:host #nav ul{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--_pagination-gap-mobile);-ms-flex-order:2;order:2;width:unset;text-align:center}@media screen and (min-width: 769px){:host #nav ul{gap:var(--_pagination-gap-tablet)}}@media screen and (min-width: 1024px){:host #nav ul{gap:var(--_pagination-gap-desktop)}}:host #previous{-ms-flex-order:1;order:1}:host #next{-ms-flex-order:3;order:3}:host #ellipsis{width:2rem;font-weight:700}@media screen and (min-width: 769px){:host #ellipsis{width:3rem}}:host button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:host(.is-sticky){position:-webkit-sticky;position:sticky;z-index:var(--_pagination-elevation-sticky)}:host(.is-disabled){pointer-events:none}:host(.is-disabled) #ellipsis{color:var(--_pagination-disabled-text-color)}:host(.is-size-small){--mod-pagination-gap:0.125rem}:host(.is-size-small) #ellipsis{width:2rem}:host(.is-align-start) #nav{-ms-flex-pack:start;justify-content:flex-start}:host(.is-align-end) #nav{-ms-flex-pack:end;justify-content:flex-end}:host(.is-variant-dots){--_pagination-dots-background:var(--ds-alias-background-color-grey)}:host(.is-variant-dots) #previous.is-disabled,:host(.is-variant-dots) #next.is-disabled{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);opacity:.35}:host(.is-variant-dots) .dots{-ms-flex-order:2;order:2;max-width:88px;min-width:63px;min-height:2rem;margin:0 20px 0 !important;background:var(--_pagination-dots-background);border-radius:var(--_pagination-dots-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.125rem}:host(.is-variant-dots) .dots li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host(.is-variant-dots) .dots strong{font-weight:var(--_pagination-text-weight)}:host(.is-variant-dots) .dots button.dot{cursor:pointer;width:.625rem;height:.625rem;border-radius:50%;background-color:var(--_pagination-dots-inactive-color);border:none;padding:0}:host(.is-variant-dots) .dots button.dot.is-active{background-color:var(--_pagination-dots-active-color)}";export{h as ds_pagination}
package/dist/design-system/{p-ChSKXFK5.js → p-6Iq8BM7N.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{i as r}from"./p-Dk0GEN2t.js";function t(t){return!r(t)}export{t as h}
4
+ import{i as r}from"./p-BjaiDrCD.js";function i(i){return!r(i)}export{i as h}
package/dist/design-system/{p-a42ecb68a0.entry.js → p-6ba71ce374.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as t,E as a,F as e,G as n}from"./p-B-v2Wm-V.js";import{_ as o,L as r,a as i}from"./p-Y0rKqVvm.js";const s=class{constructor(a){t(this,a)}createLogger(t){this.log=t}render(){return a(e,{key:"98f18db67370e5cdadb27ec8a690700d5018b248"},a("slot",{key:"0463658375873c16b3bb5bbd142743604bd45705"}))}get el(){return n(this)}};o([r("card-content"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],s.prototype,"createLogger",null),s.style=':host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-alias-text-family-body);font-weight:var(--ds-alias-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-alias-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-heading-weight)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}:host ds-heading:not(:last-child),:host h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}:host h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}:host ds-text:not(:last-child),:host p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}:host p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}';export{s as ds_card_content}
4
+ import{B as t,E as a,F as e,G as n}from"./p-MUUOiuTm.js";import{_ as o,L as r,a as i}from"./p-_rk5qARQ.js";const s=class{constructor(a){t(this,a)}createLogger(t){this.log=t}render(){return a(e,{key:"98f18db67370e5cdadb27ec8a690700d5018b248"},a("slot",{key:"0463658375873c16b3bb5bbd142743604bd45705"}))}get el(){return n(this)}};o([r("card-content"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],s.prototype,"createLogger",null),s.style=':host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-alias-text-family-body);font-weight:var(--ds-alias-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-alias-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-heading-font-weight)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}:host ds-heading:not(:last-child),:host h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}:host h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}:host ds-text:not(:last-child),:host p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}:host p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}';export{s as ds_card_content}
package/dist/design-system/{p-5ded2b6438.entry.js → p-72c08ce551.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as t,I as e,v as s,D as o,E as i,F as r,G as l}from"./p-B-v2Wm-V.js";import{_ as a,L as c,a as n}from"./p-Y0rKqVvm.js";import{s as h}from"./p-C5Rtikeh.js";import{C as d,a as b}from"./p-B-en4B17.js";import{L as u}from"./p-x2KazRjl.js";import{O as v}from"./p-DypNSUAh.js";import{T as g}from"./p-Z0zrglhd.js";import"./p-CrYAd3JT.js";import"./p-Dk0GEN2t.js";const m={de:{scrollLeft:"Vorheriges Element",scrollRight:"Nächstes Element",goToSlide:"Zu Folie",slideOf:"von"},en:{scrollLeft:"Previous item",scrollRight:"Next item",goToSlide:"Go to slide",slideOf:"of"},fr:{scrollLeft:"Élément précédent",scrollRight:"Élément suivant",goToSlide:"Aller à la diapositive",slideOf:"sur"},it:{scrollLeft:"Elemento precedente",scrollRight:"Elemento successivo",goToSlide:"Vai alla diapositiva",slideOf:"di"},nl:{scrollLeft:"Vorig item",scrollRight:"Volgend item",goToSlide:"Ga naar dia",slideOf:"van"},es:{scrollLeft:"Elemento anterior",scrollRight:"Elemento siguiente",goToSlide:"Ir a la diapositiva",slideOf:"de"},pl:{scrollLeft:"Poprzedni element",scrollRight:"Następny element",goToSlide:"Przejdź do slajdu",slideOf:"z"},pt:{scrollLeft:"Item anterior",scrollRight:"Próximo item",goToSlide:"Ir para o slide",slideOf:"de"},sv:{scrollLeft:"Föregående objekt",scrollRight:"Nästa objekt",goToSlide:"Gå till bild",slideOf:"av"},fi:{scrollLeft:"Edellinen kohde",scrollRight:"Seuraava kohde",goToSlide:"Siirry diaan",slideOf:"kohteesta"}},f=class{constructor(o){t(this,o),this.dsChange=e(this,"dsChange"),this.language=s.language,this.region=s.region,this.activeIndex=0,this.itemCount=0,this.canScrollLeft=!1,this.canScrollRight=!1,this.dragging=!1,this.controls="dots",this.variant="slide",this.itemsPerView="auto",this.label="",this.steps=1,this.intersectionInitialized=!1,this.momentumAnimId=0,this.dragStartX=0,this.dragStartScrollLeft=0,this.velocityHistory=[],this.handleKeyDown=t=>{var e,s,o,i;const r=this.getItems(),l=r.findIndex((t=>t.name===this.value)),a="ArrowRight"===t.key,c="ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateItem(null===(e=r[0])||void 0===e?void 0:e.name)):"End"===t.key?(t.preventDefault(),this.activateItem(null===(s=r[r.length-1])||void 0===s?void 0:s.name)):a?(t.preventDefault(),this.activateItem(null===(o=r[(l+1)%r.length])||void 0===o?void 0:o.name)):c&&(t.preventDefault(),this.activateItem(null===(i=r[(l-1+r.length)%r.length])||void 0===i?void 0:i.name))},this.handleSlotChange=()=>{this.setup(),this.initIntersection()},this.scrollPrev=()=>{const t=this.trackEl;if(!t)return;if("slide"===this.variant)return void t.scrollBy({left:-t.clientWidth*this.steps,behavior:"smooth"});const e=this.getItems(),s=this.getFirstVisibleIndex(e,t),o=e[Math.max(s-this.steps,0)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-t.getBoundingClientRect().left-i;t.scrollBy({left:r,behavior:"smooth"})},this.scrollNext=()=>{const t=this.trackEl;if(!t)return;if("slide"===this.variant)return void t.scrollBy({left:t.clientWidth*this.steps,behavior:"smooth"});const e=this.getItems(),s=this.getFirstVisibleIndex(e,t),o=e[Math.min(s+this.steps,e.length-1)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-t.getBoundingClientRect().left-i;t.scrollBy({left:r,behavior:"smooth"})},this.checkOverflow=()=>{const t=this.trackEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.handlePointerDown=t=>{const e=this.trackEl;e&&(cancelAnimationFrame(this.momentumAnimId),this.dragging=!0,this.dragStartX=t.clientX,this.dragStartScrollLeft=e.scrollLeft,this.velocityHistory=[],e.style.scrollBehavior="auto")},this.handlePointerMove=t=>{if(!this.dragging||!this.trackEl)return;const e=this.trackEl;e.hasPointerCapture(t.pointerId)||e.setPointerCapture(t.pointerId),e.scrollLeft=this.dragStartScrollLeft-(t.clientX-this.dragStartX),this.velocityHistory.push({x:t.clientX,t:performance.now()}),this.velocityHistory.length>5&&this.velocityHistory.shift()},this.handlePointerUp=t=>{if(!this.dragging||!this.trackEl)return;const e=this.trackEl;this.dragging=!1,e.style.scrollBehavior="",e.releasePointerCapture(t.pointerId);const s=this.calcVelocity();if("slide"===this.variant){const t=e.clientWidth,o=this.dragStartScrollLeft-e.scrollLeft;s>.3||o<-.25*t?this.scrollNext():s<-.3||o>.25*t?this.scrollPrev():e.scrollTo({left:this.dragStartScrollLeft,behavior:"smooth"})}else this.applyMomentum(s)},this.handlePaginationChange=t=>{h(t);const e=this.getItems()[t.detail-1];e&&this.activateItem(e.name)}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initScroll(),this.initIntersection()}componentDidUpdate(){this.updateChildren(),"tile"===this.variant&&this.checkOverflow()}disconnectedCallback(){var t,e,s;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(e=this.intersectionObserver)||void 0===e||e.disconnect(),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scroll",this.checkOverflow),cancelAnimationFrame(this.momentumAnimId)}listenToDsCarouselItemSelect(t){h(t),this.activateItem(t.detail.name)}getFirstVisibleIndex(t,e){const s=e.getBoundingClientRect().left;for(let e=0;e<t.length;e++)if(t[e].getBoundingClientRect().left>=s-2)return e;return 0}getFadeWidthPx(){var t;const e=null===(t=this.trackEl)||void 0===t?void 0:t.parentElement;return e&&parseFloat(getComputedStyle(e,"::before").width)||0}calcVelocity(){const t=this.velocityHistory;if(t.length<2)return 0;const e=t[t.length-1].t-t[0].t;return e>0?(t[0].x-t[t.length-1].x)/e:0}applyMomentum(t){const e=this.trackEl;if(!e)return;let s=16*t;const i=()=>{Math.abs(s)<.5||(e.scrollLeft+=s,s*=.94,this.momentumAnimId=o(i))};this.momentumAnimId=o(i)}getItems(){return Array.from(this.el.querySelectorAll(":scope > ds-carousel-item"))}setup(){const t=this.getItems();this.itemCount=t.length,t.forEach(((t,e)=>{t.index=e+1,t.carouselVariant=this.variant,"auto"!==this.itemsPerView&&t.style.setProperty("--carousel-item-width",`calc(100% / ${this.itemsPerView})`)})),!this.value&&t.length&&(this.value=t[0].name),this.updateChildren()}updateChildren(){const t=this.getItems();t.forEach((t=>{t.carouselVariant=this.variant,t.selected=t.name===this.value})),this.activeIndex=t.findIndex((t=>t.name===this.value))}activateItem(t){t&&t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.scrollToActive())}scrollToActive(){const t=this.getItems().find((t=>t.name===this.value));t&&t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}initScroll(){const t=this.trackEl;t&&"tile"===this.variant&&(t.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(t),this.checkOverflow())}initIntersection(){var t;null===(t=this.intersectionObserver)||void 0===t||t.disconnect(),this.intersectionInitialized=!1,"slide"===this.variant&&this.trackEl&&(this.intersectionObserver=new IntersectionObserver((t=>{if(!this.intersectionInitialized)return void(this.intersectionInitialized=!0);const e=t.find((t=>t.isIntersecting&&t.intersectionRatio>=.5));if(!e)return;const s=this.getItems(),o=s.findIndex((t=>t===e.target));-1!==o&&(this.activeIndex=o,this.value=s[o].name)}),{root:this.trackEl,threshold:.5}),this.getItems().forEach((t=>this.intersectionObserver.observe(t))))}render(){const t=m[this.language],e="slide"===this.variant,s="dots"===this.controls,o="large"===this.controls,l=i("button",{key:"1b5bb6d92e8745a2950a7b307e4cdb10b5e67329",class:"scroll-btn scroll-btn--prev","aria-label":t.scrollLeft,tabIndex:-1,onClick:this.scrollPrev},i("ds-icon",{key:"5fd82f4b5ebe7ec09d552727edbfa8a5ae539221",name:"caret-left",size:"sm"})),a=i("button",{key:"c6f4c94aac766ad33c766489044c9a9bd1b5726e",class:"scroll-btn scroll-btn--next","aria-label":t.scrollRight,tabIndex:-1,onClick:this.scrollNext},i("ds-icon",{key:"8cfb442e07919ec88a46992e323c61fede8e0bb5",name:"caret-right",size:"sm"})),c=i("div",{key:"0e7ddcde38d8a83793512bb0f577375753b657ba",class:{"carousel-track":!0,"is-dragging":this.dragging},part:"track",role:"region","aria-label":this.label||t.scrollLeft,tabIndex:0,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,ref:t=>{this.trackEl=t}},i("slot",{key:"7559f5c3a986a32703b7c7ac306ccc6c43b419f5",onSlotchange:this.handleSlotChange}));return i(r,{key:"c2e560061487baa158ae0ce8db00b331eaa16341",class:{"is-slide":e,"is-tile":!e,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},i("div",{key:"2f6db134dcf6a5fe7cb8859cf52dfad7db063662",class:"carousel-outer"},o&&(e?!(0===this.activeIndex)&&l:l),c,o&&(e?!(this.activeIndex===this.itemCount-1)&&a:a)),s&&i("ds-pagination",{key:"7020aad4265c4ae2463ca8174d18cfb578fde252",class:"pagination",variant:"dots",totalPages:this.itemCount,value:this.activeIndex+1,textPrevious:t.scrollLeft,textNext:t.scrollRight,onDsChange:this.handlePaginationChange}))}get el(){return l(this)}};a([c("carousel"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],f.prototype,"createLogger",null),a([v(d),n("design:type",String)],f.prototype,"controls",void 0),a([v(b),n("design:type",String)],f.prototype,"variant",void 0),a([g("string"),n("design:type",String)],f.prototype,"label",void 0),a([g("number"),n("design:type",Number)],f.prototype,"steps",void 0),a([g("string"),n("design:type",Object)],f.prototype,"value",void 0),a([u(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=':host{--_carousel-gap:var(--carousel-gap, var(--mod-carousel-gap, var(--ds-carousel-gap)));--_carousel-control-color:var(--carousel-control-color, var(--mod-carousel-control-color, var(--ds-carousel-control-color)));--_carousel-scroll-fade-bg:var(--carousel-scroll-fade-bg, var(--mod-carousel-scroll-fade-bg, var(--ds-carousel-scroll-fade-bg)));--_carousel-scroll-btn-bg-active:var(--carousel-scroll-btn-bg-active, var(--mod-carousel-scroll-btn-bg-active, var(--ds-carousel-scroll-btn-background-active, var(--ds-alias-background-color-primary))));--_carousel-scroll-btn-bg-active-hover:var(--carousel-scroll-btn-bg-active-hover, var(--mod-carousel-scroll-btn-bg-active-hover, var(--ds-carousel-scroll-btn-background-active-hover, var(--ds-alias-background-color-primary-hover))));--_carousel-scroll-btn-bg-active-pressed:var(--carousel-scroll-btn-bg-active-pressed, var(--mod-carousel-scroll-btn-bg-active-pressed, var(--ds-carousel-scroll-btn-background-active-pressed, var(--ds-alias-background-color-primary-active))));--_carousel-scroll-btn-color-active:var(--carousel-scroll-btn-color-active, var(--mod-carousel-scroll-btn-color-active, var(--ds-carousel-scroll-btn-color-active, var(--ds-alias-text-color-white))));display:block}:host .carousel-track{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow-x:scroll;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}:host .carousel-track::-webkit-scrollbar{display:none}:host .carousel-track.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-behavior:auto}:host .carousel-outer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.is-slide){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}:host(.is-slide) .carousel-track{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;gap:0}:host(.is-slide) .pagination{-ms-flex-item-align:center;align-self:center}:host(.is-slide) .carousel-outer{position:relative;display:block}:host(.is-slide) .scroll-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:9999px;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--mod-icon-color:currentColor;--icon-color:var(--_carousel-scroll-btn-color-active);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-slide) .scroll-btn:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-slide) .scroll-btn:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}:host(.is-slide) .scroll-btn--prev{left:1rem}:host(.is-slide) .scroll-btn--next{right:1rem}:host(.is-tile){display:block}:host(.is-tile) .carousel-outer{position:relative}:host(.is-tile) .carousel-track{-ms-flex:1;flex:1;min-width:0;gap:var(--_carousel-gap);scroll-behavior:smooth}:host(.is-tile.has-overflow) .carousel-outer::before,:host(.is-tile.has-overflow) .carousel-outer::after{content:"";position:absolute;top:0;bottom:0;width:3rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.is-tile.has-overflow) .carousel-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.has-overflow) .carousel-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.can-scroll-left) .carousel-outer::before{opacity:1}:host(.is-tile.can-scroll-right) .carousel-outer::after{opacity:1}:host(.is-tile) .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;height:2.5rem;min-width:0;max-width:2.5rem;max-height:2.5rem;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:9999px;background:none;color:var(--_carousel-control-color);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.is-tile.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.35}:host(.is-tile.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.is-tile.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.is-tile.can-scroll-left) .scroll-btn--prev,:host(.is-tile.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--icon-color:var(--_carousel-scroll-btn-color-active)}@media (hover: hover)and (pointer: fine){:host(.is-tile.can-scroll-left) .scroll-btn--prev:hover,:host(.is-tile.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-tile.can-scroll-left) .scroll-btn--prev:active,:host(.is-tile.can-scroll-right) .scroll-btn--next:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}';export{f as ds_carousel}
4
+ import{B as t,I as e,v as s,D as o,E as i,F as r,G as l}from"./p-MUUOiuTm.js";import{_ as a,L as c,a as n}from"./p-_rk5qARQ.js";import{s as h}from"./p-DuKlHFAK.js";import{C as d,a as b}from"./p-B-en4B17.js";import{L as u}from"./p-DWdcUUdS.js";import{O as v}from"./p-_Ywzmi-B.js";import{T as g}from"./p-B9ddSbbe.js";import"./p-aPnyJLhr.js";import"./p-BjaiDrCD.js";const m={de:{scrollLeft:"Vorheriges Element",scrollRight:"Nächstes Element",goToSlide:"Zu Folie",slideOf:"von"},en:{scrollLeft:"Previous item",scrollRight:"Next item",goToSlide:"Go to slide",slideOf:"of"},fr:{scrollLeft:"Élément précédent",scrollRight:"Élément suivant",goToSlide:"Aller à la diapositive",slideOf:"sur"},it:{scrollLeft:"Elemento precedente",scrollRight:"Elemento successivo",goToSlide:"Vai alla diapositiva",slideOf:"di"},nl:{scrollLeft:"Vorig item",scrollRight:"Volgend item",goToSlide:"Ga naar dia",slideOf:"van"},es:{scrollLeft:"Elemento anterior",scrollRight:"Elemento siguiente",goToSlide:"Ir a la diapositiva",slideOf:"de"},pl:{scrollLeft:"Poprzedni element",scrollRight:"Następny element",goToSlide:"Przejdź do slajdu",slideOf:"z"},pt:{scrollLeft:"Item anterior",scrollRight:"Próximo item",goToSlide:"Ir para o slide",slideOf:"de"},sv:{scrollLeft:"Föregående objekt",scrollRight:"Nästa objekt",goToSlide:"Gå till bild",slideOf:"av"},fi:{scrollLeft:"Edellinen kohde",scrollRight:"Seuraava kohde",goToSlide:"Siirry diaan",slideOf:"kohteesta"}},f=class{constructor(o){t(this,o),this.dsChange=e(this,"dsChange"),this.language=s.language,this.region=s.region,this.activeIndex=0,this.itemCount=0,this.canScrollLeft=!1,this.canScrollRight=!1,this.dragging=!1,this.controls="dots",this.variant="slide",this.itemsPerView="auto",this.label="",this.steps=1,this.intersectionInitialized=!1,this.momentumAnimId=0,this.dragStartX=0,this.dragStartScrollLeft=0,this.velocityHistory=[],this.handleKeyDown=t=>{var e,s,o,i;const r=this.getItems(),l=r.findIndex((t=>t.name===this.value)),a="ArrowRight"===t.key,c="ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateItem(null===(e=r[0])||void 0===e?void 0:e.name)):"End"===t.key?(t.preventDefault(),this.activateItem(null===(s=r[r.length-1])||void 0===s?void 0:s.name)):a?(t.preventDefault(),this.activateItem(null===(o=r[(l+1)%r.length])||void 0===o?void 0:o.name)):c&&(t.preventDefault(),this.activateItem(null===(i=r[(l-1+r.length)%r.length])||void 0===i?void 0:i.name))},this.handleSlotChange=()=>{this.setup(),this.initIntersection()},this.scrollPrev=()=>{const t=this.trackEl;if(!t)return;if("slide"===this.variant)return void t.scrollBy({left:-t.clientWidth*this.steps,behavior:"smooth"});const e=this.getItems(),s=this.getFirstVisibleIndex(e,t),o=e[Math.max(s-this.steps,0)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-t.getBoundingClientRect().left-i;t.scrollBy({left:r,behavior:"smooth"})},this.scrollNext=()=>{const t=this.trackEl;if(!t)return;if("slide"===this.variant)return void t.scrollBy({left:t.clientWidth*this.steps,behavior:"smooth"});const e=this.getItems(),s=this.getFirstVisibleIndex(e,t),o=e[Math.min(s+this.steps,e.length-1)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-t.getBoundingClientRect().left-i;t.scrollBy({left:r,behavior:"smooth"})},this.checkOverflow=()=>{const t=this.trackEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.handlePointerDown=t=>{const e=this.trackEl;e&&(cancelAnimationFrame(this.momentumAnimId),this.dragging=!0,this.dragStartX=t.clientX,this.dragStartScrollLeft=e.scrollLeft,this.velocityHistory=[],e.style.scrollBehavior="auto")},this.handlePointerMove=t=>{if(!this.dragging||!this.trackEl)return;const e=this.trackEl;e.hasPointerCapture(t.pointerId)||e.setPointerCapture(t.pointerId),e.scrollLeft=this.dragStartScrollLeft-(t.clientX-this.dragStartX),this.velocityHistory.push({x:t.clientX,t:performance.now()}),this.velocityHistory.length>5&&this.velocityHistory.shift()},this.handlePointerUp=t=>{if(!this.dragging||!this.trackEl)return;const e=this.trackEl;this.dragging=!1,e.style.scrollBehavior="",e.releasePointerCapture(t.pointerId);const s=this.calcVelocity();if("slide"===this.variant){const t=e.clientWidth,o=this.dragStartScrollLeft-e.scrollLeft;s>.3||o<-.25*t?this.scrollNext():s<-.3||o>.25*t?this.scrollPrev():e.scrollTo({left:this.dragStartScrollLeft,behavior:"smooth"})}else this.applyMomentum(s)},this.handlePaginationChange=t=>{h(t);const e=this.getItems()[t.detail-1];e&&this.activateItem(e.name)}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initScroll(),this.initIntersection()}componentDidUpdate(){this.updateChildren(),"tile"===this.variant&&this.checkOverflow()}disconnectedCallback(){var t,e,s;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(e=this.intersectionObserver)||void 0===e||e.disconnect(),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scroll",this.checkOverflow),cancelAnimationFrame(this.momentumAnimId)}listenToDsCarouselItemSelect(t){h(t),this.activateItem(t.detail.name)}getFirstVisibleIndex(t,e){const s=e.getBoundingClientRect().left;for(let e=0;e<t.length;e++)if(t[e].getBoundingClientRect().left>=s-2)return e;return 0}getFadeWidthPx(){var t;const e=null===(t=this.trackEl)||void 0===t?void 0:t.parentElement;return e&&parseFloat(getComputedStyle(e,"::before").width)||0}calcVelocity(){const t=this.velocityHistory;if(t.length<2)return 0;const e=t[t.length-1].t-t[0].t;return e>0?(t[0].x-t[t.length-1].x)/e:0}applyMomentum(t){const e=this.trackEl;if(!e)return;let s=16*t;const i=()=>{Math.abs(s)<.5||(e.scrollLeft+=s,s*=.94,this.momentumAnimId=o(i))};this.momentumAnimId=o(i)}getItems(){return Array.from(this.el.querySelectorAll(":scope > ds-carousel-item"))}setup(){const t=this.getItems();this.itemCount=t.length,t.forEach(((t,e)=>{t.index=e+1,t.carouselVariant=this.variant,"auto"!==this.itemsPerView&&t.style.setProperty("--carousel-item-width",`calc(100% / ${this.itemsPerView})`)})),!this.value&&t.length&&(this.value=t[0].name),this.updateChildren()}updateChildren(){const t=this.getItems();t.forEach((t=>{t.carouselVariant=this.variant,t.selected=t.name===this.value})),this.activeIndex=t.findIndex((t=>t.name===this.value))}activateItem(t){t&&t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.scrollToActive())}scrollToActive(){const t=this.getItems().find((t=>t.name===this.value));t&&t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}initScroll(){const t=this.trackEl;t&&"tile"===this.variant&&(t.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(t),this.checkOverflow())}initIntersection(){var t;null===(t=this.intersectionObserver)||void 0===t||t.disconnect(),this.intersectionInitialized=!1,"slide"===this.variant&&this.trackEl&&(this.intersectionObserver=new IntersectionObserver((t=>{if(!this.intersectionInitialized)return void(this.intersectionInitialized=!0);const e=t.find((t=>t.isIntersecting&&t.intersectionRatio>=.5));if(!e)return;const s=this.getItems(),o=s.findIndex((t=>t===e.target));-1!==o&&(this.activeIndex=o,this.value=s[o].name)}),{root:this.trackEl,threshold:.5}),this.getItems().forEach((t=>this.intersectionObserver.observe(t))))}render(){const t=m[this.language],e="slide"===this.variant,s="dots"===this.controls,o="large"===this.controls,l=i("button",{key:"1b5bb6d92e8745a2950a7b307e4cdb10b5e67329",class:"scroll-btn scroll-btn--prev","aria-label":t.scrollLeft,tabIndex:-1,onClick:this.scrollPrev},i("ds-icon",{key:"5fd82f4b5ebe7ec09d552727edbfa8a5ae539221",name:"caret-left",size:"sm"})),a=i("button",{key:"c6f4c94aac766ad33c766489044c9a9bd1b5726e",class:"scroll-btn scroll-btn--next","aria-label":t.scrollRight,tabIndex:-1,onClick:this.scrollNext},i("ds-icon",{key:"8cfb442e07919ec88a46992e323c61fede8e0bb5",name:"caret-right",size:"sm"})),c=i("div",{key:"0e7ddcde38d8a83793512bb0f577375753b657ba",class:{"carousel-track":!0,"is-dragging":this.dragging},part:"track",role:"region","aria-label":this.label||t.scrollLeft,tabIndex:0,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,ref:t=>{this.trackEl=t}},i("slot",{key:"7559f5c3a986a32703b7c7ac306ccc6c43b419f5",onSlotchange:this.handleSlotChange}));return i(r,{key:"c2e560061487baa158ae0ce8db00b331eaa16341",class:{"is-slide":e,"is-tile":!e,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},i("div",{key:"2f6db134dcf6a5fe7cb8859cf52dfad7db063662",class:"carousel-outer"},o&&(e?!(0===this.activeIndex)&&l:l),c,o&&(e?!(this.activeIndex===this.itemCount-1)&&a:a)),s&&i("ds-pagination",{key:"7020aad4265c4ae2463ca8174d18cfb578fde252",class:"pagination",variant:"dots",totalPages:this.itemCount,value:this.activeIndex+1,textPrevious:t.scrollLeft,textNext:t.scrollRight,onDsChange:this.handlePaginationChange}))}get el(){return l(this)}};a([c("carousel"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],f.prototype,"createLogger",null),a([v(d),n("design:type",String)],f.prototype,"controls",void 0),a([v(b),n("design:type",String)],f.prototype,"variant",void 0),a([g("string"),n("design:type",String)],f.prototype,"label",void 0),a([g("number"),n("design:type",Number)],f.prototype,"steps",void 0),a([g("string"),n("design:type",Object)],f.prototype,"value",void 0),a([u(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=':host{--_carousel-gap:var(--carousel-gap, var(--mod-carousel-gap, var(--ds-carousel-gap)));--_carousel-control-color:var(--carousel-control-color, var(--mod-carousel-control-color, var(--ds-carousel-control-color)));--_carousel-scroll-fade-bg:var(--carousel-scroll-fade-bg, var(--mod-carousel-scroll-fade-bg, var(--ds-carousel-scroll-fade-bg)));--_carousel-scroll-btn-bg-active:var(--carousel-scroll-btn-bg-active, var(--mod-carousel-scroll-btn-bg-active, var(--ds-carousel-scroll-btn-background-active, var(--ds-alias-background-color-primary))));--_carousel-scroll-btn-bg-active-hover:var(--carousel-scroll-btn-bg-active-hover, var(--mod-carousel-scroll-btn-bg-active-hover, var(--ds-carousel-scroll-btn-background-active-hover, var(--ds-alias-background-color-primary-hover))));--_carousel-scroll-btn-bg-active-pressed:var(--carousel-scroll-btn-bg-active-pressed, var(--mod-carousel-scroll-btn-bg-active-pressed, var(--ds-carousel-scroll-btn-background-active-pressed, var(--ds-alias-background-color-primary-active))));--_carousel-scroll-btn-color-active:var(--carousel-scroll-btn-color-active, var(--mod-carousel-scroll-btn-color-active, var(--ds-carousel-scroll-btn-color-active, var(--ds-alias-text-color-white))));display:block}:host .carousel-track{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow-x:scroll;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}:host .carousel-track::-webkit-scrollbar{display:none}:host .carousel-track.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-behavior:auto}:host .carousel-outer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.is-slide){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}:host(.is-slide) .carousel-track{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;gap:0}:host(.is-slide) .pagination{-ms-flex-item-align:center;align-self:center}:host(.is-slide) .carousel-outer{position:relative;display:block}:host(.is-slide) .scroll-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:9999px;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--mod-icon-color:currentColor;--icon-color:var(--_carousel-scroll-btn-color-active);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-slide) .scroll-btn:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-slide) .scroll-btn:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}:host(.is-slide) .scroll-btn--prev{left:1rem}:host(.is-slide) .scroll-btn--next{right:1rem}:host(.is-tile){display:block}:host(.is-tile) .carousel-outer{position:relative}:host(.is-tile) .carousel-track{-ms-flex:1;flex:1;min-width:0;gap:var(--_carousel-gap);scroll-behavior:smooth}:host(.is-tile.has-overflow) .carousel-outer::before,:host(.is-tile.has-overflow) .carousel-outer::after{content:"";position:absolute;top:0;bottom:0;width:3rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.is-tile.has-overflow) .carousel-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.has-overflow) .carousel-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.can-scroll-left) .carousel-outer::before{opacity:1}:host(.is-tile.can-scroll-right) .carousel-outer::after{opacity:1}:host(.is-tile) .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;height:2.5rem;min-width:0;max-width:2.5rem;max-height:2.5rem;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:9999px;background:none;color:var(--_carousel-control-color);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.is-tile.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.35}:host(.is-tile.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.is-tile.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.is-tile.can-scroll-left) .scroll-btn--prev,:host(.is-tile.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--icon-color:var(--_carousel-scroll-btn-color-active)}@media (hover: hover)and (pointer: fine){:host(.is-tile.can-scroll-left) .scroll-btn--prev:hover,:host(.is-tile.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-tile.can-scroll-left) .scroll-btn--prev:active,:host(.is-tile.can-scroll-right) .scroll-btn--next:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}';export{f as ds_carousel}
package/dist/design-system/p-72fe1ab876.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as a,d as e,E as i,F as h,G as d}from"./p-MUUOiuTm.js";import{_ as n,L as s,a as t}from"./p-_rk5qARQ.js";import{h as o}from"./p-6Iq8BM7N.js";import{c as g,b as r,d as l,H as m}from"./p-BdLq-Ecc.js";import{O as v}from"./p-_Ywzmi-B.js";import{T as p}from"./p-B9ddSbbe.js";import"./p-BjaiDrCD.js";const c={display:"h1","display-2":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",span:"span",p:"p","5xl":"h1","4xl":"h1","3xl":"h1","2xl":"h1",xl:"h2",lg:"h3",md:"h4",base:"h5"},b=["5xl","4xl","3xl","2xl","xl","lg","md","base"],f={display:"5xl","display-2":"4xl",h1:"3xl",h2:"2xl",h3:"xl",h4:"lg",h5:"base",p:"base",span:"base","5xl":"5xl","4xl":"4xl","3xl":"3xl","2xl":"2xl",xl:"xl",lg:"lg",md:"md",base:"base"},x={primary:"primary",info:"primary",blue:"primary",success:"success",warning:"warning",danger:"danger",white:"white"},w=class{constructor(e){a(this,e),this.level="h1",this.noWrap=!1,this.subtitle=!1,this.inverted=!1,this.shadow=!1}createLogger(a){this.log=a}levelChanged(){this.updateAutoFontSize()}visualLevelChanged(){this.updateAutoFontSize()}autoLevelChanged(){this.updateAutoFontSize()}componentWillLoad(){this.updateAutoFontSize()}componentDidRender(){const a=this.autoLevel;if(a&&this.autoFontSize&&this.rows>1&&f[a]!==this.autoFontSize){const a=b.indexOf(this.autoFontSize)+1;this.autoFontSize=b[a]}}updateAutoFontSize(){this.autoFontSize=this.fontSize}get rows(){if(this.headingEl&&e.hasWindow){const a=window.getComputedStyle(this.headingEl),e=parseInt(a.lineHeight.slice(0,-2),10);return this.headingEl.offsetHeight/e}return 1}get fontColor(){if(this.inverted)return"white";const a=this.color;return a?x[a]:void 0}get fontSize(){return f[this.visualLevel?this.visualLevel:this.level]}get tag(){return c[this.level]}render(){const a=this.tag;return i(h,{key:"dd934a29bc764a7970f7c59a356d67f570631036",class:{[`is-${this.autoFontSize}`]:void 0!==this.autoFontSize,[`is-${this.fontColor}`]:o(this.fontColor),"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,"has-shadow":this.shadow,[`has-space-${this.space}`]:o(this.space)}},i(a,{key:"b468e6437329a02b4878120e06d102abb8732cd3",id:"heading",part:"heading",ref:a=>this.headingEl=a},i("slot",{key:"594a1766c31537f993ae8af98b402f097834750b"})))}get el(){return d(this)}static get watchers(){return{level:[{levelChanged:0}],visualLevel:[{visualLevelChanged:0}],autoLevel:[{autoLevelChanged:0}]}}};n([s("heading"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],w.prototype,"createLogger",null),n([v(g),t("design:type",String)],w.prototype,"level",void 0),n([v(r),t("design:type",String)],w.prototype,"visualLevel",void 0),n([v(r),t("design:type",String)],w.prototype,"autoLevel",void 0),n([p("boolean"),t("design:type",Boolean)],w.prototype,"noWrap",void 0),n([p("boolean"),t("design:type",Boolean)],w.prototype,"subtitle",void 0),n([v(l),t("design:type",String)],w.prototype,"space",void 0),n([v(m),t("design:type",String)],w.prototype,"color",void 0),n([p("boolean"),t("design:type",Boolean)],w.prototype,"inverted",void 0),n([p("boolean"),t("design:type",Boolean)],w.prototype,"shadow",void 0),w.style=":host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-color:var(--heading-color, var(--mod-heading-color, inherit));--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-line-height)));--_heading-font-size:var(--heading-font-size, var(--mod-heading-font-size, var(--ds-heading-1-size-device)));--_heading-space:var(--heading-space, var(--mod-heading-space, var(--ds-heading-1-space)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}#heading{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;color:var(--_heading-color);font-family:var(--_heading-family);font-weight:var(--_heading-weight);font-size:var(--_heading-font-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.text),#heading span:not(.text){font-weight:inherit}#heading b,#heading strong,#heading .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #heading{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.has-shadow){--mod-heading-shadow:var(--ds-heading-shadow)}:host(.is-subtitle){--mod-heading-family:var(--ds-heading-subtitle-font-family);--mod-heading-weight:var(--ds-heading-subtitle-font-weight);--mod-heading-line-height:var(--ds-heading-subtitle-line-height)}:host(.is-primary){--mod-heading-color:var(--ds-heading-primary-color-base)}:host(.is-success){--mod-heading-color:var(--ds-heading-success-color-base)}:host(.is-warning){--mod-heading-color:var(--ds-heading-warning-color-base)}:host(.is-danger){--mod-heading-color:var(--ds-heading-danger-color-base)}:host(.is-white){--mod-heading-color:var(--ds-heading-white-color-base)}:host(.is-black){--mod-heading-color:var(--ds-heading-black-color-base)}:host(.is-3xl){--mod-heading-font-size:var(--ds-heading-1-size-device);--mod-heading-space:var(--ds-heading-1-space)}:host(.is-2xl){--mod-heading-font-size:var(--ds-heading-2-size-device);--mod-heading-space:var(--ds-heading-2-space)}:host(.is-xl){--mod-heading-font-size:var(--ds-heading-3-size-device);--mod-heading-space:var(--ds-heading-3-space)}:host(.is-lg){--mod-heading-font-size:var(--ds-heading-4-size-device);--mod-heading-space:var(--ds-heading-4-space)}:host(.is-base){--mod-heading-font-size:var(--ds-heading-5-size-device);--mod-heading-space:var(--ds-heading-5-space)}:host(.is-5xl){--mod-heading-font-size:var(--ds-heading-display-1-size-device);--mod-heading-space:var(--ds-heading-display-1-space)}:host(.is-4xl){--mod-heading-font-size:var(--ds-heading-display-2-size-device);--mod-heading-space:var(--ds-heading-display-2-space)}:host(.has-space-all){--heading-mt:var(--_heading-space);--heading-mb:var(--_heading-space)}:host(.has-space-top){--heading-mt:var(--_heading-space);--heading-mb:0}:host(.has-space-bottom){--heading-mt:0;--heading-mb:var(--_heading-space)}:host(.has-space-none){--heading-mt:0;--heading-mb:0}:host{display:block}";export{w as ds_heading}
package/dist/design-system/p-73b26207bf.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as r,E as a,F as d,G as o}from"./p-MUUOiuTm.js";import{_ as t,L as e,a as c}from"./p-_rk5qARQ.js";import{h as s}from"./p-6Iq8BM7N.js";import{n as i}from"./p-DR5LIaCn.js";import{C as n,a as l,b as g,c as m}from"./p-BlyIAln5.js";import{T as h}from"./p-B9ddSbbe.js";import{O as v}from"./p-_Ywzmi-B.js";import"./p-BjaiDrCD.js";const p=class{constructor(a){r(this,a),this.flat=!1,this.tile=!1,this.dense=!1,this.imageTeaser=void 0,this.square=!1,this.outlined=!1,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1,this.align="",this.color=""}createLogger(r){this.log=r}get colorTypeClass(){const r=s(this.color)?`${this.inverted?"primary":this.color}`:"";return{blue:"primary","purple-1":"purple-lighter","purple-2":"purple-light","purple-3":"purple","red-1":"red-lighter","red-2":"red-light","red-3":"red","green-1":"green-lighter","green-2":"green-light","green-3":"green","yellow-1":"yellow-lighter","yellow-2":"yellow-light","yellow-3":"yellow"}[r]||r}render(){const r=!!this.outlined,o=null!=this.imageTeaser,t=i(this.space)||"";return a(d,{key:"4c37e36a8df83443c4bd12831f8241ffcec3fc09",class:{"is-image-teaser":o,[`is-image-teaser-${this.imageTeaser}`]:o,"is-square":this.square,"is-dense":this.dense,[`is-${this.colorTypeClass}`]:s(this.color)&&"white"!==this.colorTypeClass,[`has-space-${t}`]:s(this.space),"is-outlined":r,"is-fullheight":this.fullheight,"is-flat":r||!!this.flat,"is-tile":!!this.tile}},a("slot",{key:"3f89b89db48e4305ad185a6b1c3a0ecf452dacf1",name:"picture"}),a("article",{key:"76f6ac56c80aeb3384cd47ed41a40df444c5bafe",id:"card",class:{"is-fullheight":this.fullheight,[`align-${this.align}`]:s(this.align)}},a("slot",{key:"733ac28cd73d84908b5836ce4db6f8f1089d00b0"})))}get el(){return o(this)}};t([e("card"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],p.prototype,"createLogger",null),t([h("boolean"),c("design:type",Boolean)],p.prototype,"flat",void 0),t([h("boolean"),c("design:type",Boolean)],p.prototype,"tile",void 0),t([h("boolean"),c("design:type",Boolean)],p.prototype,"dense",void 0),t([v(n),c("design:type",String)],p.prototype,"imageTeaser",void 0),t([h("boolean"),c("design:type",Boolean)],p.prototype,"square",void 0),t([h("boolean"),c("design:type",Boolean)],p.prototype,"outlined",void 0),t([h("boolean"),c("design:type",Boolean)],p.prototype,"inverted",void 0),t([h("boolean"),c("design:type",Boolean)],p.prototype,"clickable",void 0),t([h("boolean"),c("design:type",Boolean)],p.prototype,"selected",void 0),t([h("boolean"),c("design:type",Boolean)],p.prototype,"fullheight",void 0),t([v(l),c("design:type",String)],p.prototype,"align",void 0),t([v(g),c("design:type",String)],p.prototype,"space",void 0),t([v(m),c("design:type",String)],p.prototype,"color",void 0),p.style=':host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-base-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-base-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-base-border, transparent)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius-base)));--_card-border-width:var(--card-border-width, var(--mod-card-border-width, 0rem));--_card-border-style:var(--card-border-style, var(--mod-card-border-style, solid));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-space-base-device)));--_card-padding-left:var(--card-padding-left, var(--mod-card-padding-left, var(--ds-card-space-base-device)));--_card-padding-right:var(--card-padding-right, var(--mod-card-padding-right, var(--ds-card-space-base-device)));--_card-padding-top:var(--card-padding-top, var(--mod-card-padding-top, var(--ds-card-space-base-device)));--_card-padding-bottom:var(--card-padding-bottom, var(--mod-card-padding-bottom, var(--ds-card-space-base-device)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, \'title .\' \'subtitle subtitle\') )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border-color:var(--_card-color-border);border-width:var(--_card-border-width);border-style:var(--_card-border-style);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:calc(var(--_card-padding-left) - var(--_card-border-width));padding-right:calc(var(--_card-padding-right) - var(--_card-border-width));padding-top:calc(var(--_card-padding-top) - var(--_card-border-width));padding-bottom:calc(var(--_card-padding-bottom) - var(--_card-border-width));text-decoration:none}#card .card-header{--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem;--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .card-header ds-icon,#card .card-header ::slotted(ds-icon){grid-area:icon}#card .card-header>.tag,#card .card-header>.tags,#card .card-header>ds-tag,#card .card-header>ds-tag-group,#card .card-header ::slotted(ds-tag),#card .card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .card-header .title,#card .card-header ds-card-title{grid-area:title}#card .card-header>p,#card .card-header .subtitle,#card .card-header ds-card-subtitle{grid-area:subtitle}#card .card-header .title,#card .card-header .subtitle,#card .card-header .heading{margin:0}#card .card-content{font-family:var(--ds-alias-text-family-body);font-weight:var(--ds-alias-text-weight-regular)}#card .card-content strong,#card .card-content b{font-weight:var(--ds-alias-text-weight-bold)}#card .card-content h1,#card .card-content h2,#card .card-content h3,#card .card-content h4,#card .card-content h5,#card .card-content h6,#card .card-content ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-heading-font-weight)}#card .card-content h1,#card .card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}#card .card-content h2,#card .card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}#card .card-content h3,#card .card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}#card .card-content h4,#card .card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}#card .card-content h5,#card .card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}#card .card-content ds-heading:not(:last-child),#card .card-content h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}#card .card-content h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}#card .card-content ds-text:not(:last-child),#card .card-content p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}#card .card-content p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}#card .card-actions{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){#card .card-actions ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}#card .card-actions ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card .card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .card-actions.as-row{--mod-buttons-direction:row}#card .card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .card-actions.as-col ::slotted(.button),#card .card-actions.as-col .button,#card .card-actions.as-col ::slotted(ds-button),#card .card-actions.as-col ds-button,#card .card-actions.as-col-reverse ::slotted(.button),#card .card-actions.as-col-reverse .button,#card .card-actions.as-col-reverse ::slotted(ds-button),#card .card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .card-actions.as-col.is-center,#card .card-actions.as-col.is-centered,#card .card-actions.as-col-reverse.is-center,#card .card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .card-actions.as-col.is-left,#card .card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .card-actions.as-col.is-right,#card .card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .card-actions.as-row.is-center,#card .card-actions.as-row.is-centered,#card .card-actions.is-center:not(.as-col),#card .card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .card-actions.as-row.is-left,#card .card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .card-actions.as-row.is-right,#card .card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .card-actions.is-wide ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions.is-wide .button:not(.is-square,.is-circle),#card .card-actions.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-square){--mod-card-radius:var(--ds-card-radius-square)}:host(.is-flat){--mod-card-radius:var(--ds-card-radius-flat);--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-padding-left:0;--mod-card-padding-right:0;--mod-card-padding-top:0;--mod-card-padding-bottom:0}:host(.is-outlined){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-border-width:var(--ds-card-outline-width);--mod-card-border-style:dashed;--mod-card-color-border:var(--ds-card-color-base-outline, transparent)}:host(.is-white){--mod-card-color-background:var(--ds-card-color-white-background);--mod-card-color-text:var(--ds-card-color-white-text);--mod-card-color-border:var(--ds-card-color-white-border, transparent)}:host(.is-white.is-outlined){--mod-card-color-border:var(--ds-card-color-white-outline, transparent)}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, transparent)}:host(.is-primary.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-outline, transparent)}:host(.is-primary-light){--mod-card-color-background:var(--ds-card-color-primary-light-background);--mod-card-color-text:var(--ds-card-color-primary-light-text);--mod-card-color-border:var(--ds-card-color-primary-light-border, transparent)}:host(.is-primary-light.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-light-outline, transparent)}:host(.is-info){--mod-card-color-background:var(--ds-card-color-info-background);--mod-card-color-text:var(--ds-card-color-info-text);--mod-card-color-border:var(--ds-card-color-info-border, transparent)}:host(.is-info.is-outlined){--mod-card-color-border:var(--ds-card-color-info-outline, transparent)}:host(.is-success){--mod-card-color-background:var(--ds-card-color-success-background);--mod-card-color-text:var(--ds-card-color-success-text);--mod-card-color-border:var(--ds-card-color-success-border, transparent)}:host(.is-success.is-outlined){--mod-card-color-border:var(--ds-card-color-success-outline, transparent)}:host(.is-warning){--mod-card-color-background:var(--ds-card-color-warning-background);--mod-card-color-text:var(--ds-card-color-warning-text);--mod-card-color-border:var(--ds-card-color-warning-border, transparent)}:host(.is-warning.is-outlined){--mod-card-color-border:var(--ds-card-color-warning-outline, transparent)}:host(.is-danger){--mod-card-color-background:var(--ds-card-color-danger-background);--mod-card-color-text:var(--ds-card-color-danger-text);--mod-card-color-border:var(--ds-card-color-danger-border, transparent)}:host(.is-danger.is-outlined){--mod-card-color-border:var(--ds-card-color-danger-outline, transparent)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, transparent)}:host(.is-grey.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-outline, transparent)}:host(.is-grey-light){--mod-card-color-background:var(--ds-card-color-grey-light-background);--mod-card-color-text:var(--ds-card-color-grey-light-text);--mod-card-color-border:var(--ds-card-color-grey-light-border, transparent)}:host(.is-grey-light.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-light-outline, transparent)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, transparent)}:host(.is-red.is-outlined){--mod-card-color-border:var(--ds-card-color-red-outline, transparent)}:host(.is-red-light){--mod-card-color-background:var(--ds-card-color-red-light-background);--mod-card-color-text:var(--ds-card-color-red-light-text);--mod-card-color-border:var(--ds-card-color-red-light-border, transparent)}:host(.is-red-light.is-outlined){--mod-card-color-border:var(--ds-card-color-red-light-outline, transparent)}:host(.is-red-lighter){--mod-card-color-background:var(--ds-card-color-red-lighter-background);--mod-card-color-text:var(--ds-card-color-red-lighter-text);--mod-card-color-border:var(--ds-card-color-red-lighter-border, transparent)}:host(.is-red-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-red-lighter-outline, transparent)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, transparent)}:host(.is-green.is-outlined){--mod-card-color-border:var(--ds-card-color-green-outline, transparent)}:host(.is-green-light){--mod-card-color-background:var(--ds-card-color-green-light-background);--mod-card-color-text:var(--ds-card-color-green-light-text);--mod-card-color-border:var(--ds-card-color-green-light-border, transparent)}:host(.is-green-light.is-outlined){--mod-card-color-border:var(--ds-card-color-green-light-outline, transparent)}:host(.is-green-lighter){--mod-card-color-background:var(--ds-card-color-green-lighter-background);--mod-card-color-text:var(--ds-card-color-green-lighter-text);--mod-card-color-border:var(--ds-card-color-green-lighter-border, transparent)}:host(.is-green-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-green-lighter-outline, transparent)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, transparent)}:host(.is-purple.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-outline, transparent)}:host(.is-purple-light){--mod-card-color-background:var(--ds-card-color-purple-light-background);--mod-card-color-text:var(--ds-card-color-purple-light-text);--mod-card-color-border:var(--ds-card-color-purple-light-border, transparent)}:host(.is-purple-light.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-light-outline, transparent)}:host(.is-purple-lighter){--mod-card-color-background:var(--ds-card-color-purple-lighter-background);--mod-card-color-text:var(--ds-card-color-purple-lighter-text);--mod-card-color-border:var(--ds-card-color-purple-lighter-border, transparent)}:host(.is-purple-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-lighter-outline, transparent)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, transparent)}:host(.is-yellow.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-outline, transparent)}:host(.is-yellow-light){--mod-card-color-background:var(--ds-card-color-yellow-light-background);--mod-card-color-text:var(--ds-card-color-yellow-light-text);--mod-card-color-border:var(--ds-card-color-yellow-light-border, transparent)}:host(.is-yellow-light.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-light-outline, transparent)}:host(.is-yellow-lighter){--mod-card-color-background:var(--ds-card-color-yellow-lighter-background);--mod-card-color-text:var(--ds-card-color-yellow-lighter-text);--mod-card-color-border:var(--ds-card-color-yellow-lighter-border, transparent)}:host(.is-yellow-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-lighter-outline, transparent)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-space-sm-device)}:host(.has-space-sm:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-sm-device);--mod-card-padding-right:var(--ds-card-space-sm-device);--mod-card-padding-top:var(--ds-card-space-sm-device);--mod-card-padding-bottom:var(--ds-card-space-sm-device)}:host(.has-space-md){--mod-card-gap:var(--ds-card-space-md-device)}:host(.has-space-md:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-md-device);--mod-card-padding-right:var(--ds-card-space-md-device);--mod-card-padding-top:var(--ds-card-space-md-device);--mod-card-padding-bottom:var(--ds-card-space-md-device)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-space-lg-device)}:host(.has-space-lg:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-lg-device);--mod-card-padding-right:var(--ds-card-space-lg-device);--mod-card-padding-top:var(--ds-card-space-lg-device);--mod-card-padding-bottom:var(--ds-card-space-lg-device)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:\'icon title .\' \'icon subtitle subtitle\'}@media screen and (min-width: 769px){:host(.is-tile){--mod-card-padding-left:calc( var(--ds-card-space-base-device) + var(--ds-icon-tile-size-lg-device) + calc(var(--_card-gap) / 2) );--mod-card-header-margin-left:calc(calc(var(--ds-icon-tile-size-lg-device) * -1) - calc(var(--_card-gap) / 2))}}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.image-link,button.image-link{cursor:pointer}a.image-link picture,button.image-link picture{display:block;overflow:hidden}a.image-link img,button.image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.image-link img:hover,a.image-link img.is-hovered,button.image-link img:hover,button.image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.image-link img:active,a.image-link img.is-pressed,button.image-link img:active,button.image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}';export{p as ds_card}
package/dist/design-system/{p-b8669a617c.entry.js → p-7576fb01bf.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as t,I as i,d as o,E as a,F as r,G as e}from"./p-B-v2Wm-V.js";import{_ as s,L as l,a as n}from"./p-Y0rKqVvm.js";import{a as p,c as m,s as d,f as c,o as h}from"./p-BqY0KzJC.js";import{O as v}from"./p-DypNSUAh.js";import"./p-Dk0GEN2t.js";let b=0;const f=class{constructor(o){t(this,o),this.dsWillAnimate=i(this,"dsWillAnimate"),this.dsDidAnimate=i(this,"dsDidAnimate"),this.tooltipId="ds-tooltip-"+b++,this.presented=!1,this.reference="",this.placement="bottom",this.offset=8,this.contentWidth=void 0,this.open=!1}createLogger(t){this.log=t}contentWidthChanged(t){void 0===t?this.el.style.removeProperty("--tooltip-max-width"):this.el.style.setProperty("--tooltip-max-width",`${t}px`)}componentDidLoad(){this.contentWidthChanged(this.contentWidth);const t=this.triggerElement;t&&(t.setAttribute("aria-describedby",this.tooltipId),t.addEventListener("mouseenter",(()=>this.present())),t.addEventListener("focus",(()=>this.present())),t.addEventListener("mouseleave",(()=>this.dismiss())),t.addEventListener("blur",(()=>this.dismiss())),this.open&&this.present())}disconnectedCallback(){this.cleanup&&this.cleanup();const t=this.triggerElement;t&&t.removeAttribute("aria-describedby")}async present(){const t=this.triggerElement;return!(!t||!this.containerEl||(this.dsWillAnimate.emit(!0),this.presented=!0,this.cleanup=p(t,this.containerEl,(()=>this.update()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!1}),this.dsDidAnimate.emit(!0),0))}async dismiss(){return!!this.containerEl&&(this.dsWillAnimate.emit(!1),this.cleanup&&(this.cleanup(),this.cleanup=void 0),this.presented=!1,this.dsDidAnimate.emit(!1),!0)}async update(){const t=this.triggerElement;if(!t||!this.containerEl)return!1;const{x:i,y:a,placement:r}=await m(t,this.containerEl,{placement:this.placement,strategy:"fixed",middleware:[o.hasWindow&&!window.frameElement?d():void 0,c(),h(this.offset)].filter(Boolean)});return Object.assign(this.containerEl.style,{left:`${i}px`,top:`${a}px`}),this.containerEl.dataset.placement=r.split("-")[0],!0}get triggerElement(){return o.hasDocument?document.querySelector(`[id="${this.reference}"]`):null}render(){return a(r,{key:"70f12c4635b8547887442ac1be6a3384f0754f01",id:this.tooltipId,role:"tooltip","aria-hidden":`${!this.presented}`},a("div",{key:"6934ecd48ac24eabd34e190c9d00f7c40346102e",part:"container",ref:t=>this.containerEl=t},a("div",{key:"c85391dbfa57c220d5176c6a65ccad6d88ecb135",part:"content","data-testid":"ds-tooltip-content"},a("slot",{key:"88af144938af076f3278e0a8579c75dccd71f36f"}))))}get el(){return e(this)}static get watchers(){return{contentWidth:[{contentWidthChanged:0}]}}};s([l("tooltip"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],f.prototype,"createLogger",null),s([v(["top","right","bottom","left"]),n("design:type",String)],f.prototype,"placement",void 0),f.style=":host{--_tooltip-position:var(--tooltip-position, var(--mod-tooltip-position, static));--_tooltip-top:var(--tooltip-top, var(--mod-tooltip-top));--_tooltip-right:var(--tooltip-right, var(--mod-tooltip-right));--_tooltip-bottom:var(--tooltip-bottom, var(--mod-tooltip-bottom));--_tooltip-left:var(--tooltip-left, var(--mod-tooltip-left));position:var(--_tooltip-position);top:var(--_tooltip-top);right:var(--_tooltip-right);bottom:var(--_tooltip-bottom);left:var(--_tooltip-left);--_tooltip-m:var(--tooltip-m, var(--mod-tooltip-m, 0));--_tooltip-my:var(--tooltip-my, var(--mod-tooltip-my));--_tooltip-mx:var(--tooltip-mx, var(--mod-tooltip-mx));--_tooltip-ml:var(--tooltip-ml, var(--mod-tooltip-ml));--_tooltip-mr:var(--tooltip-mr, var(--mod-tooltip-mr));--_tooltip-mt:var(--tooltip-mt, var(--mod-tooltip-mt));--_tooltip-mb:var(--tooltip-mb, var(--mod-tooltip-mb));margin:var(--_tooltip-m);margin-inline:var(--_tooltip-mx);margin-block:var(--_tooltip-my);margin-left:var(--_tooltip-ml);margin-right:var(--_tooltip-mr);margin-top:var(--_tooltip-mt);margin-bottom:var(--_tooltip-mb);--_tooltip-bg:var(--tooltip-bg, var(--mod-tooltip-bg, var(--ds-tooltip-bg)));--_tooltip-color:var(--tooltip-color, var(--mod-tooltip-color, var(--ds-tooltip-color)));--_tooltip-max-width:var(--tooltip-max-width, var(--mod-tooltip-max-width, auto));--_tooltip-radius:var(--tooltip-radius, var(--mod-tooltip-radius, var(--ds-tooltip-radius)));--_tooltip-shadow:var(--tooltip-shadow, var(--mod-tooltip-shadow, var(--ds-tooltip-shadow)));--_tooltip-px:var(--tooltip-px, var(--mod-tooltip-px, var(--ds-tooltip-px)));--_tooltip-py:var(--tooltip-py, var(--mod-tooltip-py, var(--ds-tooltip-py)));--_tooltip-font-family:var(--tooltip-font-family, var(--mod-tooltip-font-family, var(--ds-tooltip-font-family)));--_tooltip-font-size:var(--tooltip-font-size, var(--mod-tooltip-font-size, var(--ds-tooltip-font-size)));--_tooltip-line-height:var(--tooltip-line-height, var(--mod-tooltip-line-height, var(--ds-tooltip-line-height)));--_tooltip-z-index:var(--tooltip-z-index, var(--mod-tooltip-z-index, var(--ds-tooltip-z-index)))}:host{position:static;display:inline;z-index:var(--_tooltip-z-index)}::slotted(*){all:initial}[part=container]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform;position:fixed;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:var(--_tooltip-max-width);background-color:var(--_tooltip-bg);border-radius:var(--_tooltip-radius);-webkit-box-shadow:var(--_tooltip-shadow);box-shadow:var(--_tooltip-shadow);color:var(--_tooltip-color);font-family:var(--_tooltip-font-family);font-size:var(--_tooltip-font-size);line-height:var(--_tooltip-line-height);z-index:var(--_tooltip-z-index)}:host([aria-hidden=false]) [part=container]{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}[part=container][data-placement=top]{-webkit-transform:translateY(4px);transform:translateY(4px)}[part=container][data-placement=right]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[part=container][data-placement=left]{-webkit-transform:translateX(4px);transform:translateX(4px)}[part=content]{position:relative;padding-block:var(--_tooltip-py);padding-inline:var(--_tooltip-px);overflow-y:auto;max-height:calc(100svh - 8rem)}";export{f as ds_tooltip}
4
+ import{B as t,I as i,d as o,E as a,F as r,G as e}from"./p-MUUOiuTm.js";import{_ as s,L as l,a as n}from"./p-_rk5qARQ.js";import{a as p,c as m,s as d,f as c,o as h}from"./p-BqY0KzJC.js";import{O as b}from"./p-_Ywzmi-B.js";import"./p-BjaiDrCD.js";let v=0;const f=class{constructor(o){t(this,o),this.dsWillAnimate=i(this,"dsWillAnimate"),this.dsDidAnimate=i(this,"dsDidAnimate"),this.tooltipId="ds-tooltip-"+v++,this.presented=!1,this.reference="",this.placement="bottom",this.offset=8,this.contentWidth=void 0,this.open=!1}createLogger(t){this.log=t}contentWidthChanged(t){void 0===t?this.el.style.removeProperty("--tooltip-max-width"):this.el.style.setProperty("--tooltip-max-width",`${t}px`)}componentDidLoad(){this.contentWidthChanged(this.contentWidth);const t=this.triggerElement;t&&(t.setAttribute("aria-describedby",this.tooltipId),t.addEventListener("mouseenter",(()=>this.present())),t.addEventListener("focus",(()=>this.present())),t.addEventListener("mouseleave",(()=>this.dismiss())),t.addEventListener("blur",(()=>this.dismiss())),this.open&&this.present())}disconnectedCallback(){this.cleanup&&this.cleanup();const t=this.triggerElement;t&&t.removeAttribute("aria-describedby")}async present(){const t=this.triggerElement;return!(!t||!this.containerEl||(this.dsWillAnimate.emit(!0),this.presented=!0,this.cleanup=p(t,this.containerEl,(()=>this.update()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!1}),this.dsDidAnimate.emit(!0),0))}async dismiss(){return!!this.containerEl&&(this.dsWillAnimate.emit(!1),this.cleanup&&(this.cleanup(),this.cleanup=void 0),this.presented=!1,this.dsDidAnimate.emit(!1),!0)}async update(){const t=this.triggerElement;if(!t||!this.containerEl)return!1;const{x:i,y:a,placement:r}=await m(t,this.containerEl,{placement:this.placement,strategy:"fixed",middleware:[o.hasWindow&&!window.frameElement?d():void 0,c(),h(this.offset)].filter(Boolean)});return Object.assign(this.containerEl.style,{left:`${i}px`,top:`${a}px`}),this.containerEl.dataset.placement=r.split("-")[0],!0}get triggerElement(){return o.hasDocument?document.querySelector(`[id="${this.reference}"]`):null}render(){return a(r,{key:"70f12c4635b8547887442ac1be6a3384f0754f01",id:this.tooltipId,role:"tooltip","aria-hidden":`${!this.presented}`},a("div",{key:"6934ecd48ac24eabd34e190c9d00f7c40346102e",part:"container",ref:t=>this.containerEl=t},a("div",{key:"c85391dbfa57c220d5176c6a65ccad6d88ecb135",part:"content","data-testid":"ds-tooltip-content"},a("slot",{key:"88af144938af076f3278e0a8579c75dccd71f36f"}))))}get el(){return e(this)}static get watchers(){return{contentWidth:[{contentWidthChanged:0}]}}};s([l("tooltip"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],f.prototype,"createLogger",null),s([b(["top","right","bottom","left"]),n("design:type",String)],f.prototype,"placement",void 0),f.style=":host{--_tooltip-position:var(--tooltip-position, var(--mod-tooltip-position, static));--_tooltip-top:var(--tooltip-top, var(--mod-tooltip-top));--_tooltip-right:var(--tooltip-right, var(--mod-tooltip-right));--_tooltip-bottom:var(--tooltip-bottom, var(--mod-tooltip-bottom));--_tooltip-left:var(--tooltip-left, var(--mod-tooltip-left));position:var(--_tooltip-position);top:var(--_tooltip-top);right:var(--_tooltip-right);bottom:var(--_tooltip-bottom);left:var(--_tooltip-left);--_tooltip-m:var(--tooltip-m, var(--mod-tooltip-m, 0));--_tooltip-my:var(--tooltip-my, var(--mod-tooltip-my));--_tooltip-mx:var(--tooltip-mx, var(--mod-tooltip-mx));--_tooltip-ml:var(--tooltip-ml, var(--mod-tooltip-ml));--_tooltip-mr:var(--tooltip-mr, var(--mod-tooltip-mr));--_tooltip-mt:var(--tooltip-mt, var(--mod-tooltip-mt));--_tooltip-mb:var(--tooltip-mb, var(--mod-tooltip-mb));margin:var(--_tooltip-m);margin-inline:var(--_tooltip-mx);margin-block:var(--_tooltip-my);margin-left:var(--_tooltip-ml);margin-right:var(--_tooltip-mr);margin-top:var(--_tooltip-mt);margin-bottom:var(--_tooltip-mb);--_tooltip-bg:var(--tooltip-bg, var(--mod-tooltip-bg, var(--ds-tooltip-bg)));--_tooltip-color:var(--tooltip-color, var(--mod-tooltip-color, var(--ds-tooltip-color)));--_tooltip-max-width:var(--tooltip-max-width, var(--mod-tooltip-max-width, auto));--_tooltip-radius:var(--tooltip-radius, var(--mod-tooltip-radius, var(--ds-tooltip-radius)));--_tooltip-shadow:var(--tooltip-shadow, var(--mod-tooltip-shadow, var(--ds-tooltip-shadow)));--_tooltip-px:var(--tooltip-px, var(--mod-tooltip-px, var(--ds-tooltip-px)));--_tooltip-py:var(--tooltip-py, var(--mod-tooltip-py, var(--ds-tooltip-py)));--_tooltip-font-family:var(--tooltip-font-family, var(--mod-tooltip-font-family, var(--ds-tooltip-font-family)));--_tooltip-font-size:var(--tooltip-font-size, var(--mod-tooltip-font-size, var(--ds-tooltip-font-size)));--_tooltip-line-height:var(--tooltip-line-height, var(--mod-tooltip-line-height, var(--ds-tooltip-line-height)));--_tooltip-z-index:var(--tooltip-z-index, var(--mod-tooltip-z-index, var(--ds-tooltip-z-index)))}:host{position:static;display:inline;z-index:var(--_tooltip-z-index)}::slotted(*){all:initial}[part=container]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform;position:fixed;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:var(--_tooltip-max-width);background-color:var(--_tooltip-bg);border-radius:var(--_tooltip-radius);-webkit-box-shadow:var(--_tooltip-shadow);box-shadow:var(--_tooltip-shadow);color:var(--_tooltip-color);font-family:var(--_tooltip-font-family);font-size:var(--_tooltip-font-size);line-height:var(--_tooltip-line-height);z-index:var(--_tooltip-z-index)}:host([aria-hidden=false]) [part=container]{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}[part=container][data-placement=top]{-webkit-transform:translateY(4px);transform:translateY(4px)}[part=container][data-placement=right]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[part=container][data-placement=left]{-webkit-transform:translateX(4px);transform:translateX(4px)}[part=content]{position:relative;padding-block:var(--_tooltip-py);padding-inline:var(--_tooltip-px);overflow-y:auto;max-height:calc(100svh - 8rem)}";export{f as ds_tooltip}
package/dist/design-system/p-819d71abe1.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as o,I as a,E as r,F as t,G as e}from"./p-MUUOiuTm.js";import{_ as s,L as g,a as c}from"./p-_rk5qARQ.js";import{i}from"./p-B62ocg4Q.js";import{h as l}from"./p-6Iq8BM7N.js";import{n as d}from"./p-DR5LIaCn.js";import{T as n}from"./p-B9ddSbbe.js";import{O as v}from"./p-_Ywzmi-B.js";import"./p-BjaiDrCD.js";const m=class{constructor(r){o(this,r),this.dsCloseClick=a(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.color="",this.disabled=!1,this.invalid=!1,this.position="",this.shape="",this.size=""}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=i(this.el,["tabindex"])}render(){const o=d(this.size)||"";return r(t,{key:"b5661eb0f112158f6322cb7f68e8b2bc70b5539d",class:{[`is-${this.color}`]:l(this.color),[`is-${o}`]:l(this.size),[`is-shape-${this.shape}`]:l(this.shape),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"79a20487f389ed804a44e1a85596e7499a755282",part:"label"},r("slot",{key:"012168b23c6da831bdaca31a514156da9d618b8d"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return e(this)}};s([g("tag"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],m.prototype,"createLogger",null),s([n("boolean"),c("design:type",Boolean)],m.prototype,"closable",void 0),s([v(["primary","grey","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light",""]),c("design:type",String)],m.prototype,"color",void 0),s([n("boolean"),c("design:type",Boolean)],m.prototype,"disabled",void 0),s([n("boolean"),c("design:type",Boolean)],m.prototype,"invalid",void 0),s([v(["left","center","right",""]),c("design:type",String)],m.prototype,"position",void 0),s([v(["square","pill",""]),c("design:type",String)],m.prototype,"shape",void 0),s([v(["sm","md","lg","small","medium","large",""]),c("design:type",String)],m.prototype,"size",void 0),m.style=":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-min-height:var(--tag-min-height, var(--mod-tag-min-height, 2rem));--_tag-gap:var(--tag-gap, var(--mod-tag-gap, 0.25rem));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-space-padding-x-base)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-space-padding-y-base)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius-base)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-base-color-text-base)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-base-color-bg-base)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, 1));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-font-size-base)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-font-weight-base)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:var(--_tag-min-height);padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host>ds-icon{--icon-size:0.875rem}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text-base);--mod-tag-color:var(--ds-tag-primary-color-text-base);--mod-tag-bg:var(--ds-tag-primary-color-bg-base)}:host(.is-grey){--icon-color:var(--ds-tag-grey-color-text-base);--mod-tag-color:var(--ds-tag-grey-color-text-base);--mod-tag-bg:var(--ds-tag-grey-color-bg-base)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text-base);--mod-tag-color:var(--ds-tag-success-color-text-base);--mod-tag-bg:var(--ds-tag-success-color-bg-base)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text-base);--mod-tag-color:var(--ds-tag-info-color-text-base);--mod-tag-bg:var(--ds-tag-info-color-bg-base)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text-base);--mod-tag-color:var(--ds-tag-warning-color-text-base);--mod-tag-bg:var(--ds-tag-warning-color-bg-base)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text-base);--mod-tag-color:var(--ds-tag-danger-color-text-base);--mod-tag-bg:var(--ds-tag-danger-color-bg-base)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text-base);--mod-tag-color:var(--ds-tag-purple-color-text-base);--mod-tag-bg:var(--ds-tag-purple-color-bg-base)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text-base);--mod-tag-color:var(--ds-tag-red-color-text-base);--mod-tag-bg:var(--ds-tag-red-color-bg-base)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text-base);--mod-tag-color:var(--ds-tag-yellow-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-color-bg-base)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text-base);--mod-tag-color:var(--ds-tag-green-color-text-base);--mod-tag-bg:var(--ds-tag-green-color-bg-base)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-bg:var(--ds-tag-purple-dark-color-bg-base)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-bg:var(--ds-tag-red-dark-color-bg-base)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-dark-color-bg-base)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-bg:var(--ds-tag-green-dark-color-bg-base)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-bg:var(--ds-tag-purple-light-color-bg-base)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text-base);--mod-tag-color:var(--ds-tag-red-light-color-text-base);--mod-tag-bg:var(--ds-tag-red-light-color-bg-base)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-light-color-bg-base)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text-base);--mod-tag-color:var(--ds-tag-green-light-color-text-base);--mod-tag-bg:var(--ds-tag-green-light-color-bg-base)}:host(.is-primary){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-grey){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-info){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-success){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-danger){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-square){--mod-tag-radius:var(--ds-tag-radius-square)}:host(.is-pill){--mod-tag-radius:var(--ds-tag-radius-pill)}:host(.is-sm){--mod-tag-min-height:1.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-sm);--mod-tag-px:var(--ds-tag-space-padding-x-sm);--mod-tag-font-size:var(--ds-tag-font-size-sm);--mod-tag-font-weight:var(--ds-tag-font-weight-sm)}:host(.is-sm)>.close,:host(.is-sm)>ds-close{--close-padding:0.25rem;--close-size-icon:10px}:host(.is-md){--mod-tag-min-height:2.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-md);--mod-tag-px:var(--ds-tag-space-padding-x-md);--mod-tag-font-size:var(--ds-tag-font-size-md);--mod-tag-font-weight:var(--ds-tag-font-weight-md)}:host(.is-lg){--mod-tag-min-height:3rem;--mod-tag-py:var(--ds-tag-space-padding-y-lg);--mod-tag-px:var(--ds-tag-space-padding-x-lg);--mod-tag-font-size:var(--ds-tag-font-size-lg);--mod-tag-font-weight:var(--ds-tag-font-weight-lg)}:host{display:-ms-inline-flexbox;display:inline-flex}";export{m as ds_tag}
package/dist/design-system/{p-6c60833550.entry.js → p-88682a66d5.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as e,E as s,F as a,G as t}from"./p-B-v2Wm-V.js";import{_ as p,L as n,a as r}from"./p-Y0rKqVvm.js";import{R as i}from"./p-DkhJaoXg.js";import{T as d}from"./p-Z0zrglhd.js";import"./p-Dk0GEN2t.js";const o=class{constructor(s){e(this,s),this.selected=!1}createLogger(e){this.log=e}render(){return s(a,{key:"069c37c16fab0a456e81b3994a5f130f555a1943",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},s("slot",{key:"d5e51ed65c86e3b1f50f7978918ca48a760594bf"}))}get el(){return t(this)}};p([n("step-panel"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],o.prototype,"createLogger",null),p([i(),d("string"),r("design:type",String)],o.prototype,"for",void 0),p([d("boolean"),r("design:type",Boolean)],o.prototype,"selected",void 0),o.style=":host{--_step-panel-padding:var(--step-panel-padding, var(--mod-step-panel-padding, var(--ds-step-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_step-panel-padding)}";export{o as ds_step_panel}
4
+ import{B as e,E as s,F as a,G as t}from"./p-MUUOiuTm.js";import{_ as p,L as n,a as i}from"./p-_rk5qARQ.js";import{R as r}from"./p-DQGbRzw_.js";import{T as d}from"./p-B9ddSbbe.js";import"./p-BjaiDrCD.js";const o=class{constructor(s){e(this,s),this.selected=!1}createLogger(e){this.log=e}render(){return s(a,{key:"069c37c16fab0a456e81b3994a5f130f555a1943",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},s("slot",{key:"d5e51ed65c86e3b1f50f7978918ca48a760594bf"}))}get el(){return t(this)}};p([n("step-panel"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],o.prototype,"createLogger",null),p([r(),d("string"),i("design:type",String)],o.prototype,"for",void 0),p([d("boolean"),i("design:type",Boolean)],o.prototype,"selected",void 0),o.style=":host{--_step-panel-padding:var(--step-panel-padding, var(--mod-step-panel-padding, var(--ds-step-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_step-panel-padding)}";export{o as ds_step_panel}