@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-00e6b1b780.entry.js → p-40b3d4d0f9.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,E as r,F as e,G as n,v as d}from"./p-B-v2Wm-V.js";import{_ as a,L as s,a as i}from"./p-Y0rKqVvm.js";import{a as b}from"./p-DYfTMCkl.js";import{i as c}from"./p-B62ocg4Q.js";import{h as l}from"./p-ChSKXFK5.js";import{n as u}from"./p-DR5LIaCn.js";import{c as v,d as h,e as m,B as g}from"./p-BPGfTrrM.js";import{O as p}from"./p-DypNSUAh.js";import{R as x}from"./p-DkhJaoXg.js";import{T as k}from"./p-Z0zrglhd.js";import{i as y}from"./p-Bbn3sYo5.js";import{L as w}from"./p-x2KazRjl.js";import"./p-Dk0GEN2t.js";import"./p-CrYAd3JT.js";const f=class{constructor(r){o(this,r),this.dsClick=t(this,"dsClick"),this.dsNavigate=t(this,"dsNavigate"),this.dsFocus=t(this,"dsFocus"),this.dsBlur=t(this,"dsBlur"),this.dsDidRender=t(this,"dsDidRender"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.inheritAttributes={},this.color="primary",this.elementType="button",this.disabled=!1,this.size=void 0,this.href="",this.target="_self",this.rel="",this.download="",this.dashed=!1,this.shadow=!1,this.square=!1,this.circle=!1,this.wide=!1,this.flat=!1,this.outlined=!1,this.inverted=!1,this.loading=!1,this.rounded=!1,this.icon="",this.iconTurn=!1,this.iconRight="",this.noWrap=!1,this.name="",this.value="",this.a11yControls="",this.a11yTitle="",this.a11yLabel="",this.a11yHaspopup="",this.handleHostClick=o=>{this.disabled&&(o.preventDefault(),o.stopPropagation())},this.handleFocus=()=>{this.dsFocus.emit()},this.handleBlur=()=>{this.dsBlur.emit()},this.handleClick=o=>{var t,r;this.disabled||("submit"===this.elementType&&(null===(t=this.internals.form)||void 0===t||t.requestSubmit()),"reset"===this.elementType&&(null===(r=this.internals.form)||void 0===r||r.reset()),this.dsClick.emit(o),l(this.href)&&this.dsNavigate.emit(o))}}createLogger(o){this.log=o}listenToClick(o){this.disabled&&o.target&&o.target===this.el&&(o.preventDefault(),o.stopPropagation())}componentWillLoad(){this.inheritAttributes=c(this.el,["title","aria-label","aria-controls","aria-hidden","tabindex","aria-haspopup"]),this.el.hasAttribute("ds-popup")&&!this.a11yHaspopup&&(this.a11yHaspopup="true")}componentDidRender(){this.dsDidRender.emit()}get isIconInverted(){return this.inverted}get leftIconAttrs(){return!l(this.icon)||this.loading?{style:{display:"none"}}:{}}get leftRightAttrs(){return!l(this.iconRight)||this.loading?{style:{display:"none"}}:{}}get loadingAttrs(){return this.loading?{}:{style:{display:"none"}}}render(){const{elementType:o,download:t,href:n,rel:d,target:a,name:s,value:i}=this,c=u(this.size)||"",v=l(this.href)?"a":"button",h="button"===v?{type:o,name:s,value:i}:{download:t,href:n,rel:d,target:a},m={title:this.a11yTitle||this.inheritAttributes.title,"aria-label":this.a11yLabel||this.inheritAttributes["aria-label"]||this.a11yTitle||this.inheritAttributes.title,"aria-controls":this.a11yControls||this.inheritAttributes["aria-controls"],"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return r(e,{key:"5c9b69ea8ea31da2ab7810998c05763d3dd7c13c",onClick:this.handleHostClick,class:{"is-wide":this.wide,[`is-${this.color||"primary"}`]:!0,[`is-${c}`]:l(c),"is-inverted":this.inverted,"is-disabled":this.disabled,"is-loading":this.loading,"is-flat":this.flat,"is-rounded":this.rounded,"is-square":this.square,"is-circle":this.circle,"is-dashed":this.dashed,"has-shadow":this.shadow,"has-no-wrap":this.noWrap}},r(v,Object.assign({key:"e20d38a699c210bf69f3b942444fc99bac91e90c"},h,this.inheritAttributes,{type:this.elementType,id:"button",part:"native",disabled:this.disabled||this.loading,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-busy":b(!!this.loading),"aria-disabled":b(this.disabled||this.loading)},m),this.loading?r("ds-spinner",Object.assign({},this.loadingAttrs,{part:"spinner",size:"sm",deactivated:!this.loading})):"",l(this.icon)?r("ds-icon",Object.assign({},this.leftIconAttrs,{part:"icon",class:this.square?"":"icon-left",name:this.icon,size:this.dashed?"md":c,shape:this.dashed?"circle":void 0,turn:this.iconTurn,inverted:this.isIconInverted})):"",r("span",{key:"88fc542411b1d83c0d02764d96b68941b826039a",part:"label"},r("slot",{key:"cbb8ea7ae2473669fb06c6167ce52149ff6ba100"})),l(this.iconRight)?r("ds-icon",Object.assign({},this.leftRightAttrs,{part:"icon-right",class:"icon-right",name:this.iconRight,size:"sm",turn:this.iconTurn,inverted:this.isIconInverted})):""))}static get formAssociated(){return!0}get el(){return n(this)}};a([s("button"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],f.prototype,"createLogger",null),a([p(v),i("design:type",String)],f.prototype,"color",void 0),a([x(),p(h),i("design:type",String)],f.prototype,"elementType",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"disabled",void 0),a([p(m),i("design:type",Object)],f.prototype,"size",void 0),a([k("string"),i("design:type",String)],f.prototype,"href",void 0),a([x(),p(g),i("design:type",String)],f.prototype,"target",void 0),a([k("string"),i("design:type",String)],f.prototype,"rel",void 0),a([k("string"),i("design:type",String)],f.prototype,"download",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"dashed",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"shadow",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"square",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"circle",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"wide",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"flat",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"outlined",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"inverted",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"loading",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"rounded",void 0),a([k("string"),i("design:type",String)],f.prototype,"icon",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"iconTurn",void 0),a([k("string"),i("design:type",String)],f.prototype,"iconRight",void 0),a([k("boolean"),i("design:type",Boolean)],f.prototype,"noWrap",void 0),a([k("string"),i("design:type",String)],f.prototype,"name",void 0),a([k("string"),i("design:type",String)],f.prototype,"value",void 0),a([k("string"),i("design:type",String)],f.prototype,"a11yControls",void 0),a([k("string"),i("design:type",String)],f.prototype,"a11yTitle",void 0),a([k("string"),i("design:type",String)],f.prototype,"a11yLabel",void 0),a([k("string"),i("design:type",String)],f.prototype,"a11yHaspopup",void 0),f.style=":host{--_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}:host(.is-wide){width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-wide) #button{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}:host ::slotted(ds-badge),:host ::slotted(.badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.is-sm){--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}:host(.is-lg){--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}:host(.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}:host(.is-flat){--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}:host(.is-rounded){--mod-button-radius:var(--ds-button-radius-rounded)}:host(.is-square:not(.is-sm)){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-square.is-sm){--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)}:host(.is-circle:not(.is-sm)){--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}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.has-shadow:not(.is-link):not(.is-text)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-text.has-shadow),:host(.is-link.has-shadow){--mod-button-text-shadow:var(--ds-alias-shadow-text)}:host(.has-no-wrap){max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host(.has-no-wrap) #button{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host #button[disabled],:host #button[disabled]:hover,:host #button[disabled].is-hovered,:host #button[disabled]:active,:host #button[disabled].is-pressed,:host #button[disabled]:focus,:host #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)}:host #button[disabled]>ds-icon,:host #button[disabled]:hover>ds-icon,:host #button[disabled].is-hovered>ds-icon,:host #button[disabled]:active>ds-icon,:host #button[disabled].is-pressed>ds-icon,:host #button[disabled]:focus>ds-icon,:host #button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner,:host #button[disabled]:hover>ds-spinner,:host #button[disabled].is-hovered>ds-spinner,:host #button[disabled]:active>ds-spinner,:host #button[disabled].is-pressed>ds-spinner,:host #button[disabled]:focus>ds-spinner,:host #button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner.is-circle,:host #button[disabled]:hover>ds-spinner.is-circle,:host #button[disabled].is-hovered>ds-spinner.is-circle,:host #button[disabled]:active>ds-spinner.is-circle,:host #button[disabled].is-pressed>ds-spinner.is-circle,:host #button[disabled]:focus>ds-spinner.is-circle,:host #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)}:host(.is-loading) #button,:host(.is-loading) #button:hover,:host(.is-loading) #button.is-hovered,:host(.is-loading) #button:active,:host(.is-loading) #button.is-pressed,:host(.is-loading) #button:focus,:host(.is-loading) #button.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)}:host(.is-loading) #button>ds-icon,:host(.is-loading) #button:hover>ds-icon,:host(.is-loading) #button.is-hovered>ds-icon,:host(.is-loading) #button:active>ds-icon,:host(.is-loading) #button.is-pressed>ds-icon,:host(.is-loading) #button:focus>ds-icon,:host(.is-loading) #button.is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner,:host(.is-loading) #button:hover>ds-spinner,:host(.is-loading) #button.is-hovered>ds-spinner,:host(.is-loading) #button:active>ds-spinner,:host(.is-loading) #button.is-pressed>ds-spinner,:host(.is-loading) #button:focus>ds-spinner,:host(.is-loading) #button.is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner.is-circle,:host(.is-loading) #button:hover>ds-spinner.is-circle,:host(.is-loading) #button.is-hovered>ds-spinner.is-circle,:host(.is-loading) #button:active>ds-spinner.is-circle,:host(.is-loading) #button.is-pressed>ds-spinner.is-circle,:host(.is-loading) #button:focus>ds-spinner.is-circle,:host(.is-loading) #button.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)}:host{display:inline-block;width:var(--ds-button-width, -webkit-fit-content);width:var(--ds-button-width, -moz-fit-content);width:var(--ds-button-width, fit-content)}:host #button{margin:0 !important}";const _=class{constructor(t){o(this,t),this.language=d.language,this.region=d.region,this.size="",this.inverted=!1,this.disabled=!1,this.button=!1,this.buttonColor=""}createLogger(o){this.log=o}async configChanged(o){this.language=o.language,this.region=o.region}render(){const o=y[this.language].close,t=u(this.size)||"";return this.button?r(e,null,r("ds-button",{id:"close",part:"button",disabled:this.disabled,inverted:this.inverted,color:this.buttonColor,size:"sm"===t?"sm":"md"===t?"lg":""},o)):r(e,{class:{[`is-${t}`]:l(this.size),"is-inverted":this.inverted,"is-disabled":this.disabled}},r("button",{id:"close",part:"button",type:"button","aria-label":o,title:o,tabindex:"0",disabled:this.disabled}))}get el(){return n(this)}};a([s("close"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],_.prototype,"createLogger",null),a([p(["","sm","md","small","medium"]),i("design:type",String)],_.prototype,"size",void 0),a([k("boolean"),i("design:type",Boolean)],_.prototype,"inverted",void 0),a([k("boolean"),i("design:type",Boolean)],_.prototype,"disabled",void 0),a([k("boolean"),i("design:type",Boolean)],_.prototype,"button",void 0),a([p(v),i("design:type",String)],_.prototype,"buttonColor",void 0),a([w(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",Promise)],_.prototype,"configChanged",null),_.style=":host{--_close-position:var(--close-position, var(--mod-close-position, static));--_close-top:var(--close-top, var(--mod-close-top));--_close-right:var(--close-right, var(--mod-close-right));--_close-bottom:var(--close-bottom, var(--mod-close-bottom));--_close-left:var(--close-left, var(--mod-close-left));position:var(--_close-position);top:var(--_close-top);right:var(--_close-right);bottom:var(--_close-bottom);left:var(--_close-left);--_close-m:var(--close-m, var(--mod-close-m, 0));--_close-my:var(--close-my, var(--mod-close-my));--_close-mx:var(--close-mx, var(--mod-close-mx));--_close-ml:var(--close-ml, var(--mod-close-ml));--_close-mr:var(--close-mr, var(--mod-close-mr));--_close-mt:var(--close-mt, var(--mod-close-mt));--_close-mb:var(--close-mb, var(--mod-close-mb));margin:var(--_close-m);margin-inline:var(--_close-mx);margin-block:var(--_close-my);margin-left:var(--_close-ml);margin-right:var(--_close-mr);margin-top:var(--_close-mt);margin-bottom:var(--_close-mb);--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-color-background-active)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-color-icon-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, 12px));--_close-padding:var(--close-padding, var(--mod-close-padding, 0.313rem));--_close-icon:var(--close-icon, var(--mod-close-icon, url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E\")))}: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}@media print{:host{display:none !important}}:host{display:inline-block}:host button{position:relative;display:inline-block;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);padding:var(--_close-padding);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}:host button::after{content:\"\";display:block;width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host button:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host button:not(:disabled):hover,:host button:not(:disabled).is-hovered{background:var(--_close-color-background-hover)}}:host button:not(:disabled):active,:host button:not(:disabled).is-pressed{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){:host button:not(:disabled):focus-visible:not(:active),:host button:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host(.is-sm){--mod-close-padding:0.25rem;--mod-close-size-icon:10px}:host(.is-md){--mod-close-padding:0.531rem;--mod-close-size-icon:24px}:host(.is-inverted:not(.is-disabled)){--mod-close-color-icon:var(--ds-close-color-icon-inverted);--mod-close-color-background-hover:var(--ds-close-color-background-inverted-hover);--mod-close-color-background-active:var(--ds-close-color-background-inverted-active);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--mod-close-color-icon:var(--ds-close-color-icon-disabled);--mod-close-color-background:var(--ds-close-color-background-disabled);--mod-close-color-background-hover:var(--ds-close-color-background-disabled);--mod-close-color-background-active:var(--ds-close-color-background-disabled);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-disabled)}";export{f as ds_button,_ as ds_close}
4
+ import{B as o,I as t,E as r,F as e,G as n,v as d}from"./p-MUUOiuTm.js";import{_ as a,L as i,a as s}from"./p-_rk5qARQ.js";import{a as b}from"./p-DYfTMCkl.js";import{i as c}from"./p-B62ocg4Q.js";import{h as l}from"./p-6Iq8BM7N.js";import{n as u}from"./p-DR5LIaCn.js";import{c as v,d as h,e as m,B as g}from"./p-C6AmBSV7.js";import{O as p}from"./p-_Ywzmi-B.js";import{R as x}from"./p-DQGbRzw_.js";import{T as k}from"./p-B9ddSbbe.js";import{i as y}from"./p-Bbn3sYo5.js";import{L as w}from"./p-DWdcUUdS.js";import"./p-BjaiDrCD.js";import"./p-aPnyJLhr.js";const f=class{constructor(r){o(this,r),this.dsClick=t(this,"dsClick"),this.dsNavigate=t(this,"dsNavigate"),this.dsFocus=t(this,"dsFocus"),this.dsBlur=t(this,"dsBlur"),this.dsDidRender=t(this,"dsDidRender"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.inheritAttributes={},this.color="primary",this.elementType="button",this.disabled=!1,this.size=void 0,this.href="",this.target="_self",this.rel="",this.download="",this.dashed=!1,this.shadow=!1,this.square=!1,this.circle=!1,this.wide=!1,this.flat=!1,this.outlined=!1,this.inverted=!1,this.loading=!1,this.rounded=!1,this.icon="",this.iconTurn=!1,this.iconRight="",this.noWrap=!1,this.name="",this.value="",this.a11yControls="",this.a11yTitle="",this.a11yLabel="",this.a11yHaspopup="",this.handleHostClick=o=>{this.disabled&&(o.preventDefault(),o.stopPropagation())},this.handleFocus=()=>{this.dsFocus.emit()},this.handleBlur=()=>{this.dsBlur.emit()},this.handleClick=o=>{var t,r;this.disabled||("submit"===this.elementType&&(null===(t=this.internals.form)||void 0===t||t.requestSubmit()),"reset"===this.elementType&&(null===(r=this.internals.form)||void 0===r||r.reset()),this.dsClick.emit(o),l(this.href)&&this.dsNavigate.emit(o))}}createLogger(o){this.log=o}listenToClick(o){this.disabled&&o.target&&o.target===this.el&&(o.preventDefault(),o.stopPropagation())}componentWillLoad(){this.inheritAttributes=c(this.el,["title","aria-label","aria-controls","aria-hidden","tabindex","aria-haspopup"]),this.el.hasAttribute("ds-popup")&&!this.a11yHaspopup&&(this.a11yHaspopup="true")}componentDidRender(){this.dsDidRender.emit()}get isIconInverted(){return this.inverted}get leftIconAttrs(){return!l(this.icon)||this.loading?{style:{display:"none"}}:{}}get leftRightAttrs(){return!l(this.iconRight)||this.loading?{style:{display:"none"}}:{}}get loadingAttrs(){return this.loading?{}:{style:{display:"none"}}}render(){const{elementType:o,download:t,href:n,rel:d,target:a,name:i,value:s}=this,c=u(this.size)||"",v=l(this.href)?"a":"button",h="button"===v?{type:o,name:i,value:s}:{download:t,href:n,rel:d,target:a},m={title:this.a11yTitle||this.inheritAttributes.title,"aria-label":this.a11yLabel||this.inheritAttributes["aria-label"]||this.a11yTitle||this.inheritAttributes.title,"aria-controls":this.a11yControls||this.inheritAttributes["aria-controls"],"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return r(e,{key:"5c9b69ea8ea31da2ab7810998c05763d3dd7c13c",onClick:this.handleHostClick,class:{"is-wide":this.wide,[`is-${this.color||"primary"}`]:!0,[`is-${c}`]:l(c),"is-inverted":this.inverted,"is-disabled":this.disabled,"is-loading":this.loading,"is-flat":this.flat,"is-rounded":this.rounded,"is-square":this.square,"is-circle":this.circle,"is-dashed":this.dashed,"has-shadow":this.shadow,"has-no-wrap":this.noWrap}},r(v,Object.assign({key:"e20d38a699c210bf69f3b942444fc99bac91e90c"},h,this.inheritAttributes,{type:this.elementType,id:"button",part:"native",disabled:this.disabled||this.loading,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-busy":b(!!this.loading),"aria-disabled":b(this.disabled||this.loading)},m),this.loading?r("ds-spinner",Object.assign({},this.loadingAttrs,{part:"spinner",size:"sm",deactivated:!this.loading})):"",l(this.icon)?r("ds-icon",Object.assign({},this.leftIconAttrs,{part:"icon",class:this.square?"":"icon-left",name:this.icon,size:this.dashed?"md":c,shape:this.dashed?"circle":void 0,turn:this.iconTurn,inverted:this.isIconInverted})):"",r("span",{key:"88fc542411b1d83c0d02764d96b68941b826039a",part:"label"},r("slot",{key:"cbb8ea7ae2473669fb06c6167ce52149ff6ba100"})),l(this.iconRight)?r("ds-icon",Object.assign({},this.leftRightAttrs,{part:"icon-right",class:"icon-right",name:this.iconRight,size:"sm",turn:this.iconTurn,inverted:this.isIconInverted})):""))}static get formAssociated(){return!0}get el(){return n(this)}};a([i("button"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],f.prototype,"createLogger",null),a([p(v),s("design:type",String)],f.prototype,"color",void 0),a([x(),p(h),s("design:type",String)],f.prototype,"elementType",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"disabled",void 0),a([p(m),s("design:type",Object)],f.prototype,"size",void 0),a([k("string"),s("design:type",String)],f.prototype,"href",void 0),a([x(),p(g),s("design:type",String)],f.prototype,"target",void 0),a([k("string"),s("design:type",String)],f.prototype,"rel",void 0),a([k("string"),s("design:type",String)],f.prototype,"download",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"dashed",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"shadow",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"square",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"circle",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"wide",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"flat",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"outlined",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"inverted",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"loading",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"rounded",void 0),a([k("string"),s("design:type",String)],f.prototype,"icon",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"iconTurn",void 0),a([k("string"),s("design:type",String)],f.prototype,"iconRight",void 0),a([k("boolean"),s("design:type",Boolean)],f.prototype,"noWrap",void 0),a([k("string"),s("design:type",String)],f.prototype,"name",void 0),a([k("string"),s("design:type",String)],f.prototype,"value",void 0),a([k("string"),s("design:type",String)],f.prototype,"a11yControls",void 0),a([k("string"),s("design:type",String)],f.prototype,"a11yTitle",void 0),a([k("string"),s("design:type",String)],f.prototype,"a11yLabel",void 0),a([k("string"),s("design:type",String)],f.prototype,"a11yHaspopup",void 0),f.style=":host{--_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}:host(.is-wide){width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-wide) #button{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}:host ::slotted(ds-badge),:host ::slotted(.badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.is-sm){--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}:host(.is-lg){--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}:host(.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}:host(.is-flat){--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}:host(.is-rounded){--mod-button-radius:var(--ds-button-radius-rounded)}:host(.is-square:not(.is-sm)){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-square.is-sm){--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)}:host(.is-circle:not(.is-sm)){--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}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.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)}:host(.has-shadow:not(.is-link):not(.is-text)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-text.has-shadow),:host(.is-link.has-shadow){--mod-button-text-shadow:var(--ds-alias-shadow-text)}:host(.has-no-wrap){max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host(.has-no-wrap) #button{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host #button[disabled],:host #button[disabled]:hover,:host #button[disabled].is-hovered,:host #button[disabled]:active,:host #button[disabled].is-pressed,:host #button[disabled]:focus,:host #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)}:host #button[disabled]>ds-icon,:host #button[disabled]:hover>ds-icon,:host #button[disabled].is-hovered>ds-icon,:host #button[disabled]:active>ds-icon,:host #button[disabled].is-pressed>ds-icon,:host #button[disabled]:focus>ds-icon,:host #button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner,:host #button[disabled]:hover>ds-spinner,:host #button[disabled].is-hovered>ds-spinner,:host #button[disabled]:active>ds-spinner,:host #button[disabled].is-pressed>ds-spinner,:host #button[disabled]:focus>ds-spinner,:host #button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner.is-circle,:host #button[disabled]:hover>ds-spinner.is-circle,:host #button[disabled].is-hovered>ds-spinner.is-circle,:host #button[disabled]:active>ds-spinner.is-circle,:host #button[disabled].is-pressed>ds-spinner.is-circle,:host #button[disabled]:focus>ds-spinner.is-circle,:host #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)}:host(.is-loading) #button,:host(.is-loading) #button:hover,:host(.is-loading) #button.is-hovered,:host(.is-loading) #button:active,:host(.is-loading) #button.is-pressed,:host(.is-loading) #button:focus,:host(.is-loading) #button.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)}:host(.is-loading) #button>ds-icon,:host(.is-loading) #button:hover>ds-icon,:host(.is-loading) #button.is-hovered>ds-icon,:host(.is-loading) #button:active>ds-icon,:host(.is-loading) #button.is-pressed>ds-icon,:host(.is-loading) #button:focus>ds-icon,:host(.is-loading) #button.is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner,:host(.is-loading) #button:hover>ds-spinner,:host(.is-loading) #button.is-hovered>ds-spinner,:host(.is-loading) #button:active>ds-spinner,:host(.is-loading) #button.is-pressed>ds-spinner,:host(.is-loading) #button:focus>ds-spinner,:host(.is-loading) #button.is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner.is-circle,:host(.is-loading) #button:hover>ds-spinner.is-circle,:host(.is-loading) #button.is-hovered>ds-spinner.is-circle,:host(.is-loading) #button:active>ds-spinner.is-circle,:host(.is-loading) #button.is-pressed>ds-spinner.is-circle,:host(.is-loading) #button:focus>ds-spinner.is-circle,:host(.is-loading) #button.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)}:host{display:inline-block;width:var(--ds-button-width, -webkit-fit-content);width:var(--ds-button-width, -moz-fit-content);width:var(--ds-button-width, fit-content)}:host #button{margin:0 !important}";const _=class{constructor(t){o(this,t),this.language=d.language,this.region=d.region,this.inverted=!1,this.disabled=!1,this.button=!1}createLogger(o){this.log=o}async configChanged(o){this.language=o.language,this.region=o.region}render(){const o=y[this.language].close,t=u(this.size)||"";return this.button?r(e,null,r("ds-button",{id:"close",part:"button",disabled:this.disabled,inverted:this.inverted,color:this.buttonColor,size:"sm"===t?"sm":"md"===t?"lg":""},o)):r(e,{class:{[`is-${t}`]:l(this.size),"is-inverted":this.inverted,"is-disabled":this.disabled}},r("button",{id:"close",part:"button",type:"button","aria-label":o,title:o,tabindex:"0",disabled:this.disabled}))}get el(){return n(this)}};a([i("close"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],_.prototype,"createLogger",null),a([p(["sm","md","small","medium"]),s("design:type",String)],_.prototype,"size",void 0),a([k("boolean"),s("design:type",Boolean)],_.prototype,"inverted",void 0),a([k("boolean"),s("design:type",Boolean)],_.prototype,"disabled",void 0),a([k("boolean"),s("design:type",Boolean)],_.prototype,"button",void 0),a([p(v),s("design:type",String)],_.prototype,"buttonColor",void 0),a([w(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],_.prototype,"configChanged",null),_.style=":host{--_close-position:var(--close-position, var(--mod-close-position, static));--_close-top:var(--close-top, var(--mod-close-top));--_close-right:var(--close-right, var(--mod-close-right));--_close-bottom:var(--close-bottom, var(--mod-close-bottom));--_close-left:var(--close-left, var(--mod-close-left));position:var(--_close-position);top:var(--_close-top);right:var(--_close-right);bottom:var(--_close-bottom);left:var(--_close-left);--_close-m:var(--close-m, var(--mod-close-m, 0));--_close-my:var(--close-my, var(--mod-close-my));--_close-mx:var(--close-mx, var(--mod-close-mx));--_close-ml:var(--close-ml, var(--mod-close-ml));--_close-mr:var(--close-mr, var(--mod-close-mr));--_close-mt:var(--close-mt, var(--mod-close-mt));--_close-mb:var(--close-mb, var(--mod-close-mb));margin:var(--_close-m);margin-inline:var(--_close-mx);margin-block:var(--_close-my);margin-left:var(--_close-ml);margin-right:var(--_close-mr);margin-top:var(--_close-mt);margin-bottom:var(--_close-mb);--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-color-background-active)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-icon-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, 12px));--_close-padding:var(--close-padding, var(--mod-close-padding, 0.313rem));--_close-icon:var(--close-icon, var(--mod-close-icon, url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E\")))}: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}@media print{:host{display:none !important}}:host{display:inline-block}:host button{position:relative;display:inline-block;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);padding:var(--_close-padding);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-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)}:host button::after{content:\"\";display:block;width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host button:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host button:not(:disabled):hover,:host button:not(:disabled).is-hovered{background:var(--_close-color-background-hover)}}:host button:not(:disabled):active,:host button:not(:disabled).is-pressed{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){:host button:not(:disabled):focus-visible:not(:active),:host button:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host(.is-sm){--mod-close-padding:0.25rem;--mod-close-size-icon:10px}:host(.is-md){--mod-close-padding:0.531rem;--mod-close-size-icon:24px}:host(.is-inverted:not(.is-disabled)){--mod-close-color-icon:var(--ds-close-inverted-icon-color-base);--mod-close-color-background-hover:var(--ds-close-inverted-color-background-hover);--mod-close-color-background-active:var(--ds-close-inverted-color-background-active);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--mod-close-color-icon:var(--ds-close-icon-color-disabled);--mod-close-color-background:var(--ds-close-color-background-disabled);--mod-close-color-background-hover:var(--ds-close-color-background-disabled);--mod-close-color-background-active:var(--ds-close-color-background-disabled);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-disabled)}";export{f as ds_button,_ as ds_close}
package/dist/design-system/{p-5f1a8be21c.entry.js → p-45af50a69f.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 a,E as r,F as e,G as d}from"./p-B-v2Wm-V.js";import{_ as t,L as o,a as m}from"./p-Y0rKqVvm.js";import{e as i}from"./p-BlyIAln5.js";import{R as h}from"./p-DkhJaoXg.js";import{O as c}from"./p-DypNSUAh.js";import"./p-Dk0GEN2t.js";const s=class{constructor(r){a(this,r),this.direction="row"}createLogger(a){this.log=a}render(){return r(e,{key:"6a075e6c225c33dbfab5bbc6e78751eb1a2ee474",role:"banner"},r("slot",{key:"04fa55703201b96c3e018a5fb1c81fed450f5805"}))}get el(){return d(this)}};t([o("card-header"),m("design:type",Function),m("design:paramtypes",[Function]),m("design:returntype",void 0)],s.prototype,"createLogger",null),t([h(),c(i),m("design:type",String)],s.prototype,"direction",void 0),s.style=":host{--_card-header-position:var(--card-header-position, var(--mod-card-header-position, static));--_card-header-top:var(--card-header-top, var(--mod-card-header-top));--_card-header-right:var(--card-header-right, var(--mod-card-header-right));--_card-header-bottom:var(--card-header-bottom, var(--mod-card-header-bottom));--_card-header-left:var(--card-header-left, var(--mod-card-header-left));position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left);--_card-header-m:var(--card-header-m, var(--mod-card-header-m, 0));--_card-header-my:var(--card-header-my, var(--mod-card-header-my));--_card-header-mx:var(--card-header-mx, var(--mod-card-header-mx));--_card-header-ml:var(--card-header-ml, var(--mod-card-header-ml));--_card-header-mr:var(--card-header-mr, var(--mod-card-header-mr));--_card-header-mt:var(--card-header-mt, var(--mod-card-header-mt));--_card-header-mb:var(--card-header-mb, var(--mod-card-header-mb));margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);display:-ms-flexbox;display:flex;margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left)}:host{--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){:host{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}:host{-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)}:host ds-icon,:host ::slotted(ds-icon){grid-area:icon}:host>.tag,:host>.tags,:host>ds-tag,:host>ds-tag-group,:host ::slotted(ds-tag),:host ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}:host .title,:host ds-card-title{grid-area:title}:host>p,:host .subtitle,:host ds-card-subtitle{grid-area:subtitle}:host .title,:host .subtitle,:host .heading{margin:0}";export{s as ds_card_header}
4
+ import{B as a,E as r,F as e,G as d}from"./p-MUUOiuTm.js";import{_ as t,L as o,a as i}from"./p-_rk5qARQ.js";import{e as m}from"./p-BlyIAln5.js";import{R as h}from"./p-DQGbRzw_.js";import{O as c}from"./p-_Ywzmi-B.js";import"./p-BjaiDrCD.js";const s=class{constructor(r){a(this,r),this.direction="row"}createLogger(a){this.log=a}render(){return r(e,{key:"6a075e6c225c33dbfab5bbc6e78751eb1a2ee474",role:"banner"},r("slot",{key:"04fa55703201b96c3e018a5fb1c81fed450f5805"}))}get el(){return d(this)}};t([o("card-header"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],s.prototype,"createLogger",null),t([h(),c(m),i("design:type",String)],s.prototype,"direction",void 0),s.style=":host{--_card-header-position:var(--card-header-position, var(--mod-card-header-position, static));--_card-header-top:var(--card-header-top, var(--mod-card-header-top));--_card-header-right:var(--card-header-right, var(--mod-card-header-right));--_card-header-bottom:var(--card-header-bottom, var(--mod-card-header-bottom));--_card-header-left:var(--card-header-left, var(--mod-card-header-left));position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left);--_card-header-m:var(--card-header-m, var(--mod-card-header-m, 0));--_card-header-my:var(--card-header-my, var(--mod-card-header-my));--_card-header-mx:var(--card-header-mx, var(--mod-card-header-mx));--_card-header-ml:var(--card-header-ml, var(--mod-card-header-ml));--_card-header-mr:var(--card-header-mr, var(--mod-card-header-mr));--_card-header-mt:var(--card-header-mt, var(--mod-card-header-mt));--_card-header-mb:var(--card-header-mb, var(--mod-card-header-mb));margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);display:-ms-flexbox;display:flex;margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left)}:host{--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){:host{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}:host{-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)}:host ds-icon,:host ::slotted(ds-icon){grid-area:icon}:host>.tag,:host>.tags,:host>ds-tag,:host>ds-tag-group,:host ::slotted(ds-tag),:host ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}:host .title,:host ds-card-title{grid-area:title}:host>p,:host .subtitle,:host ds-card-subtitle{grid-area:subtitle}:host .title,:host .subtitle,:host .heading{margin:0}";export{s as ds_card_header}
package/dist/design-system/p-4df80c06f8.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,I as o,v as i,N as t,E as e,G as n}from"./p-MUUOiuTm.js";import{_ as s,L as a,a as d}from"./p-_rk5qARQ.js";import{i as c}from"./p-CYHzHtnv.js";import{i as l}from"./p-B62ocg4Q.js";import{s as h,F as m}from"./p-DuKlHFAK.js";import{h as u}from"./p-6Iq8BM7N.js";import{w as f,F as p}from"./p-BDcIydUK.js";import{i as v,N as g,A as b}from"./p-D86WpWIE.js";import{I as y,b as w,a as _,c as $,d as k,e as x}from"./p-BMM6Nxeh.js";import{T as z}from"./p-B9ddSbbe.js";import{O as B}from"./p-_Ywzmi-B.js";import{L as j}from"./p-DWdcUUdS.js";import"./p-Duhf3ymL.js";import"./p-BjaiDrCD.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-aPnyJLhr.js";class D{constructor(r){this.component=r}setFormatter(r){r&&(this.formatter=r)}format(r){var o;return null===(o=this.formatter)||void 0===o?void 0:o.format(r)}onInput(r){var o;return null===(o=this.formatter)||void 0===o?void 0:o.onInput(r)}onKeydown(r){var o;return null===(o=this.formatter)||void 0===o?void 0:o.onKeydown(r)}}const S=[new class{constructor(){this.name="vehicle-registration-number",this.maxLength=12}format(r){return r?this.formatValue(r):r}onInput(r){var o,i;const t=r.target;if(!t)return;const e=null!==(o=r.target.selectionStart)&&void 0!==o?o:0,n=null!==(i=r.target.selectionEnd)&&void 0!==i?i:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),e<s.length&&t.setSelectionRange(e,n)}onKeydown(r){v(r)||[...g,...b].includes(r.key)||h(r)}formatValue(r){const o=r.replace(/\D/g,""),i=[o.substring(0,3),o.substring(3,6),o.substring(6,9),o.substring(9,12)].filter((r=>r.length>0));switch(i.length){case 1:return i[0];case 2:return`${i[0]}.${i[1]}`;case 3:return`${i[0]}.${i[1]}.${i[2]}`;default:return`${i[0]}.${i[1]}.${i[2]}.${i[3]}`}}},new class{constructor(){this.name="offer-number",this.maxLength=9}format(r){return r?this.formatValue(r):r}onInput(r){var o,i;const t=r.target;if(!t)return;const e=null!==(o=r.target.selectionStart)&&void 0!==o?o:0,n=null!==(i=r.target.selectionEnd)&&void 0!==i?i:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),e<s.length&&t.setSelectionRange(e,n)}onKeydown(r){v(r)||[...g,...b].includes(r.key)||h(r)}formatValue(r){const o=r.replace(/\D/g,""),i=[o.substring(0,2),o.substring(2,3),o.substring(3,6),o.substring(6,9)].filter((r=>r.length>0));switch(i.length){case 1:return o;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}.${i[2]}`;default:return`${i[0]}/${i[1]}.${i[2]}.${i[3]}`}}},new class{constructor(){this.name="contract-number",this.maxLength=10}format(r){return r?this.formatValue(r):r}onInput(r){var o,i;const t=r.target;if(!t)return;const e=null!==(o=r.target.selectionStart)&&void 0!==o?o:0,n=null!==(i=r.target.selectionEnd)&&void 0!==i?i:0;let s=t.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),t.value=this.formatValue(s),e<s.length&&t.setSelectionRange(e,n)}onKeydown(r){v(r)||[...g,...b].includes(r.key)||h(r)}formatValue(r){const o=r.replace(/\D/g,""),i=o.substring(0,9),t=o.substring(9,10),e=this.formatOffer(i);return t?`${e}-${t}`:e}formatOffer(r){const o=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((r=>r.length>0));switch(o.length){case 1:return r;case 2:return`${o[0]}/${o[1]}`;case 3:return`${o[0]}/${o[1]}.${o[2]}`;default:return`${o[0]}/${o[1]}.${o[2]}.${o[3]}`}}},new class{constructor(){this.name="basic-contract-number",this.maxLength=9}format(r){return r?this.formatValue(r):r}onInput(r){var o,i;const t=r.target;if(!t)return;const e=null!==(o=r.target.selectionStart)&&void 0!==o?o:0,n=null!==(i=r.target.selectionEnd)&&void 0!==i?i:0;let s=t.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),t.value=this.formatValue(s),e<s.length&&t.setSelectionRange(e,n)}onKeydown(r){v(r)||[...g,...b].includes(r.key)||h(r)}formatValue(r){const o=r.replace(/\D/g,""),i=[o.substring(0,2),o.substring(2,3),o.substring(3,6),o.substring(6,9)].filter((r=>r.length>0));switch(i.length){case 1:return o;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}.${i[2]}`;default:return`${i[0]}/${i[1]}.${i[2]}.${i[3]}`}}},new class{constructor(){this.name="claim-number",this.maxLength=11}format(r){return r?this.formatValue(r):r}onInput(r){var o,i;const t=r.target;if(!t)return;const e=null!==(o=r.target.selectionStart)&&void 0!==o?o:0,n=null!==(i=r.target.selectionEnd)&&void 0!==i?i:0,s=t.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),e<s.length&&t.setSelectionRange(e,n)}onKeydown(r){var o;if(v(r))return;const i=r.target,t=null!==(o=null==i?void 0:i.value.replace(/[^\dXx]/g,"").length)&&void 0!==o?o:0;("X"===r.key||"x"===r.key)&&t>=this.maxLength-1||[...g,...b].includes(r.key)||h(r)}formatValue(r){const o=r.trim().toUpperCase(),i=[o.substring(0,2),o.substring(2,8),o.substring(8,10),o.substring(10,11)].filter((r=>r.length>0));switch(i.length){case 1:return o;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}/${i[2]}`;default:return`${i[0]}/${i[1]}/${i[2]}.${i[3]}`}}},new class{constructor(){this.name="be-enterprise-number",this.maxLength=10}format(r){return r?this.formatValue(r):r}onInput(r){var o,i;const t=r.target;if(!t)return;const e=null!==(o=r.target.selectionStart)&&void 0!==o?o:0,n=null!==(i=r.target.selectionEnd)&&void 0!==i?i:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),e<s.length&&t.setSelectionRange(e,n)}onKeydown(r){v(r)||[...g,...b].includes(r.key)||h(r)}formatValue(r){const o=r.replace(/\D/g,""),i=[o.substring(0,4),o.substring(4,7),o.substring(7,10)].filter((r=>r.length>0));switch(i.length){case 1:return o;case 2:return`${i[0]}.${i[1]}`;default:return`${i[0]}.${i[1]}.${i[2]}`}}},new class{constructor(){this.name="be-iban",this.maxLength=14}format(r){return r?this.formatValue(r):r}onInput(r){var o,i;const t=r.target;if(!t)return;const e=null!==(o=r.target.selectionStart)&&void 0!==o?o:0,n=null!==(i=r.target.selectionEnd)&&void 0!==i?i:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),e<s.length&&t.setSelectionRange(e,n)}onKeydown(r){v(r)||[...g,...b].includes(r.key)||h(r)}formatValue(r){const o=r.replace(/\D/g,""),i=[o.substring(0,2),o.substring(2,6),o.substring(6,10),o.substring(10,14)].filter((r=>r.length>0));switch(i.length){case 1:return`BE${o}`;case 2:return`BE${i[0]} ${i[1]}`;case 3:return`BE${i[0]} ${i[1]} ${i[2]}`;default:return`BE${i[0]} ${i[1]} ${i[2]} ${i[3]}`}}}],C=class{constructor(t){r(this,t),this.dsBlur=o(this,"dsBlur"),this.dsKeyPress=o(this,"dsKeyPress"),this.dsFocus=o(this,"dsFocus"),this.dsClick=o(this,"dsClick"),this.dsInput=o(this,"dsInput"),this.dsChange=o(this,"dsChange"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.control=new m(this),this.maskUtil=new D(this),this.inputId="ds-input-"+I++,this.focused=!1,this.language=i.language,this.region=i.region,this.hasInvalidTextSlotContent=!1,this.value=null,this.name=this.inputId,this.label="",this.description="",this.color="primary",this.loading=!1,this.invalid=!1,this.invalidText="",this.type="text",this.accept="",this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.placeholder="",this.max="",this.min="",this.pattern="",this.allowedKeyPress="",this.required=!0,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.suffix="",this.mask=void 0,this.autoInvalidOff=!1,this.handleKeydown=r=>void 0!==this.mask?this.maskUtil.onKeydown(r):!this.allowedKeyPress||c(r)||v(r)||new RegExp("^"+this.allowedKeyPress+"$").test(r.key)||[...b].includes(r.key)?void 0:h(r),this.handleClick=r=>{this.control.onClick(r)},this.handleFocus=r=>{this.control.onFocus(r)},this.handleBlur=r=>{this.control.onBlur(r)},this.handleInput=r=>{this.maskUtil.onInput(r),this.control.onInput(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=t(this.dsChange,this.debounce)}maskChanged(){var r;this.maskUtil.setFormatter((r=this.mask,S.find((o=>o.name===r))))}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){this.control.listenOnReset(r)}async configChanged(r){this.language=r.language,this.region=r.region}connectedCallback(){this.debounceChanged(),this.maskChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=f(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}getRawValue(){return(this.value||"").toString()}getFormattedValue(){const r=this.getRawValue();return`${r}${u(this.suffix)&&u(r)?" "+this.suffix:""}`}render(){var r;let o;o=u(this.mask)?null!==(r=this.maskUtil.format(this.getRawValue()))&&void 0!==r?r:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let i={};u(this.pattern)&&(i={pattern:this.pattern});const t=this.invalid||this.hasInvalidTextSlotContent;return e(p,{key:"60462d9ab4b551b6ea128c4bae45f729cf939eed",disabled:this.disabled,color:this.color,invalid:t,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"2557655b7d70ffc1605f20dd3b2887bee85db005",id:"input",part:"input",name:this.name,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":t?"true":"false",disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:o,onClick:r=>this.handleClick(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onInput:r=>this.handleInput(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},i,this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return n(this)}static get watchers(){return{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}}};s([a("input"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],C.prototype,"createLogger",null),s([z("string"),d("design:type",Object)],C.prototype,"value",void 0),s([z("string"),d("design:type",String)],C.prototype,"name",void 0),s([z("string"),d("design:type",String)],C.prototype,"label",void 0),s([z("string"),d("design:type",String)],C.prototype,"description",void 0),s([B(y),d("design:type",String)],C.prototype,"color",void 0),s([z("boolean"),d("design:type",Boolean)],C.prototype,"loading",void 0),s([z("boolean"),d("design:type",Boolean)],C.prototype,"invalid",void 0),s([z("string"),d("design:type",String)],C.prototype,"invalidText",void 0),s([B(w),d("design:type",String)],C.prototype,"type",void 0),s([z("string"),d("design:type",String)],C.prototype,"accept",void 0),s([z("string"),d("design:type",String)],C.prototype,"autocapitalize",void 0),s([B(_),d("design:type",String)],C.prototype,"autocomplete",void 0),s([B($),d("design:type",String)],C.prototype,"autocorrect",void 0),s([z("boolean"),d("design:type",Boolean)],C.prototype,"autofocus",void 0),s([z("number"),d("design:type",Number)],C.prototype,"debounce",void 0),s([z("string"),d("design:type",String)],C.prototype,"placeholder",void 0),s([z("string"),d("design:type",String)],C.prototype,"max",void 0),s([z("number"),d("design:type",Number)],C.prototype,"maxLength",void 0),s([z("string"),d("design:type",String)],C.prototype,"min",void 0),s([z("number"),d("design:type",Number)],C.prototype,"minLength",void 0),s([z("boolean"),d("design:type",Boolean)],C.prototype,"multiple",void 0),s([z("string"),d("design:type",String)],C.prototype,"pattern",void 0),s([z("string"),d("design:type",String)],C.prototype,"allowedKeyPress",void 0),s([z("boolean"),d("design:type",Boolean)],C.prototype,"required",void 0),s([z("boolean"),d("design:type",Boolean)],C.prototype,"spellcheck",void 0),s([z("boolean"),d("design:type",Boolean)],C.prototype,"disabled",void 0),s([z("boolean"),d("design:type",Boolean)],C.prototype,"readonly",void 0),s([z("string"),d("design:type",String)],C.prototype,"suffix",void 0),s([B(k),d("design:type",String)],C.prototype,"inputmode",void 0),s([B(x),d("design:type",String)],C.prototype,"mask",void 0),s([j(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],C.prototype,"configChanged",null);let I=0;C.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-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;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-color:var(--ds-form-control-color-value-disabled);--mod-input-placeholder:var(--ds-form-control-color-placeholder-disabled)}";export{C as ds_input}
package/dist/design-system/p-4f12c6449d.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,I as o,v as e,N as a,E as i,G as t}from"./p-MUUOiuTm.js";import{_ as n,L as s,a as d}from"./p-_rk5qARQ.js";import{i as c}from"./p-B62ocg4Q.js";import{F as l}from"./p-DuKlHFAK.js";import{w as m,F as h}from"./p-BDcIydUK.js";import{I as f,d as v}from"./p-BMM6Nxeh.js";import{T as b}from"./p-B9ddSbbe.js";import{O as p}from"./p-_Ywzmi-B.js";import{L as g}from"./p-DWdcUUdS.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-BjaiDrCD.js";import"./p-aPnyJLhr.js";const u=class{constructor(a){r(this,a),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsClick=o(this,"dsClick"),this.dsFocus=o(this,"dsFocus"),this.dsInput=o(this,"dsInput"),this.dsKeyPress=o(this,"dsKeyPress"),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.inputId="ds-textarea-"+x++,this.inheritedAttributes={},this.control=new l(this),this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=e.language,this.region=e.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.inputmode="",this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.wrap="",this.handleClick=r=>{this.control.onClick(r)},this.handleFocus=r=>{this.control.onFocus(r)},this.handleBlur=r=>{this.control.onBlur(r)},this.handleInput=r=>{this.control.onInput(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=a(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=m(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){this.control.listenOnReset(r)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(r){this.language=r.language,this.region=r.region}render(){const r=this.invalid||this.hasInvalidTextSlotContent;return i(h,{key:"49d0b6396fe85413e395b50d5e09efca92db51f8",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},i("textarea",Object.assign({key:"0a963e803a8e9341869b3b25336c092d8f25b65e",id:"textarea",part:"textarea",name:this.name,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap?this.wrap:void 0,onClick:r=>this.handleClick(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onInput:r=>this.handleInput(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return t(this)}static get watchers(){return{debounce:[{debounceChanged:0}]}}};n([s("textarea"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],u.prototype,"createLogger",null),n([b("string"),d("design:type",String)],u.prototype,"autocapitalize",void 0),n([b("string"),d("design:type",String)],u.prototype,"autocomplete",void 0),n([b("boolean"),d("design:type",Boolean)],u.prototype,"autofocus",void 0),n([b("boolean"),d("design:type",Boolean)],u.prototype,"autoInvalidOff",void 0),n([p(f),d("design:type",String)],u.prototype,"color",void 0),n([b("number"),d("design:type",Number)],u.prototype,"cols",void 0),n([b("number"),d("design:type",Number)],u.prototype,"debounce",void 0),n([b("string"),d("design:type",String)],u.prototype,"description",void 0),n([b("boolean"),d("design:type",Boolean)],u.prototype,"disabled",void 0),n([p(v),d("design:type",String)],u.prototype,"inputmode",void 0),n([b("boolean"),d("design:type",Boolean)],u.prototype,"invalid",void 0),n([b("string"),d("design:type",String)],u.prototype,"invalidText",void 0),n([b("string"),d("design:type",String)],u.prototype,"label",void 0),n([b("number"),d("design:type",Number)],u.prototype,"maxLength",void 0),n([b("number"),d("design:type",Number)],u.prototype,"minLength",void 0),n([b("string"),d("design:type",String)],u.prototype,"name",void 0),n([b("string"),d("design:type",String)],u.prototype,"placeholder",void 0),n([b("boolean"),d("design:type",Boolean)],u.prototype,"readonly",void 0),n([b("boolean"),d("design:type",Boolean)],u.prototype,"required",void 0),n([b("number"),d("design:type",Number)],u.prototype,"rows",void 0),n([p(["","hard","soft","off"]),d("design:type",String)],u.prototype,"wrap",void 0),n([g(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],u.prototype,"configChanged",null);let x=0;u.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-control-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-control-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-control-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-control-size-device)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-control-color-value-base)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-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;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-textarea-color:var(--ds-form-control-color-value-disabled);--mod-textarea-placeholder:var(--ds-form-control-color-placeholder-disabled)}";export{u as ds_textarea}
package/dist/design-system/p-4f95f06b86.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 e,E as a,F as s,G as t}from"./p-MUUOiuTm.js";import{_ as r,L as o,a as i}from"./p-_rk5qARQ.js";import{T as n}from"./p-B9ddSbbe.js";import"./p-BjaiDrCD.js";const d=class{constructor(a){e(this,a),this.required=!1}createLogger(e){this.log=e}render(){return a(s,{key:"605cf2c6c7d1c6f87dd8a2b8193dd0cdfa3e0280"},a("slot",{key:"283a1682ea8a8c062978fceb7438a8aa70c8359b"}),this.required?a("span",null,"*"):"")}get el(){return t(this)}};r([o("data-label"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],d.prototype,"createLogger",null),r([n("boolean"),i("design:type",Boolean)],d.prototype,"required",void 0),d.style=":host{display:contents}";export{d as ds_data_label}
package/dist/design-system/p-573457cd4b.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,I as r,D as s,E as n,F as o,G as t}from"./p-MUUOiuTm.js";import{_ as i,L as e,a as c}from"./p-_rk5qARQ.js";import{s as b}from"./p-DuKlHFAK.js";import{h as d}from"./p-6Iq8BM7N.js";import{s as m}from"./p-D-_px2sY.js";import{B as k}from"./p-C6AmBSV7.js";import{d as g}from"./p-ClSAXeZN.js";import{O as l}from"./p-_Ywzmi-B.js";import{T as h}from"./p-B9ddSbbe.js";import{L as p}from"./p-DNQg2PVW.js";import"./p-BjaiDrCD.js";import"./p-CBGYLNZZ.js";import"./p-Bnpwi9iD.js";const v=class{constructor(s){a(this,s),this.dsCloseClick=r(this,"dsCloseClick"),this.dsActionClick=r(this,"dsActionClick"),this.dsDidLoad=r(this,"dsDidLoad"),this.isMobile=g.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.color="base",this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return m(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){s((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),r=this.generateSvgContent();return n(o,{key:"7dd8cbff5210c94aed353e878f3c31431c1733de",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,[`is-${this.color}`]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&n("ds-button",{key:"a1fe8bf8330b49df3607560a662fa80ccde6ea77",id:"mobile-button",color:"base"===this.color?"primary":this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!r&&n("ds-icon",{key:"0e12504be8ef39a9af63f8acf38a5ce4aa2eebc5",part:"icon",id:"icon",name:a,color:this.color,size:"xl",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),r&&n("ds-icon",{key:"e9a0b074084f5952ef5eefcd9d434b6af15b6a5f",id:"icon",part:"icon",svg:r,size:"xl"}),n("span",{key:"d65d767a79e0e8094d7ccb88f4902321b14b03be",part:"content",id:"content"},this.heading&&n("h2",{key:"463d2b5b335d804d572347e229b0b94f97f9b9b7",part:"heading"},this.heading),n("span",{key:"d964774c987ef6906bd76bb6982f16ad1c4f9e3a",part:"message"},this.message,n("slot",{key:"bacfa9ac71c53f0223fb0a62b6fc1fca526acd3a"}))),n("ds-button-group",{key:"e83047c52b2dda1709df234871e3dbb3e3755c95",part:"action",id:"action"},n("slot",{key:"ea3fed1cdf6c5f73d459aa097c00a677ecfc33c7",name:"action"}),this.action&&n("ds-button",{key:"eb1607a6468a84b66c03af8ef4772e877bf149d7",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&n("ds-close",{key:"7d9abbb81fc6fae5a78ca68d993e7376178aaa39",button:!0,"button-color":"secondary",part:"close",size:"sm",onClick:a=>{b(a),this.close()}})))}get el(){return t(this)}};i([e("snackbar"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],v.prototype,"createLogger",null),i([l(["base","info","success","warning","danger"]),c("design:type",String)],v.prototype,"color",void 0),i([h("boolean"),c("design:type",Boolean)],v.prototype,"closable",void 0),i([h("string"),c("design:type",String)],v.prototype,"heading",void 0),i([h("string"),c("design:type",String)],v.prototype,"message",void 0),i([h("string"),c("design:type",String)],v.prototype,"icon",void 0),i([h("string"),c("design:type",String)],v.prototype,"svg",void 0),i([h("string"),c("design:type",String)],v.prototype,"action",void 0),i([h("string"),c("design:type",String)],v.prototype,"actionIcon",void 0),i([l(k),c("design:type",String)],v.prototype,"actionTarget",void 0),i([h("string"),c("design:type",String)],v.prototype,"actionHref",void 0),i([h("string"),c("design:type",String)],v.prototype,"alertId",void 0),i([h("boolean"),c("design:type",Boolean)],v.prototype,"visible",void 0),i([p(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],v.prototype,"listenToBreakpoint",null),v.style=':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-background-base)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-text-base)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--ds-snackbar-primary-color-icon-base)));--_snackbar-progress-duration:var(--snackbar-progress-duration, var(--mod-snackbar-progress-duration, 0));--_snackbar-progress-bar-bg:var(--snackbar-progress-bar-bg, var(--mod-snackbar-progress-bar-bg, var(--ds-snackbar-primary-color-progress-bar-base)));--_snackbar-progress-bg:var(--snackbar-progress-bg, var(--mod-snackbar-progress-bg, var(--ds-snackbar-primary-color-progress-background-base)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-alias-text-family-heading)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-alias-text-weight-bold)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-alias-text-size-base-device)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-alias-text-line-height-heading)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-alias-text-family-body)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, inherit));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-alias-text-size-sm-device)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-alias-text-line-height-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, 0.125rem));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, 1rem));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host .close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.has-progess-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_snackbar-progress-bg);border-bottom-left-radius:var(--_snackbar-radius);border-bottom-right-radius:var(--_snackbar-radius)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-info-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-info-color-background-base);--mod-snackbar-icon-color:var(--ds-snackbar-info-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-info-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-info-color-progress-background-base)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-success-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-success-color-background-base);--mod-snackbar-icon-color:var(--ds-snackbar-success-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-success-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-success-color-progress-background-base)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-warning-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-warning-color-background-base);--mod-snackbar-icon-color:var(--ds-snackbar-warning-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-warning-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-warning-color-progress-background-base)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-danger-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-danger-color-background-base);--mod-snackbar-icon-color:var(--ds-snackbar-danger-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-danger-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-danger-color-progress-background-base)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}';export{v as ds_snackbar}
package/dist/design-system/{p-2eb6067210.entry.js → p-662983c8bd.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,I as s,E as t,F as i,G as o}from"./p-B-v2Wm-V.js";import{_ as r,L as n,a}from"./p-Y0rKqVvm.js";import{T as l}from"./p-Z0zrglhd.js";import{R as c}from"./p-DkhJaoXg.js";import"./p-Dk0GEN2t.js";const d=class{constructor(t){e(this,t),this.dsStepSelect=s(this,"dsStepSelect"),this.activeIndex=0,this.disabled=!1,this.done=!1,this.hidden=!1,this.index=0,this.invalid=!1,this.label="",this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{this.disabled||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-done":this.done,"is-invalid":this.invalid,"is-disabled":this.disabled,"is-hidden":this.hidden,"is-navigation":this.navigation,"is-vertical":this.vertical,"is-filled":this.index>0&&this.index<this.activeIndex},s=this.done?t("ds-icon",{name:"check",color:"white","aria-hidden":"true"}):this.invalid?t("span",{class:"step-invalid","aria-hidden":"true"},"!"):t("span",{class:"step-number","aria-hidden":"true"},this.index);return this.navigation?t(i,{role:"listitem",class:e},t("span",{class:"circle","aria-hidden":"true"},s),t("slot",null),t("span",{class:"connector","aria-hidden":"true"})):t(i,{role:"tab",class:e,"aria-selected":String(this.selected),"aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},t("span",{class:"circle"},s),this.label&&t("span",{class:"step-label"},this.label),t("span",{class:"connector","aria-hidden":"true"}))}get el(){return o(this)}};r([n("step"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],d.prototype,"createLogger",null),r([l("number"),a("design:type",Number)],d.prototype,"activeIndex",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"disabled",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"done",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"hidden",void 0),r([l("number"),a("design:type",Number)],d.prototype,"index",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"invalid",void 0),r([l("string"),a("design:type",String)],d.prototype,"label",void 0),r([c(),l("string"),a("design:type",String)],d.prototype,"name",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"navigation",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"selected",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"vertical",void 0),d.style=":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-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;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-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;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-disabled) .step-label{opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-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;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}";export{d as ds_step}
4
+ import{B as e,I as s,E as t,F as i,G as o}from"./p-MUUOiuTm.js";import{_ as r,L as n,a}from"./p-_rk5qARQ.js";import{T as l}from"./p-B9ddSbbe.js";import{R as c}from"./p-DQGbRzw_.js";import"./p-BjaiDrCD.js";const d=class{constructor(t){e(this,t),this.dsStepSelect=s(this,"dsStepSelect"),this.activeIndex=0,this.disabled=!1,this.done=!1,this.hidden=!1,this.index=0,this.invalid=!1,this.label="",this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{this.disabled||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-done":this.done,"is-invalid":this.invalid,"is-disabled":this.disabled,"is-hidden":this.hidden,"is-navigation":this.navigation,"is-vertical":this.vertical,"is-filled":this.index>0&&this.index<this.activeIndex},s=this.done?t("ds-icon",{name:"check",color:"white","aria-hidden":"true"}):this.invalid?t("span",{class:"step-invalid","aria-hidden":"true"},"!"):t("span",{class:"step-number","aria-hidden":"true"},this.index);return this.navigation?t(i,{role:"listitem",class:e},t("span",{class:"circle","aria-hidden":"true"},s),t("slot",null),t("span",{class:"connector","aria-hidden":"true"})):t(i,{role:"tab",class:e,"aria-selected":String(this.selected),"aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},t("span",{class:"circle"},s),this.label&&t("span",{class:"step-label"},this.label),t("span",{class:"connector","aria-hidden":"true"}))}get el(){return o(this)}};r([n("step"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],d.prototype,"createLogger",null),r([l("number"),a("design:type",Number)],d.prototype,"activeIndex",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"disabled",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"done",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"hidden",void 0),r([l("number"),a("design:type",Number)],d.prototype,"index",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"invalid",void 0),r([l("string"),a("design:type",String)],d.prototype,"label",void 0),r([c(),l("string"),a("design:type",String)],d.prototype,"name",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"navigation",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"selected",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"vertical",void 0),d.style=":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-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;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-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;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-disabled) .step-label{opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-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;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}";export{d as ds_step}
package/dist/design-system/{p-32e156bc72.entry.js → p-68693c06a1.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 a,F as s,G as t}from"./p-B-v2Wm-V.js";import{_ as r,L as c,a as n}from"./p-Y0rKqVvm.js";const o=class{constructor(a){e(this,a)}createLogger(e){this.log=e}connectedCallback(){this.el.slot="header"}render(){return a(s,{key:"b164ba40c3979cc9639c0c3adaca67e14effa85e",style:{display:"contents"}},a("slot",{key:"20c51614ea66de41b838e7d411542011288c1985"}))}get el(){return t(this)}};r([c("modal-header"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],o.prototype,"createLogger",null);export{o as ds_modal_header}
4
+ import{B as e,E as a,F as s,G as t}from"./p-MUUOiuTm.js";import{_ as r,L as c,a as n}from"./p-_rk5qARQ.js";const o=class{constructor(a){e(this,a)}createLogger(e){this.log=e}connectedCallback(){this.el.slot="header"}render(){return a(s,{key:"b164ba40c3979cc9639c0c3adaca67e14effa85e",style:{display:"contents"}},a("slot",{key:"20c51614ea66de41b838e7d411542011288c1985"}))}get el(){return t(this)}};r([c("modal-header"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],o.prototype,"createLogger",null);export{o as ds_modal_header}