@helvetia-design/core 0.0.5 → 0.0.6

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 (424) hide show
  1. package/README.md +74 -0
  2. package/components/ds-accordion.js +1 -1
  3. package/components/ds-alert-container.js +1 -1
  4. package/components/ds-app-footer.js +1 -1
  5. package/components/ds-app-navbar.js +1 -1
  6. package/components/ds-badge.js +1 -1
  7. package/components/ds-brand-icon.js +1 -1
  8. package/components/ds-button-group.js +1 -1
  9. package/components/ds-button.js +1 -1
  10. package/components/ds-card-actions.js +1 -1
  11. package/components/ds-card-content.js +1 -1
  12. package/components/ds-card-header.js +1 -1
  13. package/components/ds-card-subtitle.js +1 -1
  14. package/components/ds-card-title.js +1 -1
  15. package/components/ds-card.js +1 -1
  16. package/components/ds-carousel-item.js +1 -1
  17. package/components/ds-carousel.js +1 -1
  18. package/components/ds-checkbox-group.js +1 -1
  19. package/components/ds-checkbox.js +1 -1
  20. package/components/ds-close.js +1 -1
  21. package/components/ds-content.js +1 -1
  22. package/components/ds-counter.js +1 -1
  23. package/components/ds-data-item.js +1 -1
  24. package/components/ds-data-label.js +1 -1
  25. package/components/ds-data-value.js +1 -1
  26. package/components/ds-data.js +1 -1
  27. package/components/ds-datepicker.js +1 -1
  28. package/components/ds-divider.js +1 -1
  29. package/components/ds-drawer.js +1 -1
  30. package/components/ds-file-upload.js +1 -1
  31. package/components/ds-heading.js +1 -1
  32. package/components/ds-hint-text.js +1 -1
  33. package/components/ds-hint-title.js +1 -1
  34. package/components/ds-hint.js +1 -1
  35. package/components/ds-icon.js +1 -1
  36. package/components/ds-input.js +1 -1
  37. package/components/ds-item.js +1 -1
  38. package/components/ds-label.js +1 -1
  39. package/components/ds-list.js +1 -1
  40. package/components/ds-logo.js +1 -1
  41. package/components/ds-modal-body.js +1 -1
  42. package/components/ds-modal-header.js +1 -1
  43. package/components/ds-modal.js +1 -1
  44. package/components/ds-notification.js +1 -1
  45. package/components/ds-number-input.js +1 -1
  46. package/components/ds-pagination.js +1 -1
  47. package/components/ds-phone-input.js +1 -1
  48. package/components/ds-popup.js +1 -1
  49. package/components/ds-progress-bar.js +1 -1
  50. package/components/ds-radio-group.js +1 -1
  51. package/components/ds-radio.js +1 -1
  52. package/components/ds-root.js +1 -1
  53. package/components/ds-segment-item.js +1 -1
  54. package/components/ds-segment.js +1 -1
  55. package/components/ds-select-optgroup.js +1 -1
  56. package/components/ds-select-option.js +1 -1
  57. package/components/ds-select.js +1 -1
  58. package/components/ds-shape.js +1 -1
  59. package/components/ds-sheet.js +1 -1
  60. package/components/ds-slider.js +1 -1
  61. package/components/ds-snackbar.js +1 -1
  62. package/components/ds-spinner.js +1 -1
  63. package/components/ds-stack.js +1 -1
  64. package/components/ds-step-panel.js +1 -1
  65. package/components/ds-step.js +1 -1
  66. package/components/ds-steps.js +1 -1
  67. package/components/ds-tab-panel.js +1 -1
  68. package/components/ds-tab.js +1 -1
  69. package/components/ds-tabs.js +1 -1
  70. package/components/ds-tag-group.js +1 -1
  71. package/components/ds-tag.js +1 -1
  72. package/components/ds-text.js +1 -1
  73. package/components/ds-textarea.js +1 -1
  74. package/components/ds-toast.js +1 -1
  75. package/components/ds-toggle.js +1 -1
  76. package/components/ds-tooltip.js +1 -1
  77. package/components/index.js +1 -1
  78. package/components/p-3DnZqMoY.js +14 -0
  79. package/components/{p-Dz4gbncy.js → p-B1celIGd.js} +1 -1
  80. package/components/{p-AjhCP5sN.js → p-B4PwKlaW.js} +1 -1
  81. package/components/{p-C2olRmZ-.js → p-B9El_sPq.js} +1 -1
  82. package/{dist/design-system/p-DqEwL34o.js → components/p-B9OReveE.js} +1 -1
  83. package/components/{p-j7VsKeVd.js → p-BI_5Zbrm.js} +1 -1
  84. package/components/{p-Dl7R2ZPs.js → p-BJ2D8QfA.js} +1 -1
  85. package/components/{p-xQf4GJxM.js → p-BJK2OSM1.js} +1 -1
  86. package/{dist/design-system/p-CZ_qlWWQ.js → components/p-BVNhJBnn.js} +1 -1
  87. package/components/{p-Bl_soFOX.js → p-BWrjPWjt.js} +1 -1
  88. package/components/{p-B8nj0zHa.js → p-Bd5NhwlZ.js} +1 -1
  89. package/{dist/design-system/p-nVdGbZYj.js → components/p-C8OqQuJ7.js} +1 -1
  90. package/{dist/design-system/p-zuNnnG1x.js → components/p-CDNe0ZaI.js} +1 -1
  91. package/components/{p-CenSJbHh.js → p-CEPnyz7c.js} +1 -1
  92. package/components/{p-BUZBtnQL.js → p-CJycEnj5.js} +1 -1
  93. package/components/{p-Dl4u6w0V.js → p-C_1UxX8G.js} +1 -1
  94. package/components/{p-BfVlVhQa.js → p-Ce1uMkAI.js} +1 -1
  95. package/components/{p-CaZA7z9r.js → p-CkQK5z17.js} +1 -1
  96. package/components/{p-CFt9NQdE.js → p-CpB1Qjh1.js} +1 -1
  97. package/components/{p-CiZ4PMen.js → p-D6jvX9E6.js} +1 -1
  98. package/components/p-D8RaAucx.js +5 -0
  99. package/components/{p-BV65welS.js → p-DEnVBHne.js} +1 -1
  100. package/components/p-DOP4fM2o.js +4 -0
  101. package/{dist/design-system/p-Bo3ozMyW.js → components/p-DaqLtBr3.js} +1 -1
  102. package/components/{p-EjCh38Af.js → p-Dbt7_-_D.js} +1 -1
  103. package/components/{p-VWxo1gxA.js → p-DgLUmdPH.js} +1 -1
  104. package/components/{p-n8QXleYD.js → p-DpLrRYE7.js} +1 -1
  105. package/components/{p-Br89jVgJ.js → p-Dq0RGuR5.js} +1 -1
  106. package/components/{p-H-j7GE58.js → p-Dwybw1sf.js} +1 -1
  107. package/components/p-El2snbN5.js +4 -0
  108. package/components/{p-Cpaj76bt.js → p-VnJFXLI2.js} +1 -1
  109. package/components/{p-CpxLBgza.js → p-VwgiuJog.js} +1 -1
  110. package/components/{p-CvM0ZzoU.js → p-kwr2iIN4.js} +1 -1
  111. package/{dist/design-system/p-bTeo6KbL.js → components/p-vUPe8Qmy.js} +1 -1
  112. package/dist/cjs/{array-CzUg2Ga6.js → array-DoZQchdZ.js} +2 -2
  113. package/dist/cjs/{breakpoints.decorator-CFC7J7xQ.js → breakpoints.decorator-Dm8t1zZX.js} +1 -1
  114. package/dist/cjs/{breakpoints.subject-DPaQVsnU.js → breakpoints.subject-BPlVZABg.js} +3 -3
  115. package/dist/cjs/{config.utils-obklVSg-.js → config.utils-BC0OM7Do.js} +1 -1
  116. package/dist/cjs/{create-validator-decorator-D1N31xdI.js → create-validator-decorator-BthpaMGb.js} +1 -1
  117. package/dist/cjs/design-system.cjs.js +2 -2
  118. package/dist/cjs/{device-CkwueF-7.js → device-DoKzl-_E.js} +1 -1
  119. package/dist/cjs/ds-accordion.cjs.entry.js +7 -7
  120. package/dist/cjs/ds-alert-container.cjs.entry.js +6 -6
  121. package/dist/cjs/ds-app-footer.cjs.entry.js +6 -6
  122. package/dist/cjs/ds-app-navbar.cjs.entry.js +13 -13
  123. package/dist/cjs/ds-badge.cjs.entry.js +6 -6
  124. package/dist/cjs/ds-brand-icon_3.cjs.entry.js +8 -8
  125. package/dist/cjs/ds-button-group.cjs.entry.js +6 -6
  126. package/dist/cjs/ds-card-actions.cjs.entry.js +4 -4
  127. package/dist/cjs/ds-card-content.cjs.entry.js +2 -2
  128. package/dist/cjs/ds-card-header.cjs.entry.js +5 -5
  129. package/dist/cjs/ds-card-subtitle.cjs.entry.js +6 -6
  130. package/dist/cjs/ds-card-title.cjs.entry.js +6 -6
  131. package/dist/cjs/ds-card.cjs.entry.js +6 -6
  132. package/dist/cjs/ds-carousel-item.cjs.entry.js +6 -6
  133. package/dist/cjs/ds-carousel.cjs.entry.js +7 -7
  134. package/dist/cjs/ds-checkbox-group.cjs.entry.js +11 -11
  135. package/dist/cjs/ds-checkbox.cjs.entry.js +8 -8
  136. package/dist/cjs/ds-content_2.cjs.entry.js +6 -6
  137. package/dist/cjs/ds-counter.cjs.entry.js +8 -8
  138. package/dist/cjs/ds-data-item.cjs.entry.js +5 -5
  139. package/dist/cjs/ds-data-label.cjs.entry.js +4 -4
  140. package/dist/cjs/ds-data-value.cjs.entry.js +2 -2
  141. package/dist/cjs/ds-data.cjs.entry.js +4 -4
  142. package/dist/cjs/ds-datepicker.cjs.entry.js +9 -9
  143. package/dist/cjs/ds-divider_2.cjs.entry.js +12 -12
  144. package/dist/cjs/ds-drawer_2.cjs.entry.js +8 -8
  145. package/dist/cjs/ds-file-upload.cjs.entry.js +10 -10
  146. package/dist/cjs/ds-heading.cjs.entry.js +6 -6
  147. package/dist/cjs/ds-hint-text.cjs.entry.js +2 -2
  148. package/dist/cjs/ds-hint-title.cjs.entry.js +2 -2
  149. package/dist/cjs/ds-hint.cjs.entry.js +10 -10
  150. package/dist/cjs/ds-icon_2.cjs.entry.js +14 -12
  151. package/dist/cjs/ds-input.cjs.entry.js +10 -10
  152. package/dist/cjs/ds-item.cjs.entry.js +6 -6
  153. package/dist/cjs/ds-label.cjs.entry.js +7 -7
  154. package/dist/cjs/ds-list.cjs.entry.js +6 -6
  155. package/dist/cjs/ds-modal-body.cjs.entry.js +2 -2
  156. package/dist/cjs/ds-modal-header.cjs.entry.js +2 -2
  157. package/dist/cjs/ds-modal.cjs.entry.js +6 -6
  158. package/dist/cjs/ds-notification.cjs.entry.js +7 -7
  159. package/dist/cjs/ds-number-input.cjs.entry.js +10 -10
  160. package/dist/cjs/ds-pagination.cjs.entry.js +11 -11
  161. package/dist/cjs/ds-phone-input.cjs.entry.js +10 -10
  162. package/dist/cjs/ds-progress-bar.cjs.entry.js +11 -11
  163. package/dist/cjs/ds-radio-group.cjs.entry.js +8 -8
  164. package/dist/cjs/ds-radio.cjs.entry.js +7 -7
  165. package/dist/cjs/ds-root.cjs.entry.js +9 -9
  166. package/dist/cjs/ds-segment-item.cjs.entry.js +4 -4
  167. package/dist/cjs/ds-segment.cjs.entry.js +9 -9
  168. package/dist/cjs/ds-select-optgroup.cjs.entry.js +4 -4
  169. package/dist/cjs/ds-select-option.cjs.entry.js +4 -4
  170. package/dist/cjs/ds-select.cjs.entry.js +91 -137
  171. package/dist/cjs/ds-shape.cjs.entry.js +4 -4
  172. package/dist/cjs/ds-sheet.cjs.entry.js +4 -4
  173. package/dist/cjs/ds-slider.cjs.entry.js +10 -10
  174. package/dist/cjs/ds-snackbar.cjs.entry.js +11 -11
  175. package/dist/cjs/ds-step-panel.cjs.entry.js +5 -5
  176. package/dist/cjs/ds-step.cjs.entry.js +5 -5
  177. package/dist/cjs/ds-steps.cjs.entry.js +6 -6
  178. package/dist/cjs/ds-tab-panel.cjs.entry.js +5 -5
  179. package/dist/cjs/ds-tab.cjs.entry.js +5 -5
  180. package/dist/cjs/ds-tabs.cjs.entry.js +7 -7
  181. package/dist/cjs/ds-tag-group.cjs.entry.js +2 -2
  182. package/dist/cjs/ds-tag.cjs.entry.js +6 -6
  183. package/dist/cjs/ds-text.cjs.entry.js +6 -6
  184. package/dist/cjs/ds-textarea.cjs.entry.js +8 -8
  185. package/dist/cjs/ds-toast.cjs.entry.js +9 -9
  186. package/dist/cjs/ds-toggle.cjs.entry.js +7 -7
  187. package/dist/cjs/ds-tooltip.cjs.entry.js +5 -5
  188. package/dist/cjs/{field.util-BZ0-f1v6.js → field.util-BtZI1wzx.js} +1 -1
  189. package/dist/cjs/{focus-Bv0hrXz3.js → focus-CWX7XV7l.js} +7 -4
  190. package/dist/cjs/{form-control-ByeZXHpq.js → form-control-DM3FxzL9.js} +1 -1
  191. package/dist/cjs/{has-value-CBVBjBwO.js → has-value-DWblEJUY.js} +1 -1
  192. package/dist/cjs/{index-CwPTwAjW.js → index-CyaxwkZQ.js} +42 -28
  193. package/dist/cjs/index.cjs.js +6 -6
  194. package/dist/cjs/{isNaN-DIIUFyAr.js → isNaN-CEewdlJZ.js} +1 -1
  195. package/dist/cjs/{isNil-DrqNFqs2.js → isNil-D0mNOhrh.js} +1 -1
  196. package/dist/cjs/{listener-BKouf67K.js → listener-DOKLlUb5.js} +1 -1
  197. package/dist/cjs/loader.cjs.js +1 -1
  198. package/dist/cjs/{logo.animation-Cuja-JN4.js → logo.animation-dvcSskVG.js} +2 -2
  199. package/dist/cjs/{lottie_light_html-C_mBwRBh.js → lottie_light_html-DzsXdx4w.js} +1 -1
  200. package/dist/cjs/{one-of-D0xhgLU-.js → one-of-D0uVlyvx.js} +1 -1
  201. package/dist/cjs/{required-HiflFAT7.js → required-BX5d5kDo.js} +1 -1
  202. package/dist/cjs/{resize.decorator-CqEDvHo5.js → resize.decorator-CHSUnK5V.js} +2 -2
  203. package/dist/cjs/{scroll-DCvj4nye.js → scroll-i0uYOSWH.js} +1 -1
  204. package/dist/cjs/{spinner.animation-CUVRmAW-.js → spinner.animation-DzuE_Ien.js} +2 -2
  205. package/dist/cjs/{tslib.es6-S4D9nLEw.js → tslib.es6-BZEK5U4Y.js} +1 -1
  206. package/dist/cjs/{type-7b7yRER9.js → type-CwlDjRSC.js} +1 -1
  207. package/dist/cjs/{upperFirst-cad3Eler.js → upperFirst-DMFyd865.js} +1 -1
  208. package/dist/collection/collection-manifest.json +1 -1
  209. package/dist/collection/components/indicators/spinner/spinner.js +5 -3
  210. package/dist/collection/global/constants/version.constant.js +1 -1
  211. package/dist/design-system/design-system.esm.js +1 -1
  212. package/dist/design-system/index.esm.js +1 -1
  213. package/dist/design-system/{p-ecfec0f033.entry.js → p-03f71b802d.entry.js} +1 -1
  214. package/dist/design-system/{p-5ca9a48d4a.entry.js → p-08cc8257b5.entry.js} +1 -1
  215. package/dist/design-system/{p-BBgONt6X.js → p-0Tzaj6-a.js} +1 -1
  216. package/dist/design-system/{p-9f37df0fe5.entry.js → p-0be74307ee.entry.js} +1 -1
  217. package/dist/design-system/{p-cd86672996.entry.js → p-12008e4b4a.entry.js} +1 -1
  218. package/dist/design-system/{p-03b95da587.entry.js → p-1832a8b10c.entry.js} +1 -1
  219. package/dist/design-system/{p-6722fff689.entry.js → p-199e5794f9.entry.js} +1 -1
  220. package/dist/design-system/{p-65762bf10a.entry.js → p-1e2fdd526f.entry.js} +1 -1
  221. package/dist/design-system/{p-d03b0204bf.entry.js → p-227bf7005f.entry.js} +1 -1
  222. package/dist/design-system/{p-f1c14f2d6d.entry.js → p-273efbd0f4.entry.js} +1 -1
  223. package/dist/design-system/{p-53a026d51f.entry.js → p-2984e0c419.entry.js} +1 -1
  224. package/dist/design-system/{p-868cdfa283.entry.js → p-387808b33b.entry.js} +1 -1
  225. package/dist/design-system/{p-a5ddb670f6.entry.js → p-42bc0ecdea.entry.js} +1 -1
  226. package/dist/design-system/{p-fbea94a9f1.entry.js → p-4434546768.entry.js} +1 -1
  227. package/dist/design-system/{p-068ccfad8e.entry.js → p-4560cd05e2.entry.js} +1 -1
  228. package/dist/design-system/{p-aa818d939d.entry.js → p-46f29960b4.entry.js} +1 -1
  229. package/dist/design-system/{p-5861eed0cd.entry.js → p-5448f94833.entry.js} +1 -1
  230. package/dist/design-system/{p-0aa4490aef.entry.js → p-590395ca65.entry.js} +1 -1
  231. package/dist/design-system/{p-26dfe27017.entry.js → p-6317524d37.entry.js} +1 -1
  232. package/dist/design-system/{p-7e0181bf02.entry.js → p-65913aa877.entry.js} +1 -1
  233. package/dist/design-system/{p-355ad7eb13.entry.js → p-68f1c98ef3.entry.js} +1 -1
  234. package/dist/design-system/{p-293c1d7f54.entry.js → p-6b6fdc57c1.entry.js} +1 -1
  235. package/dist/design-system/p-6c9ebf73a3.entry.js +4 -0
  236. package/dist/design-system/{p-4d73ae2824.entry.js → p-70d98ea08d.entry.js} +1 -1
  237. package/dist/design-system/{p-4eaac5ca6b.entry.js → p-72843320f7.entry.js} +1 -1
  238. package/dist/design-system/{p-a4a063f280.entry.js → p-76551271c7.entry.js} +1 -1
  239. package/dist/design-system/{p-2345e9fed5.entry.js → p-78fa42f19b.entry.js} +1 -1
  240. package/dist/design-system/{p-8d04a63919.entry.js → p-7c1ce160fe.entry.js} +1 -1
  241. package/dist/design-system/{p-9cb2b5b812.entry.js → p-836ac75016.entry.js} +1 -1
  242. package/dist/design-system/{p-45f3014f29.entry.js → p-870e3c0138.entry.js} +1 -1
  243. package/dist/design-system/{p-3543892968.entry.js → p-8734bc6735.entry.js} +1 -1
  244. package/dist/design-system/{p-0b66853b5b.entry.js → p-89418d345c.entry.js} +1 -1
  245. package/dist/design-system/{p-c7943ebfc0.entry.js → p-8c18e03816.entry.js} +1 -1
  246. package/dist/design-system/{p-24adf9e503.entry.js → p-8e0ce35e32.entry.js} +1 -1
  247. package/dist/design-system/p-8ecf64f703.entry.js +4 -0
  248. package/dist/design-system/{p-cf785c381a.entry.js → p-903d110824.entry.js} +1 -1
  249. package/dist/design-system/{p-4859ab8eef.entry.js → p-94a2067cb2.entry.js} +1 -1
  250. package/dist/design-system/{p-fe1e907d10.entry.js → p-94a8f24fe1.entry.js} +1 -1
  251. package/dist/design-system/{p-e9c5ac32da.entry.js → p-97670520d2.entry.js} +1 -1
  252. package/dist/design-system/{p-6fb65596cb.entry.js → p-9ada63ba4b.entry.js} +1 -1
  253. package/dist/design-system/p-B0WMymhT.js +4 -0
  254. package/dist/design-system/{p-CqgSz7Zj.js → p-B6z5TnDK.js} +1 -1
  255. package/dist/design-system/p-B7VRmbiX.js +14 -0
  256. package/{components/p-BF-2xfmq.js → dist/design-system/p-B8_nVD8J.js} +1 -1
  257. package/dist/design-system/{p-DQwXy0j5.js → p-BXt6QjIx.js} +1 -1
  258. package/dist/design-system/{p-DWaM_oN0.js → p-BYD3IPs8.js} +1 -1
  259. package/dist/design-system/p-BZEWgXed.js +6 -0
  260. package/{components/p-C7Qb2sJV.js → dist/design-system/p-BZsCW9yV.js} +1 -1
  261. package/dist/design-system/p-BaZBnuEF.js +4 -0
  262. package/{components/p-CxDrGhiv.js → dist/design-system/p-Bwb-pdM2.js} +1 -1
  263. package/dist/design-system/{p-CnMdxr0m.js → p-C0WbBTf4.js} +1 -1
  264. package/dist/design-system/p-CBGuu-I2.js +4 -0
  265. package/{components/p-Bv45jA_n.js → dist/design-system/p-D4hbhLgQ.js} +1 -1
  266. package/dist/design-system/p-D9mt3Oq6.js +4 -0
  267. package/dist/design-system/{p-PoatOrqI.js → p-DDkg6jid.js} +1 -1
  268. package/{components/p-PmBBNJAS.js → dist/design-system/p-DE5aqD5-.js} +1 -1
  269. package/dist/design-system/{p-CvAtwmbq.js → p-DYqA7KF0.js} +1 -1
  270. package/dist/design-system/p-Dd1T3Uhf.js +4 -0
  271. package/dist/design-system/p-Dw7BDW7b.js +4 -0
  272. package/dist/design-system/{p-DtLg8ChN.js → p-FibyOiqE.js} +1 -1
  273. package/{components/p-C6y5h01N.js → dist/design-system/p-GV5U_dO3.js} +1 -1
  274. package/dist/design-system/{p-C8zA_Viz.js → p-ZGXsBgE3.js} +1 -1
  275. package/dist/design-system/{p-46bd8e78a8.entry.js → p-a4621dc9f7.entry.js} +1 -1
  276. package/dist/design-system/{p-14569675ee.entry.js → p-a6709bd6a4.entry.js} +1 -1
  277. package/dist/design-system/{p-ec64c341a0.entry.js → p-af756319ff.entry.js} +1 -1
  278. package/dist/design-system/p-b5c2efdef4.entry.js +4 -0
  279. package/dist/design-system/{p-d63e48925b.entry.js → p-b64cafbcbf.entry.js} +1 -1
  280. package/dist/design-system/{p-66e34dc71f.entry.js → p-b7b13b1f3a.entry.js} +1 -1
  281. package/dist/design-system/{p-0bc7faf8c4.entry.js → p-b81604634a.entry.js} +1 -1
  282. package/dist/design-system/{p-9be15dfb8d.entry.js → p-bcadbbe619.entry.js} +1 -1
  283. package/dist/design-system/p-bdbf9a394c.entry.js +4 -0
  284. package/dist/design-system/{p-6996c344f7.entry.js → p-bee20202e4.entry.js} +1 -1
  285. package/dist/design-system/{p-51fed987db.entry.js → p-bfa52f09c1.entry.js} +1 -1
  286. package/dist/design-system/{p-6354401906.entry.js → p-c0efe2d99d.entry.js} +1 -1
  287. package/dist/design-system/{p-8226ff1223.entry.js → p-c1058ab51d.entry.js} +1 -1
  288. package/dist/design-system/{p-d9c00436ba.entry.js → p-c7b33c067e.entry.js} +1 -1
  289. package/dist/design-system/{p-21e0f63b01.entry.js → p-d12febf08e.entry.js} +1 -1
  290. package/dist/design-system/p-d429f6e937.entry.js +4 -0
  291. package/dist/design-system/{p-945c165b6b.entry.js → p-d5c0b5ddf3.entry.js} +1 -1
  292. package/dist/design-system/{p-82f48d1748.entry.js → p-d65c14d35e.entry.js} +1 -1
  293. package/dist/design-system/{p-1e2c6ef668.entry.js → p-dcab67df56.entry.js} +1 -1
  294. package/dist/design-system/{p-e5c6227929.entry.js → p-dcc1c89e7a.entry.js} +1 -1
  295. package/dist/design-system/{p-64911e079d.entry.js → p-e6ac93cc12.entry.js} +1 -1
  296. package/dist/design-system/{p-a2d5d98d3a.entry.js → p-e862697fd0.entry.js} +1 -1
  297. package/dist/design-system/p-eae2a1547c.entry.js +4 -0
  298. package/dist/design-system/{p-da193757b7.entry.js → p-ebbec13d79.entry.js} +1 -1
  299. package/dist/design-system/{p-8f47eaa1b3.entry.js → p-ee0928114d.entry.js} +1 -1
  300. package/dist/design-system/{p-65dc693177.entry.js → p-eea3eb3953.entry.js} +1 -1
  301. package/dist/design-system/{p-e3942a6edb.entry.js → p-eff94c9727.entry.js} +1 -1
  302. package/dist/design-system/{p-503bfc3ac4.entry.js → p-f67413bb28.entry.js} +1 -1
  303. package/dist/design-system/{p-20067695d5.entry.js → p-fd42d172be.entry.js} +1 -1
  304. package/dist/design-system/{p-bdb708d712.entry.js → p-fd53c6d59f.entry.js} +1 -1
  305. package/{components/p-DwoEAAFz.js → dist/design-system/p-reH0cIhP.js} +1 -1
  306. package/dist/esm/{array-DoJNFnXv.js → array-e_JtE-nB.js} +2 -2
  307. package/dist/esm/{breakpoints.decorator-CnkvAW5b.js → breakpoints.decorator-BCEvQ01q.js} +1 -1
  308. package/dist/esm/{breakpoints.subject-I5r5lNF8.js → breakpoints.subject-1t_GD0pz.js} +3 -3
  309. package/dist/esm/{config.utils-Dp02shGd.js → config.utils-C2ZxpLao.js} +1 -1
  310. package/dist/esm/{create-validator-decorator-C9h9tdvI.js → create-validator-decorator-DoOlbRcm.js} +1 -1
  311. package/dist/esm/design-system.js +3 -3
  312. package/dist/esm/{device-Cgmtx8Rt.js → device-C6cGaC0a.js} +1 -1
  313. package/dist/esm/ds-accordion.entry.js +7 -7
  314. package/dist/esm/ds-alert-container.entry.js +6 -6
  315. package/dist/esm/ds-app-footer.entry.js +6 -6
  316. package/dist/esm/ds-app-navbar.entry.js +13 -13
  317. package/dist/esm/ds-badge.entry.js +6 -6
  318. package/dist/esm/ds-brand-icon_3.entry.js +8 -8
  319. package/dist/esm/ds-button-group.entry.js +6 -6
  320. package/dist/esm/ds-card-actions.entry.js +4 -4
  321. package/dist/esm/ds-card-content.entry.js +2 -2
  322. package/dist/esm/ds-card-header.entry.js +5 -5
  323. package/dist/esm/ds-card-subtitle.entry.js +6 -6
  324. package/dist/esm/ds-card-title.entry.js +6 -6
  325. package/dist/esm/ds-card.entry.js +6 -6
  326. package/dist/esm/ds-carousel-item.entry.js +6 -6
  327. package/dist/esm/ds-carousel.entry.js +7 -7
  328. package/dist/esm/ds-checkbox-group.entry.js +11 -11
  329. package/dist/esm/ds-checkbox.entry.js +8 -8
  330. package/dist/esm/ds-content_2.entry.js +6 -6
  331. package/dist/esm/ds-counter.entry.js +8 -8
  332. package/dist/esm/ds-data-item.entry.js +5 -5
  333. package/dist/esm/ds-data-label.entry.js +4 -4
  334. package/dist/esm/ds-data-value.entry.js +2 -2
  335. package/dist/esm/ds-data.entry.js +4 -4
  336. package/dist/esm/ds-datepicker.entry.js +9 -9
  337. package/dist/esm/ds-divider_2.entry.js +12 -12
  338. package/dist/esm/ds-drawer_2.entry.js +8 -8
  339. package/dist/esm/ds-file-upload.entry.js +10 -10
  340. package/dist/esm/ds-heading.entry.js +6 -6
  341. package/dist/esm/ds-hint-text.entry.js +2 -2
  342. package/dist/esm/ds-hint-title.entry.js +2 -2
  343. package/dist/esm/ds-hint.entry.js +10 -10
  344. package/dist/esm/ds-icon_2.entry.js +14 -12
  345. package/dist/esm/ds-input.entry.js +10 -10
  346. package/dist/esm/ds-item.entry.js +6 -6
  347. package/dist/esm/ds-label.entry.js +7 -7
  348. package/dist/esm/ds-list.entry.js +6 -6
  349. package/dist/esm/ds-modal-body.entry.js +2 -2
  350. package/dist/esm/ds-modal-header.entry.js +2 -2
  351. package/dist/esm/ds-modal.entry.js +6 -6
  352. package/dist/esm/ds-notification.entry.js +7 -7
  353. package/dist/esm/ds-number-input.entry.js +10 -10
  354. package/dist/esm/ds-pagination.entry.js +11 -11
  355. package/dist/esm/ds-phone-input.entry.js +10 -10
  356. package/dist/esm/ds-progress-bar.entry.js +11 -11
  357. package/dist/esm/ds-radio-group.entry.js +8 -8
  358. package/dist/esm/ds-radio.entry.js +7 -7
  359. package/dist/esm/ds-root.entry.js +9 -9
  360. package/dist/esm/ds-segment-item.entry.js +4 -4
  361. package/dist/esm/ds-segment.entry.js +9 -9
  362. package/dist/esm/ds-select-optgroup.entry.js +4 -4
  363. package/dist/esm/ds-select-option.entry.js +4 -4
  364. package/dist/esm/ds-select.entry.js +91 -137
  365. package/dist/esm/ds-shape.entry.js +4 -4
  366. package/dist/esm/ds-sheet.entry.js +4 -4
  367. package/dist/esm/ds-slider.entry.js +10 -10
  368. package/dist/esm/ds-snackbar.entry.js +11 -11
  369. package/dist/esm/ds-step-panel.entry.js +5 -5
  370. package/dist/esm/ds-step.entry.js +5 -5
  371. package/dist/esm/ds-steps.entry.js +6 -6
  372. package/dist/esm/ds-tab-panel.entry.js +5 -5
  373. package/dist/esm/ds-tab.entry.js +5 -5
  374. package/dist/esm/ds-tabs.entry.js +7 -7
  375. package/dist/esm/ds-tag-group.entry.js +2 -2
  376. package/dist/esm/ds-tag.entry.js +6 -6
  377. package/dist/esm/ds-text.entry.js +6 -6
  378. package/dist/esm/ds-textarea.entry.js +8 -8
  379. package/dist/esm/ds-toast.entry.js +9 -9
  380. package/dist/esm/ds-toggle.entry.js +7 -7
  381. package/dist/esm/ds-tooltip.entry.js +5 -5
  382. package/dist/esm/{field.util-Df-hqJaT.js → field.util-Bynx8isK.js} +1 -1
  383. package/dist/esm/{focus-DD2is1gX.js → focus-DxBiWf5t.js} +7 -4
  384. package/dist/esm/{form-control-BJWSlSG_.js → form-control-CDcwGSHl.js} +1 -1
  385. package/dist/esm/{has-value-gNK_M3-3.js → has-value-Bo85hk4Z.js} +1 -1
  386. package/dist/esm/{index-vF16SDFF.js → index-BZEWgXed.js} +42 -28
  387. package/dist/esm/index.js +8 -8
  388. package/dist/esm/{isNaN-7y2s4B42.js → isNaN-CnSbS9y5.js} +1 -1
  389. package/dist/esm/{isNil-CdsPICws.js → isNil-CSyb5N-K.js} +1 -1
  390. package/dist/esm/{listener-CoC_59Q5.js → listener-D0i_9cCL.js} +1 -1
  391. package/dist/esm/loader.js +2 -2
  392. package/dist/esm/{logo.animation-DFnRNKvb.js → logo.animation-d3SUvNsa.js} +2 -2
  393. package/dist/esm/{lottie_light_html-DcbRcQ3w.js → lottie_light_html-BvqthL78.js} +1 -1
  394. package/dist/esm/{one-of-0XcP43f0.js → one-of-CEp_lE0A.js} +1 -1
  395. package/dist/esm/{required-BbKCKkv2.js → required-DFokOkqn.js} +1 -1
  396. package/dist/esm/{resize.decorator-DuBNoG5Y.js → resize.decorator-BFNXd4pc.js} +2 -2
  397. package/dist/esm/{scroll-w5Ky8GVa.js → scroll-Dg5YCtp0.js} +1 -1
  398. package/dist/esm/{spinner.animation-Dy_M0hD_.js → spinner.animation-jNZuSaBw.js} +2 -2
  399. package/dist/esm/{tslib.es6-CJY5Vco2.js → tslib.es6-syzWW8yN.js} +1 -1
  400. package/dist/esm/{type-CGNubZpn.js → type-Djd2i_VN.js} +1 -1
  401. package/dist/esm/{upperFirst-oiegw5tz.js → upperFirst-DpjZayHD.js} +1 -1
  402. package/docs/components.json +1 -1
  403. package/hydrate/index.js +496 -321
  404. package/hydrate/index.mjs +496 -321
  405. package/package.json +14 -14
  406. package/sbom.cdx.json +9086 -9578
  407. package/components/p-BKQaXv5U.js +0 -5
  408. package/components/p-CeFbrWv3.js +0 -14
  409. package/components/p-ZM4hf44X.js +0 -4
  410. package/dist/design-system/p-0be478196e.entry.js +0 -4
  411. package/dist/design-system/p-0fdfaf35ed.entry.js +0 -4
  412. package/dist/design-system/p-1610742ec0.entry.js +0 -4
  413. package/dist/design-system/p-5996168bba.entry.js +0 -4
  414. package/dist/design-system/p-7b3106cdba.entry.js +0 -4
  415. package/dist/design-system/p-BDn2kGoY.js +0 -14
  416. package/dist/design-system/p-BJZKXpi_.js +0 -4
  417. package/dist/design-system/p-BVkfpg--.js +0 -4
  418. package/dist/design-system/p-BwDOnHtD.js +0 -4
  419. package/dist/design-system/p-C2tiilHE.js +0 -4
  420. package/dist/design-system/p-CYTkqxYD.js +0 -4
  421. package/dist/design-system/p-DljpDnEC.js +0 -4
  422. package/dist/design-system/p-a942075486.entry.js +0 -4
  423. package/dist/design-system/p-bAyVKTSh.js +0 -4
  424. package/dist/design-system/p-vF16SDFF.js +0 -6
package/components/{p-VWxo1gxA.js → p-DgLUmdPH.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
- import{p as o,t,H as r,e,h as n,c as d}from"./p-ZM4hf44X.js";import{_ as s,L as i,a}from"./p-C7Qb2sJV.js";import{a as b}from"./p-Bo-aKWH3.js";import{h as c}from"./p-CenSJbHh.js";import{d as u}from"./p-Bl_soFOX.js";import{T as l}from"./p-BV65welS.js";import{O as v}from"./p-PmBBNJAS.js";import{L as m}from"./p-DwoEAAFz.js";const h=["h1","h2","h3","h4","h5"],g=["plus","plus-minus","none"],p=["left","right"],x=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsToggle=e(this,"dsToggle"),this.dsOpened=e(this,"dsOpened"),this.dsClosed=e(this,"dsClosed"),this.accordionId="ds-accordion-"+f++,this.animated=!0,this.isAnimating=!1,this.open=!1,this.group="",this.summaryLevel="h3",this.summaryTitle=!1,this.button=!1,this.buttonWide=!1,this.buttonColor="primary",this.buttonLabelOpen="",this.buttonIconOpen="",this.buttonLabelClose="",this.buttonIconClose="",this.handleContentTransitionEnd=()=>{this.animated&&(this.isAnimating=!1)}}createLogger(o){this.log=o}listenToDsOpened(o){const{id:t,group:r}=o.detail;t!==this.accordionId&&(this.group&&r!==this.group||!c(this.group)||(this.open=!1))}async configChanged(o){this.animated=o.animated}handleToggle(o,t){const r=o.target.closest("a, button, input, ds-toggle, ds-checkbox");r&&r!==o.currentTarget||(this.isAnimating=!!this.animated,this.open=t,this.dsToggle.emit({id:this.accordionId,group:this.group,open:t}),t?this.dsOpened.emit({id:this.accordionId,group:this.group,open:t}):this.dsClosed.emit({id:this.accordionId,group:this.group,open:t}))}render(){const o=n("ds-icon",{key:"9c15a8b1d1e0644abe6078d859b447bdfc9ea938",id:"marker",part:"marker",class:{"has-marker-plus":"plus"===this.marker||"plus-minus"===this.marker&&!this.open,"has-marker-minus":"plus-minus"===this.marker&&this.open},name:"plus"===this.marker?"plus":"plus-minus"!==this.marker?"caret-down":this.open?"minus":"plus"});return n(d,{key:"33053c40ea9c9fd206b542bc7c91065e0f8b144d",class:{"is-button":!!this.buttonIconOpen||!!this.buttonIconClose,"is-title":!0===this.summaryTitle||c(this.summaryVisualLevel),[`is-${this.summaryVisualLevel}`]:!!this.summaryVisualLevel,"is-animated":!!this.animated,"is-animating":!!this.animated&&this.isAnimating}},n(this.summaryLevel,{key:"b3b4e83033b41dddd657f38ac76910cc2e3a2f1e",id:"header",part:"header"},n("button",{key:"18899e9ce484dd067f9044ca117998799c9daf52",type:"button","aria-expanded":b(this.open),"aria-controls":"content",id:"summary",part:"summary",onClick:o=>this.handleToggle(o,!this.open),class:{"ds-button":this.button,"is-wide":this.buttonWide,[`is-${this.buttonColor}`]:!!this.buttonColor,[`is-${this.buttonSize}`]:!!this.buttonSize,"has-marker-left":"left"===this.markerPosition}},this.buttonIconOpen||this.buttonIconClose?n("ds-icon",{id:"marker",part:"marker",name:this.open?this.buttonIconOpen:this.buttonIconClose}):this.button&&o,n("span",{key:"b087907aca5a25df90083c17b195e6d81841773f",id:"label",class:{"is-button":this.button}},n("slot",{key:"025482c3e4eb65625ff5a4867f319b6be343efe8",name:"summary"},this.open?this.buttonLabelOpen:this.buttonLabelClose)),!this.button&&"none"!==this.marker&&!this.buttonIconOpen&&o)),n("div",{key:"1de47c28cbeb5c8771867ea3fa761e406eeb1cc5",id:"content",role:"region","aria-labelledby":"summary",part:"content",hidden:!this.open,onTransitionEnd:this.handleContentTransitionEnd},n("div",{key:"234a5ef0606f8ae4b956960672d379929b04f485",id:"inner"},n("slot",{key:"c782c9390f2fc90bd2c5b9e9d447cc4e9056b3d9",name:"content"}),n("slot",{key:"a3aa30e53cf8fe1868f097f7166b25e4c08343e0"}))))}get el(){return this}static get style(){return'.ds-button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-size-base-font-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-size-base-font-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base-font-size)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-size-base-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-size-base-radius)));--_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, fit-content));--_button-gap:var(--button-gap, var(--mod-button-gap, var(--ds-button-size-base-gap)));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, var(--ds-button-size-base-min-height)));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, var(--ds-button-size-base-min-width)));--_button-px:var(--button-px, var(--mod-button-px, var(--ds-button-size-base-padding-x)));--_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)))}.ds-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{.ds-button{display:none !important}}.ds-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;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);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-px);background-color:var(--_button-color-background);color:var(--_button-color-text);border:var(--_button-color-border)}.ds-button::-moz-focus-inner{border:0}.ds-button{--spinner-logo-size:1.5rem;--icon-color:var(--_button-color-text)}.ds-button:focus,.ds-button:active{outline:none}@media (hover: hover)and (pointer: fine){.ds-button:focus-visible:not(:active),.ds-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){.ds-button:hover,.ds-button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border:var(--_button-color-border-hover)}}.ds-button:active,.ds-button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border:var(--_button-color-border-active);translate:0 .5px}.ds-button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.ds-button.has-brand-icon{-ms-flex-direction:column;flex-direction:column;text-align:center;padding:calc(var(--ds-button-size-base-padding-x)/2)}@media screen and (min-width: 769px){.ds-button.has-brand-icon{padding:calc(var(--ds-button-size-base-padding-x))}}.ds-button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-underline-width)}.ds-button .ds-badge,.ds-button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.ds-button.is-primary:not(.is-inverted):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)}.ds-button.is-secondary:not(.is-inverted):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)}.ds-button.is-tertiary:not(.is-inverted):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)}.ds-button.is-ghost:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-ghost-base-text);--mod-button-color-background:var(--ds-button-color-ghost-base-background);--mod-button-color-border:var(--ds-button-color-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-ghost-active-border)}.ds-button.is-brand-purple:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-purple-base-text);--mod-button-color-background:var(--ds-button-color-brand-purple-base-background);--mod-button-color-border:var(--ds-button-color-brand-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-purple-active-border)}.ds-button.is-brand-red:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-red-base-text);--mod-button-color-background:var(--ds-button-color-brand-red-base-background);--mod-button-color-border:var(--ds-button-color-brand-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-red-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-red-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-red-active-border)}.ds-button.is-brand-yellow:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-yellow-base-text);--mod-button-color-background:var(--ds-button-color-brand-yellow-base-background);--mod-button-color-border:var(--ds-button-color-brand-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-yellow-active-border)}.ds-button.is-brand-green:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-green-base-text);--mod-button-color-background:var(--ds-button-color-brand-green-base-background);--mod-button-color-border:var(--ds-button-color-brand-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-green-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-green-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-green-active-border)}.ds-button.is-info:not(.is-inverted):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)}.ds-button.is-success:not(.is-inverted):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)}.ds-button.is-warning:not(.is-inverted):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)}.ds-button.is-danger:not(.is-inverted):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)}.ds-button.is-link:not(.is-inverted):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)}.ds-button.is-text:not(.is-inverted):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)}.ds-button.is-primary.is-inverted: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)}.ds-button.is-brand-purple.is-inverted: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)}.ds-button.is-brand-red.is-inverted: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)}.ds-button.is-brand-yellow.is-inverted: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)}.ds-button.is-brand-green.is-inverted: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)}.ds-button.is-info.is-inverted: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)}.ds-button.is-success.is-inverted: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)}.ds-button.is-warning.is-inverted: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)}.ds-button.is-danger.is-inverted: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)}.ds-button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.ds-button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.ds-button.is-ghost.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-ghost-base-text);--mod-button-color-background:var(--ds-button-color-inverted-ghost-base-background);--mod-button-color-border:var(--ds-button-color-inverted-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-ghost-active-border)}.ds-button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.ds-button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.ds-button.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-focus-shadow:var(--ds-alias-interaction-focus-color-inverted)}.ds-button.is-sm,.ds-button.is-small{--mod-button-font-family:var(--ds-button-size-sm-font-family);--mod-button-font-weight:var(--ds-button-size-sm-font-weight);--mod-button-font-size:var(--ds-button-size-sm-font-size);--mod-button-line-height:var(--ds-button-size-sm-line-height);--mod-button-radius:var(--ds-button-size-sm-radius);--mod-button-gap:var(--ds-button-size-sm-gap);--mod-button-min-height:var(--ds-button-size-sm-min-height);--mod-button-min-width:var(--ds-button-size-sm-min-width);--mod-button-px:var(--ds-button-size-sm-padding-x)}.ds-button.is-lg,.ds-button.is-large{--mod-button-font-family:var(--ds-button-size-lg-font-family);--mod-button-font-weight:var(--ds-button-size-lg-font-weight);--mod-button-font-size:var(--ds-button-size-lg-font-size);--mod-button-line-height:var(--ds-button-size-lg-line-height);--mod-button-radius:var(--ds-button-size-lg-radius);--mod-button-gap:var(--ds-button-size-lg-gap);--mod-button-min-height:var(--ds-button-size-lg-min-height);--mod-button-min-width:var(--ds-button-size-lg-min-width);--mod-button-px:var(--ds-button-size-lg-padding-x)}.ds-button.is-flat{--mod-button-px:0;--mod-button-min-height:1.75rem}.ds-button.is-square:not(.is-sm),.ds-button.is-square:not(.is-small){--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.ds-button.is-square.is-sm,.ds-button.is-square.is-small{--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.ds-button.has-shadow:not(.is-link,.is-ghost){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.ds-button.is-ghost.has-shadow,.ds-button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.ds-button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.ds-button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.ds-button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.ds-button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .ds-button,fieldset[disabled] .ds-button:hover,fieldset[disabled] .ds-button.is-hovered,fieldset[disabled] .ds-button:active,fieldset[disabled] .ds-button.is-pressed,fieldset[disabled] .ds-button:focus,fieldset[disabled] .ds-button.is-focused,.ds-button.is-loading,.ds-button.is-loading:hover,.ds-button.is-loading.is-hovered,.ds-button.is-loading:active,.ds-button.is-loading.is-pressed,.ds-button.is-loading:focus,.ds-button.is-loading.is-focused,.ds-button.is-disabled,.ds-button.is-disabled:hover,.ds-button.is-disabled.is-hovered,.ds-button.is-disabled:active,.ds-button.is-disabled.is-pressed,.ds-button.is-disabled:focus,.ds-button.is-disabled.is-focused,.ds-button.is-inverted.is-disabled,.ds-button.is-inverted.is-disabled:hover,.ds-button.is-inverted.is-disabled.is-hovered,.ds-button.is-inverted.is-disabled:active,.ds-button.is-inverted.is-disabled.is-pressed,.ds-button.is-inverted.is-disabled:focus,.ds-button.is-inverted.is-disabled.is-focused,.ds-button[disabled],.ds-button[disabled]:hover,.ds-button[disabled].is-hovered,.ds-button[disabled]:active,.ds-button[disabled].is-pressed,.ds-button[disabled]:focus,.ds-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:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-icon,fieldset[disabled] .ds-button:hover>ds-icon,fieldset[disabled] .ds-button.is-hovered>ds-icon,fieldset[disabled] .ds-button:active>ds-icon,fieldset[disabled] .ds-button.is-pressed>ds-icon,fieldset[disabled] .ds-button:focus>ds-icon,fieldset[disabled] .ds-button.is-focused>ds-icon,.ds-button.is-loading>ds-icon,.ds-button.is-loading:hover>ds-icon,.ds-button.is-loading.is-hovered>ds-icon,.ds-button.is-loading:active>ds-icon,.ds-button.is-loading.is-pressed>ds-icon,.ds-button.is-loading:focus>ds-icon,.ds-button.is-loading.is-focused>ds-icon,.ds-button.is-disabled>ds-icon,.ds-button.is-disabled:hover>ds-icon,.ds-button.is-disabled.is-hovered>ds-icon,.ds-button.is-disabled:active>ds-icon,.ds-button.is-disabled.is-pressed>ds-icon,.ds-button.is-disabled:focus>ds-icon,.ds-button.is-disabled.is-focused>ds-icon,.ds-button.is-inverted.is-disabled>ds-icon,.ds-button.is-inverted.is-disabled:hover>ds-icon,.ds-button.is-inverted.is-disabled.is-hovered>ds-icon,.ds-button.is-inverted.is-disabled:active>ds-icon,.ds-button.is-inverted.is-disabled.is-pressed>ds-icon,.ds-button.is-inverted.is-disabled:focus>ds-icon,.ds-button.is-inverted.is-disabled.is-focused>ds-icon,.ds-button[disabled]>ds-icon,.ds-button[disabled]:hover>ds-icon,.ds-button[disabled].is-hovered>ds-icon,.ds-button[disabled]:active>ds-icon,.ds-button[disabled].is-pressed>ds-icon,.ds-button[disabled]:focus>ds-icon,.ds-button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-spinner,fieldset[disabled] .ds-button:hover>ds-spinner,fieldset[disabled] .ds-button.is-hovered>ds-spinner,fieldset[disabled] .ds-button:active>ds-spinner,fieldset[disabled] .ds-button.is-pressed>ds-spinner,fieldset[disabled] .ds-button:focus>ds-spinner,fieldset[disabled] .ds-button.is-focused>ds-spinner,.ds-button.is-loading>ds-spinner,.ds-button.is-loading:hover>ds-spinner,.ds-button.is-loading.is-hovered>ds-spinner,.ds-button.is-loading:active>ds-spinner,.ds-button.is-loading.is-pressed>ds-spinner,.ds-button.is-loading:focus>ds-spinner,.ds-button.is-loading.is-focused>ds-spinner,.ds-button.is-disabled>ds-spinner,.ds-button.is-disabled:hover>ds-spinner,.ds-button.is-disabled.is-hovered>ds-spinner,.ds-button.is-disabled:active>ds-spinner,.ds-button.is-disabled.is-pressed>ds-spinner,.ds-button.is-disabled:focus>ds-spinner,.ds-button.is-disabled.is-focused>ds-spinner,.ds-button.is-inverted.is-disabled>ds-spinner,.ds-button.is-inverted.is-disabled:hover>ds-spinner,.ds-button.is-inverted.is-disabled.is-hovered>ds-spinner,.ds-button.is-inverted.is-disabled:active>ds-spinner,.ds-button.is-inverted.is-disabled.is-pressed>ds-spinner,.ds-button.is-inverted.is-disabled:focus>ds-spinner,.ds-button.is-inverted.is-disabled.is-focused>ds-spinner,.ds-button[disabled]>ds-spinner,.ds-button[disabled]:hover>ds-spinner,.ds-button[disabled].is-hovered>ds-spinner,.ds-button[disabled]:active>ds-spinner,.ds-button[disabled].is-pressed>ds-spinner,.ds-button[disabled]:focus>ds-spinner,.ds-button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-spinner.is-circle,fieldset[disabled] .ds-button:hover>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .ds-button:active>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .ds-button:focus>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-focused>ds-spinner.is-circle,.ds-button.is-loading>ds-spinner.is-circle,.ds-button.is-loading:hover>ds-spinner.is-circle,.ds-button.is-loading.is-hovered>ds-spinner.is-circle,.ds-button.is-loading:active>ds-spinner.is-circle,.ds-button.is-loading.is-pressed>ds-spinner.is-circle,.ds-button.is-loading:focus>ds-spinner.is-circle,.ds-button.is-loading.is-focused>ds-spinner.is-circle,.ds-button.is-disabled>ds-spinner.is-circle,.ds-button.is-disabled:hover>ds-spinner.is-circle,.ds-button.is-disabled.is-hovered>ds-spinner.is-circle,.ds-button.is-disabled:active>ds-spinner.is-circle,.ds-button.is-disabled.is-pressed>ds-spinner.is-circle,.ds-button.is-disabled:focus>ds-spinner.is-circle,.ds-button.is-disabled.is-focused>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:active>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.ds-button[disabled]>ds-spinner.is-circle,.ds-button[disabled]:hover>ds-spinner.is-circle,.ds-button[disabled].is-hovered>ds-spinner.is-circle,.ds-button[disabled]:active>ds-spinner.is-circle,.ds-button[disabled].is-pressed>ds-spinner.is-circle,.ds-button[disabled]:focus>ds-spinner.is-circle,.ds-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)}.ds-buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}.ds-buttons.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){.ds-buttons ::slotted(.ds-button:not(.is-square)),.ds-buttons .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}.ds-buttons ::slotted(ds-button:not(.is-square)),.ds-buttons ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}.ds-buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.ds-buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.ds-buttons.as-row{--mod-buttons-direction:row}.ds-buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.ds-buttons.as-col ::slotted(.ds-button),.ds-buttons.as-col .ds-button,.ds-buttons.as-col ::slotted(ds-button),.ds-buttons.as-col ds-button,.ds-buttons.as-col-reverse ::slotted(.ds-button),.ds-buttons.as-col-reverse .ds-button,.ds-buttons.as-col-reverse ::slotted(ds-button),.ds-buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.ds-buttons.as-col.is-center,.ds-buttons.as-col.is-centered,.ds-buttons.as-col-reverse.is-center,.ds-buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.ds-buttons.as-col.is-left,.ds-buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.ds-buttons.as-col.is-right,.ds-buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.ds-buttons.as-row.is-center,.ds-buttons.as-row.is-centered,.ds-buttons.is-center:not(.as-col),.ds-buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.ds-buttons.as-row.is-left,.ds-buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.ds-buttons.as-row.is-right,.ds-buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.ds-buttons.is-wide ::slotted(.ds-button:not(.is-square)),.ds-buttons.is-wide .ds-button:not(.is-square),.ds-buttons.is-wide ::slotted(ds-button:not(.is-square)),.ds-buttons.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_accordion-focus:var(--accordion-focus, var(--mod-accordion-focus, var(--ds-alias-interaction-focus-color-base)));--_accordion-marker-size:var(--accordion-marker-size, var(--mod-accordion-marker-size, 1rem));--_accordion-summary-color:var(--accordion-summary-color, var(--mod-accordion-summary-color, var(--ds-accordion-summary-color-base)));--_accordion-summary-font-family:var(--accordion-summary-font-family, var(--mod-accordion-summary-font-family, var(--ds-accordion-summary-typo-font-family)));--_accordion-summary-font-weight:var(--accordion-summary-font-weight, var(--mod-accordion-summary-font-weight, var(--ds-accordion-summary-typo-font-weight)));--_accordion-summary-font-line-height:var(--accordion-summary-font-line-height, var(--mod-accordion-summary-font-line-height, var(--ds-accordion-summary-typo-line-height)));--_accordion-summary-font-size:var(--accordion-summary-font-size, var(--mod-accordion-summary-font-size, var(--ds-accordion-summary-typo-font-size)));--_accordion-summary-color-hover:var(--accordion-summary-color-hover, var(--mod-accordion-summary-color-hover, var(--ds-accordion-summary-color-hover)));--_accordion-summary-color-active:var(--accordion-summary-color-active, var(--mod-accordion-summary-color-active, var(--ds-accordion-summary-color-active)));--_accordion-radius:var(--accordion-radius, var(--mod-accordion-radius, var(--ds-accordion-radius)))}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative}:host #header{min-height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host #summary:not(.ds-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;cursor:pointer;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:.5rem;background:inherit;border:none;width:100%;padding:0;margin:0;outline:none;color:var(--_accordion-summary-color);font-family:var(--_accordion-summary-font-family);font-weight:var(--_accordion-summary-font-weight);line-height:var(--_accordion-summary-font-line-height);font-size:var(--_accordion-summary-font-size)}:host #summary:not(.ds-button).has-marker-left #marker{-ms-flex-order:-1;order:-1}@media (hover: hover)and (pointer: fine){:host #summary:not(.ds-button):hover,:host #summary:not(.ds-button).is-hovered{color:var(--_accordion-summary-color-hover)}:host #summary:not(.ds-button):hover ds-icon,:host #summary:not(.ds-button).is-hovered ds-icon{--icon-color:var(--_accordion-summary-color-hover)}}:host #summary:not(.ds-button):active,:host #summary:not(.ds-button).is-pressed{color:var(--_accordion-summary-color-active)}:host #summary:not(.ds-button):active ds-icon,:host #summary:not(.ds-button).is-pressed ds-icon{--icon-color:var(--_accordion-summary-color-active)}:host #summary:not(.ds-button):focus-visible:not(:active):before,:host #summary:not(.ds-button).is-focused:not(:active):before{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_accordion-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_accordion-focus) 0 0 0 5px !important;content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--_accordion-radius)}:host #label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block}:host #label:not(.is-button){-ms-flex:1;flex:1;text-align:left}:host(.is-title){--mod-accordion-summary-font-family:var(--ds-alias-text-family-heading);--mod-accordion-summary-font-weight:var(--ds-alias-text-weight-bold);--mod-accordion-summary-font-line-height:var(--ds-alias-text-line-height-heading)}:host(.is-h1){--mod-accordion-summary-font-size:var(--ds-heading-level-1-font-size)}:host(.is-h2){--mod-accordion-summary-font-size:var(--ds-heading-level-2-font-size)}:host(.is-h3){--mod-accordion-summary-font-size:var(--ds-heading-level-3-font-size)}:host(.is-h4){--mod-accordion-summary-font-size:var(--ds-heading-level-4-font-size)}:host(.is-h5){--mod-accordion-summary-font-size:var(--ds-heading-level-5-font-size)}:host(:not(.is-button)) #marker{min-width:var(--_accordion-marker-size);width:1.5rem;height:var(--_accordion-marker-size);cursor:pointer}:host(:not(.is-button)[open]:not([open=" false "])) #marker{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(:not(.is-button)[open]:not([open=" false "])) #marker.has-marker-plus{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:root{interpolate-size:allow-keywords}@media (prefers-reduced-motion: no-preference){:host(.is-animated) #marker{-webkit-transition:-webkit-transform 300ms ease;transition:-webkit-transform 300ms ease;transition:transform 300ms ease;transition:transform 300ms ease, -webkit-transform 300ms ease}:host(.is-animated) #content{display:grid;grid-template-rows:0fr;overflow:hidden;-webkit-transition:content-visibility .3s,grid-template-rows .3s;transition:content-visibility .3s,grid-template-rows .3s;transition:content-visibility .3s,grid-template-rows .3s,-ms-grid-rows .3s;transition-behavior:allow-discrete}:host(.is-animated) #content>#inner{min-height:0;-webkit-transition:visibility .3s;transition:visibility .3s;visibility:hidden}:host(.is-animated[open]:not([open=" false "])) #content{grid-template-rows:1fr}:host(.is-animated[open]:not([open=" false "])) #content>#inner{visibility:visible}:host(.is-animated[open]:not([open=" false "]):not(.is-animating)) #content{overflow:visible}:host(.is-animated.is-animating) #content{overflow:hidden}}'}},[257,"ds-accordion",{open:[1540],group:[513],summaryLevel:[1,"summary-level"],summaryVisualLevel:[1,"summary-visual-level"],summaryTitle:[4,"summary-title"],marker:[1],markerPosition:[1,"marker-position"],button:[4],buttonWide:[4,"button-wide"],buttonColor:[1,"button-color"],buttonSize:[1,"button-size"],buttonLabelOpen:[1,"button-label-open"],buttonIconOpen:[1,"button-icon-open"],buttonLabelClose:[1,"button-label-close"],buttonIconClose:[1,"button-icon-close"],animated:[32],isAnimating:[32],configChanged:[64]},[[8,"dsOpened","listenToDsOpened"]]]);s([i("accordion"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],x.prototype,"createLogger",null),s([l("boolean"),a("design:type",Boolean)],x.prototype,"open",void 0),s([l("string"),a("design:type",String)],x.prototype,"group",void 0),s([v(h),a("design:type",String)],x.prototype,"summaryLevel",void 0),s([v(h),a("design:type",String)],x.prototype,"summaryVisualLevel",void 0),s([l("boolean"),a("design:type",Boolean)],x.prototype,"summaryTitle",void 0),s([v(g),a("design:type",String)],x.prototype,"marker",void 0),s([v(p),a("design:type",String)],x.prototype,"markerPosition",void 0),s([l("boolean"),a("design:type",Boolean)],x.prototype,"button",void 0),s([l("boolean"),a("design:type",Boolean)],x.prototype,"buttonWide",void 0),s([v(["primary","secondary","success","warning","danger"]),a("design:type",String)],x.prototype,"buttonColor",void 0),s([v(["sm","lg","xl"]),a("design:type",String)],x.prototype,"buttonSize",void 0),s([l("string"),a("design:type",String)],x.prototype,"buttonLabelOpen",void 0),s([l("string"),a("design:type",String)],x.prototype,"buttonIconOpen",void 0),s([l("string"),a("design:type",String)],x.prototype,"buttonLabelClose",void 0),s([l("string"),a("design:type",String)],x.prototype,"buttonIconClose",void 0),s([m(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],x.prototype,"configChanged",null);let f=1;function k(){"undefined"!=typeof customElements&&["ds-accordion","ds-icon"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(t(o))||customElements.define(t(o),x);break;case"ds-icon":customElements.get(t(o))||u()}}))}export{x as A,g as a,p as b,k as d}
4
+ import{p as o,t,H as r,e,h as n,c as d}from"./p-DOP4fM2o.js";import{_ as s,L as i,a}from"./p-C8OqQuJ7.js";import{a as b}from"./p-Bo-aKWH3.js";import{h as c}from"./p-CEPnyz7c.js";import{d as u}from"./p-BWrjPWjt.js";import{T as l}from"./p-DEnVBHne.js";import{O as v}from"./p-DaqLtBr3.js";import{L as m}from"./p-B9OReveE.js";const h=["h1","h2","h3","h4","h5"],g=["plus","plus-minus","none"],p=["left","right"],x=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsToggle=e(this,"dsToggle"),this.dsOpened=e(this,"dsOpened"),this.dsClosed=e(this,"dsClosed"),this.accordionId="ds-accordion-"+f++,this.animated=!0,this.isAnimating=!1,this.open=!1,this.group="",this.summaryLevel="h3",this.summaryTitle=!1,this.button=!1,this.buttonWide=!1,this.buttonColor="primary",this.buttonLabelOpen="",this.buttonIconOpen="",this.buttonLabelClose="",this.buttonIconClose="",this.handleContentTransitionEnd=()=>{this.animated&&(this.isAnimating=!1)}}createLogger(o){this.log=o}listenToDsOpened(o){const{id:t,group:r}=o.detail;t!==this.accordionId&&(this.group&&r!==this.group||!c(this.group)||(this.open=!1))}async configChanged(o){this.animated=o.animated}handleToggle(o,t){const r=o.target.closest("a, button, input, ds-toggle, ds-checkbox");r&&r!==o.currentTarget||(this.isAnimating=!!this.animated,this.open=t,this.dsToggle.emit({id:this.accordionId,group:this.group,open:t}),t?this.dsOpened.emit({id:this.accordionId,group:this.group,open:t}):this.dsClosed.emit({id:this.accordionId,group:this.group,open:t}))}render(){const o=n("ds-icon",{key:"9c15a8b1d1e0644abe6078d859b447bdfc9ea938",id:"marker",part:"marker",class:{"has-marker-plus":"plus"===this.marker||"plus-minus"===this.marker&&!this.open,"has-marker-minus":"plus-minus"===this.marker&&this.open},name:"plus"===this.marker?"plus":"plus-minus"!==this.marker?"caret-down":this.open?"minus":"plus"});return n(d,{key:"33053c40ea9c9fd206b542bc7c91065e0f8b144d",class:{"is-button":!!this.buttonIconOpen||!!this.buttonIconClose,"is-title":!0===this.summaryTitle||c(this.summaryVisualLevel),[`is-${this.summaryVisualLevel}`]:!!this.summaryVisualLevel,"is-animated":!!this.animated,"is-animating":!!this.animated&&this.isAnimating}},n(this.summaryLevel,{key:"b3b4e83033b41dddd657f38ac76910cc2e3a2f1e",id:"header",part:"header"},n("button",{key:"18899e9ce484dd067f9044ca117998799c9daf52",type:"button","aria-expanded":b(this.open),"aria-controls":"content",id:"summary",part:"summary",onClick:o=>this.handleToggle(o,!this.open),class:{"ds-button":this.button,"is-wide":this.buttonWide,[`is-${this.buttonColor}`]:!!this.buttonColor,[`is-${this.buttonSize}`]:!!this.buttonSize,"has-marker-left":"left"===this.markerPosition}},this.buttonIconOpen||this.buttonIconClose?n("ds-icon",{id:"marker",part:"marker",name:this.open?this.buttonIconOpen:this.buttonIconClose}):this.button&&o,n("span",{key:"b087907aca5a25df90083c17b195e6d81841773f",id:"label",class:{"is-button":this.button}},n("slot",{key:"025482c3e4eb65625ff5a4867f319b6be343efe8",name:"summary"},this.open?this.buttonLabelOpen:this.buttonLabelClose)),!this.button&&"none"!==this.marker&&!this.buttonIconOpen&&o)),n("div",{key:"1de47c28cbeb5c8771867ea3fa761e406eeb1cc5",id:"content",role:"region","aria-labelledby":"summary",part:"content",hidden:!this.open,onTransitionEnd:this.handleContentTransitionEnd},n("div",{key:"234a5ef0606f8ae4b956960672d379929b04f485",id:"inner"},n("slot",{key:"c782c9390f2fc90bd2c5b9e9d447cc4e9056b3d9",name:"content"}),n("slot",{key:"a3aa30e53cf8fe1868f097f7166b25e4c08343e0"}))))}get el(){return this}static get style(){return'.ds-button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-size-base-font-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-size-base-font-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base-font-size)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-size-base-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-size-base-radius)));--_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, fit-content));--_button-gap:var(--button-gap, var(--mod-button-gap, var(--ds-button-size-base-gap)));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, var(--ds-button-size-base-min-height)));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, var(--ds-button-size-base-min-width)));--_button-px:var(--button-px, var(--mod-button-px, var(--ds-button-size-base-padding-x)));--_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)))}.ds-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{.ds-button{display:none !important}}.ds-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;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);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-px);background-color:var(--_button-color-background);color:var(--_button-color-text);border:var(--_button-color-border)}.ds-button::-moz-focus-inner{border:0}.ds-button{--spinner-logo-size:1.5rem;--icon-color:var(--_button-color-text)}.ds-button:focus,.ds-button:active{outline:none}@media (hover: hover)and (pointer: fine){.ds-button:focus-visible:not(:active),.ds-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){.ds-button:hover,.ds-button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border:var(--_button-color-border-hover)}}.ds-button:active,.ds-button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border:var(--_button-color-border-active);translate:0 .5px}.ds-button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.ds-button.has-brand-icon{-ms-flex-direction:column;flex-direction:column;text-align:center;padding:calc(var(--ds-button-size-base-padding-x)/2)}@media screen and (min-width: 769px){.ds-button.has-brand-icon{padding:calc(var(--ds-button-size-base-padding-x))}}.ds-button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-underline-width)}.ds-button .ds-badge,.ds-button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.ds-button.is-primary:not(.is-inverted):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)}.ds-button.is-secondary:not(.is-inverted):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)}.ds-button.is-tertiary:not(.is-inverted):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)}.ds-button.is-ghost:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-ghost-base-text);--mod-button-color-background:var(--ds-button-color-ghost-base-background);--mod-button-color-border:var(--ds-button-color-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-ghost-active-border)}.ds-button.is-brand-purple:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-purple-base-text);--mod-button-color-background:var(--ds-button-color-brand-purple-base-background);--mod-button-color-border:var(--ds-button-color-brand-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-purple-active-border)}.ds-button.is-brand-red:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-red-base-text);--mod-button-color-background:var(--ds-button-color-brand-red-base-background);--mod-button-color-border:var(--ds-button-color-brand-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-red-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-red-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-red-active-border)}.ds-button.is-brand-yellow:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-yellow-base-text);--mod-button-color-background:var(--ds-button-color-brand-yellow-base-background);--mod-button-color-border:var(--ds-button-color-brand-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-yellow-active-border)}.ds-button.is-brand-green:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-green-base-text);--mod-button-color-background:var(--ds-button-color-brand-green-base-background);--mod-button-color-border:var(--ds-button-color-brand-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-green-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-green-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-green-active-border)}.ds-button.is-info:not(.is-inverted):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)}.ds-button.is-success:not(.is-inverted):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)}.ds-button.is-warning:not(.is-inverted):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)}.ds-button.is-danger:not(.is-inverted):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)}.ds-button.is-link:not(.is-inverted):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)}.ds-button.is-text:not(.is-inverted):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)}.ds-button.is-primary.is-inverted: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)}.ds-button.is-brand-purple.is-inverted: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)}.ds-button.is-brand-red.is-inverted: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)}.ds-button.is-brand-yellow.is-inverted: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)}.ds-button.is-brand-green.is-inverted: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)}.ds-button.is-info.is-inverted: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)}.ds-button.is-success.is-inverted: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)}.ds-button.is-warning.is-inverted: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)}.ds-button.is-danger.is-inverted: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)}.ds-button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.ds-button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.ds-button.is-ghost.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-ghost-base-text);--mod-button-color-background:var(--ds-button-color-inverted-ghost-base-background);--mod-button-color-border:var(--ds-button-color-inverted-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-ghost-active-border)}.ds-button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.ds-button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.ds-button.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-focus-shadow:var(--ds-alias-interaction-focus-color-inverted)}.ds-button.is-sm,.ds-button.is-small{--mod-button-font-family:var(--ds-button-size-sm-font-family);--mod-button-font-weight:var(--ds-button-size-sm-font-weight);--mod-button-font-size:var(--ds-button-size-sm-font-size);--mod-button-line-height:var(--ds-button-size-sm-line-height);--mod-button-radius:var(--ds-button-size-sm-radius);--mod-button-gap:var(--ds-button-size-sm-gap);--mod-button-min-height:var(--ds-button-size-sm-min-height);--mod-button-min-width:var(--ds-button-size-sm-min-width);--mod-button-px:var(--ds-button-size-sm-padding-x)}.ds-button.is-lg,.ds-button.is-large{--mod-button-font-family:var(--ds-button-size-lg-font-family);--mod-button-font-weight:var(--ds-button-size-lg-font-weight);--mod-button-font-size:var(--ds-button-size-lg-font-size);--mod-button-line-height:var(--ds-button-size-lg-line-height);--mod-button-radius:var(--ds-button-size-lg-radius);--mod-button-gap:var(--ds-button-size-lg-gap);--mod-button-min-height:var(--ds-button-size-lg-min-height);--mod-button-min-width:var(--ds-button-size-lg-min-width);--mod-button-px:var(--ds-button-size-lg-padding-x)}.ds-button.is-flat{--mod-button-px:0;--mod-button-min-height:1.75rem}.ds-button.is-square:not(.is-sm),.ds-button.is-square:not(.is-small){--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.ds-button.is-square.is-sm,.ds-button.is-square.is-small{--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.ds-button.has-shadow:not(.is-link,.is-ghost){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.ds-button.is-ghost.has-shadow,.ds-button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.ds-button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.ds-button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.ds-button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.ds-button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .ds-button,fieldset[disabled] .ds-button:hover,fieldset[disabled] .ds-button.is-hovered,fieldset[disabled] .ds-button:active,fieldset[disabled] .ds-button.is-pressed,fieldset[disabled] .ds-button:focus,fieldset[disabled] .ds-button.is-focused,.ds-button.is-loading,.ds-button.is-loading:hover,.ds-button.is-loading.is-hovered,.ds-button.is-loading:active,.ds-button.is-loading.is-pressed,.ds-button.is-loading:focus,.ds-button.is-loading.is-focused,.ds-button.is-disabled,.ds-button.is-disabled:hover,.ds-button.is-disabled.is-hovered,.ds-button.is-disabled:active,.ds-button.is-disabled.is-pressed,.ds-button.is-disabled:focus,.ds-button.is-disabled.is-focused,.ds-button.is-inverted.is-disabled,.ds-button.is-inverted.is-disabled:hover,.ds-button.is-inverted.is-disabled.is-hovered,.ds-button.is-inverted.is-disabled:active,.ds-button.is-inverted.is-disabled.is-pressed,.ds-button.is-inverted.is-disabled:focus,.ds-button.is-inverted.is-disabled.is-focused,.ds-button[disabled],.ds-button[disabled]:hover,.ds-button[disabled].is-hovered,.ds-button[disabled]:active,.ds-button[disabled].is-pressed,.ds-button[disabled]:focus,.ds-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:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-icon,fieldset[disabled] .ds-button:hover>ds-icon,fieldset[disabled] .ds-button.is-hovered>ds-icon,fieldset[disabled] .ds-button:active>ds-icon,fieldset[disabled] .ds-button.is-pressed>ds-icon,fieldset[disabled] .ds-button:focus>ds-icon,fieldset[disabled] .ds-button.is-focused>ds-icon,.ds-button.is-loading>ds-icon,.ds-button.is-loading:hover>ds-icon,.ds-button.is-loading.is-hovered>ds-icon,.ds-button.is-loading:active>ds-icon,.ds-button.is-loading.is-pressed>ds-icon,.ds-button.is-loading:focus>ds-icon,.ds-button.is-loading.is-focused>ds-icon,.ds-button.is-disabled>ds-icon,.ds-button.is-disabled:hover>ds-icon,.ds-button.is-disabled.is-hovered>ds-icon,.ds-button.is-disabled:active>ds-icon,.ds-button.is-disabled.is-pressed>ds-icon,.ds-button.is-disabled:focus>ds-icon,.ds-button.is-disabled.is-focused>ds-icon,.ds-button.is-inverted.is-disabled>ds-icon,.ds-button.is-inverted.is-disabled:hover>ds-icon,.ds-button.is-inverted.is-disabled.is-hovered>ds-icon,.ds-button.is-inverted.is-disabled:active>ds-icon,.ds-button.is-inverted.is-disabled.is-pressed>ds-icon,.ds-button.is-inverted.is-disabled:focus>ds-icon,.ds-button.is-inverted.is-disabled.is-focused>ds-icon,.ds-button[disabled]>ds-icon,.ds-button[disabled]:hover>ds-icon,.ds-button[disabled].is-hovered>ds-icon,.ds-button[disabled]:active>ds-icon,.ds-button[disabled].is-pressed>ds-icon,.ds-button[disabled]:focus>ds-icon,.ds-button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-spinner,fieldset[disabled] .ds-button:hover>ds-spinner,fieldset[disabled] .ds-button.is-hovered>ds-spinner,fieldset[disabled] .ds-button:active>ds-spinner,fieldset[disabled] .ds-button.is-pressed>ds-spinner,fieldset[disabled] .ds-button:focus>ds-spinner,fieldset[disabled] .ds-button.is-focused>ds-spinner,.ds-button.is-loading>ds-spinner,.ds-button.is-loading:hover>ds-spinner,.ds-button.is-loading.is-hovered>ds-spinner,.ds-button.is-loading:active>ds-spinner,.ds-button.is-loading.is-pressed>ds-spinner,.ds-button.is-loading:focus>ds-spinner,.ds-button.is-loading.is-focused>ds-spinner,.ds-button.is-disabled>ds-spinner,.ds-button.is-disabled:hover>ds-spinner,.ds-button.is-disabled.is-hovered>ds-spinner,.ds-button.is-disabled:active>ds-spinner,.ds-button.is-disabled.is-pressed>ds-spinner,.ds-button.is-disabled:focus>ds-spinner,.ds-button.is-disabled.is-focused>ds-spinner,.ds-button.is-inverted.is-disabled>ds-spinner,.ds-button.is-inverted.is-disabled:hover>ds-spinner,.ds-button.is-inverted.is-disabled.is-hovered>ds-spinner,.ds-button.is-inverted.is-disabled:active>ds-spinner,.ds-button.is-inverted.is-disabled.is-pressed>ds-spinner,.ds-button.is-inverted.is-disabled:focus>ds-spinner,.ds-button.is-inverted.is-disabled.is-focused>ds-spinner,.ds-button[disabled]>ds-spinner,.ds-button[disabled]:hover>ds-spinner,.ds-button[disabled].is-hovered>ds-spinner,.ds-button[disabled]:active>ds-spinner,.ds-button[disabled].is-pressed>ds-spinner,.ds-button[disabled]:focus>ds-spinner,.ds-button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-spinner.is-circle,fieldset[disabled] .ds-button:hover>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .ds-button:active>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .ds-button:focus>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-focused>ds-spinner.is-circle,.ds-button.is-loading>ds-spinner.is-circle,.ds-button.is-loading:hover>ds-spinner.is-circle,.ds-button.is-loading.is-hovered>ds-spinner.is-circle,.ds-button.is-loading:active>ds-spinner.is-circle,.ds-button.is-loading.is-pressed>ds-spinner.is-circle,.ds-button.is-loading:focus>ds-spinner.is-circle,.ds-button.is-loading.is-focused>ds-spinner.is-circle,.ds-button.is-disabled>ds-spinner.is-circle,.ds-button.is-disabled:hover>ds-spinner.is-circle,.ds-button.is-disabled.is-hovered>ds-spinner.is-circle,.ds-button.is-disabled:active>ds-spinner.is-circle,.ds-button.is-disabled.is-pressed>ds-spinner.is-circle,.ds-button.is-disabled:focus>ds-spinner.is-circle,.ds-button.is-disabled.is-focused>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:active>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.ds-button[disabled]>ds-spinner.is-circle,.ds-button[disabled]:hover>ds-spinner.is-circle,.ds-button[disabled].is-hovered>ds-spinner.is-circle,.ds-button[disabled]:active>ds-spinner.is-circle,.ds-button[disabled].is-pressed>ds-spinner.is-circle,.ds-button[disabled]:focus>ds-spinner.is-circle,.ds-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)}.ds-buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}.ds-buttons.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){.ds-buttons ::slotted(.ds-button:not(.is-square)),.ds-buttons .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}.ds-buttons ::slotted(ds-button:not(.is-square)),.ds-buttons ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}.ds-buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.ds-buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.ds-buttons.as-row{--mod-buttons-direction:row}.ds-buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.ds-buttons.as-col ::slotted(.ds-button),.ds-buttons.as-col .ds-button,.ds-buttons.as-col ::slotted(ds-button),.ds-buttons.as-col ds-button,.ds-buttons.as-col-reverse ::slotted(.ds-button),.ds-buttons.as-col-reverse .ds-button,.ds-buttons.as-col-reverse ::slotted(ds-button),.ds-buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.ds-buttons.as-col.is-center,.ds-buttons.as-col.is-centered,.ds-buttons.as-col-reverse.is-center,.ds-buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.ds-buttons.as-col.is-left,.ds-buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.ds-buttons.as-col.is-right,.ds-buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.ds-buttons.as-row.is-center,.ds-buttons.as-row.is-centered,.ds-buttons.is-center:not(.as-col),.ds-buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.ds-buttons.as-row.is-left,.ds-buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.ds-buttons.as-row.is-right,.ds-buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.ds-buttons.is-wide ::slotted(.ds-button:not(.is-square)),.ds-buttons.is-wide .ds-button:not(.is-square),.ds-buttons.is-wide ::slotted(ds-button:not(.is-square)),.ds-buttons.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_accordion-focus:var(--accordion-focus, var(--mod-accordion-focus, var(--ds-alias-interaction-focus-color-base)));--_accordion-marker-size:var(--accordion-marker-size, var(--mod-accordion-marker-size, 1rem));--_accordion-summary-color:var(--accordion-summary-color, var(--mod-accordion-summary-color, var(--ds-accordion-summary-color-base)));--_accordion-summary-font-family:var(--accordion-summary-font-family, var(--mod-accordion-summary-font-family, var(--ds-accordion-summary-typo-font-family)));--_accordion-summary-font-weight:var(--accordion-summary-font-weight, var(--mod-accordion-summary-font-weight, var(--ds-accordion-summary-typo-font-weight)));--_accordion-summary-font-line-height:var(--accordion-summary-font-line-height, var(--mod-accordion-summary-font-line-height, var(--ds-accordion-summary-typo-line-height)));--_accordion-summary-font-size:var(--accordion-summary-font-size, var(--mod-accordion-summary-font-size, var(--ds-accordion-summary-typo-font-size)));--_accordion-summary-color-hover:var(--accordion-summary-color-hover, var(--mod-accordion-summary-color-hover, var(--ds-accordion-summary-color-hover)));--_accordion-summary-color-active:var(--accordion-summary-color-active, var(--mod-accordion-summary-color-active, var(--ds-accordion-summary-color-active)));--_accordion-radius:var(--accordion-radius, var(--mod-accordion-radius, var(--ds-accordion-radius)))}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative}:host #header{min-height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host #summary:not(.ds-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;cursor:pointer;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:.5rem;background:inherit;border:none;width:100%;padding:0;margin:0;outline:none;color:var(--_accordion-summary-color);font-family:var(--_accordion-summary-font-family);font-weight:var(--_accordion-summary-font-weight);line-height:var(--_accordion-summary-font-line-height);font-size:var(--_accordion-summary-font-size)}:host #summary:not(.ds-button).has-marker-left #marker{-ms-flex-order:-1;order:-1}@media (hover: hover)and (pointer: fine){:host #summary:not(.ds-button):hover,:host #summary:not(.ds-button).is-hovered{color:var(--_accordion-summary-color-hover)}:host #summary:not(.ds-button):hover ds-icon,:host #summary:not(.ds-button).is-hovered ds-icon{--icon-color:var(--_accordion-summary-color-hover)}}:host #summary:not(.ds-button):active,:host #summary:not(.ds-button).is-pressed{color:var(--_accordion-summary-color-active)}:host #summary:not(.ds-button):active ds-icon,:host #summary:not(.ds-button).is-pressed ds-icon{--icon-color:var(--_accordion-summary-color-active)}:host #summary:not(.ds-button):focus-visible:not(:active):before,:host #summary:not(.ds-button).is-focused:not(:active):before{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_accordion-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_accordion-focus) 0 0 0 5px !important;content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--_accordion-radius)}:host #label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block}:host #label:not(.is-button){-ms-flex:1;flex:1;text-align:left}:host(.is-title){--mod-accordion-summary-font-family:var(--ds-alias-text-family-heading);--mod-accordion-summary-font-weight:var(--ds-alias-text-weight-bold);--mod-accordion-summary-font-line-height:var(--ds-alias-text-line-height-heading)}:host(.is-h1){--mod-accordion-summary-font-size:var(--ds-heading-level-1-font-size)}:host(.is-h2){--mod-accordion-summary-font-size:var(--ds-heading-level-2-font-size)}:host(.is-h3){--mod-accordion-summary-font-size:var(--ds-heading-level-3-font-size)}:host(.is-h4){--mod-accordion-summary-font-size:var(--ds-heading-level-4-font-size)}:host(.is-h5){--mod-accordion-summary-font-size:var(--ds-heading-level-5-font-size)}:host(:not(.is-button)) #marker{min-width:var(--_accordion-marker-size);width:1.5rem;height:var(--_accordion-marker-size);cursor:pointer}:host(:not(.is-button)[open]:not([open=" false "])) #marker{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(:not(.is-button)[open]:not([open=" false "])) #marker.has-marker-plus{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:root{interpolate-size:allow-keywords}@media (prefers-reduced-motion: no-preference){:host(.is-animated) #marker{-webkit-transition:-webkit-transform 300ms ease;transition:-webkit-transform 300ms ease;transition:transform 300ms ease;transition:transform 300ms ease, -webkit-transform 300ms ease}:host(.is-animated) #content{display:grid;grid-template-rows:0fr;overflow:hidden;-webkit-transition:content-visibility .3s,grid-template-rows .3s;transition:content-visibility .3s,grid-template-rows .3s;transition:content-visibility .3s,grid-template-rows .3s,-ms-grid-rows .3s;transition-behavior:allow-discrete}:host(.is-animated) #content>#inner{min-height:0;-webkit-transition:visibility .3s;transition:visibility .3s;visibility:hidden}:host(.is-animated[open]:not([open=" false "])) #content{grid-template-rows:1fr}:host(.is-animated[open]:not([open=" false "])) #content>#inner{visibility:visible}:host(.is-animated[open]:not([open=" false "]):not(.is-animating)) #content{overflow:visible}:host(.is-animated.is-animating) #content{overflow:hidden}}'}},[257,"ds-accordion",{open:[1540],group:[513],summaryLevel:[1,"summary-level"],summaryVisualLevel:[1,"summary-visual-level"],summaryTitle:[4,"summary-title"],marker:[1],markerPosition:[1,"marker-position"],button:[4],buttonWide:[4,"button-wide"],buttonColor:[1,"button-color"],buttonSize:[1,"button-size"],buttonLabelOpen:[1,"button-label-open"],buttonIconOpen:[1,"button-icon-open"],buttonLabelClose:[1,"button-label-close"],buttonIconClose:[1,"button-icon-close"],animated:[32],isAnimating:[32],configChanged:[64]},[[8,"dsOpened","listenToDsOpened"]]]);s([i("accordion"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],x.prototype,"createLogger",null),s([l("boolean"),a("design:type",Boolean)],x.prototype,"open",void 0),s([l("string"),a("design:type",String)],x.prototype,"group",void 0),s([v(h),a("design:type",String)],x.prototype,"summaryLevel",void 0),s([v(h),a("design:type",String)],x.prototype,"summaryVisualLevel",void 0),s([l("boolean"),a("design:type",Boolean)],x.prototype,"summaryTitle",void 0),s([v(g),a("design:type",String)],x.prototype,"marker",void 0),s([v(p),a("design:type",String)],x.prototype,"markerPosition",void 0),s([l("boolean"),a("design:type",Boolean)],x.prototype,"button",void 0),s([l("boolean"),a("design:type",Boolean)],x.prototype,"buttonWide",void 0),s([v(["primary","secondary","success","warning","danger"]),a("design:type",String)],x.prototype,"buttonColor",void 0),s([v(["sm","lg","xl"]),a("design:type",String)],x.prototype,"buttonSize",void 0),s([l("string"),a("design:type",String)],x.prototype,"buttonLabelOpen",void 0),s([l("string"),a("design:type",String)],x.prototype,"buttonIconOpen",void 0),s([l("string"),a("design:type",String)],x.prototype,"buttonLabelClose",void 0),s([l("string"),a("design:type",String)],x.prototype,"buttonIconClose",void 0),s([m(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],x.prototype,"configChanged",null);let f=1;function k(){"undefined"!=typeof customElements&&["ds-accordion","ds-icon"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(t(o))||customElements.define(t(o),x);break;case"ds-icon":customElements.get(t(o))||u()}}))}export{x as A,g as a,p as b,k as d}
package/components/{p-n8QXleYD.js → p-DpLrRYE7.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
- import{q as t,o as s,p as i}from"./p-EjCh38Af.js";import{L as e,S as h}from"./p-C6y5h01N.js";import{d as o}from"./p-ZM4hf44X.js";import{d as r}from"./p-CFt9NQdE.js";class n{constructor(t={}){this.previousWidth=o.window.width,this.previousHeight=o.window.height,this.previousIsLandscape=this.isLandscape,this.options={onlyListenToWidthChanges:!1},this.options=Object.assign(Object.assign({},this.options),t)}async hasResized(){if(r.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape)return this.resetPreviousValues(),!0}else if(this.options.onlyListenToWidthChanges){if(!this.sameWidth)return this.resetPreviousValues(),!0}else if(!this.sameWidth||!this.sameHeight)return this.resetPreviousValues(),!0;return!1}get isLandscape(){return o.window.width>o.window.height}get sameWidth(){return this.previousWidth===o.window.width}get sameHeight(){return this.previousHeight===o.window.height}resetPreviousValues(){this.previousWidth=o.window.width,this.previousHeight=o.window.height,this.previousIsLandscape=this.isLandscape}}class a extends e{constructor(){super(...arguments),this.resizeHandler=new n({onlyListenToWidthChanges:!0}),this.debouncedNotify=t((()=>this.notify()),100),this.notify=async()=>{await this.resizeHandler.hasResized()&&super.notify(void 0)}}connect(t){super.connect(t),this.el&&s(this.el,"resize",this.debouncedNotify,{passive:!0})}disconnect(){super.disconnect(),this.el&&i(this.el,"resize",this.debouncedNotify)}}const p="#000d6e",u="#ffffff",c=24,d=32,l=24,k=24,g=32,f=48,b=t=>t.innerWidth<769,m=t=>{const s=t.innerWidth;return s>=769&&s<1024},X=t=>b(t)||m(t),j={mobile:b,tablet:m,touch:X,desktop:t=>!X(t),desktopLg:t=>{const s=t.innerWidth;return s>=1280&&s<1440},desktopXl:t=>{const s=t.innerWidth;return s>=1440&&s<1920},desktop2Xl:t=>t.innerWidth>=1920};class L{constructor(){this.breakpoints=[],o.hasWindow&&(this.win=window,this.win.DesignSystem=this.win.DesignSystem||{},this.detect())}get isMobile(){return this.includes("mobile")}get isTablet(){return this.includes("tablet")}get isTouch(){return this.includes("touch")}get isDesktop(){return this.includes("desktop")}get isDesktopLg(){return this.includes("desktopLg")}get isDesktopXl(){return this.includes("desktopXl")}get isDesktop2Xl(){return this.includes("desktop2Xl")}includes(t){var s;return this.detect(),!!(null===(s=this.breakpoints)||void 0===s?void 0:s.includes(t))}detect(){return this.win&&(this.breakpoints=Object.keys(j).filter((t=>j[t](this.win))),this.win.DesignSystem.breakpoints=this.breakpoints,this.win.DesignSystem.platforms=this.breakpoints),this.breakpoints}toObject(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),desktopLg:this.breakpoints.includes("desktopLg"),desktopXl:this.breakpoints.includes("desktopXl"),desktop2Xl:this.breakpoints.includes("desktop2Xl")}}}const w=new L,v={mobile:!1,tablet:!1,touch:!1,desktop:!1,desktopLg:!1,desktopXl:!1,desktop2Xl:!1};class O extends h{constructor(){super((t=>t.listenToBreakpoint(this.state))),this.state=v,this.listener=new a,this.debouncedNotify=t((()=>this.notify()),50),this.listener.connect(),this.listener.add((()=>{w.detect();const t=w.toObject();this.isEqual(t)||(this.state=t,this.debouncedNotify())}))}attach(t){super.attach(t),w.detect();const s=w.toObject();this.isEqual(s)||(this.state=s,this.debouncedNotify())}isEqual(t){return JSON.stringify(this.state)===JSON.stringify(t)}}const y=new O;export{O as D,a as W,y as a,L as b,u as c,w as d,p as e,l as f,k as g,g as h,f as i,c as j,d as k,v as l}
4
+ import{q as t,o as s,p as i}from"./p-Dbt7_-_D.js";import{L as e,S as h}from"./p-BVNhJBnn.js";import{d as o}from"./p-DOP4fM2o.js";import{d as r}from"./p-CpB1Qjh1.js";class n{constructor(t={}){this.previousWidth=o.window.width,this.previousHeight=o.window.height,this.previousIsLandscape=this.isLandscape,this.options={onlyListenToWidthChanges:!1},this.options=Object.assign(Object.assign({},this.options),t)}async hasResized(){if(r.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape)return this.resetPreviousValues(),!0}else if(this.options.onlyListenToWidthChanges){if(!this.sameWidth)return this.resetPreviousValues(),!0}else if(!this.sameWidth||!this.sameHeight)return this.resetPreviousValues(),!0;return!1}get isLandscape(){return o.window.width>o.window.height}get sameWidth(){return this.previousWidth===o.window.width}get sameHeight(){return this.previousHeight===o.window.height}resetPreviousValues(){this.previousWidth=o.window.width,this.previousHeight=o.window.height,this.previousIsLandscape=this.isLandscape}}class a extends e{constructor(){super(...arguments),this.resizeHandler=new n({onlyListenToWidthChanges:!0}),this.debouncedNotify=t((()=>this.notify()),100),this.notify=async()=>{await this.resizeHandler.hasResized()&&super.notify(void 0)}}connect(t){super.connect(t),this.el&&s(this.el,"resize",this.debouncedNotify,{passive:!0})}disconnect(){super.disconnect(),this.el&&i(this.el,"resize",this.debouncedNotify)}}const p="#000d6e",u="#ffffff",c=24,d=32,l=24,k=24,g=32,b=48,f=t=>t.innerWidth<769,m=t=>{const s=t.innerWidth;return s>=769&&s<1024},X=t=>f(t)||m(t),j={mobile:f,tablet:m,touch:X,desktop:t=>!X(t),desktopLg:t=>{const s=t.innerWidth;return s>=1280&&s<1440},desktopXl:t=>{const s=t.innerWidth;return s>=1440&&s<1920},desktop2Xl:t=>t.innerWidth>=1920};class L{constructor(){this.breakpoints=[],o.hasWindow&&(this.win=window,this.win.DesignSystem=this.win.DesignSystem||{},this.detect())}get isMobile(){return this.includes("mobile")}get isTablet(){return this.includes("tablet")}get isTouch(){return this.includes("touch")}get isDesktop(){return this.includes("desktop")}get isDesktopLg(){return this.includes("desktopLg")}get isDesktopXl(){return this.includes("desktopXl")}get isDesktop2Xl(){return this.includes("desktop2Xl")}includes(t){var s;return this.detect(),!!(null===(s=this.breakpoints)||void 0===s?void 0:s.includes(t))}detect(){return this.win&&(this.breakpoints=Object.keys(j).filter((t=>j[t](this.win))),this.win.DesignSystem.breakpoints=this.breakpoints,this.win.DesignSystem.platforms=this.breakpoints),this.breakpoints}toObject(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),desktopLg:this.breakpoints.includes("desktopLg"),desktopXl:this.breakpoints.includes("desktopXl"),desktop2Xl:this.breakpoints.includes("desktop2Xl")}}}const D=new L,w={mobile:!1,tablet:!1,touch:!1,desktop:!1,desktopLg:!1,desktopXl:!1,desktop2Xl:!1};class O extends h{constructor(){super((t=>t.listenToBreakpoint(this.state))),this.state=w,this.listener=new a,this.debouncedNotify=t((()=>this.notify()),50),this.listener.connect(),this.listener.add((()=>{D.detect();const t=D.toObject();this.isEqual(t)||(this.state=t,this.debouncedNotify())}))}attach(t){super.attach(t),D.detect();const s=D.toObject();this.isEqual(s)||(this.state=s,this.debouncedNotify())}isEqual(t){return JSON.stringify(this.state)===JSON.stringify(t)}}const v=new O;export{O as D,a as W,v as a,L as b,u as c,D as d,p as e,l as f,k as g,g as h,b as i,c as j,d as k,w as l}
package/components/{p-Br89jVgJ.js → p-Dq0RGuR5.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
- import{a as n}from"./p-n8QXleYD.js";function t(){return function(t){const{connectedCallback:c,disconnectedCallback:i}=t;t.connectedCallback=function(){return n.attach(this),c&&c.call(this)},t.disconnectedCallback=function(){return n.detach(this),i&&i.call(this)}}}export{t as L}
4
+ import{a as n}from"./p-DpLrRYE7.js";function t(){return function(t){const{connectedCallback:c,disconnectedCallback:i}=t;t.connectedCallback=function(){return n.attach(this),c&&c.call(this)},t.disconnectedCallback=function(){return n.detach(this),i&&i.call(this)}}}export{t as L}
package/components/{p-H-j7GE58.js → p-Dwybw1sf.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
- import{q as s,m as t}from"./p-EjCh38Af.js";import{L as i,a as e}from"./p-C6y5h01N.js";import{d as h}from"./p-ZM4hf44X.js";class n extends i{constructor(){super(...arguments),this.debouncedNotify=s((s=>this.notify(s)),42)}connect(s){var t;super.connect(s),"undefined"!=typeof ResizeObserver&&(void 0!==this.resizeObserver&&(null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0),this.resizeObserver=new ResizeObserver((s=>{h.hasWindow&&window.requestAnimationFrame((()=>{if(!Array.isArray(s)||!s.length)return;const t=s[0];if(void 0===this.lastWidth&&void 0===this.lastHeight)this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height;else{const s=this.lastWidth!==t.contentRect.width,i=this.lastHeight!==t.contentRect.height;(s||i)&&(this.debouncedNotify({width:s,height:i}),this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height)}}))})),this.resizeObserver.observe(s))}disconnect(){var s;super.disconnect(),null===(s=this.resizeObserver)||void 0===s||s.disconnect(),this.resizeObserver=void 0}}class r extends e{constructor(){super(((s,i)=>{t((()=>i&&s.listenToResize(i)))})),this.listener=new n}attach(s){super.attach(s),this.listener.connect(s.el),this.listener.add((s=>super.notify(s)))}detach(){super.detach(),this.listener.disconnect()}}function o(){return function(s){const{connectedCallback:t,disconnectedCallback:i}=s;s.connectedCallback=function(){return this._dsResizeSubject||(this._dsResizeSubject=new r,this._dsResizeSubject.attach(this)),t&&t.call(this)},s.disconnectedCallback=function(){return this._dsResizeSubject&&(this._dsResizeSubject.detach(),this._dsResizeSubject=void 0),i&&i.call(this)}}}export{o as L}
4
+ import{q as s,m as t}from"./p-Dbt7_-_D.js";import{L as i,a as e}from"./p-BVNhJBnn.js";import{d as h}from"./p-DOP4fM2o.js";class n extends i{constructor(){super(...arguments),this.debouncedNotify=s((s=>this.notify(s)),42)}connect(s){var t;super.connect(s),"undefined"!=typeof ResizeObserver&&(void 0!==this.resizeObserver&&(null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0),this.resizeObserver=new ResizeObserver((s=>{h.hasWindow&&window.requestAnimationFrame((()=>{if(!Array.isArray(s)||!s.length)return;const t=s[0];if(void 0===this.lastWidth&&void 0===this.lastHeight)this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height;else{const s=this.lastWidth!==t.contentRect.width,i=this.lastHeight!==t.contentRect.height;(s||i)&&(this.debouncedNotify({width:s,height:i}),this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height)}}))})),this.resizeObserver.observe(s))}disconnect(){var s;super.disconnect(),null===(s=this.resizeObserver)||void 0===s||s.disconnect(),this.resizeObserver=void 0}}class r extends e{constructor(){super(((s,i)=>{t((()=>i&&s.listenToResize(i)))})),this.listener=new n}attach(s){super.attach(s),this.listener.connect(s.el),this.listener.add((s=>super.notify(s)))}detach(){super.detach(),this.listener.disconnect()}}function o(){return function(s){const{connectedCallback:t,disconnectedCallback:i}=s;s.connectedCallback=function(){return this._dsResizeSubject||(this._dsResizeSubject=new r,this._dsResizeSubject.attach(this)),t&&t.call(this)},s.disconnectedCallback=function(){return this._dsResizeSubject&&(this._dsResizeSubject.detach(),this._dsResizeSubject=void 0),i&&i.call(this)}}}export{o as L}
package/components/p-El2snbN5.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
+ */
4
+ import{e as i}from"./p-Dbt7_-_D.js";const t=(i,t)=>{"function"==typeof i.setFormValue&&i.setFormValue(t)};class s{constructor(s){this.component=s,this.initialValue=null,this.inputValue=null,this.listenOnClick=i=>{(this.component.disabled||this.component.readonly)&&i.target&&i.target===this.component.el&&o(i)},this.listenOnReset=i=>{const t=i.target;(null==t?void 0:t.contains(this.component.el))&&(this.setValue(this.initialValue),clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeEl&&(this.nativeEl.value=this.component.value)})))},this.onClick=i=>{var t;this.component.disabled||this.component.readonly||null===(t=this.component)||void 0===t||t.dsClick.emit(i)},this.onFocus=i=>{var t;this.component.focused=!0,this.inputValue=this.component.value,this.component.disabled||null===(t=this.component)||void 0===t||t.dsFocus.emit(i)},this.onBlur=i=>{var t;this.component.focused=!1,this.component.disabled||(null===(t=this.component)||void 0===t||t.dsBlur.emit(i),this.setValue(this.inputValue))},this.onInput=()=>{var i;this.inputValue=(null===(i=this.nativeEl)||void 0===i?void 0:i.value)||null,this.component.dsInput.emit(this.inputValue||void 0)},this.setValue=i=>{l(this.component.value,i)&&(this.component.value=i,this.inputValue=i,t(this.component.internals,this.inputValue),this.component.dsChange.emit(this.component.value))},this.setBlur=async()=>{var i;null===(i=null==this?void 0:this.nativeEl)||void 0===i||i.blur()},this.setFocus=async()=>{var t;await i(),null===(t=null==this?void 0:this.nativeEl)||void 0===t||t.focus()}}connectedCallback(){this.initialValue=this.component.value}componentDidLoad(){this.inputValue=this.component.value,t(this.component.internals,this.inputValue)}}const h=i=>(i=>""===i||null==i||Array.isArray(i)&&!i.length||"number"==typeof i&&isNaN(i))(i)?void 0:i,l=(i,t)=>h(i)!==h(t),o=i=>{i&&(i.preventDefault(),i.stopPropagation())};export{s as F,t as a,o as s}
package/components/{p-Cpaj76bt.js → p-VnJFXLI2.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
- import{p as o,H as t,e as r,h as e,c as n,t as d}from"./p-ZM4hf44X.js";import{_ as a,L as b,a as i}from"./p-C7Qb2sJV.js";import{a as s}from"./p-Bo-aKWH3.js";import{i as c}from"./p-ChyhE5ro.js";import{h as u}from"./p-CenSJbHh.js";import{B as l,a as v,b as h,c as m,d as g}from"./p-BoHP-k4E.js";import{d as x}from"./p-B8nj0zHa.js";import{d as p}from"./p-Bl_soFOX.js";import{d as k}from"./p-BKQaXv5U.js";import{O as f}from"./p-PmBBNJAS.js";import{R as y}from"./p-CpxLBgza.js";import{T as w}from"./p-BV65welS.js";const _=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsClick=r(this,"dsClick"),this.dsNavigate=r(this,"dsNavigate"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),this.dsDidRender=r(this,"dsDidRender"),this.internals=this.attachInternals(),this.inheritAttributes={},this.color="primary",this.elementType="button",this.disabled=!1,this.href="",this.target="_self",this.rel="",this.download="",this.shadow=!1,this.square=!1,this.wide=!1,this.flat=!1,this.outlined=!1,this.inverted=!1,this.loading=!1,this.icon="",this.iconTurn=!1,this.iconRight="",this.brandIcon="",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),u(this.href)&&this.dsNavigate.emit(o))}}createLogger(o){this.log=o}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()}listenToClick(o){this.disabled&&o.target&&o.target===this.el&&(o.preventDefault(),o.stopPropagation())}get isIconInverted(){return this.inverted}get hasBrandIcon(){return u(this.brandIcon)}get isBrandIconSvg(){return this.brandIcon.trim().startsWith("<")}get brandIconColor(){const o=this.color.match(/^brand-(purple|red|yellow|green)$/);return o?o[1]:void 0}get leftIconAttrs(){return!u(this.icon)||this.loading?{style:{display:"none"}}:{}}get leftRightAttrs(){return!u(this.iconRight)||this.loading?{style:{display:"none"}}:{}}get loadingAttrs(){return this.loading?{}:{style:{display:"none"}}}render(){const{elementType:o,download:t,href:r,rel:d,target:a,name:b,value:i}=this,c=this.size||void 0,l=u(this.href)?"a":"button",v="button"===l?{type:o,name:b,value:i}:{download:t,href:r,rel:d,target:a},h={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 e(n,{key:"1aa7a5df160205f1afd6ff9259126f57cfd93540",onClick:this.handleHostClick,class:{"is-wide":this.wide,[`is-${this.color||"primary"}`]:!0,[`is-${c}`]:u(c),"is-inverted":this.inverted,"is-disabled":this.disabled,"is-loading":this.loading,"is-flat":this.flat,"is-square":this.square,"has-shadow":this.shadow,"has-no-wrap":this.noWrap,"has-brand-icon":this.hasBrandIcon}},e(l,Object.assign({key:"407cbc66f40e0b119d3eb3789e3b0594bdd3e9f0"},v,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":s(!!this.loading),"aria-disabled":s(this.disabled||this.loading)},h),this.loading?e("ds-spinner",Object.assign({},this.loadingAttrs,{part:"spinner",size:"sm",deactivated:!this.loading})):"",this.hasBrandIcon?e("ds-brand-icon",{part:"icon",svg:this.isBrandIconSvg?this.brandIcon:"",src:this.isBrandIconSvg?"":this.brandIcon,size:this.brandSize,color:this.brandIconColor}):u(this.icon)?e("ds-icon",Object.assign({},this.leftIconAttrs,{part:"icon",class:this.square?"":"icon-left",name:this.icon,size:c,turn:this.iconTurn,inverted:this.isIconInverted})):"",e("span",{key:"c18d7f77a05c20807d783ea1b6eeca05c03f57d2",part:"label"},e("slot",{key:"8adcfbb2c77f630fc2acd66480993200559bd617"})),!this.hasBrandIcon&&u(this.iconRight)?e("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 this}static get style(){return":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-size-base-font-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-size-base-font-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base-font-size)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-size-base-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-size-base-radius)));--_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, fit-content));--_button-gap:var(--button-gap, var(--mod-button-gap, var(--ds-button-size-base-gap)));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, var(--ds-button-size-base-min-height)));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, var(--ds-button-size-base-min-width)));--_button-px:var(--button-px, var(--mod-button-px, var(--ds-button-size-base-padding-x)));--_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;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);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-px);background-color:var(--_button-color-background);color:var(--_button-color-text);border:var(--_button-color-border)}#button::-moz-focus-inner{border:0}#button{--spinner-logo-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: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: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(.has-brand-icon){-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.has-brand-icon) #button{-ms-flex-direction:column;flex-direction:column;text-align:center;padding:calc(var(--ds-button-size-base-padding-x)/2)}@media screen and (min-width: 769px){:host(.has-brand-icon) #button{padding:calc(var(--ds-button-size-base-padding-x))}}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-underline-width)}:host ::slotted(ds-badge),:host ::slotted(.ds-badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.is-primary:not(.is-inverted):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-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-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-ghost:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-ghost-base-text);--mod-button-color-background:var(--ds-button-color-ghost-base-background);--mod-button-color-border:var(--ds-button-color-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-ghost-active-border)}:host(.is-brand-purple:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-purple-base-text);--mod-button-color-background:var(--ds-button-color-brand-purple-base-background);--mod-button-color-border:var(--ds-button-color-brand-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-purple-active-border)}:host(.is-brand-red:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-red-base-text);--mod-button-color-background:var(--ds-button-color-brand-red-base-background);--mod-button-color-border:var(--ds-button-color-brand-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-red-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-red-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-red-active-border)}:host(.is-brand-yellow:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-yellow-base-text);--mod-button-color-background:var(--ds-button-color-brand-yellow-base-background);--mod-button-color-border:var(--ds-button-color-brand-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-yellow-active-border)}:host(.is-brand-green:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-green-base-text);--mod-button-color-background:var(--ds-button-color-brand-green-base-background);--mod-button-color-border:var(--ds-button-color-brand-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-green-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-green-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-green-active-border)}:host(.is-info:not(.is-inverted):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-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-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-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-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-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-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-brand-purple.is-inverted: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-brand-red.is-inverted: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-brand-yellow.is-inverted: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-brand-green.is-inverted: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-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-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-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-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-ghost.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-ghost-base-text);--mod-button-color-background:var(--ds-button-color-inverted-ghost-base-background);--mod-button-color-border:var(--ds-button-color-inverted-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-ghost-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-inverted:not(.is-disabled):not(.is-loading)){--mod-button-focus-shadow:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-button-font-family:var(--ds-button-size-sm-font-family);--mod-button-font-weight:var(--ds-button-size-sm-font-weight);--mod-button-font-size:var(--ds-button-size-sm-font-size);--mod-button-line-height:var(--ds-button-size-sm-line-height);--mod-button-radius:var(--ds-button-size-sm-radius);--mod-button-gap:var(--ds-button-size-sm-gap);--mod-button-min-height:var(--ds-button-size-sm-min-height);--mod-button-min-width:var(--ds-button-size-sm-min-width);--mod-button-px:var(--ds-button-size-sm-padding-x)}:host(.is-lg){--mod-button-font-family:var(--ds-button-size-lg-font-family);--mod-button-font-weight:var(--ds-button-size-lg-font-weight);--mod-button-font-size:var(--ds-button-size-lg-font-size);--mod-button-line-height:var(--ds-button-size-lg-line-height);--mod-button-radius:var(--ds-button-size-lg-radius);--mod-button-gap:var(--ds-button-size-lg-gap);--mod-button-min-height:var(--ds-button-size-lg-min-height);--mod-button-min-width:var(--ds-button-size-lg-min-width);--mod-button-px:var(--ds-button-size-lg-padding-x)}:host(.is-flat){--mod-button-px:0;--mod-button-min-height:1.75rem}:host(.is-square:not(.is-sm)){--mod-button-px: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-px:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.has-shadow:not(.is-link):not(.is-ghost)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-ghost.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: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: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(--_button-width)}:host #button{margin:0 !important;width:100%}"}},[321,"ds-button",{color:[1],elementType:[513,"element-type"],disabled:[516],size:[1],href:[1],target:[1],rel:[1],download:[1],shadow:[4],square:[4],wide:[4],flat:[4],outlined:[4],inverted:[516],loading:[516],icon:[1],iconTurn:[4,"icon-turn"],iconRight:[1,"icon-right"],brandIcon:[1,"brand-icon"],brandSize:[1,"brand-size"],noWrap:[4,"no-wrap"],name:[513],value:[1],a11yControls:[1,"a-1-1y-controls"],a11yTitle:[1,"a-1-1y-title"],a11yLabel:[1,"a-1-1y-label"],a11yHaspopup:[1025,"a-1-1y-haspopup"]},[[6,"click","listenToClick"]]]);function z(){"undefined"!=typeof customElements&&["ds-button","ds-brand-icon","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-button":customElements.get(d(o))||customElements.define(d(o),_);break;case"ds-brand-icon":customElements.get(d(o))||x();break;case"ds-icon":customElements.get(d(o))||p();break;case"ds-spinner":customElements.get(d(o))||k()}}))}a([b("button"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],_.prototype,"createLogger",null),a([f(l),i("design:type",String)],_.prototype,"color",void 0),a([y(),f(v),i("design:type",String)],_.prototype,"elementType",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"disabled",void 0),a([f(h),i("design:type",Object)],_.prototype,"size",void 0),a([w("string"),i("design:type",String)],_.prototype,"href",void 0),a([y(),f(m),i("design:type",String)],_.prototype,"target",void 0),a([w("string"),i("design:type",String)],_.prototype,"rel",void 0),a([w("string"),i("design:type",String)],_.prototype,"download",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"shadow",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"square",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"wide",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"flat",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"outlined",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"inverted",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"loading",void 0),a([w("string"),i("design:type",String)],_.prototype,"icon",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"iconTurn",void 0),a([w("string"),i("design:type",String)],_.prototype,"iconRight",void 0),a([w("string"),i("design:type",String)],_.prototype,"brandIcon",void 0),a([f(g),i("design:type",Object)],_.prototype,"brandSize",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"noWrap",void 0),a([w("string"),i("design:type",String)],_.prototype,"name",void 0),a([w("string"),i("design:type",String)],_.prototype,"value",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yControls",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yTitle",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yLabel",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yHaspopup",void 0);export{_ as B,z as d}
4
+ import{p as o,H as t,e as r,h as e,c as n,t as d}from"./p-DOP4fM2o.js";import{_ as a,L as b,a as i}from"./p-C8OqQuJ7.js";import{a as s}from"./p-Bo-aKWH3.js";import{i as c}from"./p-ChyhE5ro.js";import{h as u}from"./p-CEPnyz7c.js";import{B as l,a as v,b as h,c as m,d as g}from"./p-BoHP-k4E.js";import{d as x}from"./p-Bd5NhwlZ.js";import{d as p}from"./p-BWrjPWjt.js";import{d as k}from"./p-D8RaAucx.js";import{O as y}from"./p-DaqLtBr3.js";import{R as f}from"./p-VwgiuJog.js";import{T as w}from"./p-DEnVBHne.js";const _=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsClick=r(this,"dsClick"),this.dsNavigate=r(this,"dsNavigate"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),this.dsDidRender=r(this,"dsDidRender"),this.internals=this.attachInternals(),this.inheritAttributes={},this.color="primary",this.elementType="button",this.disabled=!1,this.href="",this.target="_self",this.rel="",this.download="",this.shadow=!1,this.square=!1,this.wide=!1,this.flat=!1,this.outlined=!1,this.inverted=!1,this.loading=!1,this.icon="",this.iconTurn=!1,this.iconRight="",this.brandIcon="",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),u(this.href)&&this.dsNavigate.emit(o))}}createLogger(o){this.log=o}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()}listenToClick(o){this.disabled&&o.target&&o.target===this.el&&(o.preventDefault(),o.stopPropagation())}get isIconInverted(){return this.inverted}get hasBrandIcon(){return u(this.brandIcon)}get isBrandIconSvg(){return this.brandIcon.trim().startsWith("<")}get brandIconColor(){const o=this.color.match(/^brand-(purple|red|yellow|green)$/);return o?o[1]:void 0}get leftIconAttrs(){return!u(this.icon)||this.loading?{style:{display:"none"}}:{}}get leftRightAttrs(){return!u(this.iconRight)||this.loading?{style:{display:"none"}}:{}}get loadingAttrs(){return this.loading?{}:{style:{display:"none"}}}render(){const{elementType:o,download:t,href:r,rel:d,target:a,name:b,value:i}=this,c=this.size||void 0,l=u(this.href)?"a":"button",v="button"===l?{type:o,name:b,value:i}:{download:t,href:r,rel:d,target:a},h={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 e(n,{key:"1aa7a5df160205f1afd6ff9259126f57cfd93540",onClick:this.handleHostClick,class:{"is-wide":this.wide,[`is-${this.color||"primary"}`]:!0,[`is-${c}`]:u(c),"is-inverted":this.inverted,"is-disabled":this.disabled,"is-loading":this.loading,"is-flat":this.flat,"is-square":this.square,"has-shadow":this.shadow,"has-no-wrap":this.noWrap,"has-brand-icon":this.hasBrandIcon}},e(l,Object.assign({key:"407cbc66f40e0b119d3eb3789e3b0594bdd3e9f0"},v,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":s(!!this.loading),"aria-disabled":s(this.disabled||this.loading)},h),this.loading?e("ds-spinner",Object.assign({},this.loadingAttrs,{part:"spinner",size:"sm",deactivated:!this.loading})):"",this.hasBrandIcon?e("ds-brand-icon",{part:"icon",svg:this.isBrandIconSvg?this.brandIcon:"",src:this.isBrandIconSvg?"":this.brandIcon,size:this.brandSize,color:this.brandIconColor}):u(this.icon)?e("ds-icon",Object.assign({},this.leftIconAttrs,{part:"icon",class:this.square?"":"icon-left",name:this.icon,size:c,turn:this.iconTurn,inverted:this.isIconInverted})):"",e("span",{key:"c18d7f77a05c20807d783ea1b6eeca05c03f57d2",part:"label"},e("slot",{key:"8adcfbb2c77f630fc2acd66480993200559bd617"})),!this.hasBrandIcon&&u(this.iconRight)?e("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 this}static get style(){return":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-size-base-font-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-size-base-font-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base-font-size)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-size-base-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-size-base-radius)));--_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, fit-content));--_button-gap:var(--button-gap, var(--mod-button-gap, var(--ds-button-size-base-gap)));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, var(--ds-button-size-base-min-height)));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, var(--ds-button-size-base-min-width)));--_button-px:var(--button-px, var(--mod-button-px, var(--ds-button-size-base-padding-x)));--_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;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);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-px);background-color:var(--_button-color-background);color:var(--_button-color-text);border:var(--_button-color-border)}#button::-moz-focus-inner{border:0}#button{--spinner-logo-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: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: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(.has-brand-icon){-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.has-brand-icon) #button{-ms-flex-direction:column;flex-direction:column;text-align:center;padding:calc(var(--ds-button-size-base-padding-x)/2)}@media screen and (min-width: 769px){:host(.has-brand-icon) #button{padding:calc(var(--ds-button-size-base-padding-x))}}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-underline-width)}:host ::slotted(ds-badge),:host ::slotted(.ds-badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.is-primary:not(.is-inverted):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-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-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-ghost:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-ghost-base-text);--mod-button-color-background:var(--ds-button-color-ghost-base-background);--mod-button-color-border:var(--ds-button-color-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-ghost-active-border)}:host(.is-brand-purple:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-purple-base-text);--mod-button-color-background:var(--ds-button-color-brand-purple-base-background);--mod-button-color-border:var(--ds-button-color-brand-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-purple-active-border)}:host(.is-brand-red:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-red-base-text);--mod-button-color-background:var(--ds-button-color-brand-red-base-background);--mod-button-color-border:var(--ds-button-color-brand-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-red-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-red-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-red-active-border)}:host(.is-brand-yellow:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-yellow-base-text);--mod-button-color-background:var(--ds-button-color-brand-yellow-base-background);--mod-button-color-border:var(--ds-button-color-brand-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-yellow-active-border)}:host(.is-brand-green:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-green-base-text);--mod-button-color-background:var(--ds-button-color-brand-green-base-background);--mod-button-color-border:var(--ds-button-color-brand-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-green-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-green-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-green-active-border)}:host(.is-info:not(.is-inverted):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-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-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-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-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-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-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-brand-purple.is-inverted: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-brand-red.is-inverted: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-brand-yellow.is-inverted: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-brand-green.is-inverted: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-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-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-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-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-ghost.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-ghost-base-text);--mod-button-color-background:var(--ds-button-color-inverted-ghost-base-background);--mod-button-color-border:var(--ds-button-color-inverted-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-ghost-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-inverted:not(.is-disabled):not(.is-loading)){--mod-button-focus-shadow:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-button-font-family:var(--ds-button-size-sm-font-family);--mod-button-font-weight:var(--ds-button-size-sm-font-weight);--mod-button-font-size:var(--ds-button-size-sm-font-size);--mod-button-line-height:var(--ds-button-size-sm-line-height);--mod-button-radius:var(--ds-button-size-sm-radius);--mod-button-gap:var(--ds-button-size-sm-gap);--mod-button-min-height:var(--ds-button-size-sm-min-height);--mod-button-min-width:var(--ds-button-size-sm-min-width);--mod-button-px:var(--ds-button-size-sm-padding-x)}:host(.is-lg){--mod-button-font-family:var(--ds-button-size-lg-font-family);--mod-button-font-weight:var(--ds-button-size-lg-font-weight);--mod-button-font-size:var(--ds-button-size-lg-font-size);--mod-button-line-height:var(--ds-button-size-lg-line-height);--mod-button-radius:var(--ds-button-size-lg-radius);--mod-button-gap:var(--ds-button-size-lg-gap);--mod-button-min-height:var(--ds-button-size-lg-min-height);--mod-button-min-width:var(--ds-button-size-lg-min-width);--mod-button-px:var(--ds-button-size-lg-padding-x)}:host(.is-flat){--mod-button-px:0;--mod-button-min-height:1.75rem}:host(.is-square:not(.is-sm)){--mod-button-px: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-px:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.has-shadow:not(.is-link):not(.is-ghost)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-ghost.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: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: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(--_button-width)}:host #button{margin:0 !important;width:100%}"}},[321,"ds-button",{color:[1],elementType:[513,"element-type"],disabled:[516],size:[1],href:[1],target:[1],rel:[1],download:[1],shadow:[4],square:[4],wide:[4],flat:[4],outlined:[4],inverted:[516],loading:[516],icon:[1],iconTurn:[4,"icon-turn"],iconRight:[1,"icon-right"],brandIcon:[1,"brand-icon"],brandSize:[1,"brand-size"],noWrap:[4,"no-wrap"],name:[513],value:[1],a11yControls:[1,"a-1-1y-controls"],a11yTitle:[1,"a-1-1y-title"],a11yLabel:[1,"a-1-1y-label"],a11yHaspopup:[1025,"a-1-1y-haspopup"]},[[6,"click","listenToClick"]]]);function z(){"undefined"!=typeof customElements&&["ds-button","ds-brand-icon","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-button":customElements.get(d(o))||customElements.define(d(o),_);break;case"ds-brand-icon":customElements.get(d(o))||x();break;case"ds-icon":customElements.get(d(o))||p();break;case"ds-spinner":customElements.get(d(o))||k()}}))}a([b("button"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],_.prototype,"createLogger",null),a([y(l),i("design:type",String)],_.prototype,"color",void 0),a([f(),y(v),i("design:type",String)],_.prototype,"elementType",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"disabled",void 0),a([y(h),i("design:type",Object)],_.prototype,"size",void 0),a([w("string"),i("design:type",String)],_.prototype,"href",void 0),a([f(),y(m),i("design:type",String)],_.prototype,"target",void 0),a([w("string"),i("design:type",String)],_.prototype,"rel",void 0),a([w("string"),i("design:type",String)],_.prototype,"download",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"shadow",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"square",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"wide",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"flat",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"outlined",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"inverted",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"loading",void 0),a([w("string"),i("design:type",String)],_.prototype,"icon",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"iconTurn",void 0),a([w("string"),i("design:type",String)],_.prototype,"iconRight",void 0),a([w("string"),i("design:type",String)],_.prototype,"brandIcon",void 0),a([y(g),i("design:type",Object)],_.prototype,"brandSize",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"noWrap",void 0),a([w("string"),i("design:type",String)],_.prototype,"name",void 0),a([w("string"),i("design:type",String)],_.prototype,"value",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yControls",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yTitle",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yLabel",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yHaspopup",void 0);export{_ as B,z as d}
package/components/{p-CpxLBgza.js → p-VwgiuJog.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
- import{c as r,i as o,g as t}from"./p-CaZA7z9r.js";function i(){const i=r({priority:0,blocking:!0,validateEmptyValues:!0,run(r,i){const{value:n,showError:s}=t(r,i);return!o(n)||(s("is required"),!1)}});return function(r,o){i(r,o)}}export{i as R}
4
+ import{c as r,i as o,g as t}from"./p-CkQK5z17.js";function i(){const i=r({priority:0,blocking:!0,validateEmptyValues:!0,run(r,i){const{value:n,showError:s}=t(r,i);return!o(n)||(s("is required"),!1)}});return function(r,o){i(r,o)}}export{i as R}