@baloise/ds-core 20.0.0-next.6 → 20.0.0-next.8

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 (568) hide show
  1. package/components/all.d.ts +2 -0
  2. package/components/all.js +3 -0
  3. package/components/ds-accordion.js +1 -1
  4. package/components/ds-app.js +1 -1
  5. package/components/ds-badge.js +1 -1
  6. package/components/ds-button-group.js +1 -1
  7. package/components/ds-button.js +1 -1
  8. package/components/ds-card-actions.js +1 -1
  9. package/components/ds-card-content.js +1 -1
  10. package/components/ds-card-subtitle.js +1 -1
  11. package/components/ds-card-title.js +1 -1
  12. package/components/ds-card.js +1 -1
  13. package/components/ds-carousel.js +1 -1
  14. package/components/ds-checkbox-group.js +1 -1
  15. package/components/ds-checkbox.js +1 -1
  16. package/components/ds-close.js +1 -1
  17. package/components/ds-content.js +1 -1
  18. package/components/ds-data-item.js +1 -1
  19. package/components/ds-date.js +1 -1
  20. package/components/ds-drawer.js +1 -1
  21. package/components/ds-file-upload.js +1 -1
  22. package/components/ds-footer.js +1 -1
  23. package/components/ds-heading.js +1 -1
  24. package/components/ds-hint.js +1 -1
  25. package/components/ds-icon.js +1 -1
  26. package/components/ds-input-slider.d.ts +11 -0
  27. package/components/ds-input-slider.js +4 -0
  28. package/components/ds-input.js +1 -1
  29. package/components/ds-item.js +1 -1
  30. package/components/ds-label.js +1 -1
  31. package/components/ds-list.js +1 -1
  32. package/components/ds-logo.js +1 -1
  33. package/components/ds-modal-body.js +1 -1
  34. package/components/ds-modal-header.js +1 -1
  35. package/components/ds-modal.js +1 -1
  36. package/components/ds-navbar.js +1 -1
  37. package/components/ds-notification.js +1 -1
  38. package/components/ds-number-input.js +1 -1
  39. package/components/ds-pagination.js +1 -1
  40. package/components/ds-popup.js +1 -1
  41. package/components/ds-progress-bar.js +1 -1
  42. package/components/ds-radio-group.js +1 -1
  43. package/components/ds-radio.js +1 -1
  44. package/components/ds-segment-item.js +1 -1
  45. package/components/ds-segment.js +1 -1
  46. package/components/ds-select-optgroup.js +1 -1
  47. package/components/ds-select-option.js +1 -1
  48. package/components/ds-select.js +1 -1
  49. package/components/ds-shape.js +1 -1
  50. package/components/ds-snackbar.js +1 -1
  51. package/components/ds-spinner.js +1 -1
  52. package/components/ds-stack.js +1 -1
  53. package/components/ds-step-panel.js +1 -1
  54. package/components/ds-step.js +1 -1
  55. package/components/ds-tab-panel.js +1 -1
  56. package/components/ds-tabs.js +1 -1
  57. package/components/ds-tag-group.js +1 -1
  58. package/components/ds-tag.js +1 -1
  59. package/components/ds-text.js +1 -1
  60. package/components/ds-textarea.js +1 -1
  61. package/components/ds-toast.js +1 -1
  62. package/components/ds-toggle.js +1 -1
  63. package/components/ds-tooltip.js +1 -1
  64. package/components/index.js +1 -1
  65. package/components/{p-DenZRIeA.js → p-BXJT6RzI.js} +1 -1
  66. package/components/p-BdLq-Ecc.js +4 -0
  67. package/components/{p-CjIxf5zy.js → p-BmKEBYP4.js} +1 -1
  68. package/components/p-BoWAkGY5.js +4 -0
  69. package/components/{p-DYTOWDAA.js → p-CTbJFS-e.js} +1 -1
  70. package/components/{p-DokkRjWC.js → p-CaMOovXn.js} +1 -1
  71. package/components/p-Ce8PV2ZO.js +4 -0
  72. package/components/p-CmBtAxar.js +4 -0
  73. package/components/p-D8gpyiFZ.js +4 -0
  74. package/components/{p-ng5ZzTOj.js → p-DBX_haol.js} +1 -1
  75. package/components/{p-BfXZJ1Fe.js → p-DPbhygsR.js} +1 -1
  76. package/components/{p-BU0dY8pq.js → p-DZzsZ_YH.js} +1 -1
  77. package/components/p-DbUsvqrz.js +4 -0
  78. package/components/p-Dbqy6lZU.js +5 -0
  79. package/{dist/design-system/p-BATOumsf.js → components/p-fS80bKHo.js} +1 -1
  80. package/components/{p-bGV2P6rT.js → p-hPpcXLRP.js} +1 -1
  81. package/components/p-o0H7eIVX.js +4 -0
  82. package/components/p-std0LSH2.js +4 -0
  83. package/components/{p-Btdh3fq7.js → p-u5aa74vh.js} +1 -1
  84. package/components/p-wud2RGEy.js +4 -0
  85. package/dist/cjs/{_getTag-B468r9bu.js → _getTag-DxZgmSPS.js} +1 -1
  86. package/dist/cjs/{array-CioNm_V1.js → array-CYn4ALBt.js} +10 -9
  87. package/dist/cjs/{breakpoints.decorator-C-Qm21UK.js → breakpoints.decorator-DbttiLa9.js} +1 -1
  88. package/dist/cjs/{breakpoints.subject-XNcGwhzh.js → breakpoints.subject-CNyiZaBe.js} +3 -3
  89. package/dist/cjs/{button.interfaces-CqlUGR-N.js → button.interfaces-BKyK0H_f.js} +0 -1
  90. package/dist/cjs/{config.decorator-ThGLtT-3.js → config.decorator-bU7c6ybP.js} +1 -1
  91. package/dist/cjs/{config.utils-MhZvq4Qm.js → config.utils-BhJig3l5.js} +1 -1
  92. package/dist/cjs/{create-validator-decorator-BIgFqrMJ.js → create-validator-decorator-CiRieHJL.js} +1 -1
  93. package/dist/cjs/design-system.cjs.js +2 -2
  94. package/dist/cjs/{device-BnjBOLnP.js → device-DM1GXL99.js} +1 -1
  95. package/dist/cjs/ds-accordion.cjs.entry.js +9 -9
  96. package/dist/cjs/ds-alert-container.cjs.entry.js +6 -6
  97. package/dist/cjs/ds-app.cjs.entry.js +35 -8
  98. package/dist/cjs/ds-badge.cjs.entry.js +20 -39
  99. package/dist/cjs/ds-button-group.cjs.entry.js +7 -7
  100. package/dist/cjs/ds-button_2.cjs.entry.js +20 -20
  101. package/dist/cjs/ds-card-actions.cjs.entry.js +4 -4
  102. package/dist/cjs/ds-card-content.cjs.entry.js +3 -3
  103. package/dist/cjs/ds-card-header.cjs.entry.js +5 -5
  104. package/dist/cjs/ds-card-subtitle.cjs.entry.js +10 -14
  105. package/dist/cjs/ds-card-title.cjs.entry.js +8 -14
  106. package/dist/cjs/ds-card.cjs.entry.js +14 -13
  107. package/dist/cjs/ds-carousel-item.cjs.entry.js +6 -6
  108. package/dist/cjs/ds-carousel.cjs.entry.js +8 -8
  109. package/dist/cjs/ds-checkbox-group.cjs.entry.js +44 -19
  110. package/dist/cjs/ds-checkbox.cjs.entry.js +19 -10
  111. package/dist/cjs/ds-content_2.cjs.entry.js +18 -68
  112. package/dist/cjs/ds-data-item.cjs.entry.js +6 -6
  113. package/dist/cjs/ds-data-label.cjs.entry.js +4 -4
  114. package/dist/cjs/ds-data-value.cjs.entry.js +2 -2
  115. package/dist/cjs/ds-data.cjs.entry.js +4 -4
  116. package/dist/cjs/ds-date.cjs.entry.js +18 -12
  117. package/dist/cjs/ds-divider_2.cjs.entry.js +14 -14
  118. package/dist/cjs/ds-drawer_2.cjs.entry.js +10 -10
  119. package/dist/cjs/ds-file-upload.cjs.entry.js +22 -14
  120. package/dist/cjs/ds-footer.cjs.entry.js +7 -7
  121. package/dist/cjs/ds-heading.cjs.entry.js +21 -37
  122. package/dist/cjs/ds-hint-text.cjs.entry.js +2 -2
  123. package/dist/cjs/ds-hint-title.cjs.entry.js +2 -2
  124. package/dist/cjs/ds-hint.cjs.entry.js +11 -11
  125. package/dist/cjs/ds-icon_2.cjs.entry.js +23 -26
  126. package/dist/cjs/ds-input-slider.cjs.entry.js +2892 -0
  127. package/dist/cjs/ds-input.cjs.entry.js +20 -11
  128. package/dist/cjs/ds-item.cjs.entry.js +7 -7
  129. package/dist/cjs/ds-label.cjs.entry.js +11 -11
  130. package/dist/cjs/ds-list.cjs.entry.js +5 -5
  131. package/dist/cjs/ds-modal-body.cjs.entry.js +3 -3
  132. package/dist/cjs/ds-modal-header.cjs.entry.js +3 -3
  133. package/dist/cjs/ds-modal.cjs.entry.js +9 -9
  134. package/dist/cjs/ds-navbar.cjs.entry.js +17 -17
  135. package/dist/cjs/ds-notification.cjs.entry.js +11 -11
  136. package/dist/cjs/ds-number-input.cjs.entry.js +31 -117
  137. package/dist/cjs/ds-pagination.cjs.entry.js +17 -17
  138. package/dist/cjs/ds-progress-bar.cjs.entry.js +14 -14
  139. package/dist/cjs/ds-radio-group.cjs.entry.js +39 -15
  140. package/dist/cjs/ds-radio.cjs.entry.js +19 -10
  141. package/dist/cjs/ds-segment-item.cjs.entry.js +5 -5
  142. package/dist/cjs/ds-segment.cjs.entry.js +21 -15
  143. package/dist/cjs/ds-select-optgroup.cjs.entry.js +5 -5
  144. package/dist/cjs/ds-select-option.cjs.entry.js +5 -5
  145. package/dist/cjs/ds-select.cjs.entry.js +18 -13
  146. package/dist/cjs/ds-shape.cjs.entry.js +5 -5
  147. package/dist/cjs/ds-snackbar.cjs.entry.js +14 -14
  148. package/dist/cjs/ds-step-panel.cjs.entry.js +6 -6
  149. package/dist/cjs/ds-step.cjs.entry.js +5 -5
  150. package/dist/cjs/ds-steps.cjs.entry.js +6 -6
  151. package/dist/cjs/ds-tab-panel.cjs.entry.js +6 -6
  152. package/dist/cjs/ds-tab.cjs.entry.js +5 -5
  153. package/dist/cjs/ds-tabs.cjs.entry.js +12 -12
  154. package/dist/cjs/ds-tag-group.cjs.entry.js +3 -3
  155. package/dist/cjs/ds-tag.cjs.entry.js +9 -9
  156. package/dist/cjs/ds-text.cjs.entry.js +10 -10
  157. package/dist/cjs/ds-textarea.cjs.entry.js +19 -10
  158. package/dist/cjs/ds-toast.cjs.entry.js +12 -12
  159. package/dist/cjs/ds-toggle.cjs.entry.js +7 -7
  160. package/dist/cjs/ds-tooltip.cjs.entry.js +5 -5
  161. package/dist/cjs/{field.util-L-DkeMVk.js → field.util-C7hgA41e.js} +32 -2
  162. package/dist/cjs/{focus-D3VVgpM7.js → focus-CHzvkERd.js} +1 -1
  163. package/dist/cjs/{form-control-CtMcJUuC.js → form-control-CmRONWa7.js} +1 -1
  164. package/dist/cjs/{has-value-DK0oRqXI.js → has-value-3s9rhB3K.js} +1 -1
  165. package/dist/cjs/{heading.interfaces-B5NJ2yjL.js → heading.interfaces-CAc5LNKb.js} +2 -3
  166. package/dist/cjs/{index-sC3JnTlJ.js → index-DD7qcaNz.js} +80 -1
  167. package/dist/cjs/index.cjs.js +7 -7
  168. package/dist/cjs/isArray-DvQst6zQ.js +42 -0
  169. package/dist/cjs/isNaN-DOSPWDkt.js +106 -0
  170. package/dist/cjs/{isObjectLike-h-ta_ikf.js → isObjectLike-BNz6hnAu.js} +0 -37
  171. package/dist/cjs/{listener-BwB_xent.js → listener-CAzIWSXQ.js} +1 -1
  172. package/dist/cjs/loader.cjs.js +2 -2
  173. package/dist/cjs/{one-of-BZGRIMtQ.js → one-of-xdIxH9e7.js} +1 -1
  174. package/dist/cjs/{required-COz3Unzu.js → required-Dh6TQNa1.js} +1 -1
  175. package/dist/cjs/{resize.decorator-DWM_fQgv.js → resize.decorator-C53-TjuS.js} +2 -2
  176. package/dist/cjs/{scroll-CUuEh4xd.js → scroll-BOeiw1-E.js} +1 -1
  177. package/dist/cjs/{svg-D9RbiR8R.js → svg-B9eUbG7a.js} +96 -33
  178. package/dist/cjs/{tslib.es6-CxyosZMg.js → tslib.es6-DMgN1vwG.js} +1 -1
  179. package/dist/cjs/{type-hmc4CJcO.js → type-BcP2cAG-.js} +1 -1
  180. package/dist/collection/collection-manifest.json +1 -0
  181. package/dist/collection/components/accordion/accordion.host.css +1 -1
  182. package/dist/collection/components/alert/snackbar/snackbar.host.css +1 -1
  183. package/dist/collection/components/alert/toast/toast.host.css +1 -1
  184. package/dist/collection/components/app/app.js +30 -3
  185. package/dist/collection/components/badge/badge.host.css +1 -1
  186. package/dist/collection/components/badge/badge.interfaces.js +3 -3
  187. package/dist/collection/components/badge/badge.js +20 -42
  188. package/dist/collection/components/button/button.interfaces.js +0 -1
  189. package/dist/collection/components/button/button.js +1 -1
  190. package/dist/collection/components/card/card-content/card-content.host.css +1 -1
  191. package/dist/collection/components/card/card-subtitle/card-subtitle.js +6 -11
  192. package/dist/collection/components/card/card-title/card-title.js +4 -11
  193. package/dist/collection/components/card/card.host.css +1 -1
  194. package/dist/collection/components/card/card.js +10 -9
  195. package/dist/collection/components/checkbox/checkbox-group/checkbox-group.js +54 -8
  196. package/dist/collection/components/checkbox/checkbox.host.css +1 -1
  197. package/dist/collection/components/checkbox/checkbox.js +31 -2
  198. package/dist/collection/components/checkbox/test/checkbox.visual.play.js +4 -0
  199. package/dist/collection/components/close/close.host.css +1 -1
  200. package/dist/collection/components/close/close.interfaces.js +1 -1
  201. package/dist/collection/components/close/close.js +14 -16
  202. package/dist/collection/components/content/content.host.css +1 -1
  203. package/dist/collection/components/content/content.interfaces.js +2 -3
  204. package/dist/collection/components/content/content.js +21 -60
  205. package/dist/collection/components/date/date.js +12 -4
  206. package/dist/collection/components/date/test/date.visual.play.js +1 -0
  207. package/dist/collection/components/file-upload/file-upload.js +13 -4
  208. package/dist/collection/components/file-upload/test/file-upload.visual.play.js +10 -1
  209. package/dist/collection/components/heading/heading.host.css +1 -1
  210. package/dist/collection/components/heading/heading.interfaces.js +2 -3
  211. package/dist/collection/components/heading/heading.js +25 -45
  212. package/dist/collection/components/input/field.util.js +1 -1
  213. package/dist/collection/components/input/input.js +14 -3
  214. package/dist/collection/components/input/test/input.visual.play.js +2 -1
  215. package/dist/collection/components/input-slider/input-slider.host.css +1 -0
  216. package/dist/collection/components/input-slider/input-slider.interfaces.js +4 -0
  217. package/dist/collection/components/input-slider/input-slider.js +970 -0
  218. package/dist/collection/components/input-slider/input-slider.picker.js +124 -0
  219. package/dist/collection/components/input-slider/input-slider.utils.js +32 -0
  220. package/dist/collection/components/input-slider/test/input-slider.a11y.play.js +36 -0
  221. package/dist/collection/components/input-slider/test/input-slider.component.play.js +87 -0
  222. package/dist/collection/components/input-slider/test/input-slider.visual.play.js +28 -0
  223. package/dist/collection/components/label/label.host.css +1 -1
  224. package/dist/collection/components/label/label.js +2 -2
  225. package/dist/collection/components/list/item/item.host.css +1 -1
  226. package/dist/collection/components/list/list.js +1 -1
  227. package/dist/collection/components/logo/logo.js +2 -2
  228. package/dist/collection/components/modal/modal-body/modal-body.js +1 -1
  229. package/dist/collection/components/modal/modal-header/modal-header.js +1 -1
  230. package/dist/collection/components/modal/modal.js +2 -2
  231. package/dist/collection/components/navbar/navbar.js +3 -3
  232. package/dist/collection/components/notification/notification.host.css +1 -1
  233. package/dist/collection/components/notification/notification.js +3 -3
  234. package/dist/collection/components/number-input/number-input.js +13 -2
  235. package/dist/collection/components/number-input/test/number-input.visual.play.js +1 -1
  236. package/dist/collection/components/pagination/pagination.js +5 -5
  237. package/dist/collection/components/popup/popup.js +1 -1
  238. package/dist/collection/components/progress-bar/progress-bar.js +2 -2
  239. package/dist/collection/components/radio/radio-group/radio-group.js +54 -8
  240. package/dist/collection/components/radio/radio.host.css +1 -1
  241. package/dist/collection/components/radio/radio.js +31 -2
  242. package/dist/collection/components/radio/test/radio.visual.play.js +4 -0
  243. package/dist/collection/components/segment/segment/segment.js +15 -7
  244. package/dist/collection/components/segment/segment-item.js +1 -1
  245. package/dist/collection/components/segment/test/segment.visual.play.js +1 -0
  246. package/dist/collection/components/select/select-optgroup.js +1 -1
  247. package/dist/collection/components/select/select-option.js +1 -1
  248. package/dist/collection/components/select/select.host.css +1 -1
  249. package/dist/collection/components/select/select.js +11 -4
  250. package/dist/collection/components/select/test/select.visual.play.js +2 -2
  251. package/dist/collection/components/shape/shape.js +1 -1
  252. package/dist/collection/components/spinner/spinner.host.css +1 -1
  253. package/dist/collection/components/spinner/spinner.interfaces.js +1 -1
  254. package/dist/collection/components/spinner/spinner.js +12 -16
  255. package/dist/collection/components/stack/stack.host.css +1 -1
  256. package/dist/collection/components/stack/stack.interfaces.js +1 -2
  257. package/dist/collection/components/stack/stack.js +13 -33
  258. package/dist/collection/components/steps/step-panel/step-panel.js +1 -1
  259. package/dist/collection/components/tabs/tab-panel/tab-panel.js +1 -1
  260. package/dist/collection/components/tabs/tabs/tabs.js +4 -4
  261. package/dist/collection/components/tag/tag-group/tag-group.js +1 -1
  262. package/dist/collection/components/tag/tag.host.css +1 -1
  263. package/dist/collection/components/tag/tag.js +2 -2
  264. package/dist/collection/components/text/text.host.css +1 -1
  265. package/dist/collection/components/text/text.js +3 -3
  266. package/dist/collection/components/textarea/test/textarea.visual.play.js +2 -2
  267. package/dist/collection/components/textarea/textarea.js +13 -2
  268. package/dist/collection/components/toggle/toggle.js +2 -2
  269. package/dist/collection/components/tooltip/tooltip.js +1 -1
  270. package/dist/collection/global/constants/tags.constant.js +1 -0
  271. package/dist/collection/global/constants/version.constant.js +1 -1
  272. package/dist/collection/global/global.js +2 -0
  273. package/dist/collection/global/token-preview.js +75 -0
  274. package/dist/collection/global/token-preview.types.js +1 -0
  275. package/dist/collection/utils/index.js +1 -0
  276. package/dist/collection/utils/invalid-text-slot.js +31 -0
  277. package/dist/design-system/design-system.esm.js +1 -1
  278. package/dist/design-system/index.esm.js +1 -1
  279. package/dist/design-system/{p-5d17209d91.entry.js → p-001b20140b.entry.js} +1 -1
  280. package/dist/design-system/p-0c031d8d90.entry.js +4 -0
  281. package/dist/design-system/p-0c18812daa.entry.js +4 -0
  282. package/dist/design-system/p-19e0638e5c.entry.js +4 -0
  283. package/dist/design-system/{p-10c136d00d.entry.js → p-1dc3406415.entry.js} +1 -1
  284. package/dist/design-system/{p-53dda5d400.entry.js → p-200a0ea72c.entry.js} +1 -1
  285. package/dist/design-system/p-2516721737.entry.js +4 -0
  286. package/dist/design-system/p-2a67e9b4eb.entry.js +4 -0
  287. package/dist/design-system/p-2cc9740eb6.entry.js +4 -0
  288. package/dist/design-system/p-33165c2b03.entry.js +4 -0
  289. package/dist/design-system/p-37295c3a5d.entry.js +4 -0
  290. package/dist/design-system/p-3d1f15112e.entry.js +4 -0
  291. package/dist/design-system/p-3de8e2b6c9.entry.js +4 -0
  292. package/dist/design-system/{p-774b89ed0b.entry.js → p-4042b35fee.entry.js} +1 -1
  293. package/dist/design-system/{p-afd8bbe699.entry.js → p-40b3d4d0f9.entry.js} +1 -1
  294. package/dist/design-system/{p-f0119fe693.entry.js → p-45af50a69f.entry.js} +1 -1
  295. package/dist/design-system/p-4df80c06f8.entry.js +4 -0
  296. package/dist/design-system/p-4f12c6449d.entry.js +4 -0
  297. package/dist/design-system/p-4f95f06b86.entry.js +4 -0
  298. package/dist/design-system/{p-c37f266740.entry.js → p-662983c8bd.entry.js} +1 -1
  299. package/dist/design-system/p-68693c06a1.entry.js +4 -0
  300. package/dist/design-system/{p-7c353652a9.entry.js → p-69784a200e.entry.js} +1 -1
  301. package/dist/design-system/{p-BhdSNuGP.js → p-6Iq8BM7N.js} +1 -1
  302. package/dist/design-system/p-6ba71ce374.entry.js +4 -0
  303. package/dist/design-system/{p-13d1ce3158.entry.js → p-72c08ce551.entry.js} +1 -1
  304. package/dist/design-system/p-72fe1ab876.entry.js +4 -0
  305. package/dist/design-system/p-73b26207bf.entry.js +4 -0
  306. package/dist/design-system/{p-4e6638d14e.entry.js → p-7576fb01bf.entry.js} +1 -1
  307. package/dist/design-system/p-819d71abe1.entry.js +4 -0
  308. package/dist/design-system/p-88682a66d5.entry.js +4 -0
  309. package/dist/design-system/{p-6ef31a3c07.entry.js → p-8a7c2f5b0a.entry.js} +1 -1
  310. package/dist/design-system/{p-0bd2ce2da3.entry.js → p-8bfcfd7b07.entry.js} +1 -1
  311. package/dist/design-system/p-9537ebc880.entry.js +4 -0
  312. package/dist/design-system/{p-e7472337ed.entry.js → p-96d37205c9.entry.js} +1 -1
  313. package/dist/design-system/{p-0663d7c0f1.entry.js → p-97ad0e648a.entry.js} +1 -1
  314. package/dist/design-system/p-9e0f190f06.entry.js +4 -0
  315. package/dist/design-system/p-9f746ea4e3.entry.js +4 -0
  316. package/dist/design-system/{p-B1e0kNRJ.js → p-B2dqoehY.js} +2 -2
  317. package/dist/design-system/p-B8PCdo6e.js +4 -0
  318. package/dist/design-system/p-B9ddSbbe.js +4 -0
  319. package/dist/design-system/p-BDcIydUK.js +4 -0
  320. package/dist/design-system/p-BdLq-Ecc.js +4 -0
  321. package/dist/design-system/{p-HwbqEzpk.js → p-BjaiDrCD.js} +1 -1
  322. package/dist/design-system/{p-CvTcEsXg.js → p-BnJgNfen.js} +1 -1
  323. package/dist/design-system/{p-78NZc8PM.js → p-Bnpwi9iD.js} +1 -1
  324. package/dist/design-system/p-C6AmBSV7.js +4 -0
  325. package/dist/design-system/{p-hLAmwHiq.js → p-CBGYLNZZ.js} +1 -1
  326. package/dist/design-system/p-CDhvZoCt.js +4 -0
  327. package/dist/design-system/p-CGHN-3RC.js +4 -0
  328. package/dist/design-system/{p-BkTv_bQR.js → p-CR2JnhVY.js} +1 -1
  329. package/dist/design-system/{p-Dm2lqE3-.js → p-ClSAXeZN.js} +1 -1
  330. package/dist/design-system/p-CziF75uh.js +4 -0
  331. package/dist/design-system/p-D-_px2sY.js +5 -0
  332. package/dist/design-system/{p-ij4OEkzJ.js → p-DNQg2PVW.js} +1 -1
  333. package/dist/design-system/p-DQGbRzw_.js +4 -0
  334. package/dist/design-system/{p-LCY5n5tq.js → p-DWdcUUdS.js} +1 -1
  335. package/dist/design-system/{p-C7i6xLTJ.js → p-DuKlHFAK.js} +1 -1
  336. package/dist/design-system/p-MUUOiuTm.js +5 -0
  337. package/dist/design-system/{p-BvEM6oCl.js → p-_Ywzmi-B.js} +1 -1
  338. package/dist/design-system/{p-DgVaaZT_.js → p-_rk5qARQ.js} +1 -1
  339. package/dist/design-system/{p-8406f6faf1.entry.js → p-a343b84e8a.entry.js} +1 -1
  340. package/dist/design-system/p-a3ed278181.entry.js +4 -0
  341. package/dist/design-system/{p-650289138a.entry.js → p-a71c22bc50.entry.js} +1 -1
  342. package/dist/design-system/{p-DTxLRTYr.js → p-aPnyJLhr.js} +1 -1
  343. package/dist/design-system/{p-f4958b9e97.entry.js → p-abcc8edf7e.entry.js} +1 -1
  344. package/dist/design-system/{p-372bf379f9.entry.js → p-ac55e3783c.entry.js} +1 -1
  345. package/dist/design-system/{p-7e702193fc.entry.js → p-ac7f3f89be.entry.js} +1 -1
  346. package/dist/design-system/{p-3134821ac6.entry.js → p-ae8753bf2a.entry.js} +1 -1
  347. package/dist/design-system/{p-60d29d8b8e.entry.js → p-afea3755c2.entry.js} +1 -1
  348. package/dist/design-system/{p-dcb749efc7.entry.js → p-bd31b396d8.entry.js} +1 -1
  349. package/dist/design-system/p-bd740897a1.entry.js +4 -0
  350. package/dist/design-system/{p-d5f8d8f5e1.entry.js → p-bf03129378.entry.js} +1 -1
  351. package/dist/design-system/p-bfd0557b47.entry.js +4 -0
  352. package/dist/design-system/{p-01430d5c28.entry.js → p-c07aa25e4d.entry.js} +1 -1
  353. package/dist/design-system/p-c19c74c2b1.entry.js +4 -0
  354. package/dist/design-system/{p-dd38f8f206.entry.js → p-d5d7700fd3.entry.js} +1 -1
  355. package/dist/design-system/p-d727654ec3.entry.js +4 -0
  356. package/dist/design-system/{p-a465c1acce.entry.js → p-dadd7a84bc.entry.js} +1 -1
  357. package/dist/design-system/p-dd5e815ef3.entry.js +4 -0
  358. package/dist/design-system/p-dfebad2acc.entry.js +4 -0
  359. package/{components/p-D9YYP2SG.js → dist/design-system/p-dziB1ufg.js} +1 -1
  360. package/dist/design-system/p-e16572468e.entry.js +4 -0
  361. package/dist/design-system/p-e23b6d59c0.entry.js +4 -0
  362. package/dist/design-system/p-e743fa4c17.entry.js +4 -0
  363. package/dist/design-system/p-e94b66c13e.entry.js +4 -0
  364. package/dist/design-system/{p-a8de98dd7b.entry.js → p-ec3f2ded29.entry.js} +1 -1
  365. package/dist/design-system/p-ed3f364d1f.entry.js +4 -0
  366. package/dist/design-system/{p-a62b7985a0.entry.js → p-eedaf7fe85.entry.js} +1 -1
  367. package/dist/design-system/p-ef1bf78788.entry.js +4 -0
  368. package/dist/design-system/{p-9f2dd0b55b.entry.js → p-f0b0376beb.entry.js} +1 -1
  369. package/dist/design-system/p-f7787fca37.entry.js +4 -0
  370. package/dist/design-system/p-fd868dc1f5.entry.js +4 -0
  371. package/dist/esm/{_getTag-DFxL3s3h.js → _getTag-BkweuRJc.js} +1 -1
  372. package/dist/esm/{array-dJH4dfMr.js → array-BJZA868l.js} +3 -2
  373. package/dist/esm/{breakpoints.decorator-DZ0xN4Np.js → breakpoints.decorator-CIweMjJQ.js} +1 -1
  374. package/dist/esm/{breakpoints.subject-BNnXcKMw.js → breakpoints.subject-CUVOWezN.js} +3 -3
  375. package/dist/esm/{button.interfaces-BPGfTrrM.js → button.interfaces-C6AmBSV7.js} +0 -1
  376. package/dist/esm/{config.decorator-ZQ0_Zx5y.js → config.decorator-CyvsD1EY.js} +1 -1
  377. package/dist/esm/{config.utils-D9o7rffC.js → config.utils-Db2OSTX3.js} +1 -1
  378. package/dist/esm/{create-validator-decorator-DovxquEu.js → create-validator-decorator-g9TfAa1g.js} +1 -1
  379. package/dist/esm/design-system.js +3 -3
  380. package/dist/esm/{device-CRuIJzXR.js → device-CtidwsPr.js} +1 -1
  381. package/dist/esm/ds-accordion.entry.js +9 -9
  382. package/dist/esm/ds-alert-container.entry.js +6 -6
  383. package/dist/esm/ds-app.entry.js +35 -8
  384. package/dist/esm/ds-badge.entry.js +20 -39
  385. package/dist/esm/ds-button-group.entry.js +7 -7
  386. package/dist/esm/ds-button_2.entry.js +20 -20
  387. package/dist/esm/ds-card-actions.entry.js +4 -4
  388. package/dist/esm/ds-card-content.entry.js +3 -3
  389. package/dist/esm/ds-card-header.entry.js +5 -5
  390. package/dist/esm/ds-card-subtitle.entry.js +10 -14
  391. package/dist/esm/ds-card-title.entry.js +8 -14
  392. package/dist/esm/ds-card.entry.js +14 -13
  393. package/dist/esm/ds-carousel-item.entry.js +6 -6
  394. package/dist/esm/ds-carousel.entry.js +8 -8
  395. package/dist/esm/ds-checkbox-group.entry.js +44 -19
  396. package/dist/esm/ds-checkbox.entry.js +19 -10
  397. package/dist/esm/ds-content_2.entry.js +18 -68
  398. package/dist/esm/ds-data-item.entry.js +6 -6
  399. package/dist/esm/ds-data-label.entry.js +4 -4
  400. package/dist/esm/ds-data-value.entry.js +2 -2
  401. package/dist/esm/ds-data.entry.js +4 -4
  402. package/dist/esm/ds-date.entry.js +18 -12
  403. package/dist/esm/ds-divider_2.entry.js +14 -14
  404. package/dist/esm/ds-drawer_2.entry.js +10 -10
  405. package/dist/esm/ds-file-upload.entry.js +22 -14
  406. package/dist/esm/ds-footer.entry.js +7 -7
  407. package/dist/esm/ds-heading.entry.js +21 -37
  408. package/dist/esm/ds-hint-text.entry.js +2 -2
  409. package/dist/esm/ds-hint-title.entry.js +2 -2
  410. package/dist/esm/ds-hint.entry.js +11 -11
  411. package/dist/esm/ds-icon_2.entry.js +21 -24
  412. package/dist/esm/ds-input-slider.entry.js +2890 -0
  413. package/dist/esm/ds-input.entry.js +20 -11
  414. package/dist/esm/ds-item.entry.js +7 -7
  415. package/dist/esm/ds-label.entry.js +11 -11
  416. package/dist/esm/ds-list.entry.js +5 -5
  417. package/dist/esm/ds-modal-body.entry.js +3 -3
  418. package/dist/esm/ds-modal-header.entry.js +3 -3
  419. package/dist/esm/ds-modal.entry.js +9 -9
  420. package/dist/esm/ds-navbar.entry.js +17 -17
  421. package/dist/esm/ds-notification.entry.js +11 -11
  422. package/dist/esm/ds-number-input.entry.js +24 -110
  423. package/dist/esm/ds-pagination.entry.js +17 -17
  424. package/dist/esm/ds-progress-bar.entry.js +14 -14
  425. package/dist/esm/ds-radio-group.entry.js +39 -15
  426. package/dist/esm/ds-radio.entry.js +19 -10
  427. package/dist/esm/ds-segment-item.entry.js +5 -5
  428. package/dist/esm/ds-segment.entry.js +21 -15
  429. package/dist/esm/ds-select-optgroup.entry.js +5 -5
  430. package/dist/esm/ds-select-option.entry.js +5 -5
  431. package/dist/esm/ds-select.entry.js +18 -13
  432. package/dist/esm/ds-shape.entry.js +5 -5
  433. package/dist/esm/ds-snackbar.entry.js +14 -14
  434. package/dist/esm/ds-step-panel.entry.js +6 -6
  435. package/dist/esm/ds-step.entry.js +5 -5
  436. package/dist/esm/ds-steps.entry.js +6 -6
  437. package/dist/esm/ds-tab-panel.entry.js +6 -6
  438. package/dist/esm/ds-tab.entry.js +5 -5
  439. package/dist/esm/ds-tabs.entry.js +12 -12
  440. package/dist/esm/ds-tag-group.entry.js +3 -3
  441. package/dist/esm/ds-tag.entry.js +9 -9
  442. package/dist/esm/ds-text.entry.js +10 -10
  443. package/dist/esm/ds-textarea.entry.js +19 -10
  444. package/dist/esm/ds-toast.entry.js +12 -12
  445. package/dist/esm/ds-toggle.entry.js +7 -7
  446. package/dist/esm/ds-tooltip.entry.js +5 -5
  447. package/dist/esm/{field.util-BjZzAi09.js → field.util-Dl02gvlr.js} +32 -3
  448. package/dist/esm/{focus-ZxHImoOj.js → focus-C1_jVoAm.js} +1 -1
  449. package/dist/esm/{form-control-DvJo0GKN.js → form-control-BAP86QSm.js} +1 -1
  450. package/dist/esm/{has-value-DU9L2JaI.js → has-value-CADjf9QZ.js} +1 -1
  451. package/dist/esm/{heading.interfaces-Ceu7FIWM.js → heading.interfaces-BdLq-Ecc.js} +2 -3
  452. package/dist/esm/{index-C6MVahkC.js → index-MUUOiuTm.js} +80 -1
  453. package/dist/esm/index.js +10 -10
  454. package/dist/esm/isArray-B8PCdo6e.js +40 -0
  455. package/dist/esm/isNaN-BrbqGXXw.js +104 -0
  456. package/dist/esm/{isObjectLike-BAYao9w7.js → isObjectLike-BnBXjF_n.js} +1 -37
  457. package/dist/esm/{listener-DHP2OPMZ.js → listener-DiVrGAqj.js} +1 -1
  458. package/dist/esm/loader.js +3 -3
  459. package/dist/esm/{one-of-CKPv0Nqm.js → one-of-rLykP5eX.js} +1 -1
  460. package/dist/esm/{required-Dqsbx5fH.js → required-BsfIY-qW.js} +1 -1
  461. package/dist/esm/{resize.decorator-B8h8D676.js → resize.decorator-BNy5tJCt.js} +2 -2
  462. package/dist/esm/{scroll-CsH7NHo5.js → scroll-D4cC-Fsr.js} +1 -1
  463. package/dist/esm/{svg-B8KVoKrH.js → svg-D-_px2sY.js} +96 -33
  464. package/dist/esm/{tslib.es6-C9GKXw-5.js → tslib.es6-C7vR-gMn.js} +1 -1
  465. package/dist/esm/{type-DzkhLOG_.js → type-Bqge296W.js} +1 -1
  466. package/dist/types/components/app/app.d.ts +23 -0
  467. package/dist/types/components/badge/badge.d.ts +12 -4
  468. package/dist/types/components/badge/badge.interfaces.d.ts +3 -3
  469. package/dist/types/components/button/button.interfaces.d.ts +1 -1
  470. package/dist/types/components/card/card-subtitle/card-subtitle.d.ts +1 -1
  471. package/dist/types/components/card/card-title/card-title.d.ts +1 -1
  472. package/dist/types/components/card/card.d.ts +1 -1
  473. package/dist/types/components/checkbox/checkbox-group/checkbox-group.d.ts +10 -0
  474. package/dist/types/components/checkbox/checkbox.d.ts +4 -0
  475. package/dist/types/components/close/close.d.ts +14 -2
  476. package/dist/types/components/close/close.interfaces.d.ts +1 -1
  477. package/dist/types/components/content/content.d.ts +6 -6
  478. package/dist/types/components/content/content.interfaces.d.ts +3 -3
  479. package/dist/types/components/date/date.d.ts +3 -0
  480. package/dist/types/components/file-upload/file-upload.d.ts +3 -0
  481. package/dist/types/components/heading/heading.d.ts +10 -10
  482. package/dist/types/components/heading/heading.interfaces.d.ts +3 -3
  483. package/dist/types/components/input/input.d.ts +4 -0
  484. package/dist/types/components/input-slider/input-slider.d.ts +189 -0
  485. package/dist/types/components/input-slider/input-slider.interfaces.d.ts +18 -0
  486. package/dist/types/components/input-slider/input-slider.picker.d.ts +37 -0
  487. package/dist/types/components/input-slider/input-slider.utils.d.ts +18 -0
  488. package/dist/types/components/input-slider/test/input-slider.a11y.play.d.ts +1 -0
  489. package/dist/types/components/input-slider/test/input-slider.component.play.d.ts +1 -0
  490. package/dist/types/components/input-slider/test/input-slider.visual.play.d.ts +1 -0
  491. package/dist/types/components/number-input/number-input.d.ts +4 -0
  492. package/dist/types/components/radio/radio-group/radio-group.d.ts +10 -0
  493. package/dist/types/components/radio/radio.d.ts +4 -0
  494. package/dist/types/components/segment/segment/segment.d.ts +3 -0
  495. package/dist/types/components/select/select.d.ts +3 -0
  496. package/dist/types/components/spinner/spinner.d.ts +8 -7
  497. package/dist/types/components/spinner/spinner.interfaces.d.ts +1 -1
  498. package/dist/types/components/stack/stack.d.ts +3 -3
  499. package/dist/types/components/stack/stack.interfaces.d.ts +2 -2
  500. package/dist/types/components/textarea/textarea.d.ts +4 -0
  501. package/dist/types/components.d.ts +334 -70
  502. package/dist/types/global/token-preview.d.ts +8 -0
  503. package/dist/types/global/token-preview.types.d.ts +20 -0
  504. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/index.d.ts +1 -0
  505. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/input-slider.po.d.ts +18 -0
  506. package/dist/types/utils/index.d.ts +1 -0
  507. package/dist/types/utils/invalid-text-slot.d.ts +9 -0
  508. package/docs/cem.json +792 -211
  509. package/docs/components.json +2434 -1559
  510. package/docs/html.html-data.json +124 -1
  511. package/docs/tags.json +1 -0
  512. package/docs/visual-pages.json +51 -0
  513. package/package.json +10 -9
  514. package/sbom.cdx.json +41369 -18745
  515. package/components/p-B1gnrQ9b.js +0 -4
  516. package/components/p-CA7G72wZ.js +0 -4
  517. package/components/p-CYWn3X22.js +0 -4
  518. package/components/p-Ceu7FIWM.js +0 -4
  519. package/components/p-Ctnm_MBD.js +0 -4
  520. package/components/p-DQBzmbR6.js +0 -4
  521. package/components/p-DsvYY32v.js +0 -4
  522. package/components/p-Du7QOHtz.js +0 -5
  523. package/components/p-FBQaJyH0.js +0 -4
  524. package/dist/design-system/p-014d464627.entry.js +0 -4
  525. package/dist/design-system/p-0ff0be5b83.entry.js +0 -4
  526. package/dist/design-system/p-11f34d0c7d.entry.js +0 -4
  527. package/dist/design-system/p-163d606781.entry.js +0 -4
  528. package/dist/design-system/p-1VXOIrN2.js +0 -4
  529. package/dist/design-system/p-202ecb8f01.entry.js +0 -4
  530. package/dist/design-system/p-27d181c5ac.entry.js +0 -4
  531. package/dist/design-system/p-2a35e0b9b0.entry.js +0 -4
  532. package/dist/design-system/p-2f51e1d39b.entry.js +0 -4
  533. package/dist/design-system/p-3292ae6a05.entry.js +0 -4
  534. package/dist/design-system/p-3895178b39.entry.js +0 -4
  535. package/dist/design-system/p-3c6b7a2967.entry.js +0 -4
  536. package/dist/design-system/p-3ef4bd1c59.entry.js +0 -4
  537. package/dist/design-system/p-493b18cc46.entry.js +0 -4
  538. package/dist/design-system/p-4a99464dae.entry.js +0 -4
  539. package/dist/design-system/p-5e51fa8df4.entry.js +0 -4
  540. package/dist/design-system/p-62cb503015.entry.js +0 -4
  541. package/dist/design-system/p-65c221261c.entry.js +0 -4
  542. package/dist/design-system/p-68c9f4f630.entry.js +0 -4
  543. package/dist/design-system/p-68ebed7eee.entry.js +0 -4
  544. package/dist/design-system/p-6b6531379b.entry.js +0 -4
  545. package/dist/design-system/p-6d168ba9ad.entry.js +0 -4
  546. package/dist/design-system/p-787bd92bcc.entry.js +0 -4
  547. package/dist/design-system/p-7c8bf0f33e.entry.js +0 -4
  548. package/dist/design-system/p-8353961d39.entry.js +0 -4
  549. package/dist/design-system/p-B8KVoKrH.js +0 -5
  550. package/dist/design-system/p-BLGVE-7Z.js +0 -4
  551. package/dist/design-system/p-BPGfTrrM.js +0 -4
  552. package/dist/design-system/p-C6MVahkC.js +0 -5
  553. package/dist/design-system/p-Ceu7FIWM.js +0 -4
  554. package/dist/design-system/p-CwCAiaMq.js +0 -4
  555. package/dist/design-system/p-DHeVI6dR.js +0 -4
  556. package/dist/design-system/p-ad2b17b0a0.entry.js +0 -4
  557. package/dist/design-system/p-b68bc14064.entry.js +0 -4
  558. package/dist/design-system/p-b955a93959.entry.js +0 -4
  559. package/dist/design-system/p-caad93b943.entry.js +0 -4
  560. package/dist/design-system/p-cca79bfeb1.entry.js +0 -4
  561. package/dist/design-system/p-ddf2a7dfee.entry.js +0 -4
  562. package/dist/design-system/p-df5899b930.entry.js +0 -4
  563. package/dist/design-system/p-e85c92ca1a.entry.js +0 -4
  564. package/dist/design-system/p-f62643c33d.entry.js +0 -4
  565. package/dist/design-system/p-fa9568abce.entry.js +0 -4
  566. package/dist/design-system/p-fcd98f22b7.entry.js +0 -4
  567. package/dist/design-system/p-feeef4a8cb.entry.js +0 -4
  568. package/dist/design-system/p-tl_BegdE.js +0 -4
package/dist/design-system/p-819d71abe1.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as o,I as a,E as r,F as t,G as e}from"./p-MUUOiuTm.js";import{_ as s,L as g,a as c}from"./p-_rk5qARQ.js";import{i}from"./p-B62ocg4Q.js";import{h as l}from"./p-6Iq8BM7N.js";import{n as d}from"./p-DR5LIaCn.js";import{T as n}from"./p-B9ddSbbe.js";import{O as v}from"./p-_Ywzmi-B.js";import"./p-BjaiDrCD.js";const m=class{constructor(r){o(this,r),this.dsCloseClick=a(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.color="",this.disabled=!1,this.invalid=!1,this.position="",this.shape="",this.size=""}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=i(this.el,["tabindex"])}render(){const o=d(this.size)||"";return r(t,{key:"b5661eb0f112158f6322cb7f68e8b2bc70b5539d",class:{[`is-${this.color}`]:l(this.color),[`is-${o}`]:l(this.size),[`is-shape-${this.shape}`]:l(this.shape),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"79a20487f389ed804a44e1a85596e7499a755282",part:"label"},r("slot",{key:"012168b23c6da831bdaca31a514156da9d618b8d"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return e(this)}};s([g("tag"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],m.prototype,"createLogger",null),s([n("boolean"),c("design:type",Boolean)],m.prototype,"closable",void 0),s([v(["primary","grey","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light",""]),c("design:type",String)],m.prototype,"color",void 0),s([n("boolean"),c("design:type",Boolean)],m.prototype,"disabled",void 0),s([n("boolean"),c("design:type",Boolean)],m.prototype,"invalid",void 0),s([v(["left","center","right",""]),c("design:type",String)],m.prototype,"position",void 0),s([v(["square","pill",""]),c("design:type",String)],m.prototype,"shape",void 0),s([v(["sm","md","lg","small","medium","large",""]),c("design:type",String)],m.prototype,"size",void 0),m.style=":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-min-height:var(--tag-min-height, var(--mod-tag-min-height, 2rem));--_tag-gap:var(--tag-gap, var(--mod-tag-gap, 0.25rem));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-space-padding-x-base)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-space-padding-y-base)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius-base)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-base-color-text-base)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-base-color-bg-base)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, 1));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-font-size-base)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-font-weight-base)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:var(--_tag-min-height);padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host>ds-icon{--icon-size:0.875rem}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text-base);--mod-tag-color:var(--ds-tag-primary-color-text-base);--mod-tag-bg:var(--ds-tag-primary-color-bg-base)}:host(.is-grey){--icon-color:var(--ds-tag-grey-color-text-base);--mod-tag-color:var(--ds-tag-grey-color-text-base);--mod-tag-bg:var(--ds-tag-grey-color-bg-base)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text-base);--mod-tag-color:var(--ds-tag-success-color-text-base);--mod-tag-bg:var(--ds-tag-success-color-bg-base)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text-base);--mod-tag-color:var(--ds-tag-info-color-text-base);--mod-tag-bg:var(--ds-tag-info-color-bg-base)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text-base);--mod-tag-color:var(--ds-tag-warning-color-text-base);--mod-tag-bg:var(--ds-tag-warning-color-bg-base)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text-base);--mod-tag-color:var(--ds-tag-danger-color-text-base);--mod-tag-bg:var(--ds-tag-danger-color-bg-base)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text-base);--mod-tag-color:var(--ds-tag-purple-color-text-base);--mod-tag-bg:var(--ds-tag-purple-color-bg-base)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text-base);--mod-tag-color:var(--ds-tag-red-color-text-base);--mod-tag-bg:var(--ds-tag-red-color-bg-base)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text-base);--mod-tag-color:var(--ds-tag-yellow-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-color-bg-base)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text-base);--mod-tag-color:var(--ds-tag-green-color-text-base);--mod-tag-bg:var(--ds-tag-green-color-bg-base)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-bg:var(--ds-tag-purple-dark-color-bg-base)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-bg:var(--ds-tag-red-dark-color-bg-base)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-dark-color-bg-base)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-bg:var(--ds-tag-green-dark-color-bg-base)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-bg:var(--ds-tag-purple-light-color-bg-base)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text-base);--mod-tag-color:var(--ds-tag-red-light-color-text-base);--mod-tag-bg:var(--ds-tag-red-light-color-bg-base)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-light-color-bg-base)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text-base);--mod-tag-color:var(--ds-tag-green-light-color-text-base);--mod-tag-bg:var(--ds-tag-green-light-color-bg-base)}:host(.is-primary){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-grey){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-info){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-success){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-danger){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-square){--mod-tag-radius:var(--ds-tag-radius-square)}:host(.is-pill){--mod-tag-radius:var(--ds-tag-radius-pill)}:host(.is-sm){--mod-tag-min-height:1.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-sm);--mod-tag-px:var(--ds-tag-space-padding-x-sm);--mod-tag-font-size:var(--ds-tag-font-size-sm);--mod-tag-font-weight:var(--ds-tag-font-weight-sm)}:host(.is-sm)>.close,:host(.is-sm)>ds-close{--close-padding:0.25rem;--close-size-icon:10px}:host(.is-md){--mod-tag-min-height:2.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-md);--mod-tag-px:var(--ds-tag-space-padding-x-md);--mod-tag-font-size:var(--ds-tag-font-size-md);--mod-tag-font-weight:var(--ds-tag-font-weight-md)}:host(.is-lg){--mod-tag-min-height:3rem;--mod-tag-py:var(--ds-tag-space-padding-y-lg);--mod-tag-px:var(--ds-tag-space-padding-x-lg);--mod-tag-font-size:var(--ds-tag-font-size-lg);--mod-tag-font-weight:var(--ds-tag-font-weight-lg)}:host{display:-ms-inline-flexbox;display:inline-flex}";export{m as ds_tag}
package/dist/design-system/p-88682a66d5.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as e,E as s,F as a,G as t}from"./p-MUUOiuTm.js";import{_ as p,L as n,a as i}from"./p-_rk5qARQ.js";import{R as r}from"./p-DQGbRzw_.js";import{T as d}from"./p-B9ddSbbe.js";import"./p-BjaiDrCD.js";const o=class{constructor(s){e(this,s),this.selected=!1}createLogger(e){this.log=e}render(){return s(a,{key:"069c37c16fab0a456e81b3994a5f130f555a1943",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},s("slot",{key:"d5e51ed65c86e3b1f50f7978918ca48a760594bf"}))}get el(){return t(this)}};p([n("step-panel"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],o.prototype,"createLogger",null),p([r(),d("string"),i("design:type",String)],o.prototype,"for",void 0),p([d("boolean"),i("design:type",Boolean)],o.prototype,"selected",void 0),o.style=":host{--_step-panel-padding:var(--step-panel-padding, var(--mod-step-panel-padding, var(--ds-step-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_step-panel-padding)}";export{o as ds_step_panel}
package/dist/design-system/{p-6ef31a3c07.entry.js → p-8a7c2f5b0a.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as o,I as t,E as r,F as e,G as n}from"./p-C6MVahkC.js";import{_ as d,L as i,a as s}from"./p-DgVaaZT_.js";import{a}from"./p-DYfTMCkl.js";import{h as b}from"./p-BhdSNuGP.js";import{b as c,A as u,a as l,c as v,d as m}from"./p-C7u0gyLh.js";import{T as h}from"./p-CwCAiaMq.js";import{O as g}from"./p-BvEM6oCl.js";import{L as p}from"./p-LCY5n5tq.js";import"./p-HwbqEzpk.js";import"./p-DTxLRTYr.js";const x=class{constructor(r){o(this,r),this.dsToggle=t(this,"dsToggle"),this.dsOpened=t(this,"dsOpened"),this.dsClosed=t(this,"dsClosed"),this.accordionId="ds-accordion-"+y++,this.animated=!0,this.isAnimating=!1,this.open=!1,this.group="",this.summaryLevel="h3",this.summaryVisualLevel="",this.summaryTitle=!1,this.marker="",this.markerPosition="",this.button=!1,this.buttonWide=!1,this.buttonColor="primary",this.buttonSize="",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||!b(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=r("ds-icon",{key:"48d7b88e447d191b791ccfc0083a5cc9f0af0fe5",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 r(e,{key:"59ab8b2cfcb61d9aebcc1fe4d9ec51a6838dc3ae",class:{"is-button":!!this.buttonIconOpen||!!this.buttonIconClose,"is-title":!0===this.summaryTitle||b(this.summaryVisualLevel),[`is-${this.summaryVisualLevel}`]:!!this.summaryVisualLevel,"is-animated":!!this.animated,"is-animating":!!this.animated&&this.isAnimating}},r(this.summaryLevel,{key:"97597627f97470d3841223df4535af767a9fe1a4",id:"header",part:"header"},r("button",{key:"97c1938280ce66d37b9b94d676d3fa0c8f65fa30",type:"button","aria-expanded":a(this.open),"aria-controls":"content",id:"summary",part:"summary",onClick:o=>this.handleToggle(o,!this.open),class:{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?r("ds-icon",{id:"marker",part:"marker",name:this.open?this.buttonIconOpen:this.buttonIconClose}):this.button&&o,r("span",{key:"2214f05ded2349b934bba71647cc6ea7af5385fd",id:"label",class:{"is-button":this.button}},r("slot",{key:"090df033234b886dbcbe2a2949295392cc576c56",name:"summary"},this.open?this.buttonLabelOpen:this.buttonLabelClose)),!this.button&&"none"!==this.marker&&!this.buttonIconOpen&&o)),r("div",{key:"0dd36569ea9052d2ebc5acad4930d9bd5234fe7f",id:"content",role:"region","aria-labelledby":"summary",part:"content",hidden:!this.open,onTransitionEnd:this.handleContentTransitionEnd},r("div",{key:"2d14894d44ab11c12ae8e750cc73efd013402b60",id:"inner"},r("slot",{key:"ba32e6448db881b4530c995258de6a3de126ecb1",name:"content"}),r("slot",{key:"5a6a5689a9b8b22fc3717d36d5c765c91744330b"}))))}get el(){return n(this)}};d([i("accordion"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),d([h("boolean"),s("design:type",Boolean)],x.prototype,"open",void 0),d([h("string"),s("design:type",String)],x.prototype,"group",void 0),d([g(c),s("design:type",String)],x.prototype,"summaryLevel",void 0),d([g(c),s("design:type",String)],x.prototype,"summaryVisualLevel",void 0),d([h("boolean"),s("design:type",Boolean)],x.prototype,"summaryTitle",void 0),d([g(u),s("design:type",String)],x.prototype,"marker",void 0),d([g(l),s("design:type",String)],x.prototype,"markerPosition",void 0),d([h("boolean"),s("design:type",Boolean)],x.prototype,"button",void 0),d([h("boolean"),s("design:type",Boolean)],x.prototype,"buttonWide",void 0),d([g(v),s("design:type",String)],x.prototype,"buttonColor",void 0),d([g(m),s("design:type",String)],x.prototype,"buttonSize",void 0),d([h("string"),s("design:type",String)],x.prototype,"buttonLabelOpen",void 0),d([h("string"),s("design:type",String)],x.prototype,"buttonIconOpen",void 0),d([h("string"),s("design:type",String)],x.prototype,"buttonLabelClose",void 0),d([h("string"),s("design:type",String)],x.prototype,"buttonIconClose",void 0),d([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);let y=1;x.style='.button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}.button:focus,.button:active{outline:none}@media (hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}.button.is-xl{--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}.button.is-flat{--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}.button.is-rounded{--mod-button-radius:var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}.buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.buttons.as-row{--mod-buttons-direction:row}.buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_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-font-family)));--_accordion-summary-font-weight:var(--accordion-summary-font-weight, var(--mod-accordion-summary-font-weight, var(--ds-accordion-summary-font-weight)));--_accordion-summary-font-line-height:var(--accordion-summary-font-line-height, var(--mod-accordion-summary-font-line-height, var(--ds-accordion-summary-font-line-height)));--_accordion-summary-font-size:var(--accordion-summary-font-size, var(--mod-accordion-summary-font-size, var(--ds-accordion-summary-font-size-device)));--_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-base)))}: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(.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(.button).has-marker-left #marker{-ms-flex-order:-1;order:-1}@media (hover: hover)and (pointer: fine){:host #summary:not(.button):hover,:host #summary:not(.button).is-hovered{color:var(--_accordion-summary-color-hover)}:host #summary:not(.button):hover ds-icon,:host #summary:not(.button).is-hovered ds-icon{--icon-color:var(--_accordion-summary-color-hover)}}:host #summary:not(.button):active,:host #summary:not(.button).is-pressed{color:var(--_accordion-summary-color-active)}:host #summary:not(.button):active ds-icon,:host #summary:not(.button).is-pressed ds-icon{--icon-color:var(--_accordion-summary-color-active)}:host #summary:not(.button):focus-visible:not(:active):before,:host #summary:not(.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-heading-family);--mod-accordion-summary-font-weight:var(--ds-heading-weight);--mod-accordion-summary-font-line-height:var(--ds-heading-line-height)}:host(.is-h1){--mod-accordion-summary-font-size:var(--ds-heading-1-size-device)}:host(.is-h2){--mod-accordion-summary-font-size:var(--ds-heading-2-size-device)}:host(.is-h3){--mod-accordion-summary-font-size:var(--ds-heading-3-size-device)}:host(.is-h4){--mod-accordion-summary-font-size:var(--ds-heading-4-size-device)}:host(.is-h5){--mod-accordion-summary-font-size:var(--ds-heading-5-size-device)}: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}}';export{x as ds_accordion}
4
+ import{B as o,I as t,E as r,F as e,G as n}from"./p-MUUOiuTm.js";import{_ as d,L as i,a as s}from"./p-_rk5qARQ.js";import{a}from"./p-DYfTMCkl.js";import{h as b}from"./p-6Iq8BM7N.js";import{b as c,A as u,a as l,c as v,d as m}from"./p-C7u0gyLh.js";import{T as h}from"./p-B9ddSbbe.js";import{O as g}from"./p-_Ywzmi-B.js";import{L as p}from"./p-DWdcUUdS.js";import"./p-BjaiDrCD.js";import"./p-aPnyJLhr.js";const x=class{constructor(r){o(this,r),this.dsToggle=t(this,"dsToggle"),this.dsOpened=t(this,"dsOpened"),this.dsClosed=t(this,"dsClosed"),this.accordionId="ds-accordion-"+y++,this.animated=!0,this.isAnimating=!1,this.open=!1,this.group="",this.summaryLevel="h3",this.summaryVisualLevel="",this.summaryTitle=!1,this.marker="",this.markerPosition="",this.button=!1,this.buttonWide=!1,this.buttonColor="primary",this.buttonSize="",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||!b(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=r("ds-icon",{key:"48d7b88e447d191b791ccfc0083a5cc9f0af0fe5",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 r(e,{key:"59ab8b2cfcb61d9aebcc1fe4d9ec51a6838dc3ae",class:{"is-button":!!this.buttonIconOpen||!!this.buttonIconClose,"is-title":!0===this.summaryTitle||b(this.summaryVisualLevel),[`is-${this.summaryVisualLevel}`]:!!this.summaryVisualLevel,"is-animated":!!this.animated,"is-animating":!!this.animated&&this.isAnimating}},r(this.summaryLevel,{key:"97597627f97470d3841223df4535af767a9fe1a4",id:"header",part:"header"},r("button",{key:"97c1938280ce66d37b9b94d676d3fa0c8f65fa30",type:"button","aria-expanded":a(this.open),"aria-controls":"content",id:"summary",part:"summary",onClick:o=>this.handleToggle(o,!this.open),class:{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?r("ds-icon",{id:"marker",part:"marker",name:this.open?this.buttonIconOpen:this.buttonIconClose}):this.button&&o,r("span",{key:"2214f05ded2349b934bba71647cc6ea7af5385fd",id:"label",class:{"is-button":this.button}},r("slot",{key:"090df033234b886dbcbe2a2949295392cc576c56",name:"summary"},this.open?this.buttonLabelOpen:this.buttonLabelClose)),!this.button&&"none"!==this.marker&&!this.buttonIconOpen&&o)),r("div",{key:"0dd36569ea9052d2ebc5acad4930d9bd5234fe7f",id:"content",role:"region","aria-labelledby":"summary",part:"content",hidden:!this.open,onTransitionEnd:this.handleContentTransitionEnd},r("div",{key:"2d14894d44ab11c12ae8e750cc73efd013402b60",id:"inner"},r("slot",{key:"ba32e6448db881b4530c995258de6a3de126ecb1",name:"content"}),r("slot",{key:"5a6a5689a9b8b22fc3717d36d5c765c91744330b"}))))}get el(){return n(this)}};d([i("accordion"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),d([h("boolean"),s("design:type",Boolean)],x.prototype,"open",void 0),d([h("string"),s("design:type",String)],x.prototype,"group",void 0),d([g(c),s("design:type",String)],x.prototype,"summaryLevel",void 0),d([g(c),s("design:type",String)],x.prototype,"summaryVisualLevel",void 0),d([h("boolean"),s("design:type",Boolean)],x.prototype,"summaryTitle",void 0),d([g(u),s("design:type",String)],x.prototype,"marker",void 0),d([g(l),s("design:type",String)],x.prototype,"markerPosition",void 0),d([h("boolean"),s("design:type",Boolean)],x.prototype,"button",void 0),d([h("boolean"),s("design:type",Boolean)],x.prototype,"buttonWide",void 0),d([g(v),s("design:type",String)],x.prototype,"buttonColor",void 0),d([g(m),s("design:type",String)],x.prototype,"buttonSize",void 0),d([h("string"),s("design:type",String)],x.prototype,"buttonLabelOpen",void 0),d([h("string"),s("design:type",String)],x.prototype,"buttonIconOpen",void 0),d([h("string"),s("design:type",String)],x.prototype,"buttonLabelClose",void 0),d([h("string"),s("design:type",String)],x.prototype,"buttonIconClose",void 0),d([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);let y=1;x.style='.button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}.button:focus,.button:active{outline:none}@media (hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}.button.is-xl{--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}.button.is-flat{--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}.button.is-rounded{--mod-button-radius:var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}.buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.buttons.as-row{--mod-buttons-direction:row}.buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_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-font-family)));--_accordion-summary-font-weight:var(--accordion-summary-font-weight, var(--mod-accordion-summary-font-weight, var(--ds-accordion-summary-font-weight)));--_accordion-summary-font-line-height:var(--accordion-summary-font-line-height, var(--mod-accordion-summary-font-line-height, var(--ds-accordion-summary-font-line-height)));--_accordion-summary-font-size:var(--accordion-summary-font-size, var(--mod-accordion-summary-font-size, var(--ds-accordion-summary-font-size-device)));--_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-base)))}: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(.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(.button).has-marker-left #marker{-ms-flex-order:-1;order:-1}@media (hover: hover)and (pointer: fine){:host #summary:not(.button):hover,:host #summary:not(.button).is-hovered{color:var(--_accordion-summary-color-hover)}:host #summary:not(.button):hover ds-icon,:host #summary:not(.button).is-hovered ds-icon{--icon-color:var(--_accordion-summary-color-hover)}}:host #summary:not(.button):active,:host #summary:not(.button).is-pressed{color:var(--_accordion-summary-color-active)}:host #summary:not(.button):active ds-icon,:host #summary:not(.button).is-pressed ds-icon{--icon-color:var(--_accordion-summary-color-active)}:host #summary:not(.button):focus-visible:not(:active):before,:host #summary:not(.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-heading-font-weight);--mod-accordion-summary-font-line-height:var(--ds-heading-line-height)}:host(.is-h1){--mod-accordion-summary-font-size:var(--ds-heading-1-size-device)}:host(.is-h2){--mod-accordion-summary-font-size:var(--ds-heading-2-size-device)}:host(.is-h3){--mod-accordion-summary-font-size:var(--ds-heading-3-size-device)}:host(.is-h4){--mod-accordion-summary-font-size:var(--ds-heading-4-size-device)}:host(.is-h5){--mod-accordion-summary-font-size:var(--ds-heading-5-size-device)}: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}}';export{x as ds_accordion}
package/dist/design-system/{p-0bd2ce2da3.entry.js → p-8bfcfd7b07.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as a,I as i,w as e,E as t,F as o,G as d}from"./p-C6MVahkC.js";import{_ as s,L as r,a as n}from"./p-DgVaaZT_.js";import{S as l}from"./p-BkTv_bQR.js";import{T as m}from"./p-CwCAiaMq.js";import{L as h}from"./p-LCY5n5tq.js";import"./p-HwbqEzpk.js";import"./p-DTxLRTYr.js";const c=class{constructor(e){a(this,e),this.dsWillPresent=i(this,"dsWillPresent"),this.dsDidPresent=i(this,"dsDidPresent"),this.dsWillDismiss=i(this,"dsWillDismiss"),this.dsDidDismiss=i(this,"dsDidDismiss"),this.scrollHandler=new l,this.animated=!0,this.isOpen=!1,this.transitionQueue=Promise.resolve(),this.open=!1,this.closable=!0,this.modalWidth=640,this.fullscreen=!1,this.handleCancel=a=>{a.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var a;this.open&&(null===(a=this.dialogEl)||void 0===a||a.showModal())},this.handleBackdropClick=a=>{this.closable&&a.target===this.dialogEl&&(this.open=!1)}}createLogger(a){this.log=a}openChanged(a){a?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var a,i;null===(a=this.dialogEl)||void 0===a||a.addEventListener("cancel",this.handleCancel),null===(i=this.dialogEl)||void 0===i||i.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var a,i;null===(a=this.dialogEl)||void 0===a||a.removeEventListener("cancel",this.handleCancel),null===(i=this.dialogEl)||void 0===i||i.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(a){this.animated=a.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var a,i;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)||(this.dsWillPresent.emit(),null===(i=this.dialogEl)||void 0===i||i.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await e(300),this.dsDidPresent.emit())}async doClose(){var a,i;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await e(300),null===(i=this.dialogEl)||void 0===i||i.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return t(o,{key:"62b900eb4c6d645d6ed18838b6e5f5230f34d2ba",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-fullscreen":this.fullscreen},style:{"--_modal-width":`${this.modalWidth}px`}},t("dialog",{key:"744edb0cc3a0af3bdc01fbaf2acd9108f1ea6ecf",part:"dialog",ref:a=>this.dialogEl=a,"aria-labelledby":"modal-title","aria-describedby":"modal-body",onClick:this.handleBackdropClick},this.closable&&t("ds-close",{key:"e0328f19021f81ba7f1a4ccb4b9a7c444f623509",part:"close",onClick:()=>this.open=!1}),t("h2",{key:"c9e8363bf136aa21fbaae2120a32847ef6189dee",id:"modal-title",part:"title"},t("slot",{key:"3b061b840fd0b98c07ad22210c78a1d5390ec055",name:"header"})),t("div",{key:"9ca6ff7d5216ef7ee8f179ba73ed10531e6e3ccc",id:"modal-body",part:"body"},t("slot",{key:"dece7c125221ad7465f70ddd29bc47741b444b0a",name:"body"})),t("div",{key:"dc1980a3c0b1da4d8a37d50e2a4ab3e2e45516c3",id:"modal-actions",part:"actions"},t("slot",{key:"a79074f106e57cb89d39354b46a82842493c0a0c",name:"actions"}))))}get el(){return d(this)}static get watchers(){return{open:[{openChanged:0}]}}};s([r("modal"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],c.prototype,"createLogger",null),s([m("boolean"),n("design:type",Boolean)],c.prototype,"open",void 0),s([m("boolean"),n("design:type",Boolean)],c.prototype,"closable",void 0),s([m("number"),n("design:type",Number)],c.prototype,"modalWidth",void 0),s([m("boolean"),n("design:type",Boolean)],c.prototype,"fullscreen",void 0),s([h(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],c.prototype,"configChanged",null),c.style=":host{--_modal-background:var(--modal-background, var(--mod-modal-background, var(--ds-modal-color-base-background)));--_modal-radius:var(--modal-radius, var(--mod-modal-radius, var(--ds-modal-radius-base)));--_modal-backdrop-opacity:var(--modal-backdrop-opacity, var(--mod-modal-backdrop-opacity, var(--ds-backdrop-opacity)));--_modal-heading-family:var(--modal-heading-family, var(--mod-modal-heading-family, var(--ds-modal-heading-family)));--_modal-heading-weight:var(--modal-heading-weight, var(--mod-modal-heading-weight, var(--ds-modal-heading-weight)));--_modal-heading-size:var(--modal-heading-size, var(--mod-modal-heading-size, var(--ds-modal-heading-size-device)));--_modal-heading-line-height:var(--modal-heading-line-height, var(--mod-modal-heading-line-height, var(--ds-modal-heading-line-height)));--_modal-width:var(--modal-width, var(--mod-modal-width, var(--ds-modal-width)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:50%;left:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 1rem);max-height:calc(100vh - 1rem);overflow:hidden;background:var(--_modal-background);border-radius:var(--_modal-radius);padding:1rem;opacity:0;-webkit-transform:translate(-50%, calc(-50% - 1rem));transform:translate(-50%, calc(-50% - 1rem));pointer-events:none}@media screen and (min-width: 769px){:host dialog{width:var(--_modal-width);max-height:calc(100vh - 6rem);padding:1.5rem}}@media screen and (min-width: 1024px){:host dialog{padding:2.5rem}}:host(.is-open) dialog{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}@media (prefers-reduced-motion: reduce){:host dialog{-webkit-transition:none !important;transition:none !important}}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host(.is-fullscreen) dialog{top:0;left:0;width:100%;max-height:100%;height:100%;border-radius:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}:host(.is-fullscreen.is-open) dialog{-webkit-transform:translateY(0);transform:translateY(0)}:host ds-close{position:absolute;top:1rem;right:1rem}@media screen and (min-width: 769px){:host ds-close{top:1.5rem;right:1.5rem}}@media screen and (min-width: 1024px){:host ds-close{top:2.5rem;right:2.5rem}}:host #modal-title{padding-right:3rem;margin:0 0 1rem;font-family:var(--_modal-heading-family);font-weight:var(--_modal-heading-weight);font-size:var(--_modal-heading-size);line-height:var(--_modal-heading-line-height)}@media screen and (min-width: 769px){:host #modal-title{padding-right:3.5rem;margin-bottom:1.5rem}}@media screen and (min-width: 1024px){:host #modal-title{padding-right:4.5rem;margin-bottom:2.5rem}}:host #modal-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px){:host #modal-body{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){:host #modal-body{margin-left:-2.5rem;margin-right:-2.5rem;padding-left:2.5rem;padding-right:2.5rem}}:host #modal-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:1rem}@media screen and (min-width: 769px){:host #modal-actions{margin-top:1.5rem}}@media screen and (min-width: 1024px){:host #modal-actions{margin-top:2.5rem}}:host #modal-actions:empty{display:none}::slotted(*){display:block}";export{c as ds_modal}
4
+ import{B as a,I as i,w as e,E as t,F as d,G as o}from"./p-MUUOiuTm.js";import{_ as s,L as r,a as n}from"./p-_rk5qARQ.js";import{S as l}from"./p-CR2JnhVY.js";import{T as m}from"./p-B9ddSbbe.js";import{L as h}from"./p-DWdcUUdS.js";import"./p-BjaiDrCD.js";import"./p-aPnyJLhr.js";const c=class{constructor(e){a(this,e),this.dsWillPresent=i(this,"dsWillPresent"),this.dsDidPresent=i(this,"dsDidPresent"),this.dsWillDismiss=i(this,"dsWillDismiss"),this.dsDidDismiss=i(this,"dsDidDismiss"),this.scrollHandler=new l,this.animated=!0,this.isOpen=!1,this.transitionQueue=Promise.resolve(),this.open=!1,this.closable=!0,this.modalWidth=640,this.fullscreen=!1,this.handleCancel=a=>{a.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var a;this.open&&(null===(a=this.dialogEl)||void 0===a||a.showModal())},this.handleBackdropClick=a=>{this.closable&&a.target===this.dialogEl&&(this.open=!1)}}createLogger(a){this.log=a}openChanged(a){a?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var a,i;null===(a=this.dialogEl)||void 0===a||a.addEventListener("cancel",this.handleCancel),null===(i=this.dialogEl)||void 0===i||i.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var a,i;null===(a=this.dialogEl)||void 0===a||a.removeEventListener("cancel",this.handleCancel),null===(i=this.dialogEl)||void 0===i||i.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(a){this.animated=a.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var a,i;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)||(this.dsWillPresent.emit(),null===(i=this.dialogEl)||void 0===i||i.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await e(300),this.dsDidPresent.emit())}async doClose(){var a,i;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await e(300),null===(i=this.dialogEl)||void 0===i||i.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return t(d,{key:"9bbdd2e3675ebcdf8c9307124efd5a6dbf6ed3d2",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-fullscreen":this.fullscreen},style:{"--_modal-width":`${this.modalWidth}px`}},t("dialog",{key:"dc18ceb8343d55b7a85d8a322d8f47fd2d8533a7",part:"dialog",ref:a=>this.dialogEl=a,"aria-labelledby":"modal-title","aria-describedby":"modal-body",onClick:this.handleBackdropClick},this.closable&&t("ds-close",{key:"4fcca7c147ab406deb3471c3d4a8c10b8a503c81",part:"close",onClick:()=>this.open=!1}),t("h2",{key:"5ee65427e9c4eeaea3e165bbd822df406b2229dd",id:"modal-title",part:"title"},t("slot",{key:"618d0ec490196852e4e55e2f6ed984e292c6f944",name:"header"})),t("div",{key:"6ac9a5ab80df8ae47e41867dbeceb8682cd61c0c",id:"modal-body",part:"body"},t("slot",{key:"65b86fa28a2c5bfb3c95d5a12f185dab36fd7c25",name:"body"})),t("div",{key:"49d632c6b1791c90e1acd89fc3004e0fc6bb3458",id:"modal-actions",part:"actions"},t("slot",{key:"4b6fb255556a20c37bb79fcab95b0619bdace7a8",name:"actions"}))))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}]}}};s([r("modal"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],c.prototype,"createLogger",null),s([m("boolean"),n("design:type",Boolean)],c.prototype,"open",void 0),s([m("boolean"),n("design:type",Boolean)],c.prototype,"closable",void 0),s([m("number"),n("design:type",Number)],c.prototype,"modalWidth",void 0),s([m("boolean"),n("design:type",Boolean)],c.prototype,"fullscreen",void 0),s([h(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],c.prototype,"configChanged",null),c.style=":host{--_modal-background:var(--modal-background, var(--mod-modal-background, var(--ds-modal-color-base-background)));--_modal-radius:var(--modal-radius, var(--mod-modal-radius, var(--ds-modal-radius-base)));--_modal-backdrop-opacity:var(--modal-backdrop-opacity, var(--mod-modal-backdrop-opacity, var(--ds-backdrop-opacity)));--_modal-heading-family:var(--modal-heading-family, var(--mod-modal-heading-family, var(--ds-modal-heading-family)));--_modal-heading-weight:var(--modal-heading-weight, var(--mod-modal-heading-weight, var(--ds-modal-heading-weight)));--_modal-heading-size:var(--modal-heading-size, var(--mod-modal-heading-size, var(--ds-modal-heading-size-device)));--_modal-heading-line-height:var(--modal-heading-line-height, var(--mod-modal-heading-line-height, var(--ds-modal-heading-line-height)));--_modal-width:var(--modal-width, var(--mod-modal-width, var(--ds-modal-width)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:50%;left:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 1rem);max-height:calc(100vh - 1rem);overflow:hidden;background:var(--_modal-background);border-radius:var(--_modal-radius);padding:1rem;opacity:0;-webkit-transform:translate(-50%, calc(-50% - 1rem));transform:translate(-50%, calc(-50% - 1rem));pointer-events:none}@media screen and (min-width: 769px){:host dialog{width:var(--_modal-width);max-height:calc(100vh - 6rem);padding:1.5rem}}@media screen and (min-width: 1024px){:host dialog{padding:2.5rem}}:host(.is-open) dialog{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}@media (prefers-reduced-motion: reduce){:host dialog{-webkit-transition:none !important;transition:none !important}}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host(.is-fullscreen) dialog{top:0;left:0;width:100%;max-height:100%;height:100%;border-radius:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}:host(.is-fullscreen.is-open) dialog{-webkit-transform:translateY(0);transform:translateY(0)}:host ds-close{position:absolute;top:1rem;right:1rem}@media screen and (min-width: 769px){:host ds-close{top:1.5rem;right:1.5rem}}@media screen and (min-width: 1024px){:host ds-close{top:2.5rem;right:2.5rem}}:host #modal-title{padding-right:3rem;margin:0 0 1rem;font-family:var(--_modal-heading-family);font-weight:var(--_modal-heading-weight);font-size:var(--_modal-heading-size);line-height:var(--_modal-heading-line-height)}@media screen and (min-width: 769px){:host #modal-title{padding-right:3.5rem;margin-bottom:1.5rem}}@media screen and (min-width: 1024px){:host #modal-title{padding-right:4.5rem;margin-bottom:2.5rem}}:host #modal-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px){:host #modal-body{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){:host #modal-body{margin-left:-2.5rem;margin-right:-2.5rem;padding-left:2.5rem;padding-right:2.5rem}}:host #modal-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:1rem}@media screen and (min-width: 769px){:host #modal-actions{margin-top:1.5rem}}@media screen and (min-width: 1024px){:host #modal-actions{margin-top:2.5rem}}:host #modal-actions:empty{display:none}::slotted(*){display:block}";export{c as ds_modal}
package/dist/design-system/p-9537ebc880.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as t,I as i,E as e,F as s,G as o}from"./p-MUUOiuTm.js";import{_ as r,L as a,a as n}from"./p-_rk5qARQ.js";import{A as l,a as d}from"./p-C7u0gyLh.js";import{B as m}from"./p-C6AmBSV7.js";import{T as c}from"./p-B9ddSbbe.js";import{O as h}from"./p-_Ywzmi-B.js";import"./p-BjaiDrCD.js";const v=class{constructor(e){t(this,e),this.dsClick=i(this,"dsClick"),this.dsAccordionToggle=i(this,"dsAccordionToggle"),this.dsAccordionOpened=i(this,"dsAccordionOpened"),this.dsAccordionClosed=i(this,"dsAccordionClosed"),this.accordionGroup="",this.accordionMarker="",this.accordionMarkerPosition="",this.accordionOpen=!1,this.actionIcon="",this.description="",this.disabled=!1,this.download="",this.href="",this.label="",this.labelLevel="",this.labelSize="",this.rel="",this.target="",this.variant="default",this.handleClick=t=>{this.dsClick.emit(t)}}createLogger(t){this.log=t}render(){const t="link"===this.variant?"a":"button"===this.variant?"button":"div",i=this.labelLevel?this.labelLevel:"h5",o=this.labelSize?this.labelSize:this.labelLevel,r="link"===this.variant||"button"===this.variant;let a="";r&&("link"===this.actionIcon?a="nav-go-right":"link-external"===this.actionIcon?a="link":"download"===this.actionIcon?a="download":"default"!==this.actionIcon&&""!==this.actionIcon||"link"!==this.variant&&"button"!==this.variant||(a="nav-go-right"));const n={};return"link"===this.variant&&(this.disabled&&(n.disabled=this.disabled),this.href&&(n.href=this.href),this.target&&(n.target=this.target),this.rel&&(n.rel=this.rel),this.download&&(n.download=this.download)),"button"===this.variant&&(this.disabled?n.disabled=this.disabled:n.onClick=this.handleClick),"accordion"===this.variant?e(s,{role:"listitem",class:{"is-disabled":this.disabled,"is-accordion":"accordion"===this.variant,[`has-label-${o}`]:!!o}},e("ds-accordion",Object.assign({part:"accordion"},n,{group:this.accordionGroup,open:this.accordionOpen,marker:this.accordionMarker,"marker-position":this.accordionMarkerPosition,onDsOpened:t=>{this.dsAccordionOpened.emit(t.detail)},onDsClosed:t=>{this.dsAccordionClosed.emit(t.detail)},onDsToggle:t=>{this.dsAccordionToggle.emit(t.detail)}}),e("div",{slot:"summary",id:"item",part:"item"},e("slot",{name:"icon"}),e("div",{id:"content"},this.label&&e(i,{id:"label",part:"label"},this.label),this.description&&e("p",{id:"description",part:"description"},this.description),e("slot",{name:"content"}),e("slot",null))),e("div",{slot:"content"},e("div",{id:"accordion-content",part:"accordion-content"},e("slot",{name:"accordion-content"}))))):e(s,{role:"listitem",class:{"is-disabled":this.disabled,"is-button":"button"===this.variant,"is-link":"link"===this.variant,[`has-label-${o}`]:!!o}},e(t,Object.assign({id:"item",part:"item"},n),e("slot",{name:"icon"}),e("div",{id:"content"},this.label&&e(i,{id:"label",part:"label"},this.label),this.description&&e("p",{id:"description",part:"description"},this.description),e("slot",{name:"content"}),e("slot",null)),r&&e("ds-icon",{name:a,part:"action-icon"})))}get el(){return o(this)}};r([a("item"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],v.prototype,"createLogger",null),r([c("string"),n("design:type",String)],v.prototype,"accordionGroup",void 0),r([h(l),n("design:type",String)],v.prototype,"accordionMarker",void 0),r([h(d),n("design:type",String)],v.prototype,"accordionMarkerPosition",void 0),r([c("boolean"),n("design:type",Boolean)],v.prototype,"accordionOpen",void 0),r([h(["","default","link","link-external","download"]),n("design:type",String)],v.prototype,"actionIcon",void 0),r([c("string"),n("design:type",String)],v.prototype,"description",void 0),r([c("boolean"),n("design:type",Boolean)],v.prototype,"disabled",void 0),r([c("string"),n("design:type",String)],v.prototype,"download",void 0),r([c("string"),n("design:type",String)],v.prototype,"href",void 0),r([c("string"),n("design:type",String)],v.prototype,"label",void 0),r([h(["","h1","h2","h3","h4","h5"]),n("design:type",String)],v.prototype,"labelLevel",void 0),r([h(["","h1","h2","h3","h4","h5","3xl","2xl","xl","lg","base"]),n("design:type",String)],v.prototype,"labelSize",void 0),r([c("string"),n("design:type",String)],v.prototype,"rel",void 0),r([h(m),n("design:type",String)],v.prototype,"target",void 0),r([h(["default","link","button","accordion"]),n("design:type",String)],v.prototype,"variant",void 0),v.style=':host{--_list-item-focus:var(--list-item-focus, var(--mod-list-item-focus, var(--ds-alias-interaction-focus-color-base)));--_list-item-grid-template-columns:var(--list-item-grid-template-columns, var(--mod-list-item-grid-template-columns, 1fr));--_list-item-min-height:var(--list-item-min-height, var(--mod-list-item-min-height, 3.5rem));--_list-item-gap:var(--list-item-gap, var(--mod-list-item-gap, 1rem));--_list-item-space:var(--list-item-space, var(--mod-list-item-space, 0.5rem));--_list-item-content-gap:var(--list-item-content-gap, var(--mod-list-item-content-gap, 1px));--_list-item-color:var(--list-item-color, var(--mod-list-item-color, inherit));--_list-item-border-color-base:var(--list-item-border-color-base, var(--mod-list-item-border-color-base, var(--ds-list-item-border-color)));--_list-item-border-color-hover:var(--list-item-border-color-hover, var(--mod-list-item-border-color-hover, var(--ds-link-color-base)));--_list-item-border-color-active:var(--list-item-border-color-active, var(--mod-list-item-border-color-active, var(--ds-link-color-base-active)));--_list-item-border-width:var(--list-item-border-width, var(--mod-list-item-border-width, var(--ds-list-item-border-width, 2px)));--_list-item-border-radius:var(--list-item-border-radius, var(--mod-list-item-border-radius, 12px));--_list-item-background-base:var(--list-item-background-base, var(--mod-list-item-background-base, transparent));--_list-item-background-hover:var(--list-item-background-hover, var(--mod-list-item-background-hover, var(--ds-alias-background-color-primary-lighter)));--_list-item-background-active:var(--list-item-background-active, var(--mod-list-item-background-active, var(--ds-alias-background-color-primary-lighter)));--_list-item-accordion-py:var(--list-item-accordion-py, var(--mod-list-item-accordion-py, var(--ds-alias-space-base-device)));--_list-item-action-icon-size:var(--list-item-action-icon-size, var(--mod-list-item-action-icon-size, var(--ds-icon-size-xs)));--_list-item-title-size:var(--list-item-title-size, var(--mod-list-item-title-size, var(--ds-heading-5-size-device)));--_list-item-title-weight:var(--list-item-title-weight, var(--mod-list-item-title-weight, var(--ds-alias-text-weight-bold)));--_list-item-title-family:var(--list-item-title-family, var(--mod-list-item-title-family, var(--ds-global-font-family-heading)));--_list-item-text-family:var(--list-item-text-family, var(--mod-list-item-text-family, var(--ds-global-font-family-body)));--_list-item-text-weight:var(--list-item-text-weight, var(--mod-list-item-text-weight, var(--ds-alias-text-weight-regular)));--_list-item-text-size:var(--list-item-text-size, var(--mod-list-item-text-size, var(--ds-alias-text-size-sm-device)))}:host{position:relative;display:grid;-webkit-box-sizing:border-box;box-sizing:border-box;grid-template-columns:var(--_list-item-grid-template-columns)}:host ::slotted([slot=content]){min-height:46px}:host #item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:var(--_list-item-gap);width:100%;color:var(--_list-item-color);background:inherit;border:none;-ms-flex-item-align:stretch;align-self:stretch;text-align:left;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--_list-item-title-family);padding:var(--_list-item-space) .25rem;padding-bottom:calc(var(--_list-item-space) + 2px);min-height:var(--_list-item-min-height)}:host #item ds-icon{-ms-flex-negative:0;flex-shrink:0}:host #item #content+ds-icon{--icon-size:var(--_list-item-action-icon-size);--icon-inner-size:var(--_list-item-action-icon-size)}:host #item #content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_list-item-content-gap);font-family:var(--_list-item-text-family);font-weight:var(--_list-item-text-weight)}:host #item #label{font-family:var(--_list-item-title-family);font-weight:var(--_list-item-title-weight);font-size:var(--_list-item-title-size);margin:0}:host #item #description{font-family:var(--_list-item-text-family);font-weight:var(--_list-item-text-weight);font-size:var(--_list-item-text-size);margin:0}:host #item:after{content:"";border-radius:var(--_list-item-border-radius);width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--_list-item-border-width);background:var(--_list-item-border-color-base)}:host(.has-label-h1){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-3xl){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-h2){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-2xl){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-h3){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-xl){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-h4){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-lg){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-h5){--mod-list-item-title-size:var(--ds-heading-5-size-device)}:host(.has-label-base){--mod-list-item-title-size:var(--ds-heading-5-size-device)}:host(.is-link) #item,:host(.is-button) #item{-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;text-decoration:none;outline:none;cursor:pointer;background:var(--_list-item-background-base)}:host(.is-link) #item::-moz-focus-inner,:host(.is-button) #item::-moz-focus-inner{border:0}:host(.is-link) #item #content,:host(.is-button) #item #content{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-family:var(--_list-item-title-family);font-weight:var(--_list-item-title-weight);font-size:var(--_list-item-title-size);color:var(--ds-link-color-base)}@media (hover: hover)and (pointer: fine){:host(.is-link) #item:hover,:host(.is-link) #item.is-hovered,:host(.is-button) #item:hover,:host(.is-button) #item.is-hovered{background:var(--_list-item-background-hover)}}:host(.is-link) #item:active,:host(.is-link) #item.is-pressed,:host(.is-button) #item:active,:host(.is-button) #item.is-pressed{background:var(--_list-item-background-active);color:var(--ds-link-color-base-active)}:host(.is-link) #item:active #content,:host(.is-link) #item.is-pressed #content,:host(.is-button) #item:active #content,:host(.is-button) #item.is-pressed #content{color:var(--ds-link-color-base-active)}:host(.is-link) #item:active ds-icon,:host(.is-link) #item:active ::slotted(ds-icon),:host(.is-link) #item:active ::slotted(ds-badge),:host(.is-link) #item.is-pressed ds-icon,:host(.is-link) #item.is-pressed ::slotted(ds-icon),:host(.is-link) #item.is-pressed ::slotted(ds-badge),:host(.is-button) #item:active ds-icon,:host(.is-button) #item:active ::slotted(ds-icon),:host(.is-button) #item:active ::slotted(ds-badge),:host(.is-button) #item.is-pressed ds-icon,:host(.is-button) #item.is-pressed ::slotted(ds-icon),:host(.is-button) #item.is-pressed ::slotted(ds-badge){--icon-color:var(--ds-link-color-base-active)}:host(.is-link) #item:before,:host(.is-button) #item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--ds-alias-radius-base);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host(.is-link) #item:focus-visible:not(:active):before,:host(.is-link) #item.is-focused:not(:active):before,:host(.is-button) #item:focus-visible:not(:active):before,:host(.is-button) #item.is-focused:not(:active):before{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_list-item-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_list-item-focus) 0 0 0 5px !important}@media (hover: hover)and (pointer: fine){:host(.is-link) #item:hover:after,:host(.is-link) #item.is-hovered:after,:host(.is-button) #item:hover:after,:host(.is-button) #item.is-hovered:after,:host(.is-accordion) #item:hover:after,:host(.is-accordion) #item.is-hovered:after{background:var(--_list-item-border-color-hover)}}:host(.is-link) #item:active:after,:host(.is-link) #item.is-pressed:after,:host(.is-button) #item:active:after,:host(.is-button) #item.is-pressed:after,:host(.is-accordion) #item:active:after,:host(.is-accordion) #item.is-pressed:after{background:var(--_list-item-border-color-active)}:host(.is-accordion) ::slotted(p){padding-block:var(--_list-item-accordion-py)}:host(.is-accordion) ds-accordion{--accordion-summary-color-hover:var(--ds-link-color-base)}:host(.is-accordion) ds-accordion::part(header){background:var(--_list-item-background-base)}:host(.is-accordion) ds-accordion::part(summary){padding-right:.25rem}:host(.is-accordion) ds-accordion::part(summary):hover{background:var(--_list-item-background-hover)}:host(.is-accordion) ds-accordion::part(summary):active{background:var(--_list-item-background-active)}:host(.is-accordion) #accordion-content:after{content:"";border-radius:var(--_list-item-border-radius);width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--_list-item-border-width);background:var(--_list-item-border-color-base)}:host(.is-disabled) #item{pointer-events:none !important;cursor:default !important;color:var(--ds-list-item-disabled)}:host(.is-disabled) #item #content{color:var(--ds-list-item-disabled)}:host(.is-disabled) #item ds-icon,:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-icon),:host(.is-disabled) #item ::slotted(ds-badge){--icon-color:var(--ds-list-item-disabled)}:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-badge){--badge-color-background:var(--ds-badge-grey-color-background);--badge-color-text:var(--ds-badge-grey-color-text)}';export{v as ds_item}
package/dist/design-system/{p-e7472337ed.entry.js → p-96d37205c9.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as t,E as e,F as s,G as a}from"./p-C6MVahkC.js";import{_ as n,L as r,a as c}from"./p-DgVaaZT_.js";const i=class{constructor(e){t(this,e)}createLogger(t){this.log=t}connectedCallback(){this.el.slot="title"}render(){return e(s,{key:"fd1b78370d7474d8ec7e514556fdb9444fa12e70",style:{display:"contents"}},e("slot",{key:"d2d14b2c4cfe147042c8c9a93c1d980f2bfd343d"}))}get el(){return a(this)}};n([r("hint-title"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],i.prototype,"createLogger",null);export{i as ds_hint_title}
4
+ import{B as t,E as e,F as s,G as r}from"./p-MUUOiuTm.js";import{_ as n,L as a,a as i}from"./p-_rk5qARQ.js";const c=class{constructor(e){t(this,e)}createLogger(t){this.log=t}connectedCallback(){this.el.slot="title"}render(){return e(s,{key:"fd1b78370d7474d8ec7e514556fdb9444fa12e70",style:{display:"contents"}},e("slot",{key:"d2d14b2c4cfe147042c8c9a93c1d980f2bfd343d"}))}get el(){return r(this)}};n([a("hint-title"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],c.prototype,"createLogger",null);export{c as ds_hint_title}