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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (988) hide show
  1. package/LICENSE +9 -0
  2. package/components/all.d.ts +56 -0
  3. package/components/all.js +84 -0
  4. package/components/ds-accordion.js +1 -1
  5. package/components/ds-alert-container.js +1 -1
  6. package/components/ds-app.js +1 -1
  7. package/components/ds-badge.js +1 -1
  8. package/components/ds-button-group.js +1 -1
  9. package/components/ds-button.js +1 -1
  10. package/components/ds-card-actions.js +1 -1
  11. package/components/ds-card-content.js +1 -1
  12. package/components/ds-card-header.js +1 -1
  13. package/components/ds-card-subtitle.js +1 -1
  14. package/components/ds-card-title.js +1 -1
  15. package/components/ds-card.js +1 -1
  16. package/components/ds-carousel-item.d.ts +11 -0
  17. package/components/ds-carousel-item.js +4 -0
  18. package/components/ds-carousel.d.ts +11 -0
  19. package/components/ds-carousel.js +4 -0
  20. package/components/ds-checkbox-group.js +1 -1
  21. package/components/ds-checkbox.js +1 -1
  22. package/components/ds-close.js +1 -1
  23. package/components/ds-content.js +1 -1
  24. package/components/ds-data-item.d.ts +11 -0
  25. package/components/ds-data-item.js +4 -0
  26. package/components/ds-data-label.d.ts +11 -0
  27. package/components/ds-data-label.js +4 -0
  28. package/components/ds-data-value.d.ts +11 -0
  29. package/components/ds-data-value.js +4 -0
  30. package/components/ds-data.d.ts +11 -0
  31. package/components/ds-data.js +4 -0
  32. package/components/ds-date.d.ts +11 -0
  33. package/components/ds-date.js +4 -0
  34. package/components/ds-divider.js +1 -1
  35. package/components/ds-drawer.d.ts +11 -0
  36. package/components/ds-drawer.js +4 -0
  37. package/components/ds-file-upload.d.ts +11 -0
  38. package/components/ds-file-upload.js +4 -0
  39. package/components/ds-footer.d.ts +11 -0
  40. package/components/ds-footer.js +4 -0
  41. package/components/ds-heading.js +1 -1
  42. package/components/ds-hint-text.d.ts +11 -0
  43. package/components/ds-hint-text.js +4 -0
  44. package/components/ds-hint-title.d.ts +11 -0
  45. package/components/ds-hint-title.js +4 -0
  46. package/components/ds-hint.d.ts +11 -0
  47. package/components/ds-hint.js +4 -0
  48. package/components/ds-icon.js +1 -1
  49. package/components/ds-input.js +1 -1
  50. package/components/ds-item.js +1 -1
  51. package/components/ds-label.js +1 -1
  52. package/components/ds-list.js +1 -1
  53. package/components/ds-logo.js +1 -1
  54. package/components/ds-modal-body.d.ts +11 -0
  55. package/components/ds-modal-body.js +4 -0
  56. package/components/ds-modal-header.d.ts +11 -0
  57. package/components/ds-modal-header.js +4 -0
  58. package/components/ds-modal.d.ts +11 -0
  59. package/components/ds-modal.js +4 -0
  60. package/components/ds-navbar.d.ts +11 -0
  61. package/components/ds-navbar.js +4 -0
  62. package/components/ds-notification.js +1 -1
  63. package/components/ds-number-input.js +1 -1
  64. package/components/ds-pagination.js +1 -1
  65. package/components/ds-popup.d.ts +11 -0
  66. package/components/ds-popup.js +4 -0
  67. package/components/ds-progress-bar.js +1 -1
  68. package/components/ds-radio-group.js +1 -1
  69. package/components/ds-radio.js +1 -1
  70. package/components/ds-segment-item.js +1 -1
  71. package/components/ds-segment.js +1 -1
  72. package/components/ds-select-optgroup.d.ts +11 -0
  73. package/components/ds-select-optgroup.js +4 -0
  74. package/components/ds-select-option.d.ts +11 -0
  75. package/components/ds-select-option.js +4 -0
  76. package/components/ds-select.d.ts +11 -0
  77. package/components/ds-select.js +4 -0
  78. package/components/ds-shape.js +1 -1
  79. package/components/ds-snackbar.js +1 -1
  80. package/components/ds-spinner.js +1 -1
  81. package/components/ds-stack.js +1 -1
  82. package/components/ds-step-panel.d.ts +11 -0
  83. package/components/ds-step-panel.js +4 -0
  84. package/components/ds-step.d.ts +11 -0
  85. package/components/ds-step.js +4 -0
  86. package/components/ds-steps.d.ts +11 -0
  87. package/components/ds-steps.js +4 -0
  88. package/components/ds-tab-panel.d.ts +11 -0
  89. package/components/ds-tab-panel.js +4 -0
  90. package/components/ds-tab.d.ts +11 -0
  91. package/components/ds-tab.js +4 -0
  92. package/components/ds-tabs.d.ts +11 -0
  93. package/components/ds-tabs.js +4 -0
  94. package/components/ds-tag-group.js +1 -1
  95. package/components/ds-tag.js +1 -1
  96. package/components/ds-text.js +1 -1
  97. package/components/ds-textarea.js +1 -1
  98. package/components/ds-toast.js +1 -1
  99. package/components/ds-toggle.js +1 -1
  100. package/components/ds-tooltip.d.ts +11 -0
  101. package/components/ds-tooltip.js +4 -0
  102. package/components/index.js +1 -1
  103. package/components/p-3Mi9vpmB.js +4 -0
  104. package/components/p-B-en4B17.js +4 -0
  105. package/components/p-B1gnrQ9b.js +4 -0
  106. package/components/p-BU0dY8pq.js +4 -0
  107. package/components/p-BfXZJ1Fe.js +4 -0
  108. package/components/p-BgzU1loG.js +4 -0
  109. package/components/p-BhbWmCTu.js +4 -0
  110. package/components/p-BqY0KzJC.js +4 -0
  111. package/components/p-BrIcCcce.js +4 -0
  112. package/components/p-BrJFPhMA.js +4 -0
  113. package/components/p-Btdh3fq7.js +4 -0
  114. package/components/{p-Urcs7-vS.js → p-BwfAXfmz.js} +1 -1
  115. package/components/p-ByX1_7SF.js +4 -0
  116. package/components/p-C1jqbZdf.js +4 -0
  117. package/{dist/design-system/p-15bc012833.entry.js → components/p-CA7G72wZ.js} +1 -1
  118. package/components/p-CQHwI4iD.js +4 -0
  119. package/components/p-CYWn3X22.js +4 -0
  120. package/components/p-CjIxf5zy.js +4 -0
  121. package/components/p-Ctnm_MBD.js +4 -0
  122. package/components/p-CvaNxQtw.js +4 -0
  123. package/components/p-D9ILiUgm.js +4 -0
  124. package/components/{p-BATOumsf.js → p-D9YYP2SG.js} +1 -1
  125. package/components/p-DAYd9ty0.js +4 -0
  126. package/components/p-DIK6Zkg6.js +4 -0
  127. package/{dist/design-system/p-BkESlUMc.js → components/p-DQBzmbR6.js} +1 -1
  128. package/components/{p-z1jJgtep.js → p-DU7t9H9h.js} +1 -1
  129. package/components/p-DYTOWDAA.js +4 -0
  130. package/components/p-DYlqkAWn.js +4 -0
  131. package/components/p-DbM7ALm9.js +14 -0
  132. package/{dist/design-system/p-D2tr7015.js → components/p-DbY6Pfeh.js} +1 -1
  133. package/components/{p-DZqqelPH.js → p-DcSNuA8W.js} +1 -1
  134. package/components/p-DenZRIeA.js +4 -0
  135. package/components/p-DokkRjWC.js +4 -0
  136. package/{dist/design-system/p-BwrOVItb.js → components/p-Dr4MUfss.js} +1 -1
  137. package/components/p-DsvYY32v.js +4 -0
  138. package/components/p-Du7QOHtz.js +5 -0
  139. package/components/{p-E8U6M5ii.js → p-FBQaJyH0.js} +1 -1
  140. package/components/{p-Dr4dquer.js → p-J0mxIuTt.js} +1 -1
  141. package/{dist/design-system/p-DJxr2Dcd.js → components/p-UCeQ1JCs.js} +1 -1
  142. package/components/p-Uy_dVz21.js +4 -0
  143. package/components/p-WO0X5Vmy.js +4 -0
  144. package/components/p-bGV2P6rT.js +4 -0
  145. package/components/{p-Bt20CEww.js → p-n3_2KEz0.js} +1 -1
  146. package/dist/cjs/array-CioNm_V1.js +1985 -0
  147. package/dist/cjs/{breakpoints.decorator-qaoHOU6Q.js → breakpoints.decorator-C-Qm21UK.js} +1 -1
  148. package/dist/cjs/{breakpoints.subject-DhAN_ZAn.js → breakpoints.subject-XNcGwhzh.js} +3 -3
  149. package/dist/cjs/{button.interfaces-BueDWsuH.js → button.interfaces-CqlUGR-N.js} +1 -1
  150. package/dist/cjs/carousel.interfaces-BFQpUNrw.js +12 -0
  151. package/dist/cjs/{config.decorator-Qmrq4ZYj.js → config.decorator-ThGLtT-3.js} +1 -1
  152. package/dist/cjs/{config.utils-Cv4cx_Xa.js → config.utils-MhZvq4Qm.js} +1 -1
  153. package/dist/cjs/create-validator-decorator-BIgFqrMJ.js +212 -0
  154. package/dist/cjs/design-system.cjs.js +3 -3
  155. package/dist/cjs/{device-CptgCtVc.js → device-BnjBOLnP.js} +1 -1
  156. package/dist/cjs/ds-accordion.cjs.entry.js +30 -34
  157. package/dist/cjs/ds-alert-container.cjs.entry.js +12 -15
  158. package/dist/cjs/ds-app.cjs.entry.js +16 -6
  159. package/dist/cjs/ds-badge.cjs.entry.js +32 -25
  160. package/dist/cjs/ds-button-group.cjs.entry.js +14 -17
  161. package/dist/cjs/ds-button_2.cjs.entry.js +58 -73
  162. package/dist/cjs/ds-card-actions.cjs.entry.js +6 -8
  163. package/dist/cjs/ds-card-content.cjs.entry.js +2 -2
  164. package/dist/cjs/ds-card-header.cjs.entry.js +8 -5
  165. package/dist/cjs/ds-card-subtitle.cjs.entry.js +13 -13
  166. package/dist/cjs/ds-card-title.cjs.entry.js +11 -7
  167. package/dist/cjs/ds-card.cjs.entry.js +30 -42
  168. package/dist/cjs/ds-carousel-item.cjs.entry.js +128 -0
  169. package/dist/cjs/ds-carousel.cjs.entry.js +473 -0
  170. package/dist/cjs/ds-checkbox-group.cjs.entry.js +41 -2012
  171. package/dist/cjs/ds-checkbox.cjs.entry.js +23 -19
  172. package/dist/cjs/ds-content_2.cjs.entry.js +330 -0
  173. package/dist/cjs/ds-data-item.cjs.entry.js +146 -0
  174. package/dist/cjs/ds-data-label.cjs.entry.js +41 -0
  175. package/dist/cjs/ds-data-value.cjs.entry.js +31 -0
  176. package/dist/cjs/ds-data.cjs.entry.js +43 -0
  177. package/dist/cjs/ds-date.cjs.entry.js +5334 -0
  178. package/dist/cjs/{ds-logo.cjs.entry.js → ds-divider_2.cjs.entry.js} +130 -25
  179. package/dist/cjs/ds-drawer_2.cjs.entry.js +602 -0
  180. package/dist/cjs/ds-file-upload.cjs.entry.js +515 -0
  181. package/dist/cjs/ds-footer.cjs.entry.js +159 -0
  182. package/dist/cjs/ds-heading.cjs.entry.js +21 -19
  183. package/dist/cjs/ds-hint-text.cjs.entry.js +28 -0
  184. package/dist/cjs/ds-hint-title.cjs.entry.js +31 -0
  185. package/dist/cjs/ds-hint.cjs.entry.js +243 -0
  186. package/dist/cjs/ds-icon_2.cjs.entry.js +78 -70
  187. package/dist/cjs/ds-input.cjs.entry.js +45 -43
  188. package/dist/cjs/ds-item.cjs.entry.js +29 -34
  189. package/dist/cjs/ds-label.cjs.entry.js +22 -30
  190. package/dist/cjs/ds-list.cjs.entry.js +6 -12
  191. package/dist/cjs/ds-modal-body.cjs.entry.js +34 -0
  192. package/dist/cjs/ds-modal-header.cjs.entry.js +31 -0
  193. package/dist/cjs/ds-modal.cjs.entry.js +201 -0
  194. package/dist/cjs/ds-navbar.cjs.entry.js +359 -0
  195. package/dist/cjs/ds-notification.cjs.entry.js +19 -27
  196. package/dist/cjs/ds-number-input.cjs.entry.js +128 -45
  197. package/dist/cjs/ds-pagination.cjs.entry.js +41 -37
  198. package/dist/cjs/ds-progress-bar.cjs.entry.js +25 -29
  199. package/dist/cjs/ds-radio-group.cjs.entry.js +30 -29
  200. package/dist/cjs/ds-radio.cjs.entry.js +26 -33
  201. package/dist/cjs/ds-segment-item.cjs.entry.js +9 -9
  202. package/dist/cjs/ds-segment.cjs.entry.js +29 -117
  203. package/dist/cjs/ds-select-optgroup.cjs.entry.js +49 -0
  204. package/dist/cjs/ds-select-option.cjs.entry.js +57 -0
  205. package/dist/cjs/ds-select.cjs.entry.js +2772 -0
  206. package/dist/cjs/ds-shape.cjs.entry.js +10 -16
  207. package/dist/cjs/ds-snackbar.cjs.entry.js +40 -57
  208. package/dist/cjs/ds-step-panel.cjs.entry.js +55 -0
  209. package/dist/cjs/ds-step.cjs.entry.js +170 -0
  210. package/dist/cjs/ds-steps.cjs.entry.js +227 -0
  211. package/dist/cjs/ds-tab-panel.cjs.entry.js +55 -0
  212. package/dist/cjs/ds-tab.cjs.entry.js +120 -0
  213. package/dist/cjs/ds-tabs.cjs.entry.js +364 -0
  214. package/dist/cjs/ds-tag-group.cjs.entry.js +3 -3
  215. package/dist/cjs/ds-tag.cjs.entry.js +19 -26
  216. package/dist/cjs/ds-text.cjs.entry.js +28 -32
  217. package/dist/cjs/ds-textarea.cjs.entry.js +32 -31
  218. package/dist/cjs/ds-toast.cjs.entry.js +40 -54
  219. package/dist/cjs/ds-toggle.cjs.entry.js +22 -21
  220. package/dist/cjs/ds-tooltip.cjs.entry.js +182 -0
  221. package/dist/cjs/{field.util-RjuvTLNZ.js → field.util-L-DkeMVk.js} +1 -1
  222. package/dist/cjs/floating-ui.dom-Cu3dZdFD.js +1628 -0
  223. package/dist/cjs/focus-D3VVgpM7.js +1958 -0
  224. package/dist/cjs/footer.i18n-CpGxizgm.js +162 -0
  225. package/dist/cjs/{form-control-Bno2tBGf.js → form-control-CtMcJUuC.js} +2 -2
  226. package/dist/cjs/has-value-DK0oRqXI.js +12 -0
  227. package/dist/cjs/{index-CdD-TT_n.js → index-sC3JnTlJ.js} +497 -175
  228. package/dist/cjs/index.cjs.js +26 -8283
  229. package/dist/cjs/keyboard-C7y0jXYb.js +23 -0
  230. package/dist/cjs/{listener-DgVWqfa1.js → listener-BwB_xent.js} +1 -1
  231. package/dist/cjs/loader.cjs.js +2 -2
  232. package/dist/cjs/luxon-q23LOWrr.js +8137 -0
  233. package/dist/cjs/one-of-BZGRIMtQ.js +30 -0
  234. package/dist/cjs/popup.interfaces-B-mwd9rh.js +23 -0
  235. package/dist/cjs/required-COz3Unzu.js +38 -0
  236. package/dist/cjs/resize.decorator-DWM_fQgv.js +98 -0
  237. package/dist/cjs/scroll-CUuEh4xd.js +89 -0
  238. package/dist/cjs/svg-D9RbiR8R.js +2443 -0
  239. package/dist/cjs/{tslib.es6-BTi-SLnA.js → tslib.es6-CxyosZMg.js} +1 -1
  240. package/dist/cjs/type-hmc4CJcO.js +33 -0
  241. package/dist/collection/collection-manifest.json +30 -2
  242. package/dist/collection/components/accordion/accordion.host.css +1 -1
  243. package/dist/collection/components/accordion/accordion.js +22 -29
  244. package/dist/collection/components/alert/alert-container.js +8 -14
  245. package/dist/collection/components/alert/alert.controller.js +1 -1
  246. package/dist/collection/components/alert/snackbar/snackbar.js +30 -53
  247. package/dist/collection/components/alert/toast/toast.js +32 -53
  248. package/dist/collection/components/app/app.js +11 -3
  249. package/dist/collection/components/badge/badge.interfaces.js +1 -1
  250. package/dist/collection/components/badge/badge.js +28 -25
  251. package/dist/collection/components/button/button-group/button-group.js +8 -14
  252. package/dist/collection/components/button/button.host.css +1 -1
  253. package/dist/collection/components/button/button.interfaces.js +1 -1
  254. package/dist/collection/components/button/button.js +44 -54
  255. package/dist/collection/components/card/card-actions/card-actions.js +3 -6
  256. package/dist/collection/components/card/card-header/card-header.js +4 -3
  257. package/dist/collection/components/card/card-subtitle/card-subtitle.js +8 -11
  258. package/dist/collection/components/card/card-title/card-title.js +6 -5
  259. package/dist/collection/components/card/card.host.css +1 -1
  260. package/dist/collection/components/card/card.js +25 -38
  261. package/dist/collection/components/carousel/carousel/carousel.host.css +1 -0
  262. package/dist/collection/components/carousel/carousel/carousel.i18n.js +65 -0
  263. package/dist/collection/components/carousel/carousel/carousel.js +631 -0
  264. package/dist/collection/components/carousel/carousel-item/carousel-item.host.css +1 -0
  265. package/dist/collection/components/carousel/carousel-item/carousel-item.js +313 -0
  266. package/dist/collection/components/carousel/carousel.interfaces.js +6 -0
  267. package/dist/collection/components/carousel/test/carousel.a11y.play.js +34 -0
  268. package/dist/collection/components/carousel/test/carousel.component.play.js +57 -0
  269. package/dist/collection/components/carousel/test/carousel.visual.play.js +24 -0
  270. package/dist/collection/components/checkbox/checkbox-group/checkbox-group.host.css +1 -1
  271. package/dist/collection/components/checkbox/checkbox-group/checkbox-group.js +25 -26
  272. package/dist/collection/components/checkbox/checkbox.js +18 -18
  273. package/dist/collection/components/close/close.js +10 -21
  274. package/dist/collection/components/content/content.js +38 -52
  275. package/dist/collection/components/data/data-item.host.css +1 -0
  276. package/dist/collection/components/data/data-item.i18n.js +35 -0
  277. package/dist/collection/components/data/data-item.js +244 -0
  278. package/dist/collection/components/data/data-label.host.css +1 -0
  279. package/dist/collection/components/data/data-label.js +72 -0
  280. package/dist/collection/components/data/data-value.host.css +1 -0
  281. package/dist/collection/components/data/data-value.js +38 -0
  282. package/dist/collection/components/data/data.host.css +1 -0
  283. package/dist/collection/components/data/data.js +75 -0
  284. package/dist/collection/components/data/test/data.a11y.play.js +31 -0
  285. package/dist/collection/components/data/test/data.component.play.js +104 -0
  286. package/dist/collection/components/data/test/data.visual.play.js +25 -0
  287. package/dist/collection/components/date/date.host.css +1 -0
  288. package/dist/collection/components/date/date.i18n.js +105 -0
  289. package/dist/collection/components/date/date.interfaces.js +4 -0
  290. package/dist/collection/components/date/date.js +1241 -0
  291. package/dist/collection/components/date/date.mask.js +189 -0
  292. package/dist/collection/components/date/date.picker.js +536 -0
  293. package/dist/collection/components/date/test/date.a11y.play.js +27 -0
  294. package/dist/collection/components/date/test/date.component.play.js +69 -0
  295. package/dist/collection/components/date/test/date.visual.play.js +43 -0
  296. package/dist/collection/components/divider/divider.host.css +1 -1
  297. package/dist/collection/components/divider/divider.js +11 -24
  298. package/dist/collection/components/drawer/drawer.host.css +1 -0
  299. package/dist/collection/{utils/property-checkers/constants.js → components/drawer/drawer.interfaces.js} +1 -1
  300. package/dist/collection/components/drawer/drawer.js +492 -0
  301. package/dist/collection/components/drawer/test/drawer.a11y.play.js +39 -0
  302. package/dist/collection/components/drawer/test/drawer.component.play.js +131 -0
  303. package/dist/collection/components/drawer/test/drawer.visual.play.js +31 -0
  304. package/dist/collection/components/file-upload/file-upload.host.css +1 -0
  305. package/dist/collection/components/file-upload/file-upload.i18n.js +55 -0
  306. package/dist/collection/components/file-upload/file-upload.interfaces.js +10 -0
  307. package/dist/collection/components/file-upload/file-upload.js +1030 -0
  308. package/dist/collection/components/file-upload/test/file-upload.a11y.play.js +52 -0
  309. package/dist/collection/components/file-upload/test/file-upload.component.play.js +124 -0
  310. package/dist/collection/components/file-upload/test/file-upload.visual.play.js +18 -0
  311. package/dist/collection/components/file-upload/utils/file-list.util.js +13 -0
  312. package/dist/collection/components/file-upload/utils/file-size.util.js +10 -0
  313. package/dist/collection/components/file-upload/utils/file-validation.util.js +48 -0
  314. package/dist/collection/components/footer/footer.host.css +1 -0
  315. package/dist/collection/components/footer/footer.i18n.js +155 -0
  316. package/dist/collection/components/footer/footer.interfaces.js +4 -0
  317. package/dist/collection/components/footer/footer.js +350 -0
  318. package/dist/collection/components/footer/test/footer.a11y.play.js +17 -0
  319. package/dist/collection/components/footer/test/footer.component.play.js +74 -0
  320. package/dist/collection/components/footer/test/footer.visual.play.js +16 -0
  321. package/dist/collection/components/form/test/form.visual.play.js +13 -1
  322. package/dist/collection/components/heading/heading.js +16 -17
  323. package/dist/collection/components/hint/hint-text/hint-text.js +28 -0
  324. package/dist/collection/components/hint/hint-title/hint-title.js +31 -0
  325. package/dist/collection/components/hint/hint.host.css +1 -0
  326. package/dist/collection/components/hint/hint.i18n.js +35 -0
  327. package/dist/collection/components/hint/hint.interfaces.js +1 -0
  328. package/dist/collection/components/hint/hint.js +410 -0
  329. package/dist/collection/components/hint/test/hint.a11y.play.js +41 -0
  330. package/dist/collection/components/hint/test/hint.component.play.js +110 -0
  331. package/dist/collection/components/hint/test/hint.visual.play.js +39 -0
  332. package/dist/collection/components/icon/icon.host.css +1 -1
  333. package/dist/collection/components/icon/icon.interfaces.js +1 -0
  334. package/dist/collection/components/icon/icon.js +73 -42
  335. package/dist/collection/components/icon/test/icon.component.play.js +23 -1
  336. package/dist/collection/components/input/clear-button.i18n.js +35 -0
  337. package/dist/collection/components/input/clear-button.util.js +11 -0
  338. package/dist/collection/components/input/input.host.css +1 -1
  339. package/dist/collection/components/input/input.js +36 -37
  340. package/dist/collection/components/input/test/input.component.play.js +1 -1
  341. package/dist/collection/components/input/trigger-button.i18n.js +45 -0
  342. package/dist/collection/components/label/label.js +16 -28
  343. package/dist/collection/components/list/item/item.host.css +1 -1
  344. package/dist/collection/components/list/item/item.interfaces.js +1 -1
  345. package/dist/collection/components/list/item/item.js +27 -34
  346. package/dist/collection/components/list/list.js +3 -10
  347. package/dist/collection/components/list/test/list.visual.play.js +30 -0
  348. package/dist/collection/components/logo/logo.js +11 -18
  349. package/dist/collection/components/modal/modal-body/modal-body.host.css +1 -0
  350. package/dist/collection/components/modal/modal-body/modal-body.js +41 -0
  351. package/dist/collection/components/modal/modal-header/modal-header.js +32 -0
  352. package/dist/collection/components/modal/modal.controller.js +31 -0
  353. package/dist/collection/components/modal/modal.host.css +1 -0
  354. package/dist/collection/components/modal/modal.interfaces.js +1 -0
  355. package/dist/collection/components/modal/modal.js +461 -0
  356. package/dist/collection/components/modal/test/modal.a11y.play.js +59 -0
  357. package/dist/collection/components/modal/test/modal.component.play.js +196 -0
  358. package/dist/collection/components/modal/test/modal.visual.play.js +36 -0
  359. package/dist/collection/components/navbar/navbar.host.css +1 -0
  360. package/dist/collection/components/navbar/navbar.i18n.js +65 -0
  361. package/dist/collection/components/navbar/navbar.interfaces.js +6 -0
  362. package/dist/collection/components/navbar/navbar.js +544 -0
  363. package/dist/collection/components/navbar/test/navbar.a11y.play.js +26 -0
  364. package/dist/collection/components/navbar/test/navbar.component.play.js +76 -0
  365. package/dist/collection/components/navbar/test/navbar.visual.play.js +14 -0
  366. package/dist/collection/components/notification/notification.js +14 -26
  367. package/dist/collection/components/number-input/number-input.host.css +1 -1
  368. package/dist/collection/components/number-input/number-input.js +23 -24
  369. package/dist/collection/components/pagination/pagination.host.css +1 -1
  370. package/dist/collection/components/pagination/pagination.js +29 -28
  371. package/dist/collection/components/popup/popup.host.css +1 -0
  372. package/dist/collection/components/popup/popup.interfaces.js +18 -0
  373. package/dist/collection/components/popup/popup.js +869 -0
  374. package/dist/collection/components/popup/test/popup.a11y.play.js +50 -0
  375. package/dist/collection/components/popup/test/popup.component.play.js +168 -0
  376. package/dist/collection/components/popup/test/popup.visual.play.js +33 -0
  377. package/dist/collection/components/progress-bar/progress-bar.host.css +1 -1
  378. package/dist/collection/components/progress-bar/progress-bar.js +13 -20
  379. package/dist/collection/components/radio/radio-group/radio-group.host.css +1 -1
  380. package/dist/collection/components/radio/radio-group/radio-group.js +22 -23
  381. package/dist/collection/components/radio/radio.js +19 -20
  382. package/dist/collection/components/segment/segment/segment.host.css +1 -1
  383. package/dist/collection/components/segment/segment/segment.js +19 -20
  384. package/dist/collection/components/segment/segment-item.js +6 -7
  385. package/dist/collection/components/select/select-optgroup.host.css +1 -0
  386. package/dist/collection/components/select/select-optgroup.js +82 -0
  387. package/dist/collection/components/select/select-option.host.css +1 -0
  388. package/dist/collection/components/select/select-option.js +112 -0
  389. package/dist/collection/components/select/select.host.css +1 -0
  390. package/dist/collection/components/select/select.i18n.js +45 -0
  391. package/dist/collection/components/select/select.interfaces.js +4 -0
  392. package/dist/collection/components/select/select.js +1024 -0
  393. package/dist/collection/components/select/select.picker.js +276 -0
  394. package/dist/collection/components/select/test/select.a11y.play.js +81 -0
  395. package/dist/collection/components/select/test/select.component.play.js +184 -0
  396. package/dist/collection/components/select/test/select.visual.play.js +70 -0
  397. package/dist/collection/components/shape/shape.js +7 -14
  398. package/dist/collection/components/spinner/spinner.js +18 -26
  399. package/dist/collection/components/stack/stack.host.css +1 -1
  400. package/dist/collection/components/stack/stack.js +41 -153
  401. package/dist/collection/components/steps/step/step.host.css +1 -0
  402. package/dist/collection/components/steps/step/step.js +431 -0
  403. package/dist/collection/components/steps/step-panel/step-panel.host.css +1 -0
  404. package/dist/collection/components/steps/step-panel/step-panel.js +104 -0
  405. package/dist/collection/components/steps/steps/steps.host.css +1 -0
  406. package/dist/collection/components/steps/steps/steps.js +356 -0
  407. package/dist/collection/components/steps/steps.interfaces.js +4 -0
  408. package/dist/collection/components/steps/test/steps.a11y.play.js +73 -0
  409. package/dist/collection/components/steps/test/steps.component.play.js +182 -0
  410. package/dist/collection/components/steps/test/steps.visual.play.js +18 -0
  411. package/dist/collection/components/tabs/tab/tab.host.css +1 -0
  412. package/dist/collection/components/tabs/tab/tab.js +278 -0
  413. package/dist/collection/components/tabs/tab-panel/tab-panel.host.css +1 -0
  414. package/dist/collection/components/tabs/tab-panel/tab-panel.js +104 -0
  415. package/dist/collection/components/tabs/tabs/tabs.host.css +1 -0
  416. package/dist/collection/components/tabs/tabs/tabs.i18n.js +45 -0
  417. package/dist/collection/components/tabs/tabs/tabs.js +552 -0
  418. package/dist/collection/components/tabs/tabs.interfaces.js +12 -0
  419. package/dist/collection/components/tabs/test/tabs.a11y.play.js +60 -0
  420. package/dist/collection/components/tabs/test/tabs.component.play.js +129 -0
  421. package/dist/collection/components/tabs/test/tabs.visual.play.js +31 -0
  422. package/dist/collection/components/tag/tag-group/tag-group.js +1 -1
  423. package/dist/collection/components/tag/tag.js +15 -26
  424. package/dist/collection/components/text/text.js +23 -30
  425. package/dist/collection/components/textarea/textarea.host.css +1 -1
  426. package/dist/collection/components/textarea/textarea.js +24 -25
  427. package/dist/collection/components/time-input/test/time-input.visual.play.js +18 -0
  428. package/dist/collection/components/toggle/toggle.js +19 -20
  429. package/dist/collection/components/tooltip/test/tooltip.a11y.play.js +32 -0
  430. package/dist/collection/components/tooltip/test/tooltip.component.play.js +51 -0
  431. package/dist/collection/components/tooltip/test/tooltip.visual.play.js +16 -0
  432. package/dist/collection/components/tooltip/tooltip.host.css +1 -0
  433. package/dist/collection/components/tooltip/tooltip.interfaces.js +4 -0
  434. package/dist/collection/components/tooltip/tooltip.js +407 -0
  435. package/dist/collection/foundation/colors.visual.play.js +18 -0
  436. package/dist/collection/global/config/config.const.js +11 -0
  437. package/dist/collection/global/config/config.default.js +92 -42
  438. package/dist/collection/global/config/config.js +1 -1
  439. package/dist/collection/global/config/config.meta.js +27 -0
  440. package/dist/collection/global/config/index.js +1 -0
  441. package/dist/collection/global/config/initialize.js +2 -1
  442. package/dist/collection/global/constants/tags.constant.js +29 -1
  443. package/dist/collection/global/constants/version.constant.js +1 -1
  444. package/dist/collection/global/index.js +0 -1
  445. package/dist/collection/global/initialize.js +2 -0
  446. package/dist/collection/index.js +5 -20
  447. package/dist/collection/utils/attributes.js +0 -15
  448. package/dist/collection/utils/focus.js +72 -0
  449. package/dist/collection/utils/form-control.js +1 -1
  450. package/dist/collection/utils/has-value.js +7 -0
  451. package/dist/collection/utils/helpers.js +14 -74
  452. package/dist/collection/utils/index.js +7 -5
  453. package/dist/collection/utils/{property-checkers/is-value-empty.js → is-value-empty.js} +1 -1
  454. package/dist/collection/utils/number.js +6 -25
  455. package/dist/collection/utils/property-decorators/array-of.js +25 -0
  456. package/dist/collection/utils/property-decorators/bound.js +79 -0
  457. package/dist/collection/utils/property-decorators/create-validator-decorator.js +212 -0
  458. package/dist/collection/utils/property-decorators/date.js +24 -0
  459. package/dist/collection/utils/property-decorators/index.js +12 -0
  460. package/dist/collection/utils/property-decorators/iso-date.js +24 -0
  461. package/dist/collection/utils/property-decorators/one-of.js +25 -0
  462. package/dist/collection/utils/property-decorators/pattern.js +25 -0
  463. package/dist/collection/utils/property-decorators/required.js +44 -0
  464. package/dist/collection/utils/property-decorators/type.js +28 -0
  465. package/dist/collection/utils/property-decorators/url.js +32 -0
  466. package/dist/collection/utils/property-types.js +1 -0
  467. package/dist/collection/utils/svg.js +19 -0
  468. package/dist/design-system/design-system.esm.js +1 -1
  469. package/dist/design-system/index.esm.js +1 -1
  470. package/dist/design-system/p-01430d5c28.entry.js +4 -0
  471. package/dist/design-system/p-014d464627.entry.js +4 -0
  472. package/dist/design-system/p-0663d7c0f1.entry.js +4 -0
  473. package/dist/design-system/p-0bd2ce2da3.entry.js +4 -0
  474. package/dist/design-system/p-0ff0be5b83.entry.js +4 -0
  475. package/dist/design-system/p-10c136d00d.entry.js +4 -0
  476. package/dist/design-system/p-11f34d0c7d.entry.js +4 -0
  477. package/dist/design-system/p-13d1ce3158.entry.js +4 -0
  478. package/dist/design-system/p-163d606781.entry.js +4 -0
  479. package/dist/design-system/p-1VXOIrN2.js +4 -0
  480. package/dist/design-system/p-202ecb8f01.entry.js +4 -0
  481. package/dist/design-system/p-27d181c5ac.entry.js +4 -0
  482. package/dist/design-system/p-2a35e0b9b0.entry.js +4 -0
  483. package/dist/design-system/p-2f51e1d39b.entry.js +4 -0
  484. package/dist/design-system/p-3134821ac6.entry.js +4 -0
  485. package/dist/design-system/p-3292ae6a05.entry.js +4 -0
  486. package/dist/design-system/p-372bf379f9.entry.js +4 -0
  487. package/dist/design-system/p-3895178b39.entry.js +4 -0
  488. package/dist/design-system/p-3c6b7a2967.entry.js +4 -0
  489. package/dist/design-system/p-3ef4bd1c59.entry.js +4 -0
  490. package/dist/design-system/p-493b18cc46.entry.js +4 -0
  491. package/dist/design-system/p-4a99464dae.entry.js +4 -0
  492. package/dist/design-system/p-4e6638d14e.entry.js +4 -0
  493. package/dist/design-system/p-53dda5d400.entry.js +4 -0
  494. package/dist/design-system/p-5d17209d91.entry.js +4 -0
  495. package/dist/design-system/p-5e51fa8df4.entry.js +4 -0
  496. package/dist/design-system/p-60d29d8b8e.entry.js +4 -0
  497. package/dist/design-system/p-62cb503015.entry.js +4 -0
  498. package/dist/design-system/p-650289138a.entry.js +4 -0
  499. package/dist/design-system/p-65c221261c.entry.js +4 -0
  500. package/dist/design-system/p-68c9f4f630.entry.js +4 -0
  501. package/dist/design-system/p-68ebed7eee.entry.js +4 -0
  502. package/dist/design-system/p-6b6531379b.entry.js +4 -0
  503. package/dist/design-system/p-6d168ba9ad.entry.js +4 -0
  504. package/dist/design-system/p-6ef31a3c07.entry.js +4 -0
  505. package/dist/design-system/p-774b89ed0b.entry.js +4 -0
  506. package/dist/design-system/p-787bd92bcc.entry.js +4 -0
  507. package/{components/p-E1SnOz0L.js → dist/design-system/p-78NZc8PM.js} +1 -1
  508. package/dist/design-system/p-7c353652a9.entry.js +4 -0
  509. package/dist/design-system/p-7c8bf0f33e.entry.js +4 -0
  510. package/dist/design-system/p-7e702193fc.entry.js +4 -0
  511. package/dist/design-system/p-8353961d39.entry.js +4 -0
  512. package/dist/design-system/{p-1d312498a6.entry.js → p-8406f6faf1.entry.js} +1 -1
  513. package/dist/design-system/p-9f2dd0b55b.entry.js +4 -0
  514. package/dist/design-system/p-B-en4B17.js +4 -0
  515. package/dist/design-system/p-B1e0kNRJ.js +14 -0
  516. package/dist/design-system/p-B8KVoKrH.js +5 -0
  517. package/dist/design-system/p-BAY6Z8bT.js +4 -0
  518. package/dist/design-system/p-BLGVE-7Z.js +4 -0
  519. package/dist/design-system/{p-C7EnKCpl.js → p-BMM6Nxeh.js} +1 -1
  520. package/{components/p-Diz11uvt.js → dist/design-system/p-BPGfTrrM.js} +1 -1
  521. package/dist/design-system/p-BhdSNuGP.js +4 -0
  522. package/dist/design-system/p-BkTv_bQR.js +4 -0
  523. package/dist/design-system/p-BqY0KzJC.js +4 -0
  524. package/dist/design-system/p-BrJFPhMA.js +4 -0
  525. package/dist/design-system/p-BvEM6oCl.js +4 -0
  526. package/dist/design-system/p-C1jqbZdf.js +4 -0
  527. package/dist/design-system/p-C6MVahkC.js +5 -0
  528. package/dist/design-system/{p-DCf2fJmI.js → p-C7i6xLTJ.js} +1 -1
  529. package/dist/design-system/p-CvTcEsXg.js +4 -0
  530. package/dist/design-system/p-CwCAiaMq.js +4 -0
  531. package/{components/p-5Sp1eJOt.js → dist/design-system/p-DTxLRTYr.js} +1 -1
  532. package/dist/design-system/{p-Dnjznncd.js → p-DgVaaZT_.js} +1 -1
  533. package/dist/design-system/{p-CAcwu8uP.js → p-Dm2lqE3-.js} +1 -1
  534. package/dist/design-system/p-HwbqEzpk.js +4 -0
  535. package/dist/design-system/p-LCY5n5tq.js +4 -0
  536. package/dist/design-system/p-Uy_dVz21.js +4 -0
  537. package/dist/design-system/p-a465c1acce.entry.js +4 -0
  538. package/dist/design-system/p-a62b7985a0.entry.js +4 -0
  539. package/dist/design-system/p-a8de98dd7b.entry.js +4 -0
  540. package/dist/design-system/p-ad2b17b0a0.entry.js +4 -0
  541. package/dist/design-system/p-afd8bbe699.entry.js +4 -0
  542. package/dist/design-system/{p-7e6ed497e7.entry.js → p-b68bc14064.entry.js} +1 -1
  543. package/dist/design-system/p-b955a93959.entry.js +4 -0
  544. package/dist/design-system/p-c37f266740.entry.js +4 -0
  545. package/dist/design-system/p-caad93b943.entry.js +4 -0
  546. package/dist/design-system/p-cca79bfeb1.entry.js +4 -0
  547. package/dist/design-system/p-d5f8d8f5e1.entry.js +4 -0
  548. package/dist/design-system/p-dcb749efc7.entry.js +4 -0
  549. package/dist/design-system/p-dd38f8f206.entry.js +4 -0
  550. package/dist/design-system/p-ddf2a7dfee.entry.js +4 -0
  551. package/dist/design-system/p-df5899b930.entry.js +4 -0
  552. package/dist/design-system/p-e7472337ed.entry.js +4 -0
  553. package/dist/design-system/p-e85c92ca1a.entry.js +4 -0
  554. package/dist/design-system/p-f0119fe693.entry.js +4 -0
  555. package/dist/design-system/p-f4958b9e97.entry.js +4 -0
  556. package/dist/design-system/p-f62643c33d.entry.js +4 -0
  557. package/dist/design-system/p-fa9568abce.entry.js +4 -0
  558. package/dist/design-system/p-fcd98f22b7.entry.js +4 -0
  559. package/dist/design-system/p-feeef4a8cb.entry.js +4 -0
  560. package/dist/design-system/{p-BLPSziW-.js → p-hLAmwHiq.js} +1 -1
  561. package/dist/design-system/p-ij4OEkzJ.js +4 -0
  562. package/dist/design-system/p-tl_BegdE.js +4 -0
  563. package/dist/esm/array-dJH4dfMr.js +1983 -0
  564. package/dist/esm/{breakpoints.decorator-L2xeP46f.js → breakpoints.decorator-DZ0xN4Np.js} +1 -1
  565. package/dist/esm/{breakpoints.subject-BhbzG-rl.js → breakpoints.subject-BNnXcKMw.js} +3 -3
  566. package/dist/esm/{button.interfaces-BkESlUMc.js → button.interfaces-BPGfTrrM.js} +1 -1
  567. package/dist/esm/carousel.interfaces-B-en4B17.js +8 -0
  568. package/dist/esm/{config.decorator-BQNIja4k.js → config.decorator-ZQ0_Zx5y.js} +1 -1
  569. package/dist/esm/{config.utils-COlKFRlV.js → config.utils-D9o7rffC.js} +1 -1
  570. package/dist/esm/create-validator-decorator-DovxquEu.js +208 -0
  571. package/dist/esm/design-system.js +4 -4
  572. package/dist/esm/{device-Dhwt3m7W.js → device-CRuIJzXR.js} +1 -1
  573. package/dist/esm/ds-accordion.entry.js +30 -34
  574. package/dist/esm/ds-alert-container.entry.js +12 -15
  575. package/dist/esm/ds-app.entry.js +16 -6
  576. package/dist/esm/ds-badge.entry.js +32 -25
  577. package/dist/esm/ds-button-group.entry.js +14 -17
  578. package/dist/esm/ds-button_2.entry.js +58 -73
  579. package/dist/esm/ds-card-actions.entry.js +6 -8
  580. package/dist/esm/ds-card-content.entry.js +2 -2
  581. package/dist/esm/ds-card-header.entry.js +8 -5
  582. package/dist/esm/ds-card-subtitle.entry.js +13 -13
  583. package/dist/esm/ds-card-title.entry.js +11 -7
  584. package/dist/esm/ds-card.entry.js +30 -42
  585. package/dist/esm/ds-carousel-item.entry.js +126 -0
  586. package/dist/esm/ds-carousel.entry.js +471 -0
  587. package/dist/esm/ds-checkbox-group.entry.js +40 -2011
  588. package/dist/esm/ds-checkbox.entry.js +23 -19
  589. package/dist/esm/ds-content_2.entry.js +327 -0
  590. package/dist/esm/ds-data-item.entry.js +144 -0
  591. package/dist/esm/ds-data-label.entry.js +39 -0
  592. package/dist/esm/ds-data-value.entry.js +29 -0
  593. package/dist/esm/ds-data.entry.js +41 -0
  594. package/dist/esm/ds-date.entry.js +5332 -0
  595. package/dist/esm/{ds-logo.entry.js → ds-divider_2.entry.js} +130 -26
  596. package/dist/esm/ds-drawer_2.entry.js +599 -0
  597. package/dist/esm/ds-file-upload.entry.js +513 -0
  598. package/dist/esm/ds-footer.entry.js +157 -0
  599. package/dist/esm/ds-heading.entry.js +21 -19
  600. package/dist/esm/ds-hint-text.entry.js +26 -0
  601. package/dist/esm/ds-hint-title.entry.js +29 -0
  602. package/dist/esm/ds-hint.entry.js +241 -0
  603. package/dist/esm/ds-icon_2.entry.js +78 -70
  604. package/dist/esm/ds-input.entry.js +46 -44
  605. package/dist/esm/ds-item.entry.js +29 -34
  606. package/dist/esm/ds-label.entry.js +22 -30
  607. package/dist/esm/ds-list.entry.js +6 -12
  608. package/dist/esm/ds-modal-body.entry.js +32 -0
  609. package/dist/esm/ds-modal-header.entry.js +29 -0
  610. package/dist/esm/ds-modal.entry.js +199 -0
  611. package/dist/esm/ds-navbar.entry.js +357 -0
  612. package/dist/esm/ds-notification.entry.js +19 -27
  613. package/dist/esm/ds-number-input.entry.js +129 -46
  614. package/dist/esm/ds-pagination.entry.js +41 -37
  615. package/dist/esm/ds-progress-bar.entry.js +25 -29
  616. package/dist/esm/ds-radio-group.entry.js +31 -30
  617. package/dist/esm/ds-radio.entry.js +25 -32
  618. package/dist/esm/ds-segment-item.entry.js +9 -9
  619. package/dist/esm/ds-segment.entry.js +28 -116
  620. package/dist/esm/ds-select-optgroup.entry.js +47 -0
  621. package/dist/esm/ds-select-option.entry.js +55 -0
  622. package/dist/esm/ds-select.entry.js +2770 -0
  623. package/dist/esm/ds-shape.entry.js +10 -16
  624. package/dist/esm/ds-snackbar.entry.js +40 -57
  625. package/dist/esm/ds-step-panel.entry.js +53 -0
  626. package/dist/esm/ds-step.entry.js +168 -0
  627. package/dist/esm/ds-steps.entry.js +225 -0
  628. package/dist/esm/ds-tab-panel.entry.js +53 -0
  629. package/dist/esm/ds-tab.entry.js +118 -0
  630. package/dist/esm/ds-tabs.entry.js +362 -0
  631. package/dist/esm/ds-tag-group.entry.js +3 -3
  632. package/dist/esm/ds-tag.entry.js +19 -26
  633. package/dist/esm/ds-text.entry.js +28 -32
  634. package/dist/esm/ds-textarea.entry.js +33 -32
  635. package/dist/esm/ds-toast.entry.js +40 -54
  636. package/dist/esm/ds-toggle.entry.js +22 -21
  637. package/dist/esm/ds-tooltip.entry.js +180 -0
  638. package/dist/esm/{field.util-BXxRO7CD.js → field.util-BjZzAi09.js} +1 -1
  639. package/dist/esm/floating-ui.dom-BqY0KzJC.js +1621 -0
  640. package/dist/esm/focus-ZxHImoOj.js +1956 -0
  641. package/dist/esm/footer.i18n-BrJFPhMA.js +159 -0
  642. package/dist/esm/{form-control-D2O-sb65.js → form-control-DvJo0GKN.js} +2 -2
  643. package/dist/esm/has-value-DU9L2JaI.js +10 -0
  644. package/dist/esm/{index-CuwLeg-T.js → index-C6MVahkC.js} +496 -175
  645. package/dist/esm/index.js +13 -8273
  646. package/dist/esm/{input.interfaces-C7EnKCpl.js → input.interfaces-BMM6Nxeh.js} +1 -1
  647. package/dist/esm/keyboard-Uy_dVz21.js +20 -0
  648. package/dist/esm/{listener-C_kjUVTE.js → listener-DHP2OPMZ.js} +1 -1
  649. package/dist/esm/loader.js +3 -3
  650. package/dist/esm/luxon-C1jqbZdf.js +8133 -0
  651. package/dist/esm/one-of-CKPv0Nqm.js +28 -0
  652. package/dist/esm/popup.interfaces-BAY6Z8bT.js +20 -0
  653. package/dist/esm/required-Dqsbx5fH.js +36 -0
  654. package/dist/esm/resize.decorator-B8h8D676.js +96 -0
  655. package/dist/esm/scroll-CsH7NHo5.js +87 -0
  656. package/dist/esm/svg-B8KVoKrH.js +2440 -0
  657. package/dist/esm/{tslib.es6-tdchDLyb.js → tslib.es6-C9GKXw-5.js} +1 -1
  658. package/dist/esm/type-DzkhLOG_.js +31 -0
  659. package/dist/types/components/accordion/accordion.d.ts +0 -5
  660. package/dist/types/components/alert/alert-container.d.ts +0 -5
  661. package/dist/types/components/alert/snackbar/snackbar.d.ts +0 -5
  662. package/dist/types/components/alert/toast/toast.d.ts +0 -5
  663. package/dist/types/components/badge/badge.d.ts +1 -3
  664. package/dist/types/components/badge/badge.interfaces.d.ts +1 -1
  665. package/dist/types/components/button/button-group/button-group.d.ts +0 -5
  666. package/dist/types/components/button/button.d.ts +1 -3
  667. package/dist/types/components/button/button.interfaces.d.ts +1 -1
  668. package/dist/types/components/card/card-actions/card-actions.d.ts +0 -1
  669. package/dist/types/components/card/card-subtitle/card-subtitle.d.ts +0 -1
  670. package/dist/types/components/card/card.d.ts +1 -3
  671. package/dist/types/components/carousel/carousel/carousel.d.ts +114 -0
  672. package/dist/types/components/carousel/carousel/carousel.i18n.d.ts +9 -0
  673. package/dist/types/components/carousel/carousel-item/carousel-item.d.ts +70 -0
  674. package/dist/types/components/carousel/carousel.interfaces.d.ts +14 -0
  675. package/dist/types/components/carousel/test/carousel.a11y.play.d.ts +1 -0
  676. package/dist/types/components/carousel/test/carousel.component.play.d.ts +1 -0
  677. package/dist/types/components/carousel/test/carousel.visual.play.d.ts +1 -0
  678. package/dist/types/components/close/close.d.ts +1 -3
  679. package/dist/types/components/content/content.d.ts +2 -5
  680. package/dist/types/components/data/data-item.d.ts +43 -0
  681. package/dist/types/components/data/data-item.i18n.d.ts +6 -0
  682. package/dist/types/components/data/data-item.interfaces.d.ts +4 -0
  683. package/dist/types/components/data/data-label.d.ts +19 -0
  684. package/dist/types/components/data/data-label.interfaces.d.ts +3 -0
  685. package/dist/types/components/data/data-value.d.ts +15 -0
  686. package/dist/types/components/data/data-value.interfaces.d.ts +5 -0
  687. package/dist/types/components/data/data.d.ts +19 -0
  688. package/dist/types/components/data/data.interfaces.d.ts +4 -0
  689. package/dist/types/components/data/test/data.a11y.play.d.ts +1 -0
  690. package/dist/types/components/data/test/data.component.play.d.ts +1 -0
  691. package/dist/types/components/data/test/data.visual.play.d.ts +1 -0
  692. package/dist/types/components/date/date.d.ts +214 -0
  693. package/dist/types/components/date/date.i18n.d.ts +13 -0
  694. package/dist/types/components/date/date.interfaces.d.ts +18 -0
  695. package/dist/types/components/date/date.mask.d.ts +29 -0
  696. package/dist/types/components/date/date.picker.d.ts +67 -0
  697. package/dist/types/components/date/test/date.a11y.play.d.ts +1 -0
  698. package/dist/types/components/date/test/date.component.play.d.ts +1 -0
  699. package/dist/types/components/date/test/date.visual.play.d.ts +1 -0
  700. package/dist/types/components/divider/divider.d.ts +1 -3
  701. package/dist/types/components/drawer/drawer.d.ts +102 -0
  702. package/dist/types/components/drawer/drawer.interfaces.d.ts +8 -0
  703. package/dist/types/components/drawer/test/drawer.a11y.play.d.ts +1 -0
  704. package/dist/types/components/drawer/test/drawer.component.play.d.ts +1 -0
  705. package/dist/types/components/drawer/test/drawer.visual.play.d.ts +1 -0
  706. package/dist/types/components/file-upload/file-upload.d.ts +192 -0
  707. package/dist/types/components/file-upload/file-upload.i18n.d.ts +8 -0
  708. package/dist/types/components/file-upload/file-upload.interfaces.d.ts +24 -0
  709. package/dist/types/components/file-upload/test/file-upload.a11y.play.d.ts +1 -0
  710. package/dist/types/components/file-upload/test/file-upload.component.play.d.ts +1 -0
  711. package/dist/types/components/file-upload/test/file-upload.visual.play.d.ts +1 -0
  712. package/dist/types/components/file-upload/utils/file-list.util.d.ts +2 -0
  713. package/dist/types/components/file-upload/utils/file-size.util.d.ts +1 -0
  714. package/dist/types/components/file-upload/utils/file-validation.util.d.ts +13 -0
  715. package/dist/types/components/footer/footer.d.ts +68 -0
  716. package/dist/types/components/footer/footer.i18n.d.ts +7 -0
  717. package/dist/types/components/footer/footer.interfaces.d.ts +19 -0
  718. package/dist/types/components/footer/test/footer.a11y.play.d.ts +1 -0
  719. package/dist/types/components/footer/test/footer.component.play.d.ts +1 -0
  720. package/dist/types/components/footer/test/footer.visual.play.d.ts +1 -0
  721. package/dist/types/components/hint/hint-text/hint-text.d.ts +15 -0
  722. package/dist/types/components/hint/hint-title/hint-title.d.ts +16 -0
  723. package/dist/types/components/hint/hint.d.ts +87 -0
  724. package/dist/types/components/hint/hint.i18n.d.ts +6 -0
  725. package/dist/types/components/hint/hint.interfaces.d.ts +4 -0
  726. package/dist/types/components/hint/test/hint.a11y.play.d.ts +1 -0
  727. package/dist/types/components/hint/test/hint.component.play.d.ts +1 -0
  728. package/dist/types/components/hint/test/hint.visual.play.d.ts +1 -0
  729. package/dist/types/components/icon/icon.d.ts +7 -3
  730. package/dist/types/components/icon/icon.interfaces.d.ts +1 -1
  731. package/dist/types/components/input/clear-button.i18n.d.ts +6 -0
  732. package/dist/types/components/input/clear-button.util.d.ts +10 -0
  733. package/dist/types/components/input/trigger-button.i18n.d.ts +7 -0
  734. package/dist/types/components/label/label.d.ts +3 -5
  735. package/dist/types/components/list/item/item.d.ts +0 -5
  736. package/dist/types/components/list/item/item.interfaces.d.ts +1 -1
  737. package/dist/types/components/list/list.d.ts +0 -5
  738. package/dist/types/components/list/test/list.visual.play.d.ts +1 -0
  739. package/dist/types/components/logo/logo.d.ts +1 -2
  740. package/dist/types/components/modal/modal-body/modal-body.d.ts +15 -0
  741. package/dist/types/components/modal/modal-header/modal-header.d.ts +17 -0
  742. package/dist/types/components/modal/modal.controller.d.ts +3 -0
  743. package/dist/types/components/modal/modal.d.ts +97 -0
  744. package/dist/types/components/modal/modal.interfaces.d.ts +15 -0
  745. package/dist/types/components/modal/test/modal.a11y.play.d.ts +1 -0
  746. package/dist/types/components/modal/test/modal.component.play.d.ts +1 -0
  747. package/dist/types/components/modal/test/modal.visual.play.d.ts +1 -0
  748. package/dist/types/components/navbar/navbar.d.ts +128 -0
  749. package/dist/types/components/navbar/navbar.i18n.d.ts +9 -0
  750. package/dist/types/components/navbar/navbar.interfaces.d.ts +10 -0
  751. package/dist/types/components/navbar/test/navbar.a11y.play.d.ts +1 -0
  752. package/dist/types/components/navbar/test/navbar.component.play.d.ts +1 -0
  753. package/dist/types/components/navbar/test/navbar.visual.play.d.ts +1 -0
  754. package/dist/types/components/notification/notification.d.ts +1 -3
  755. package/dist/types/components/pagination/pagination.d.ts +0 -5
  756. package/dist/types/components/popup/popup.d.ts +152 -0
  757. package/dist/types/components/popup/popup.interfaces.d.ts +14 -0
  758. package/dist/types/components/popup/test/popup.a11y.play.d.ts +1 -0
  759. package/dist/types/components/popup/test/popup.component.play.d.ts +1 -0
  760. package/dist/types/components/popup/test/popup.visual.play.d.ts +1 -0
  761. package/dist/types/components/progress-bar/progress-bar.d.ts +0 -5
  762. package/dist/types/components/select/select-optgroup.d.ts +28 -0
  763. package/dist/types/components/select/select-option.d.ts +34 -0
  764. package/dist/types/components/select/select.d.ts +193 -0
  765. package/dist/types/components/select/select.i18n.d.ts +7 -0
  766. package/dist/types/components/select/select.interfaces.d.ts +16 -0
  767. package/dist/types/components/select/select.picker.d.ts +57 -0
  768. package/dist/types/components/select/test/select.a11y.play.d.ts +1 -0
  769. package/dist/types/components/select/test/select.component.play.d.ts +1 -0
  770. package/dist/types/components/select/test/select.visual.play.d.ts +1 -0
  771. package/dist/types/components/shape/shape.d.ts +2 -7
  772. package/dist/types/components/spinner/spinner.d.ts +0 -2
  773. package/dist/types/components/stack/stack.d.ts +7 -19
  774. package/dist/types/components/steps/step/step.d.ts +89 -0
  775. package/dist/types/components/steps/step-panel/step-panel.d.ts +34 -0
  776. package/dist/types/components/steps/steps/steps.d.ts +77 -0
  777. package/dist/types/components/steps/steps.interfaces.d.ts +10 -0
  778. package/dist/types/components/steps/test/steps.a11y.play.d.ts +1 -0
  779. package/dist/types/components/steps/test/steps.component.play.d.ts +1 -0
  780. package/dist/types/components/steps/test/steps.visual.play.d.ts +1 -0
  781. package/dist/types/components/tabs/tab/tab.d.ts +67 -0
  782. package/dist/types/components/tabs/tab-panel/tab-panel.d.ts +34 -0
  783. package/dist/types/components/tabs/tabs/tabs.d.ts +97 -0
  784. package/dist/types/components/tabs/tabs/tabs.i18n.d.ts +7 -0
  785. package/dist/types/components/tabs/tabs.interfaces.d.ts +12 -0
  786. package/dist/types/components/tabs/test/tabs.a11y.play.d.ts +1 -0
  787. package/dist/types/components/tabs/test/tabs.component.play.d.ts +1 -0
  788. package/dist/types/components/tabs/test/tabs.visual.play.d.ts +1 -0
  789. package/dist/types/components/tag/tag.d.ts +1 -3
  790. package/dist/types/components/text/text.d.ts +2 -7
  791. package/dist/types/components/time-input/test/time-input.visual.play.d.ts +1 -0
  792. package/dist/types/components/tooltip/test/tooltip.a11y.play.d.ts +1 -0
  793. package/dist/types/components/tooltip/test/tooltip.component.play.d.ts +1 -0
  794. package/dist/types/components/tooltip/test/tooltip.visual.play.d.ts +1 -0
  795. package/dist/types/components/tooltip/tooltip.d.ts +85 -0
  796. package/dist/types/components/tooltip/tooltip.interfaces.d.ts +10 -0
  797. package/dist/types/components.d.ts +4913 -1926
  798. package/dist/types/foundation/colors.visual.play.d.ts +1 -0
  799. package/dist/types/global/config/config.const.d.ts +3 -0
  800. package/dist/types/global/config/config.default.d.ts +0 -40
  801. package/dist/types/global/config/config.meta.d.ts +2 -0
  802. package/dist/types/global/config/config.types.d.ts +27 -0
  803. package/dist/types/global/config/index.d.ts +1 -0
  804. package/dist/types/global/index.d.ts +0 -1
  805. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/carousel.po.d.ts +12 -0
  806. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/data-item.po.d.ts +16 -0
  807. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/data.po.d.ts +12 -0
  808. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/date.po.d.ts +15 -0
  809. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/drawer.po.d.ts +11 -0
  810. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/file-upload.po.d.ts +16 -0
  811. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/footer.po.d.ts +16 -0
  812. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/hint.po.d.ts +10 -0
  813. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/index.d.ts +15 -0
  814. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/modal.po.d.ts +15 -0
  815. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/navbar.po.d.ts +13 -0
  816. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/popup.po.d.ts +11 -0
  817. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/select.po.d.ts +24 -0
  818. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/steps.po.d.ts +13 -0
  819. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/tabs.po.d.ts +13 -0
  820. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/tooltip.po.d.ts +6 -0
  821. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/page/utils/goto.d.ts +1 -1
  822. package/dist/types/index.d.ts +4 -1
  823. package/dist/types/stencil-public-runtime.d.ts +1 -0
  824. package/dist/types/utils/attributes.d.ts +0 -8
  825. package/dist/types/utils/focus.d.ts +18 -0
  826. package/dist/types/utils/form-control.d.ts +2 -2
  827. package/dist/types/utils/has-value.d.ts +1 -0
  828. package/dist/types/utils/index.d.ts +7 -5
  829. package/dist/types/utils/number.d.ts +0 -3
  830. package/dist/types/utils/property-decorators/array-of.d.ts +9 -0
  831. package/dist/types/utils/property-decorators/bound.d.ts +36 -0
  832. package/dist/types/utils/property-decorators/create-validator-decorator.d.ts +48 -0
  833. package/dist/types/utils/property-decorators/date.d.ts +6 -0
  834. package/dist/types/utils/property-decorators/index.d.ts +9 -0
  835. package/dist/types/utils/property-decorators/iso-date.d.ts +6 -0
  836. package/dist/types/utils/property-decorators/one-of.d.ts +8 -0
  837. package/dist/types/utils/property-decorators/pattern.d.ts +8 -0
  838. package/dist/types/utils/property-decorators/required.d.ts +17 -0
  839. package/dist/types/utils/property-decorators/type.d.ts +9 -0
  840. package/dist/types/utils/property-decorators/url.d.ts +6 -0
  841. package/dist/types/utils/svg.d.ts +2 -0
  842. package/docs/cem.json +17659 -0
  843. package/docs/components.json +38767 -17409
  844. package/docs/html.html-data.json +1529 -147
  845. package/docs/tags.json +29 -1
  846. package/package.json +45 -38
  847. package/sbom.cdx.json +54391 -0
  848. package/README.md +0 -33
  849. package/components/p-82RSSk25.js +0 -4
  850. package/components/p-BEngECpF.js +0 -4
  851. package/components/p-BMBthpLd.js +0 -4
  852. package/components/p-BNY3JzuV.js +0 -4
  853. package/components/p-BOTkpyFe.js +0 -5
  854. package/components/p-BOgMmRCt.js +0 -4
  855. package/components/p-CDYlUuhB.js +0 -4
  856. package/components/p-Cb75Rr6o.js +0 -4
  857. package/components/p-CojUmpFm.js +0 -4
  858. package/components/p-DHeVI6dR.js +0 -4
  859. package/components/p-DTPbL3uY.js +0 -4
  860. package/components/p-DnnGnukM.js +0 -4
  861. package/components/p-DtuTnY5l.js +0 -4
  862. package/components/p-JZ1uDtZv.js +0 -4
  863. package/components/p-cSbDziZm.js +0 -4
  864. package/components/p-gA-94RPS.js +0 -4
  865. package/components/p-xDEngwqW.js +0 -4
  866. package/dist/cjs/contact-SPfz2A_q.js +0 -1647
  867. package/dist/cjs/ds-content.cjs.entry.js +0 -154
  868. package/dist/cjs/ds-divider.cjs.entry.js +0 -131
  869. package/dist/cjs/ds-stack.cjs.entry.js +0 -224
  870. package/dist/cjs/isEmpty-BmKp4bH4.js +0 -99
  871. package/dist/cjs/stack.interfaces-6vlKvBmb.js +0 -68
  872. package/dist/cjs/svg-D7Mwbcvp.js +0 -1482
  873. package/dist/cjs/validate.decorator-C9-9HA0Y.js +0 -115
  874. package/dist/collection/global/constants/icons.constant.js +0 -42
  875. package/dist/collection/utils/element-states/element-states.decorator.js +0 -23
  876. package/dist/collection/utils/element-states/element-states.listener.js +0 -55
  877. package/dist/collection/utils/element-states/element-states.subject.js +0 -24
  878. package/dist/collection/utils/element-states/index.js +0 -5
  879. package/dist/collection/utils/keyboard/index.js +0 -6
  880. package/dist/collection/utils/keyboard/keyboard.decorator.js +0 -23
  881. package/dist/collection/utils/keyboard/keyboard.listener.js +0 -34
  882. package/dist/collection/utils/keyboard/keyboard.subject.js +0 -24
  883. package/dist/collection/utils/property-checkers/check-array-of.js +0 -13
  884. package/dist/collection/utils/property-checkers/check-date.js +0 -18
  885. package/dist/collection/utils/property-checkers/check-iso-date.js +0 -14
  886. package/dist/collection/utils/property-checkers/check-one-of.js +0 -13
  887. package/dist/collection/utils/property-checkers/check-pattern.js +0 -13
  888. package/dist/collection/utils/property-checkers/check-type.js +0 -20
  889. package/dist/collection/utils/property-checkers/check-url.js +0 -20
  890. package/dist/collection/utils/property-checkers/empty-or.js +0 -15
  891. package/dist/collection/utils/property-checkers/index.js +0 -57
  892. package/dist/collection/utils/property-checkers/required-and.js +0 -20
  893. package/dist/collection/utils/swipe/index.js +0 -6
  894. package/dist/collection/utils/swipe/swipe.decorator.js +0 -23
  895. package/dist/collection/utils/swipe/swipe.listener.js +0 -33
  896. package/dist/collection/utils/swipe/swipe.subject.js +0 -28
  897. package/dist/collection/utils/validate.decorator.js +0 -203
  898. package/dist/design-system/p-03bbcdf9de.entry.js +0 -4
  899. package/dist/design-system/p-1154323457.entry.js +0 -4
  900. package/dist/design-system/p-1f0601a4f4.entry.js +0 -4
  901. package/dist/design-system/p-21b080a49a.entry.js +0 -4
  902. package/dist/design-system/p-27c34c4e5f.entry.js +0 -4
  903. package/dist/design-system/p-2b91de302f.entry.js +0 -4
  904. package/dist/design-system/p-31c1235ac5.entry.js +0 -4
  905. package/dist/design-system/p-3259acaa64.entry.js +0 -4
  906. package/dist/design-system/p-339d85cca0.entry.js +0 -4
  907. package/dist/design-system/p-35e63b52e7.entry.js +0 -4
  908. package/dist/design-system/p-363f3a7ab4.entry.js +0 -4
  909. package/dist/design-system/p-3d901720f7.entry.js +0 -4
  910. package/dist/design-system/p-40ba8b9812.entry.js +0 -4
  911. package/dist/design-system/p-432430e14f.entry.js +0 -4
  912. package/dist/design-system/p-487807f228.entry.js +0 -4
  913. package/dist/design-system/p-4a049d1b7f.entry.js +0 -4
  914. package/dist/design-system/p-4f4cce8ce4.entry.js +0 -4
  915. package/dist/design-system/p-5a901a9b8e.entry.js +0 -4
  916. package/dist/design-system/p-5d3330bf93.entry.js +0 -4
  917. package/dist/design-system/p-640223834c.entry.js +0 -4
  918. package/dist/design-system/p-6b9aab417f.entry.js +0 -4
  919. package/dist/design-system/p-799705af3a.entry.js +0 -4
  920. package/dist/design-system/p-82RSSk25.js +0 -4
  921. package/dist/design-system/p-8e0872fef0.entry.js +0 -4
  922. package/dist/design-system/p-9617d56181.entry.js +0 -4
  923. package/dist/design-system/p-BaIoYrFa.js +0 -5
  924. package/dist/design-system/p-Cb75Rr6o.js +0 -4
  925. package/dist/design-system/p-CqZ6YSy9.js +0 -4
  926. package/dist/design-system/p-CqzM3doy.js +0 -4
  927. package/dist/design-system/p-CuwLeg-T.js +0 -5
  928. package/dist/design-system/p-DTPbL3uY.js +0 -4
  929. package/dist/design-system/p-aff68865ee.entry.js +0 -4
  930. package/dist/design-system/p-b3c6327744.entry.js +0 -4
  931. package/dist/design-system/p-be9023a38b.entry.js +0 -4
  932. package/dist/design-system/p-c031d1dce5.entry.js +0 -4
  933. package/dist/design-system/p-c3ae96e220.entry.js +0 -4
  934. package/dist/design-system/p-d430812a57.entry.js +0 -4
  935. package/dist/design-system/p-de1354f022.entry.js +0 -4
  936. package/dist/design-system/p-e3d0c82e2a.entry.js +0 -4
  937. package/dist/design-system/p-ea1a5e1f75.entry.js +0 -4
  938. package/dist/design-system/p-ea7169501c.entry.js +0 -4
  939. package/dist/design-system/p-eab397e041.entry.js +0 -4
  940. package/dist/design-system/p-ecba4deb9a.entry.js +0 -4
  941. package/dist/design-system/p-fe0dbd4b03.entry.js +0 -4
  942. package/dist/design-system/p-ng5ZzTOj.js +0 -4
  943. package/dist/esm/contact-Cb75Rr6o.js +0 -1636
  944. package/dist/esm/ds-content.entry.js +0 -152
  945. package/dist/esm/ds-divider.entry.js +0 -129
  946. package/dist/esm/ds-stack.entry.js +0 -222
  947. package/dist/esm/isEmpty-DmZYZqE9.js +0 -97
  948. package/dist/esm/stack.interfaces-ng5ZzTOj.js +0 -62
  949. package/dist/esm/svg-BaIoYrFa.js +0 -1480
  950. package/dist/esm/validate.decorator-82RSSk25.js +0 -110
  951. package/dist/types/global/constants/icons.constant.d.ts +0 -38
  952. package/dist/types/utils/element-states/element-states.decorator.d.ts +0 -3
  953. package/dist/types/utils/element-states/element-states.interfaces.d.ts +0 -10
  954. package/dist/types/utils/element-states/element-states.listener.d.ts +0 -15
  955. package/dist/types/utils/element-states/element-states.subject.d.ts +0 -8
  956. package/dist/types/utils/element-states/index.d.ts +0 -2
  957. package/dist/types/utils/keyboard/index.d.ts +0 -3
  958. package/dist/types/utils/keyboard/keyboard.decorator.d.ts +0 -3
  959. package/dist/types/utils/keyboard/keyboard.interfaces.d.ts +0 -8
  960. package/dist/types/utils/keyboard/keyboard.listener.d.ts +0 -9
  961. package/dist/types/utils/keyboard/keyboard.subject.d.ts +0 -8
  962. package/dist/types/utils/property-checkers/check-array-of.d.ts +0 -2
  963. package/dist/types/utils/property-checkers/check-date.d.ts +0 -1
  964. package/dist/types/utils/property-checkers/check-iso-date.d.ts +0 -1
  965. package/dist/types/utils/property-checkers/check-one-of.d.ts +0 -1
  966. package/dist/types/utils/property-checkers/check-pattern.d.ts +0 -1
  967. package/dist/types/utils/property-checkers/check-type.d.ts +0 -2
  968. package/dist/types/utils/property-checkers/check-url.d.ts +0 -1
  969. package/dist/types/utils/property-checkers/constants.d.ts +0 -1
  970. package/dist/types/utils/property-checkers/empty-or.d.ts +0 -1
  971. package/dist/types/utils/property-checkers/index.d.ts +0 -19
  972. package/dist/types/utils/property-checkers/required-and.d.ts +0 -1
  973. package/dist/types/utils/swipe/index.d.ts +0 -3
  974. package/dist/types/utils/swipe/swipe.decorator.d.ts +0 -5
  975. package/dist/types/utils/swipe/swipe.interfaces.d.ts +0 -10
  976. package/dist/types/utils/swipe/swipe.listener.d.ts +0 -10
  977. package/dist/types/utils/swipe/swipe.subject.d.ts +0 -11
  978. package/dist/types/utils/validate.decorator.d.ts +0 -114
  979. /package/dist/collection/{utils/element-states/element-states.interfaces.js → components/data/data-item.interfaces.js} +0 -0
  980. /package/dist/collection/{utils/keyboard/keyboard.interfaces.js → components/data/data-label.interfaces.js} +0 -0
  981. /package/dist/collection/{utils/property-checkers/property-types.js → components/data/data-value.interfaces.js} +0 -0
  982. /package/dist/collection/{utils/swipe/swipe.interfaces.js → components/data/data.interfaces.js} +0 -0
  983. /package/dist/collection/utils/{property-checkers/is-iso-date.js → is-iso-date.js} +0 -0
  984. /package/dist/collection/utils/{keyboard/keyboard.helpers.js → keyboard.js} +0 -0
  985. /package/dist/types/utils/{property-checkers/is-iso-date.d.ts → is-iso-date.d.ts} +0 -0
  986. /package/dist/types/utils/{property-checkers/is-value-empty.d.ts → is-value-empty.d.ts} +0 -0
  987. /package/dist/types/utils/{keyboard/keyboard.helpers.d.ts → keyboard.d.ts} +0 -0
  988. /package/dist/types/utils/{property-checkers/property-types.d.ts → property-types.d.ts} +0 -0
package/dist/esm/ds-accordion.entry.js CHANGED
@@ -1,15 +1,18 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, I as createEvent, E as h, F as Host, G as getElement } from './index-CuwLeg-T.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-tdchDLyb.js';
4
+ import { B as registerInstance, I as createEvent, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
6
6
  import { a as ariaBooleanToString } from './aria-DYfTMCkl.js';
7
- import { s as setupValidation, V as ValidateType, a as ValidateOneOf } from './validate.decorator-82RSSk25.js';
7
+ import { h as hasValue } from './has-value-DU9L2JaI.js';
8
8
  import { b as ACCORDION_SUMMARY_LEVELS, A as ACCORDION_MARKERS, a as ACCORDION_MARKER_POSITIONS, c as ACCORDION_BUTTON_COLORS, d as ACCORDION_BUTTON_SIZES } from './accordion.interfaces-C7u0gyLh.js';
9
- import { L as ListenToConfig } from './config.decorator-BQNIja4k.js';
10
- import './config.utils-COlKFRlV.js';
9
+ import { T as Type } from './type-DzkhLOG_.js';
10
+ import { O as OneOf } from './one-of-CKPv0Nqm.js';
11
+ import { L as ListenToConfig } from './config.decorator-ZQ0_Zx5y.js';
12
+ import './create-validator-decorator-DovxquEu.js';
13
+ import './config.utils-D9o7rffC.js';
11
14
 
12
- const accordionHostCss = () => `.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{-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(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 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}}`;
15
+ const accordionHostCss = () => `.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}}`;
13
16
 
14
17
  const Accordion = class {
15
18
  constructor(hostRef) {
@@ -96,13 +99,6 @@ const Accordion = class {
96
99
  createLogger(log) {
97
100
  this.log = log;
98
101
  }
99
- /**
100
- * LIFECYCLE
101
- * ------------------------------------------------------
102
- */
103
- connectedCallback() {
104
- setupValidation(this);
105
- }
106
102
  /**
107
103
  * LISTENERS
108
104
  * ------------------------------------------------------
@@ -113,7 +109,7 @@ const Accordion = class {
113
109
  if (id === this.accordionId)
114
110
  return;
115
111
  // only react if same group (or no group = global)
116
- if ((this.group && group !== this.group) || this.group === undefined || this.group === null || this.group === '')
112
+ if ((this.group && group !== this.group) || !hasValue(this.group))
117
113
  return;
118
114
  this.open = false;
119
115
  }
@@ -155,23 +151,23 @@ const Accordion = class {
155
151
  * ------------------------------------------------------
156
152
  */
157
153
  render() {
158
- const MarkerIcon = (h("ds-icon", { key: '9df1f792bf8c1fb373d69eddd5aecf1c62bcacb0', id: "marker", part: "marker", class: {
154
+ const MarkerIcon = (h("ds-icon", { key: '48d7b88e447d191b791ccfc0083a5cc9f0af0fe5', id: "marker", part: "marker", class: {
159
155
  'has-marker-plus': this.marker === 'plus' || (this.marker === 'plus-minus' && !this.open),
160
156
  'has-marker-minus': this.marker === 'plus-minus' && this.open,
161
157
  }, name: this.marker === 'plus' ? 'plus' : this.marker !== 'plus-minus' ? 'caret-down' : this.open ? 'minus' : 'plus' }));
162
- return (h(Host, { key: '1ad6618553f3aad6c4dcdfa60307cda611687efd', class: {
158
+ return (h(Host, { key: '59ab8b2cfcb61d9aebcc1fe4d9ec51a6838dc3ae', class: {
163
159
  'is-button': !!this.buttonIconOpen || !!this.buttonIconClose,
164
- 'is-title': this.summaryTitle === true || this.summaryVisualLevel !== undefined,
160
+ 'is-title': this.summaryTitle === true || hasValue(this.summaryVisualLevel),
165
161
  [`is-${this.summaryVisualLevel}`]: !!this.summaryVisualLevel,
166
162
  'is-animated': !!this.animated,
167
163
  'is-animating': !!this.animated && this.isAnimating,
168
- } }, h(this.summaryLevel, { key: 'bf871c6842a02c7182233e530a351bb5aeedcaff', id: "header", part: "header" }, h("button", { key: '795650137f9b2811ffd714eed7e962e187138e41', type: "button", "aria-expanded": ariaBooleanToString(this.open), "aria-controls": "content", id: "summary", part: "summary", onClick: ev => this.handleToggle(ev, !this.open), class: {
164
+ } }, h(this.summaryLevel, { key: '97597627f97470d3841223df4535af767a9fe1a4', id: "header", part: "header" }, h("button", { key: '97c1938280ce66d37b9b94d676d3fa0c8f65fa30', type: "button", "aria-expanded": ariaBooleanToString(this.open), "aria-controls": "content", id: "summary", part: "summary", onClick: ev => this.handleToggle(ev, !this.open), class: {
169
165
  'button': this.button,
170
166
  'is-wide': this.buttonWide,
171
167
  [`is-${this.buttonColor}`]: !!this.buttonColor,
172
168
  [`is-${this.buttonSize}`]: !!this.buttonSize,
173
169
  'has-marker-left': this.markerPosition === 'left',
174
- } }, this.buttonIconOpen || this.buttonIconClose ? (h("ds-icon", { id: "marker", part: "marker", name: this.open ? this.buttonIconOpen : this.buttonIconClose })) : (this.button && MarkerIcon), h("span", { key: '61cdfe01e5f91b2f6e24f6498af12be43151dc5e', id: "label", class: { 'is-button': this.button } }, h("slot", { key: '842e555953f2d70e85727283bd7eff2ea49e6ab6', name: "summary" }, this.open ? this.buttonLabelOpen : this.buttonLabelClose)), !this.button && this.marker !== 'none' && !this.buttonIconOpen && MarkerIcon)), h("div", { key: 'a4c52e4567ddaa7f2ddf1bdf5ae46277ce60b276', id: "content", role: "region", "aria-labelledby": "summary", part: "content", hidden: !this.open, onTransitionEnd: this.handleContentTransitionEnd }, h("div", { key: 'b9898ee9f3b50551646918be8b455e8301632417', id: "inner" }, h("slot", { key: '5f13e58defaf85f0f1d852d17558588cb2fd5ebe', name: "content" }), h("slot", { key: '0e68f420b997574d35600a16f6ba63c16aee889d' })))));
170
+ } }, this.buttonIconOpen || this.buttonIconClose ? (h("ds-icon", { id: "marker", part: "marker", name: this.open ? this.buttonIconOpen : this.buttonIconClose })) : (this.button && MarkerIcon), h("span", { key: '2214f05ded2349b934bba71647cc6ea7af5385fd', id: "label", class: { 'is-button': this.button } }, h("slot", { key: '090df033234b886dbcbe2a2949295392cc576c56', name: "summary" }, this.open ? this.buttonLabelOpen : this.buttonLabelClose)), !this.button && this.marker !== 'none' && !this.buttonIconOpen && MarkerIcon)), h("div", { key: '0dd36569ea9052d2ebc5acad4930d9bd5234fe7f', id: "content", role: "region", "aria-labelledby": "summary", part: "content", hidden: !this.open, onTransitionEnd: this.handleContentTransitionEnd }, h("div", { key: '2d14894d44ab11c12ae8e750cc73efd013402b60', id: "inner" }, h("slot", { key: 'ba32e6448db881b4530c995258de6a3de126ecb1', name: "content" }), h("slot", { key: '5a6a5689a9b8b22fc3717d36d5c765c91744330b' })))));
175
171
  }
176
172
  get el() { return getElement(this); }
177
173
  };
@@ -182,63 +178,63 @@ __decorate([
182
178
  __metadata("design:returntype", void 0)
183
179
  ], Accordion.prototype, "createLogger", null);
184
180
  __decorate([
185
- ValidateType('boolean'),
181
+ Type('boolean'),
186
182
  __metadata("design:type", Boolean)
187
183
  ], Accordion.prototype, "open", void 0);
188
184
  __decorate([
189
- ValidateType('string'),
185
+ Type('string'),
190
186
  __metadata("design:type", String)
191
187
  ], Accordion.prototype, "group", void 0);
192
188
  __decorate([
193
- ValidateOneOf(...ACCORDION_SUMMARY_LEVELS),
189
+ OneOf(ACCORDION_SUMMARY_LEVELS),
194
190
  __metadata("design:type", String)
195
191
  ], Accordion.prototype, "summaryLevel", void 0);
196
192
  __decorate([
197
- ValidateOneOf(...ACCORDION_SUMMARY_LEVELS),
193
+ OneOf(ACCORDION_SUMMARY_LEVELS),
198
194
  __metadata("design:type", String)
199
195
  ], Accordion.prototype, "summaryVisualLevel", void 0);
200
196
  __decorate([
201
- ValidateType('boolean'),
197
+ Type('boolean'),
202
198
  __metadata("design:type", Boolean)
203
199
  ], Accordion.prototype, "summaryTitle", void 0);
204
200
  __decorate([
205
- ValidateOneOf(...ACCORDION_MARKERS),
201
+ OneOf(ACCORDION_MARKERS),
206
202
  __metadata("design:type", String)
207
203
  ], Accordion.prototype, "marker", void 0);
208
204
  __decorate([
209
- ValidateOneOf(...ACCORDION_MARKER_POSITIONS),
205
+ OneOf(ACCORDION_MARKER_POSITIONS),
210
206
  __metadata("design:type", String)
211
207
  ], Accordion.prototype, "markerPosition", void 0);
212
208
  __decorate([
213
- ValidateType('boolean'),
209
+ Type('boolean'),
214
210
  __metadata("design:type", Boolean)
215
211
  ], Accordion.prototype, "button", void 0);
216
212
  __decorate([
217
- ValidateType('boolean'),
213
+ Type('boolean'),
218
214
  __metadata("design:type", Boolean)
219
215
  ], Accordion.prototype, "buttonWide", void 0);
220
216
  __decorate([
221
- ValidateOneOf(...ACCORDION_BUTTON_COLORS),
217
+ OneOf(ACCORDION_BUTTON_COLORS),
222
218
  __metadata("design:type", String)
223
219
  ], Accordion.prototype, "buttonColor", void 0);
224
220
  __decorate([
225
- ValidateOneOf(...ACCORDION_BUTTON_SIZES),
221
+ OneOf(ACCORDION_BUTTON_SIZES),
226
222
  __metadata("design:type", String)
227
223
  ], Accordion.prototype, "buttonSize", void 0);
228
224
  __decorate([
229
- ValidateType('string'),
225
+ Type('string'),
230
226
  __metadata("design:type", String)
231
227
  ], Accordion.prototype, "buttonLabelOpen", void 0);
232
228
  __decorate([
233
- ValidateType('string'),
229
+ Type('string'),
234
230
  __metadata("design:type", String)
235
231
  ], Accordion.prototype, "buttonIconOpen", void 0);
236
232
  __decorate([
237
- ValidateType('string'),
233
+ Type('string'),
238
234
  __metadata("design:type", String)
239
235
  ], Accordion.prototype, "buttonLabelClose", void 0);
240
236
  __decorate([
241
- ValidateType('string'),
237
+ Type('string'),
242
238
  __metadata("design:type", String)
243
239
  ], Accordion.prototype, "buttonIconClose", void 0);
244
240
  __decorate([
package/dist/esm/ds-alert-container.entry.js CHANGED
@@ -1,9 +1,12 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, w as wait, D as raf, E as h, F as Host, G as getElement } from './index-CuwLeg-T.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-tdchDLyb.js';
6
- import { s as setupValidation, V as ValidateType, a as ValidateOneOf } from './validate.decorator-82RSSk25.js';
4
+ import { B as registerInstance, w as wait, D as raf, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
6
+ import { T as Type } from './type-DzkhLOG_.js';
7
+ import { O as OneOf } from './one-of-CKPv0Nqm.js';
8
+ import { R as Required } from './required-Dqsbx5fH.js';
9
+ import './create-validator-decorator-DovxquEu.js';
7
10
 
8
11
  function createPausableTimer(callback, delay) {
9
12
  let timerId;
@@ -59,13 +62,6 @@ const AlertContainer = class {
59
62
  createLogger(log) {
60
63
  this.log = log;
61
64
  }
62
- /**
63
- * LIFECYCLE
64
- * ------------------------------------------------------
65
- */
66
- connectedCallback() {
67
- setupValidation(this);
68
- }
69
65
  /**
70
66
  * PUBLIC METHODS
71
67
  * ------------------------------------------------------
@@ -155,10 +151,10 @@ const AlertContainer = class {
155
151
  render() {
156
152
  const visibleAlerts = this.alerts.slice(0, this.maxVisibleItems);
157
153
  const AlertElement = this.type === 'toast' ? 'ds-toast' : 'ds-snackbar';
158
- return (h(Host, { key: '239044a2e90d54e30f0a0d9335872571de743b82', class: {
154
+ return (h(Host, { key: '4b27582dc8593dc0f58058dfa15bba7e3b3ef7d5', class: {
159
155
  'is-toast': this.type === 'toast',
160
156
  'is-snackbar': this.type === 'snackbar',
161
- } }, h("div", { key: '0356a057666edc0b1cc174de6476179085e71878', id: "wrapper", class: { container: this.type === 'toast' } }, visibleAlerts.map(alert => (h(AlertElement, { key: alert.alertId, id: alert.alertId, alertId: alert.alertId, visible: alert.visible, heading: alert.heading, message: alert.message, color: alert.color, duration: alert.duration, closable: alert.closable, closeHandler: () => alert.closeHandler(alert.alertId), action: alert.action, actionIcon: alert.actionIcon, actionTarget: alert.actionTarget, actionHref: alert.actionHref, actionHandler: () => alert.actionHandler(alert.alertId), onDsCloseClick: () => this.removeAlert(alert.alertId), onDsDidLoad: () => this.present(alert.alertId), onDsDidPause: () => {
157
+ } }, h("div", { key: '9a0e962b0f44b361b348072db213475e25b8f75f', id: "wrapper", class: { container: this.type === 'toast' } }, visibleAlerts.map(alert => (h(AlertElement, { key: alert.alertId, id: alert.alertId, alertId: alert.alertId, visible: alert.visible, heading: alert.heading, message: alert.message, color: alert.color, duration: alert.duration, closable: alert.closable, closeHandler: () => alert.closeHandler(alert.alertId), action: alert.action, actionIcon: alert.actionIcon, actionTarget: alert.actionTarget, actionHref: alert.actionHref, actionHandler: () => alert.actionHandler(alert.alertId), onDsCloseClick: () => this.removeAlert(alert.alertId), onDsDidLoad: () => this.present(alert.alertId), onDsDidPause: () => {
162
158
  this.alertTimers[alert.alertId] && this.alertTimers[alert.alertId].pause();
163
159
  }, onDsDidResume: () => {
164
160
  this.alertTimers[alert.alertId] && this.alertTimers[alert.alertId].resume();
@@ -173,15 +169,16 @@ __decorate([
173
169
  __metadata("design:returntype", void 0)
174
170
  ], AlertContainer.prototype, "createLogger", null);
175
171
  __decorate([
176
- ValidateType('boolean'),
172
+ Type('boolean'),
177
173
  __metadata("design:type", Boolean)
178
174
  ], AlertContainer.prototype, "animated", void 0);
179
175
  __decorate([
180
- ValidateOneOf(...ALERT_CONTAINER_SIZES),
176
+ OneOf(ALERT_CONTAINER_SIZES),
181
177
  __metadata("design:type", String)
182
178
  ], AlertContainer.prototype, "container", void 0);
183
179
  __decorate([
184
- ValidateOneOf(...ALERT_TYPES),
180
+ Required(),
181
+ OneOf(ALERT_TYPES),
185
182
  __metadata("design:type", String)
186
183
  ], AlertContainer.prototype, "type", void 0);
187
184
  AlertContainer.style = alertContainerHostCss();
package/dist/esm/ds-app.entry.js CHANGED
@@ -1,11 +1,13 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, I as createEvent, J as debounce, d as dsBrowser, K as rIC, r as rOnLoad, E as h, F as Host, G as getElement } from './index-CuwLeg-T.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-tdchDLyb.js';
6
- import { d as dsDevice } from './device-Dhwt3m7W.js';
4
+ import { B as registerInstance, I as createEvent, J as debounce, d as dsBrowser, K as rIC, L as rOnLoad, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
6
+ import { d as dsDevice } from './device-CRuIJzXR.js';
7
7
  import { s as startFocusVisible } from './app.focus.util-BTyFgjT3.js';
8
- import { i as updateDsAnimated, j as updateDsLogger } from './config.utils-COlKFRlV.js';
8
+ import { i as updateDsAnimated, j as updateDsLogger } from './config.utils-D9o7rffC.js';
9
+ import { T as Type } from './type-DzkhLOG_.js';
10
+ import './create-validator-decorator-DovxquEu.js';
9
11
 
10
12
  const appCss = () => `:root{--ds-app-height:100%}.ds-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}`;
11
13
 
@@ -72,11 +74,11 @@ const App = class {
72
74
  }
73
75
  }
74
76
  render() {
75
- return (h(Host, { key: '1083246d9dd0defa01d08b3553ec4f065c3256fd', class: {
77
+ return (h(Host, { key: '1eaae424ed6f20db8d0d6a0c7c485f4d620d20bf', class: {
76
78
  'ds-app': true,
77
79
  'ds-app--safari': dsBrowser.isSafari,
78
80
  'ds-app--touch': dsDevice.hasTouchScreen,
79
- } }, h("slot", { key: '5c7ae61877d5a03d610e312bb1e2f9c4aa01699d' })));
81
+ } }, h("slot", { key: 'c80d99b79ee378c003a130f35beb688f746edb69' })));
80
82
  }
81
83
  get el() { return getElement(this); }
82
84
  };
@@ -86,6 +88,14 @@ __decorate([
86
88
  __metadata("design:paramtypes", [Function]),
87
89
  __metadata("design:returntype", void 0)
88
90
  ], App.prototype, "createLogger", null);
91
+ __decorate([
92
+ Type('boolean'),
93
+ __metadata("design:type", Boolean)
94
+ ], App.prototype, "animated", void 0);
95
+ __decorate([
96
+ Type('boolean'),
97
+ __metadata("design:type", Boolean)
98
+ ], App.prototype, "ready", void 0);
89
99
  App.style = appCss();
90
100
 
91
101
  export { App as ds_app };
package/dist/esm/ds-badge.entry.js CHANGED
@@ -1,12 +1,15 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { B as registerInstance, E as h, F as Host, G as getElement } from './index-CuwLeg-T.js';
5
- import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-tdchDLyb.js';
4
+ import { B as registerInstance, E as h, F as Host, G as getElement } from './index-C6MVahkC.js';
5
+ import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-C9GKXw-5.js';
6
+ import { h as hasValue } from './has-value-DU9L2JaI.js';
6
7
  import { n as normalizeDeprecatedTShirtSize } from './t-shirt-DR5LIaCn.js';
7
- import { s as setupValidation, V as ValidateType, a as ValidateOneOf } from './validate.decorator-82RSSk25.js';
8
+ import { T as Type } from './type-DzkhLOG_.js';
9
+ import { O as OneOf } from './one-of-CKPv0Nqm.js';
10
+ import './create-validator-decorator-DovxquEu.js';
8
11
 
9
- const BADGE_SIZES = ['small', 'large', ''];
12
+ const BADGE_SIZES = ['sm', 'lg', 'small', 'large', ''];
10
13
  const BADGE_COLORS = ['grey', 'danger', 'warning', 'success', 'red', 'yellow', 'green', 'purple', ''];
11
14
  const BADGE_POSITIONS = ['card', 'button', 'tabs', ''];
12
15
 
@@ -15,6 +18,9 @@ const badgeHostCss = () => `:host{--_badge-position:var(--badge-position, var(--
15
18
  const Badge = class {
16
19
  constructor(hostRef) {
17
20
  registerInstance(this, hostRef);
21
+ // ========================================================================
22
+ // PUBLIC PROPERTY API
23
+ // ========================================================================
18
24
  /**
19
25
  * Name of the icon to show. If an icon is present, text should be hidden.
20
26
  */
@@ -39,26 +45,27 @@ const Badge = class {
39
45
  createLogger(log) {
40
46
  this.log = log;
41
47
  }
42
- sizeChanged(newValue) {
43
- this.size = normalizeDeprecatedTShirtSize(newValue);
44
- }
45
- connectedCallback() {
46
- setupValidation(this);
47
- this.size = normalizeDeprecatedTShirtSize(this.size) || '';
48
- }
48
+ // ========================================================================
49
+ // LIFECYCLE
50
+ // ========================================================================
51
+ // ========================================================================
52
+ // PROPERTY VALIDATION
53
+ // ========================================================================
54
+ // ========================================================================
55
+ // PRIVATE METHODS
56
+ // ========================================================================
57
+ // ========================================================================
58
+ // RENDER
59
+ // ========================================================================
49
60
  render() {
50
- return (h(Host, { key: '7b279ecf8768e13957aa164eeed67af8c12155b5', class: {
51
- [`is-${this.color}`]: !!this.color,
52
- [`is-${this.size}`]: !!this.size,
61
+ const size = normalizeDeprecatedTShirtSize(this.size) || '';
62
+ return (h(Host, { key: '96172084445525ad98729b13be73fd5608f20c3f', class: {
63
+ [`is-${this.color}`]: hasValue(this.color),
64
+ [`is-${size}`]: hasValue(this.size),
53
65
  'is-pulse': this.pulse,
54
- } }, h("span", { key: 'b530be3918a020b04b96926744788390507e3407', id: "badge", part: "badge" }, h("slot", { key: '8e4cbeab0f9d2a2672e1758fe1d85a15b11c3493' }), this.size !== 'small' && !!this.icon ? h("ds-icon", { part: "icon", name: this.icon }) : '')));
66
+ } }, h("span", { key: '23c0d0ddfd7be982b9d3538e5a6fba39993b3a99', id: "badge", part: "badge" }, h("slot", { key: 'c477848d6d4cb7079c12dfc667e3d63c15041ef9' }), size !== 'sm' && hasValue(this.icon) ? h("ds-icon", { part: "icon", name: this.icon }) : '')));
55
67
  }
56
68
  get el() { return getElement(this); }
57
- static get watchers() { return {
58
- "size": [{
59
- "sizeChanged": 0
60
- }]
61
- }; }
62
69
  };
63
70
  __decorate([
64
71
  Logger('badge'),
@@ -67,23 +74,23 @@ __decorate([
67
74
  __metadata("design:returntype", void 0)
68
75
  ], Badge.prototype, "createLogger", null);
69
76
  __decorate([
70
- ValidateType('string'),
77
+ Type('string'),
71
78
  __metadata("design:type", String)
72
79
  ], Badge.prototype, "icon", void 0);
73
80
  __decorate([
74
- ValidateOneOf(...BADGE_SIZES),
81
+ OneOf(BADGE_SIZES),
75
82
  __metadata("design:type", String)
76
83
  ], Badge.prototype, "size", void 0);
77
84
  __decorate([
78
- ValidateOneOf(...BADGE_COLORS),
85
+ OneOf(BADGE_COLORS),
79
86
  __metadata("design:type", String)
80
87
  ], Badge.prototype, "color", void 0);
81
88
  __decorate([
82
- ValidateOneOf(...BADGE_POSITIONS),
89
+ OneOf(BADGE_POSITIONS),
83
90
  __metadata("design:type", String)
84
91
  ], Badge.prototype, "position", void 0);
85
92
  __decorate([
86
- ValidateType('boolean'),
93
+ Type('boolean'),
87
94
  __metadata("design:type", Boolean)
88
95
  ], Badge.prototype, "pulse", void 0);
89
96
  Badge.style = badgeHostCss();