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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (488) hide show
  1. package/components/ds-accordion.js +1 -1
  2. package/components/ds-alert-container.js +1 -1
  3. package/components/ds-app.js +1 -1
  4. package/components/ds-badge.js +1 -1
  5. package/components/ds-button-group.js +1 -1
  6. package/components/ds-button.js +1 -1
  7. package/components/ds-card-actions.js +1 -1
  8. package/components/ds-card-content.js +1 -1
  9. package/components/ds-card-subtitle.js +1 -1
  10. package/components/ds-card-title.js +1 -1
  11. package/components/ds-card.js +1 -1
  12. package/components/ds-carousel.js +1 -1
  13. package/components/ds-checkbox-group.js +1 -1
  14. package/components/ds-close.js +1 -1
  15. package/components/ds-content.js +1 -1
  16. package/components/ds-data-item.js +1 -1
  17. package/components/ds-date.js +1 -1
  18. package/components/ds-drawer.js +1 -1
  19. package/components/ds-file-upload.js +1 -1
  20. package/components/ds-footer.js +1 -1
  21. package/components/ds-heading.js +1 -1
  22. package/components/ds-hint.js +1 -1
  23. package/components/ds-icon.js +1 -1
  24. package/components/ds-input-slider.js +1 -1
  25. package/components/ds-input.js +1 -1
  26. package/components/ds-item.js +1 -1
  27. package/components/ds-modal.js +1 -1
  28. package/components/ds-navbar.js +1 -1
  29. package/components/ds-notification.js +1 -1
  30. package/components/ds-number-input.js +1 -1
  31. package/components/ds-pagination.js +1 -1
  32. package/components/ds-popup.js +1 -1
  33. package/components/ds-radio-group.js +1 -1
  34. package/components/ds-segment.js +1 -1
  35. package/components/ds-select.js +1 -1
  36. package/components/ds-snackbar.js +1 -1
  37. package/components/ds-spinner.js +1 -1
  38. package/components/ds-stack.js +1 -1
  39. package/components/ds-step.js +1 -1
  40. package/components/ds-steps.js +1 -1
  41. package/components/ds-tabs.js +1 -1
  42. package/components/ds-tag.js +1 -1
  43. package/components/ds-textarea.js +1 -1
  44. package/components/ds-toast.js +1 -1
  45. package/components/index.js +1 -1
  46. package/components/{p-DenZRIeA.js → p-BXJT6RzI.js} +1 -1
  47. package/components/p-BdLq-Ecc.js +4 -0
  48. package/components/{p-DSeYzuO7.js → p-BmKEBYP4.js} +1 -1
  49. package/components/p-BoWAkGY5.js +4 -0
  50. package/components/{p-DYTOWDAA.js → p-CTbJFS-e.js} +1 -1
  51. package/components/{p-VsWv65bD.js → p-CaMOovXn.js} +1 -1
  52. package/components/p-Ce8PV2ZO.js +4 -0
  53. package/components/p-CmBtAxar.js +4 -0
  54. package/components/p-D8gpyiFZ.js +4 -0
  55. package/components/{p-ng5ZzTOj.js → p-DBX_haol.js} +1 -1
  56. package/components/{p-ABj0eATe.js → p-DPbhygsR.js} +1 -1
  57. package/components/{p-BwwAKEvn.js → p-DZzsZ_YH.js} +1 -1
  58. package/components/p-DbUsvqrz.js +4 -0
  59. package/components/p-Dbqy6lZU.js +5 -0
  60. package/components/{p-D9YYP2SG.js → p-fS80bKHo.js} +1 -1
  61. package/components/{p-D5zw5ezD.js → p-hPpcXLRP.js} +1 -1
  62. package/components/p-o0H7eIVX.js +5 -0
  63. package/components/p-std0LSH2.js +4 -0
  64. package/components/p-u5aa74vh.js +2 -1
  65. package/components/p-wud2RGEy.js +4 -0
  66. package/dist/cjs/{breakpoints.decorator-DY5iYsA5.js → breakpoints.decorator-DbttiLa9.js} +1 -1
  67. package/dist/cjs/{breakpoints.subject-CzhLlIwN.js → breakpoints.subject-CNyiZaBe.js} +3 -3
  68. package/dist/cjs/{button.interfaces-CqlUGR-N.js → button.interfaces-BKyK0H_f.js} +0 -1
  69. package/dist/cjs/{config.decorator-C64wi-MA.js → config.decorator-bU7c6ybP.js} +1 -1
  70. package/dist/cjs/{config.utils-BhWbrVRz.js → config.utils-BhJig3l5.js} +1 -1
  71. package/dist/cjs/{create-validator-decorator-Ctd288ve.js → create-validator-decorator-CiRieHJL.js} +1 -1
  72. package/dist/cjs/design-system.cjs.js +2 -2
  73. package/dist/cjs/{device-CIliLOe9.js → device-DM1GXL99.js} +1 -1
  74. package/dist/cjs/ds-accordion.cjs.entry.js +9 -9
  75. package/dist/cjs/ds-alert-container.cjs.entry.js +13 -17
  76. package/dist/cjs/ds-app.cjs.entry.js +35 -8
  77. package/dist/cjs/ds-badge.cjs.entry.js +20 -39
  78. package/dist/cjs/ds-button-group.cjs.entry.js +7 -7
  79. package/dist/cjs/ds-button_2.cjs.entry.js +20 -20
  80. package/dist/cjs/ds-card-actions.cjs.entry.js +4 -4
  81. package/dist/cjs/ds-card-content.cjs.entry.js +3 -3
  82. package/dist/cjs/ds-card-header.cjs.entry.js +5 -5
  83. package/dist/cjs/ds-card-subtitle.cjs.entry.js +10 -14
  84. package/dist/cjs/ds-card-title.cjs.entry.js +8 -14
  85. package/dist/cjs/ds-card.cjs.entry.js +7 -7
  86. package/dist/cjs/ds-carousel-item.cjs.entry.js +6 -6
  87. package/dist/cjs/ds-carousel.cjs.entry.js +8 -8
  88. package/dist/cjs/ds-checkbox-group.cjs.entry.js +22 -15
  89. package/dist/cjs/ds-checkbox.cjs.entry.js +7 -7
  90. package/dist/cjs/ds-content_2.cjs.entry.js +18 -68
  91. package/dist/cjs/ds-data-item.cjs.entry.js +6 -6
  92. package/dist/cjs/ds-data-label.cjs.entry.js +4 -4
  93. package/dist/cjs/ds-data-value.cjs.entry.js +2 -2
  94. package/dist/cjs/ds-data.cjs.entry.js +4 -4
  95. package/dist/cjs/ds-date.cjs.entry.js +18 -12
  96. package/dist/cjs/ds-divider_2.cjs.entry.js +12 -12
  97. package/dist/cjs/ds-drawer_2.cjs.entry.js +9 -9
  98. package/dist/cjs/ds-file-upload.cjs.entry.js +18 -11
  99. package/dist/cjs/ds-footer.cjs.entry.js +7 -7
  100. package/dist/cjs/ds-heading.cjs.entry.js +21 -37
  101. package/dist/cjs/ds-hint-text.cjs.entry.js +2 -2
  102. package/dist/cjs/ds-hint-title.cjs.entry.js +2 -2
  103. package/dist/cjs/ds-hint.cjs.entry.js +11 -11
  104. package/dist/cjs/ds-icon_2.cjs.entry.js +19 -23
  105. package/dist/cjs/ds-input-slider.cjs.entry.js +21 -14
  106. package/dist/cjs/ds-input.cjs.entry.js +20 -11
  107. package/dist/cjs/ds-item.cjs.entry.js +7 -7
  108. package/dist/cjs/ds-label.cjs.entry.js +8 -8
  109. package/dist/cjs/ds-list.cjs.entry.js +4 -4
  110. package/dist/cjs/ds-modal-body.cjs.entry.js +2 -2
  111. package/dist/cjs/ds-modal-header.cjs.entry.js +2 -2
  112. package/dist/cjs/ds-modal.cjs.entry.js +7 -7
  113. package/dist/cjs/ds-navbar.cjs.entry.js +14 -14
  114. package/dist/cjs/ds-notification.cjs.entry.js +16 -22
  115. package/dist/cjs/ds-number-input.cjs.entry.js +20 -11
  116. package/dist/cjs/ds-pagination.cjs.entry.js +12 -12
  117. package/dist/cjs/ds-progress-bar.cjs.entry.js +12 -12
  118. package/dist/cjs/ds-radio-group.cjs.entry.js +21 -14
  119. package/dist/cjs/ds-radio.cjs.entry.js +7 -7
  120. package/dist/cjs/ds-segment-item.cjs.entry.js +4 -4
  121. package/dist/cjs/ds-segment.cjs.entry.js +21 -15
  122. package/dist/cjs/ds-select-optgroup.cjs.entry.js +4 -4
  123. package/dist/cjs/ds-select-option.cjs.entry.js +4 -4
  124. package/dist/cjs/ds-select.cjs.entry.js +18 -13
  125. package/dist/cjs/ds-shape.cjs.entry.js +4 -4
  126. package/dist/cjs/ds-snackbar.cjs.entry.js +36 -24
  127. package/dist/cjs/ds-step-panel.cjs.entry.js +5 -5
  128. package/dist/cjs/ds-step.cjs.entry.js +5 -5
  129. package/dist/cjs/ds-steps.cjs.entry.js +7 -14
  130. package/dist/cjs/ds-tab-panel.cjs.entry.js +5 -5
  131. package/dist/cjs/ds-tab.cjs.entry.js +5 -5
  132. package/dist/cjs/ds-tabs.cjs.entry.js +8 -8
  133. package/dist/cjs/ds-tag-group.cjs.entry.js +2 -2
  134. package/dist/cjs/ds-tag.cjs.entry.js +7 -7
  135. package/dist/cjs/ds-text.cjs.entry.js +6 -6
  136. package/dist/cjs/ds-textarea.cjs.entry.js +19 -10
  137. package/dist/cjs/ds-toast.cjs.entry.js +32 -20
  138. package/dist/cjs/ds-toggle.cjs.entry.js +5 -5
  139. package/dist/cjs/ds-tooltip.cjs.entry.js +4 -4
  140. package/dist/cjs/{field.util-g9nhtuZH.js → field.util-C7hgA41e.js} +32 -2
  141. package/dist/cjs/{focus-BUszBnbl.js → focus-CHzvkERd.js} +1 -1
  142. package/dist/cjs/{form-control-B4Qf8fg-.js → form-control-CmRONWa7.js} +1 -1
  143. package/dist/cjs/{has-value-rj502MLA.js → has-value-3s9rhB3K.js} +1 -1
  144. package/dist/cjs/{heading.interfaces-B5NJ2yjL.js → heading.interfaces-CAc5LNKb.js} +2 -3
  145. package/dist/cjs/{index-CqInh7Vc.js → index-DD7qcaNz.js} +75 -1
  146. package/dist/cjs/index.cjs.js +7 -7
  147. package/dist/cjs/{listener-1PZJDuOW.js → listener-CAzIWSXQ.js} +1 -1
  148. package/dist/cjs/loader.cjs.js +2 -2
  149. package/dist/cjs/{one-of-BotLfpAZ.js → one-of-xdIxH9e7.js} +1 -1
  150. package/dist/cjs/{required-BAhZ8oRM.js → required-Dh6TQNa1.js} +1 -1
  151. package/dist/cjs/{resize.decorator-Sqefy8ta.js → resize.decorator-C53-TjuS.js} +2 -2
  152. package/dist/cjs/{scroll--5tnvpG1.js → scroll-BOeiw1-E.js} +1 -1
  153. package/dist/cjs/{svg-D9RbiR8R.js → svg-B9eUbG7a.js} +96 -33
  154. package/dist/cjs/{tslib.es6-BIB10hMZ.js → tslib.es6-DMgN1vwG.js} +1 -1
  155. package/dist/cjs/{type-Br_NbeTX.js → type-BcP2cAG-.js} +1 -1
  156. package/dist/collection/components/accordion/accordion.host.css +1 -1
  157. package/dist/collection/components/alert/alert-container.interfaces.js +1 -1
  158. package/dist/collection/components/alert/alert-container.js +9 -14
  159. package/dist/collection/components/alert/snackbar/snackbar.host.css +1 -1
  160. package/dist/collection/components/alert/snackbar/snackbar.js +22 -10
  161. package/dist/collection/components/alert/toast/toast.host.css +1 -1
  162. package/dist/collection/components/alert/toast/toast.js +20 -8
  163. package/dist/collection/components/app/app.js +30 -3
  164. package/dist/collection/components/badge/badge.host.css +1 -1
  165. package/dist/collection/components/badge/badge.interfaces.js +3 -3
  166. package/dist/collection/components/badge/badge.js +20 -42
  167. package/dist/collection/components/button/button.interfaces.js +0 -1
  168. package/dist/collection/components/button/button.js +1 -1
  169. package/dist/collection/components/card/card-content/card-content.host.css +1 -1
  170. package/dist/collection/components/card/card-subtitle/card-subtitle.js +6 -11
  171. package/dist/collection/components/card/card-title/card-title.js +4 -11
  172. package/dist/collection/components/card/card.host.css +1 -1
  173. package/dist/collection/components/checkbox/checkbox-group/checkbox-group.js +16 -7
  174. package/dist/collection/components/checkbox/test/checkbox.visual.play.js +1 -0
  175. package/dist/collection/components/close/close.host.css +1 -1
  176. package/dist/collection/components/close/close.interfaces.js +1 -1
  177. package/dist/collection/components/close/close.js +14 -16
  178. package/dist/collection/components/content/content.host.css +1 -1
  179. package/dist/collection/components/content/content.interfaces.js +2 -3
  180. package/dist/collection/components/content/content.js +21 -60
  181. package/dist/collection/components/date/date.js +12 -4
  182. package/dist/collection/components/date/test/date.visual.play.js +1 -0
  183. package/dist/collection/components/file-upload/file-upload.js +13 -4
  184. package/dist/collection/components/file-upload/test/file-upload.visual.play.js +10 -1
  185. package/dist/collection/components/heading/heading.host.css +1 -1
  186. package/dist/collection/components/heading/heading.interfaces.js +2 -3
  187. package/dist/collection/components/heading/heading.js +25 -45
  188. package/dist/collection/components/input/field.util.js +1 -1
  189. package/dist/collection/components/input/input.js +14 -3
  190. package/dist/collection/components/input/test/input.visual.play.js +2 -1
  191. package/dist/collection/components/input-slider/input-slider.js +17 -8
  192. package/dist/collection/components/input-slider/test/input-slider.visual.play.js +1 -0
  193. package/dist/collection/components/list/item/item.host.css +1 -1
  194. package/dist/collection/components/notification/notification.host.css +1 -1
  195. package/dist/collection/components/notification/notification.interfaces.js +1 -2
  196. package/dist/collection/components/notification/notification.js +11 -17
  197. package/dist/collection/components/number-input/number-input.js +13 -2
  198. package/dist/collection/components/number-input/test/number-input.visual.play.js +1 -1
  199. package/dist/collection/components/radio/radio-group/radio-group.js +16 -7
  200. package/dist/collection/components/radio/test/radio.visual.play.js +1 -0
  201. package/dist/collection/components/segment/segment/segment.js +15 -7
  202. package/dist/collection/components/segment/test/segment.visual.play.js +1 -0
  203. package/dist/collection/components/select/select.host.css +1 -1
  204. package/dist/collection/components/select/select.js +11 -4
  205. package/dist/collection/components/select/test/select.visual.play.js +2 -2
  206. package/dist/collection/components/spinner/spinner.host.css +1 -1
  207. package/dist/collection/components/spinner/spinner.interfaces.js +1 -1
  208. package/dist/collection/components/spinner/spinner.js +12 -16
  209. package/dist/collection/components/stack/stack.host.css +1 -1
  210. package/dist/collection/components/stack/stack.interfaces.js +1 -2
  211. package/dist/collection/components/stack/stack.js +13 -33
  212. package/dist/collection/components/steps/steps/steps.js +1 -8
  213. package/dist/collection/components/steps/test/steps.component.play.js +29 -1
  214. package/dist/collection/components/tag/tag.host.css +1 -1
  215. package/dist/collection/components/textarea/test/textarea.visual.play.js +2 -2
  216. package/dist/collection/components/textarea/textarea.js +13 -2
  217. package/dist/collection/global/constants/version.constant.js +1 -1
  218. package/dist/collection/global/global.js +2 -0
  219. package/dist/collection/global/token-preview.js +75 -0
  220. package/dist/collection/global/token-preview.types.js +1 -0
  221. package/dist/collection/utils/index.js +1 -0
  222. package/dist/collection/utils/invalid-text-slot.js +31 -0
  223. package/dist/design-system/design-system.esm.js +1 -1
  224. package/dist/design-system/index.esm.js +1 -1
  225. package/dist/design-system/{p-b4738dc266.entry.js → p-001b20140b.entry.js} +1 -1
  226. package/dist/design-system/p-0c031d8d90.entry.js +4 -0
  227. package/dist/design-system/p-0c18812daa.entry.js +4 -0
  228. package/dist/design-system/p-14e27a87da.entry.js +4 -0
  229. package/dist/design-system/{p-564ee4d78f.entry.js → p-19e0638e5c.entry.js} +1 -1
  230. package/dist/design-system/{p-ee76bf354e.entry.js → p-1dc3406415.entry.js} +1 -1
  231. package/dist/design-system/{p-3d2539929c.entry.js → p-200a0ea72c.entry.js} +1 -1
  232. package/dist/design-system/{p-ce67cbbed5.entry.js → p-2516721737.entry.js} +1 -1
  233. package/dist/design-system/{p-24c85e99f5.entry.js → p-2a67e9b4eb.entry.js} +1 -1
  234. package/dist/design-system/p-2cc9740eb6.entry.js +4 -0
  235. package/dist/design-system/p-37295c3a5d.entry.js +4 -0
  236. package/dist/design-system/{p-b44641ec28.entry.js → p-3d1f15112e.entry.js} +1 -1
  237. package/dist/design-system/p-3de8e2b6c9.entry.js +4 -0
  238. package/dist/design-system/{p-0bf3d4d939.entry.js → p-4042b35fee.entry.js} +1 -1
  239. package/dist/design-system/{p-00e6b1b780.entry.js → p-40b3d4d0f9.entry.js} +1 -1
  240. package/dist/design-system/{p-5f1a8be21c.entry.js → p-45af50a69f.entry.js} +1 -1
  241. package/dist/design-system/p-4df80c06f8.entry.js +4 -0
  242. package/dist/design-system/p-4f12c6449d.entry.js +4 -0
  243. package/dist/design-system/p-4f95f06b86.entry.js +4 -0
  244. package/dist/design-system/p-573457cd4b.entry.js +4 -0
  245. package/dist/design-system/{p-2eb6067210.entry.js → p-662983c8bd.entry.js} +1 -1
  246. package/dist/design-system/{p-32e156bc72.entry.js → p-68693c06a1.entry.js} +1 -1
  247. package/dist/design-system/{p-9f9364d7df.entry.js → p-69784a200e.entry.js} +1 -1
  248. package/dist/design-system/{p-ChSKXFK5.js → p-6Iq8BM7N.js} +1 -1
  249. package/dist/design-system/{p-a42ecb68a0.entry.js → p-6ba71ce374.entry.js} +1 -1
  250. package/dist/design-system/{p-5ded2b6438.entry.js → p-72c08ce551.entry.js} +1 -1
  251. package/dist/design-system/p-72fe1ab876.entry.js +4 -0
  252. package/dist/design-system/p-73b26207bf.entry.js +4 -0
  253. package/dist/design-system/{p-b8669a617c.entry.js → p-7576fb01bf.entry.js} +1 -1
  254. package/dist/design-system/p-819d71abe1.entry.js +4 -0
  255. package/dist/design-system/{p-6c60833550.entry.js → p-88682a66d5.entry.js} +1 -1
  256. package/dist/design-system/{p-ab8bee7022.entry.js → p-8a7c2f5b0a.entry.js} +1 -1
  257. package/dist/design-system/{p-5d4a5d0b61.entry.js → p-8bfcfd7b07.entry.js} +1 -1
  258. package/dist/design-system/p-936673f9f9.entry.js +4 -0
  259. package/dist/design-system/{p-f7be5b6114.entry.js → p-9537ebc880.entry.js} +1 -1
  260. package/dist/design-system/{p-3e3a6799d6.entry.js → p-96d37205c9.entry.js} +1 -1
  261. package/dist/design-system/{p-4bfc094a03.entry.js → p-97ad0e648a.entry.js} +1 -1
  262. package/dist/design-system/p-9e0f190f06.entry.js +4 -0
  263. package/dist/design-system/{p-adc58b2821.entry.js → p-9f746ea4e3.entry.js} +1 -1
  264. package/dist/design-system/{p-DJBD4skP.js → p-B2dqoehY.js} +2 -2
  265. package/dist/design-system/p-B9ddSbbe.js +4 -0
  266. package/dist/design-system/p-BDcIydUK.js +4 -0
  267. package/dist/design-system/p-BdLq-Ecc.js +4 -0
  268. package/dist/design-system/{p-Dk0GEN2t.js → p-BjaiDrCD.js} +1 -1
  269. package/dist/design-system/{p-DoHCSvjl.js → p-BnJgNfen.js} +1 -1
  270. package/dist/design-system/{p-DOvdnojj.js → p-Bnpwi9iD.js} +1 -1
  271. package/dist/design-system/p-C6AmBSV7.js +4 -0
  272. package/dist/design-system/{p-Chgme2NJ.js → p-CBGYLNZZ.js} +1 -1
  273. package/dist/design-system/{p-1A9jKraP.js → p-CR2JnhVY.js} +1 -1
  274. package/dist/design-system/{p-CfgwSore.js → p-ClSAXeZN.js} +1 -1
  275. package/dist/design-system/p-D-_px2sY.js +5 -0
  276. package/dist/design-system/p-DNQg2PVW.js +4 -0
  277. package/dist/design-system/p-DQGbRzw_.js +4 -0
  278. package/dist/design-system/{p-x2KazRjl.js → p-DWdcUUdS.js} +1 -1
  279. package/dist/design-system/{p-C5Rtikeh.js → p-DuKlHFAK.js} +1 -1
  280. package/dist/design-system/{p-B-v2Wm-V.js → p-MUUOiuTm.js} +2 -2
  281. package/dist/design-system/p-_Ywzmi-B.js +4 -0
  282. package/dist/design-system/{p-Y0rKqVvm.js → p-_rk5qARQ.js} +1 -1
  283. package/dist/design-system/{p-44981aaf8d.entry.js → p-a343b84e8a.entry.js} +1 -1
  284. package/dist/design-system/p-a3ed278181.entry.js +4 -0
  285. package/dist/design-system/{p-CrYAd3JT.js → p-aPnyJLhr.js} +1 -1
  286. package/dist/design-system/{p-fa613cd0d1.entry.js → p-abcc8edf7e.entry.js} +1 -1
  287. package/dist/design-system/{p-3d675c6507.entry.js → p-ac55e3783c.entry.js} +1 -1
  288. package/dist/design-system/{p-3e43fa2bc6.entry.js → p-ac7f3f89be.entry.js} +1 -1
  289. package/dist/design-system/{p-1b1e3ad99c.entry.js → p-ae8753bf2a.entry.js} +1 -1
  290. package/dist/design-system/{p-d3a80b8422.entry.js → p-afea3755c2.entry.js} +1 -1
  291. package/dist/design-system/{p-0ea6cdd218.entry.js → p-bd31b396d8.entry.js} +1 -1
  292. package/dist/design-system/p-bd740897a1.entry.js +4 -0
  293. package/dist/design-system/p-bec54c38fc.entry.js +4 -0
  294. package/dist/design-system/{p-1750b3c4f1.entry.js → p-bf03129378.entry.js} +1 -1
  295. package/dist/design-system/{p-85bf3794f9.entry.js → p-bfd0557b47.entry.js} +1 -1
  296. package/dist/design-system/{p-7246bfb9a0.entry.js → p-c07aa25e4d.entry.js} +1 -1
  297. package/dist/design-system/p-c19c74c2b1.entry.js +4 -0
  298. package/dist/design-system/p-c8f95bd01a.entry.js +4 -0
  299. package/dist/design-system/{p-a782c877ea.entry.js → p-d5d7700fd3.entry.js} +1 -1
  300. package/dist/design-system/p-d727654ec3.entry.js +4 -0
  301. package/dist/design-system/{p-aa3aee2591.entry.js → p-dadd7a84bc.entry.js} +1 -1
  302. package/dist/design-system/p-dd5e815ef3.entry.js +4 -0
  303. package/dist/design-system/p-e16572468e.entry.js +4 -0
  304. package/dist/design-system/{p-8a9d617f75.entry.js → p-e23b6d59c0.entry.js} +1 -1
  305. package/dist/design-system/p-e94b66c13e.entry.js +4 -0
  306. package/dist/design-system/{p-78112e7b35.entry.js → p-ec3f2ded29.entry.js} +1 -1
  307. package/dist/design-system/{p-2b038255c5.entry.js → p-ed3f364d1f.entry.js} +1 -1
  308. package/dist/design-system/{p-599a693db3.entry.js → p-eedaf7fe85.entry.js} +1 -1
  309. package/dist/design-system/p-ef1bf78788.entry.js +4 -0
  310. package/dist/design-system/p-f7787fca37.entry.js +4 -0
  311. package/dist/design-system/{p-dbd3d3b3d3.entry.js → p-fd868dc1f5.entry.js} +1 -1
  312. package/dist/esm/{breakpoints.decorator-D9M4v98c.js → breakpoints.decorator-CIweMjJQ.js} +1 -1
  313. package/dist/esm/{breakpoints.subject-DHZ7TzYV.js → breakpoints.subject-CUVOWezN.js} +3 -3
  314. package/dist/esm/{button.interfaces-BPGfTrrM.js → button.interfaces-C6AmBSV7.js} +0 -1
  315. package/dist/esm/{config.decorator-CRYVBTkX.js → config.decorator-CyvsD1EY.js} +1 -1
  316. package/dist/esm/{config.utils-CR4Xudpz.js → config.utils-Db2OSTX3.js} +1 -1
  317. package/dist/esm/{create-validator-decorator-fUav5byo.js → create-validator-decorator-g9TfAa1g.js} +1 -1
  318. package/dist/esm/design-system.js +3 -3
  319. package/dist/esm/{device-CapioAfe.js → device-CtidwsPr.js} +1 -1
  320. package/dist/esm/ds-accordion.entry.js +9 -9
  321. package/dist/esm/ds-alert-container.entry.js +13 -17
  322. package/dist/esm/ds-app.entry.js +35 -8
  323. package/dist/esm/ds-badge.entry.js +20 -39
  324. package/dist/esm/ds-button-group.entry.js +7 -7
  325. package/dist/esm/ds-button_2.entry.js +20 -20
  326. package/dist/esm/ds-card-actions.entry.js +4 -4
  327. package/dist/esm/ds-card-content.entry.js +3 -3
  328. package/dist/esm/ds-card-header.entry.js +5 -5
  329. package/dist/esm/ds-card-subtitle.entry.js +10 -14
  330. package/dist/esm/ds-card-title.entry.js +8 -14
  331. package/dist/esm/ds-card.entry.js +7 -7
  332. package/dist/esm/ds-carousel-item.entry.js +6 -6
  333. package/dist/esm/ds-carousel.entry.js +8 -8
  334. package/dist/esm/ds-checkbox-group.entry.js +22 -15
  335. package/dist/esm/ds-checkbox.entry.js +7 -7
  336. package/dist/esm/ds-content_2.entry.js +18 -68
  337. package/dist/esm/ds-data-item.entry.js +6 -6
  338. package/dist/esm/ds-data-label.entry.js +4 -4
  339. package/dist/esm/ds-data-value.entry.js +2 -2
  340. package/dist/esm/ds-data.entry.js +4 -4
  341. package/dist/esm/ds-date.entry.js +18 -12
  342. package/dist/esm/ds-divider_2.entry.js +12 -12
  343. package/dist/esm/ds-drawer_2.entry.js +9 -9
  344. package/dist/esm/ds-file-upload.entry.js +18 -11
  345. package/dist/esm/ds-footer.entry.js +7 -7
  346. package/dist/esm/ds-heading.entry.js +21 -37
  347. package/dist/esm/ds-hint-text.entry.js +2 -2
  348. package/dist/esm/ds-hint-title.entry.js +2 -2
  349. package/dist/esm/ds-hint.entry.js +11 -11
  350. package/dist/esm/ds-icon_2.entry.js +19 -23
  351. package/dist/esm/ds-input-slider.entry.js +21 -14
  352. package/dist/esm/ds-input.entry.js +20 -11
  353. package/dist/esm/ds-item.entry.js +7 -7
  354. package/dist/esm/ds-label.entry.js +8 -8
  355. package/dist/esm/ds-list.entry.js +4 -4
  356. package/dist/esm/ds-modal-body.entry.js +2 -2
  357. package/dist/esm/ds-modal-header.entry.js +2 -2
  358. package/dist/esm/ds-modal.entry.js +7 -7
  359. package/dist/esm/ds-navbar.entry.js +14 -14
  360. package/dist/esm/ds-notification.entry.js +16 -22
  361. package/dist/esm/ds-number-input.entry.js +20 -11
  362. package/dist/esm/ds-pagination.entry.js +12 -12
  363. package/dist/esm/ds-progress-bar.entry.js +12 -12
  364. package/dist/esm/ds-radio-group.entry.js +21 -14
  365. package/dist/esm/ds-radio.entry.js +7 -7
  366. package/dist/esm/ds-segment-item.entry.js +4 -4
  367. package/dist/esm/ds-segment.entry.js +21 -15
  368. package/dist/esm/ds-select-optgroup.entry.js +4 -4
  369. package/dist/esm/ds-select-option.entry.js +4 -4
  370. package/dist/esm/ds-select.entry.js +18 -13
  371. package/dist/esm/ds-shape.entry.js +4 -4
  372. package/dist/esm/ds-snackbar.entry.js +36 -24
  373. package/dist/esm/ds-step-panel.entry.js +5 -5
  374. package/dist/esm/ds-step.entry.js +5 -5
  375. package/dist/esm/ds-steps.entry.js +7 -14
  376. package/dist/esm/ds-tab-panel.entry.js +5 -5
  377. package/dist/esm/ds-tab.entry.js +5 -5
  378. package/dist/esm/ds-tabs.entry.js +8 -8
  379. package/dist/esm/ds-tag-group.entry.js +2 -2
  380. package/dist/esm/ds-tag.entry.js +7 -7
  381. package/dist/esm/ds-text.entry.js +6 -6
  382. package/dist/esm/ds-textarea.entry.js +19 -10
  383. package/dist/esm/ds-toast.entry.js +32 -20
  384. package/dist/esm/ds-toggle.entry.js +5 -5
  385. package/dist/esm/ds-tooltip.entry.js +4 -4
  386. package/dist/esm/{field.util-neIQBS-h.js → field.util-Dl02gvlr.js} +32 -3
  387. package/dist/esm/{focus-6OAqvfus.js → focus-C1_jVoAm.js} +1 -1
  388. package/dist/esm/{form-control-DhinyMa9.js → form-control-BAP86QSm.js} +1 -1
  389. package/dist/esm/{has-value-Dmsj8ZQw.js → has-value-CADjf9QZ.js} +1 -1
  390. package/dist/esm/{heading.interfaces-Ceu7FIWM.js → heading.interfaces-BdLq-Ecc.js} +2 -3
  391. package/dist/esm/{index-B-v2Wm-V.js → index-MUUOiuTm.js} +75 -1
  392. package/dist/esm/index.js +10 -10
  393. package/dist/esm/{listener-DIZDQOuO.js → listener-DiVrGAqj.js} +1 -1
  394. package/dist/esm/loader.js +3 -3
  395. package/dist/esm/{one-of-CjRvS2Tk.js → one-of-rLykP5eX.js} +1 -1
  396. package/dist/esm/{required-Dtml5IID.js → required-BsfIY-qW.js} +1 -1
  397. package/dist/esm/{resize.decorator-eogZBBk6.js → resize.decorator-BNy5tJCt.js} +2 -2
  398. package/dist/esm/{scroll-v2MaEkiZ.js → scroll-D4cC-Fsr.js} +1 -1
  399. package/dist/esm/{svg-B8KVoKrH.js → svg-D-_px2sY.js} +96 -33
  400. package/dist/esm/{tslib.es6-n47B6oUi.js → tslib.es6-C7vR-gMn.js} +1 -1
  401. package/dist/esm/{type-7qEQcw90.js → type-Bqge296W.js} +1 -1
  402. package/dist/types/components/alert/alert-container.d.ts +5 -6
  403. package/dist/types/components/alert/alert-container.interfaces.d.ts +1 -1
  404. package/dist/types/components/alert/snackbar/snackbar.d.ts +10 -6
  405. package/dist/types/components/alert/toast/toast.d.ts +8 -4
  406. package/dist/types/components/app/app.d.ts +23 -0
  407. package/dist/types/components/badge/badge.d.ts +12 -4
  408. package/dist/types/components/badge/badge.interfaces.d.ts +3 -3
  409. package/dist/types/components/button/button.interfaces.d.ts +1 -1
  410. package/dist/types/components/card/card-subtitle/card-subtitle.d.ts +1 -1
  411. package/dist/types/components/card/card-title/card-title.d.ts +1 -1
  412. package/dist/types/components/checkbox/checkbox-group/checkbox-group.d.ts +4 -0
  413. package/dist/types/components/close/close.d.ts +14 -2
  414. package/dist/types/components/close/close.interfaces.d.ts +1 -1
  415. package/dist/types/components/content/content.d.ts +6 -6
  416. package/dist/types/components/content/content.interfaces.d.ts +3 -3
  417. package/dist/types/components/date/date.d.ts +3 -0
  418. package/dist/types/components/file-upload/file-upload.d.ts +3 -0
  419. package/dist/types/components/heading/heading.d.ts +10 -10
  420. package/dist/types/components/heading/heading.interfaces.d.ts +3 -3
  421. package/dist/types/components/input/input.d.ts +4 -0
  422. package/dist/types/components/input-slider/input-slider.d.ts +4 -1
  423. package/dist/types/components/notification/notification.d.ts +5 -5
  424. package/dist/types/components/notification/notification.interfaces.d.ts +2 -2
  425. package/dist/types/components/number-input/number-input.d.ts +4 -0
  426. package/dist/types/components/radio/radio-group/radio-group.d.ts +4 -0
  427. package/dist/types/components/segment/segment/segment.d.ts +3 -0
  428. package/dist/types/components/select/select.d.ts +3 -0
  429. package/dist/types/components/spinner/spinner.d.ts +8 -7
  430. package/dist/types/components/spinner/spinner.interfaces.d.ts +1 -1
  431. package/dist/types/components/stack/stack.d.ts +3 -3
  432. package/dist/types/components/stack/stack.interfaces.d.ts +2 -2
  433. package/dist/types/components/textarea/textarea.d.ts +4 -0
  434. package/dist/types/components.d.ts +29 -74
  435. package/dist/types/global/token-preview.d.ts +8 -0
  436. package/dist/types/global/token-preview.types.d.ts +20 -0
  437. package/dist/types/utils/index.d.ts +1 -0
  438. package/dist/types/utils/invalid-text-slot.d.ts +9 -0
  439. package/docs/cem.json +100 -92
  440. package/docs/components.json +1246 -1409
  441. package/docs/html.html-data.json +1 -1
  442. package/docs/visual-pages.json +51 -0
  443. package/package.json +29 -6
  444. package/sbom.cdx.json +35379 -17251
  445. package/components/p--EKmxaBS.js +0 -4
  446. package/components/p-CA7G72wZ.js +0 -4
  447. package/components/p-CWDuQL1i.js +0 -4
  448. package/components/p-Ceu7FIWM.js +0 -4
  449. package/components/p-DQBzmbR6.js +0 -4
  450. package/components/p-DY0y8uLL.js +0 -4
  451. package/components/p-Du7QOHtz.js +0 -5
  452. package/components/p-FBQaJyH0.js +0 -4
  453. package/components/p-gz0Nxl39.js +0 -4
  454. package/components/p-qaSW94OG.js +0 -4
  455. package/dist/design-system/p-0f2a87fa39.entry.js +0 -4
  456. package/dist/design-system/p-138be1f0cc.entry.js +0 -4
  457. package/dist/design-system/p-16b03e0b02.entry.js +0 -4
  458. package/dist/design-system/p-2bb98dfa2f.entry.js +0 -4
  459. package/dist/design-system/p-3824068ae7.entry.js +0 -4
  460. package/dist/design-system/p-3aa3841834.entry.js +0 -4
  461. package/dist/design-system/p-4284d6d646.entry.js +0 -4
  462. package/dist/design-system/p-4b2a59576c.entry.js +0 -4
  463. package/dist/design-system/p-53d9a40010.entry.js +0 -4
  464. package/dist/design-system/p-5a6c6959fa.entry.js +0 -4
  465. package/dist/design-system/p-5f28436626.entry.js +0 -4
  466. package/dist/design-system/p-77e7a6a068.entry.js +0 -4
  467. package/dist/design-system/p-7ebdd14afc.entry.js +0 -4
  468. package/dist/design-system/p-7f42c18249.entry.js +0 -4
  469. package/dist/design-system/p-908e7b073a.entry.js +0 -4
  470. package/dist/design-system/p-B8KVoKrH.js +0 -5
  471. package/dist/design-system/p-BPGfTrrM.js +0 -4
  472. package/dist/design-system/p-Ceu7FIWM.js +0 -4
  473. package/dist/design-system/p-DYPX3A8m.js +0 -4
  474. package/dist/design-system/p-DiUgZKWs.js +0 -4
  475. package/dist/design-system/p-DkhJaoXg.js +0 -4
  476. package/dist/design-system/p-DypNSUAh.js +0 -4
  477. package/dist/design-system/p-Z0zrglhd.js +0 -4
  478. package/dist/design-system/p-a8df8f067b.entry.js +0 -4
  479. package/dist/design-system/p-aa3c0ff536.entry.js +0 -4
  480. package/dist/design-system/p-b390490b0d.entry.js +0 -4
  481. package/dist/design-system/p-b851a43fff.entry.js +0 -4
  482. package/dist/design-system/p-b8f626bf28.entry.js +0 -4
  483. package/dist/design-system/p-bd543e1baf.entry.js +0 -4
  484. package/dist/design-system/p-d4d9205dda.entry.js +0 -4
  485. package/dist/design-system/p-e0b2d6e296.entry.js +0 -4
  486. package/dist/design-system/p-e94ee7391c.entry.js +0 -4
  487. package/dist/design-system/p-faf75173db.entry.js +0 -4
  488. package/dist/design-system/p-fff38e1ca7.entry.js +0 -4
package/dist/cjs/ds-app.cjs.entry.js CHANGED
@@ -3,13 +3,13 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-CqInh7Vc.js');
7
- var tslib_es6 = require('./tslib.es6-BIB10hMZ.js');
8
- var device = require('./device-CIliLOe9.js');
6
+ var index = require('./index-DD7qcaNz.js');
7
+ var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
8
+ var device = require('./device-DM1GXL99.js');
9
9
  var app_focus_util = require('./app.focus.util-DOa3ViTR.js');
10
- var config_utils = require('./config.utils-BhWbrVRz.js');
11
- var type = require('./type-Br_NbeTX.js');
12
- require('./create-validator-decorator-Ctd288ve.js');
10
+ var config_utils = require('./config.utils-BhJig3l5.js');
11
+ var type = require('./type-BcP2cAG-.js');
12
+ require('./create-validator-decorator-CiRieHJL.js');
13
13
 
14
14
  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}`;
15
15
 
@@ -18,6 +18,10 @@ const App = class {
18
18
  index.registerInstance(this, hostRef);
19
19
  this.dsAppReady = index.createEvent(this, "dsAppReady");
20
20
  this.debouncedNotify = index.debounce(() => this.notifyResize(), 100);
21
+ /**
22
+ * PUBLIC PROPERTY API
23
+ * ─────────────────────────────────────────────────────
24
+ */
21
25
  /**
22
26
  * Disables all animation inside the ds-app. Can be used for simplify e2e testing.
23
27
  */
@@ -30,6 +34,10 @@ const App = class {
30
34
  * @internal Comma separated list of components to log.
31
35
  */
32
36
  this.logger = '';
37
+ /**
38
+ * EVENT HANDLERS
39
+ * ─────────────────────────────────────────────────────
40
+ */
33
41
  this.notifyResize = async () => {
34
42
  if (index.dsBrowser.hasDocument && index.dsBrowser.hasWindow) {
35
43
  const doc = document.documentElement;
@@ -40,6 +48,10 @@ const App = class {
40
48
  createLogger(log) {
41
49
  this.log = log;
42
50
  }
51
+ /**
52
+ * LIFECYCLE
53
+ * ─────────────────────────────────────────────────────
54
+ */
43
55
  connectedCallback() {
44
56
  if (this.animated === false) {
45
57
  config_utils.updateDsAnimated(this.animated);
@@ -70,17 +82,28 @@ const App = class {
70
82
  window.removeEventListener('resize', this.debouncedNotify);
71
83
  }
72
84
  }
85
+ /**
86
+ * PUBLIC METHODS
87
+ * ─────────────────────────────────────────────────────
88
+ */
89
+ /**
90
+ * Sets focus on the given elements using the app's focus-visible handling.
91
+ */
73
92
  async setFocus(elements) {
74
93
  if (this.focusVisible) {
75
94
  this.focusVisible.setFocus(elements);
76
95
  }
77
96
  }
97
+ /**
98
+ * RENDER
99
+ * ─────────────────────────────────────────────────────
100
+ */
78
101
  render() {
79
- return (index.h(index.Host, { key: '1eaae424ed6f20db8d0d6a0c7c485f4d620d20bf', class: {
102
+ return (index.h(index.Host, { key: '8bcef45566c21039ed2bfb494bf7bcd4dbbc8344', class: {
80
103
  'ds-app': true,
81
104
  'ds-app--safari': index.dsBrowser.isSafari,
82
105
  'ds-app--touch': device.dsDevice.hasTouchScreen,
83
- } }, index.h("slot", { key: 'c80d99b79ee378c003a130f35beb688f746edb69' })));
106
+ } }, index.h("slot", { key: 'f3dba312b6a595d0b6a07a6f6b894f3fbb36f5c9' })));
84
107
  }
85
108
  get el() { return index.getElement(this); }
86
109
  };
@@ -98,6 +121,10 @@ tslib_es6.__decorate([
98
121
  type.Type('boolean'),
99
122
  tslib_es6.__metadata("design:type", Boolean)
100
123
  ], App.prototype, "ready", void 0);
124
+ tslib_es6.__decorate([
125
+ type.Type('string'),
126
+ tslib_es6.__metadata("design:type", String)
127
+ ], App.prototype, "logger", void 0);
101
128
  App.style = appCss();
102
129
 
103
130
  exports.ds_app = App;
package/dist/cjs/ds-badge.cjs.entry.js CHANGED
@@ -3,42 +3,31 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-CqInh7Vc.js');
7
- var tslib_es6 = require('./tslib.es6-BIB10hMZ.js');
8
- var hasValue = require('./has-value-rj502MLA.js');
6
+ var index = require('./index-DD7qcaNz.js');
7
+ var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
8
+ var hasValue = require('./has-value-3s9rhB3K.js');
9
9
  var tShirt = require('./t-shirt-AyhbnEdJ.js');
10
- var type = require('./type-Br_NbeTX.js');
11
- var oneOf = require('./one-of-BotLfpAZ.js');
12
- require('./create-validator-decorator-Ctd288ve.js');
10
+ var type = require('./type-BcP2cAG-.js');
11
+ var oneOf = require('./one-of-xdIxH9e7.js');
12
+ require('./create-validator-decorator-CiRieHJL.js');
13
13
 
14
- const BADGE_SIZES = ['sm', 'lg', 'small', 'large', ''];
15
- const BADGE_COLORS = ['grey', 'danger', 'warning', 'success', 'red', 'yellow', 'green', 'purple', ''];
16
- const BADGE_POSITIONS = ['card', 'button', 'tabs', ''];
14
+ const BADGE_SIZES = ['sm', 'lg', 'small', 'large'];
15
+ const BADGE_COLORS = ['grey', 'danger', 'warning', 'success', 'red', 'yellow', 'green', 'purple'];
16
+ const BADGE_POSITIONS = ['card', 'button', 'tabs'];
17
17
 
18
- const badgeHostCss = () => `:host{--_badge-position:var(--badge-position, var(--mod-badge-position, static));--_badge-top:var(--badge-top, var(--mod-badge-top));--_badge-right:var(--badge-right, var(--mod-badge-right));--_badge-bottom:var(--badge-bottom, var(--mod-badge-bottom));--_badge-left:var(--badge-left, var(--mod-badge-left));position:var(--_badge-position);top:var(--_badge-top);right:var(--_badge-right);bottom:var(--_badge-bottom);left:var(--_badge-left);--_badge-m:var(--badge-m, var(--mod-badge-m, 0));--_badge-my:var(--badge-my, var(--mod-badge-my));--_badge-mx:var(--badge-mx, var(--mod-badge-mx));--_badge-ml:var(--badge-ml, var(--mod-badge-ml));--_badge-mr:var(--badge-mr, var(--mod-badge-mr));--_badge-mt:var(--badge-mt, var(--mod-badge-mt));--_badge-mb:var(--badge-mb, var(--mod-badge-mb));margin:var(--_badge-m);margin-inline:var(--_badge-mx);margin-block:var(--_badge-my);margin-left:var(--_badge-ml);margin-right:var(--_badge-mr);margin-top:var(--_badge-mt);margin-bottom:var(--_badge-mb);--_badge-font-family:var(--badge-font-family, var(--mod-badge-font-family, var(--ds-badge-text-family)));--_badge-font-weight:var(--badge-font-weight, var(--mod-badge-font-weight, var(--ds-badge-text-weight)));--_badge-min-width:var(--badge-min-width, var(--mod-badge-min-width, var(--ds-badge-size-base)));--_badge-height:var(--badge-height, var(--mod-badge-height, var(--ds-badge-size-base)));--_badge-radius:var(--badge-radius, var(--mod-badge-radius, calc(var(--ds-badge-size-base) / 2)));--_badge-color-background:var(--badge-color-background, var(--mod-badge-color-background, var(--ds-badge-color-base-background)));--_badge-color-text:var(--badge-color-text, var(--mod-badge-color-text, var(--ds-badge-color-base-text)));--_badge-pulse-color:var(--badge-pulse-color, var(--mod-badge-pulse-color, var(--ds-badge-color-base-background)));--_badge-font-size:var(--badge-font-size, var(--mod-badge-font-size, 85%));--_badge-icon-size:var(--badge-icon-size, var(--mod-badge-icon-size, 0.75rem));--_badge-icon-color:var(--badge-icon-color, var(--mod-badge-icon-color, var(--ds-badge-color-base-text)));--_badge-gap:var(--badge-gap, var(--mod-badge-gap, 4px));--_badge-padding-inline:var(--badge-padding-inline, var(--mod-badge-padding-inline, 4px));--_badge-padding-block:var(--badge-padding-block, var(--mod-badge-padding-block, 4px))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--_badge-font-size);white-space:nowrap;line-height:1;z-index:1;cursor:inherit;min-width:var(--_badge-min-width);height:var(--_badge-height);border-radius:var(--_badge-radius);background:var(--_badge-color-background);color:var(--_badge-color-text);font-family:var(--_badge-font-family);font-weight:var(--_badge-font-weight);gap:var(--_badge-gap);padding-inline:var(--_badge-padding-inline);padding-block:var(--_badge-padding-block)}:host ds-icon{--icon-size:var(--_badge-icon-size);--icon-inner-size:var(--_badge-icon-size);--icon-color:var(--_badge-icon-color)}:host(.is-red){--mod-badge-color-text:var(--ds-badge-color-red-text);--mod-badge-color-background:var(--ds-badge-color-red-background);--mod-badge-pulse-color:var(--ds-badge-color-red-background);--mod-badge-icon-color:var(--ds-badge-color-red-text);--icon-color:var(--ds-badge-color-red-text)}:host(.is-green){--mod-badge-color-text:var(--ds-badge-color-green-text);--mod-badge-color-background:var(--ds-badge-color-green-background);--mod-badge-pulse-color:var(--ds-badge-color-green-background);--mod-badge-icon-color:var(--ds-badge-color-green-text);--icon-color:var(--ds-badge-color-green-text)}:host(.is-yellow){--mod-badge-color-text:var(--ds-badge-color-yellow-text);--mod-badge-color-background:var(--ds-badge-color-yellow-background);--mod-badge-pulse-color:var(--ds-badge-color-yellow-background);--mod-badge-icon-color:var(--ds-badge-color-yellow-text);--icon-color:var(--ds-badge-color-yellow-text)}:host(.is-purple){--mod-badge-color-text:var(--ds-badge-color-purple-text);--mod-badge-color-background:var(--ds-badge-color-purple-background);--mod-badge-pulse-color:var(--ds-badge-color-purple-background);--mod-badge-icon-color:var(--ds-badge-color-purple-text);--icon-color:var(--ds-badge-color-purple-text)}:host(.is-grey){--mod-badge-color-text:var(--ds-badge-color-grey-text);--mod-badge-color-background:var(--ds-badge-color-grey-background);--mod-badge-pulse-color:var(--ds-badge-color-grey-background);--mod-badge-icon-color:var(--ds-badge-color-grey-text);--icon-color:var(--ds-badge-color-grey-text)}:host(.is-success){--mod-badge-color-text:var(--ds-badge-color-success-text);--mod-badge-color-background:var(--ds-badge-color-success-background);--mod-badge-pulse-color:var(--ds-badge-color-success-background);--mod-badge-icon-color:var(--ds-badge-color-success-text);--icon-color:var(--ds-badge-color-success-text)}:host(.is-warning){--mod-badge-color-text:var(--ds-badge-color-warning-text);--mod-badge-color-background:var(--ds-badge-color-warning-background);--mod-badge-pulse-color:var(--ds-badge-color-warning-background);--mod-badge-icon-color:var(--ds-badge-color-warning-text);--icon-color:var(--ds-badge-color-warning-text)}:host(.is-danger){--mod-badge-color-text:var(--ds-badge-color-danger-text);--mod-badge-color-background:var(--ds-badge-color-danger-background);--mod-badge-pulse-color:var(--ds-badge-color-danger-background);--mod-badge-icon-color:var(--ds-badge-color-danger-text);--icon-color:var(--ds-badge-color-danger-text)}:host(.is-sm){--mod-badge-radius:calc(var(--ds-badge-size-sm) / 2);--mod-badge-height:var(--ds-badge-size-sm);--mod-badge-min-width:var(--ds-badge-size-sm);--mod-badge-padding-inline:0;--mod-badge-padding-block:0;--mod-badge-font-size:0;max-width:var(--ds-badge-size-sm);padding:0;overflow:hidden}:host(.is-sm)>*{display:none}:host(.is-lg){--mod-badge-min-width:var(--ds-badge-size-lg);--mod-badge-height:var(--ds-badge-size-lg);--mod-badge-radius:calc(var(--ds-badge-size-lg) / 2);--mod-badge-font-size:1rem;--mod-badge-icon-size:1.125rem}:host(.is-pulse){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}`;
18
+ const badgeHostCss = () => `:host{--_badge-position:var(--badge-position, var(--mod-badge-position, static));--_badge-top:var(--badge-top, var(--mod-badge-top));--_badge-right:var(--badge-right, var(--mod-badge-right));--_badge-bottom:var(--badge-bottom, var(--mod-badge-bottom));--_badge-left:var(--badge-left, var(--mod-badge-left));position:var(--_badge-position);top:var(--_badge-top);right:var(--_badge-right);bottom:var(--_badge-bottom);left:var(--_badge-left);--_badge-m:var(--badge-m, var(--mod-badge-m, 0));--_badge-my:var(--badge-my, var(--mod-badge-my));--_badge-mx:var(--badge-mx, var(--mod-badge-mx));--_badge-ml:var(--badge-ml, var(--mod-badge-ml));--_badge-mr:var(--badge-mr, var(--mod-badge-mr));--_badge-mt:var(--badge-mt, var(--mod-badge-mt));--_badge-mb:var(--badge-mb, var(--mod-badge-mb));margin:var(--_badge-m);margin-inline:var(--_badge-mx);margin-block:var(--_badge-my);margin-left:var(--_badge-ml);margin-right:var(--_badge-mr);margin-top:var(--_badge-mt);margin-bottom:var(--_badge-mb);--_badge-font-family:var(--badge-font-family, var(--mod-badge-font-family, var(--ds-badge-font-family)));--_badge-font-weight:var(--badge-font-weight, var(--mod-badge-font-weight, var(--ds-badge-font-weight)));--_badge-min-width:var(--badge-min-width, var(--mod-badge-min-width, var(--ds-badge-size-base)));--_badge-height:var(--badge-height, var(--mod-badge-height, var(--ds-badge-size-base)));--_badge-radius:var(--badge-radius, var(--mod-badge-radius, calc(var(--ds-badge-size-base) / 2)));--_badge-color-background:var(--badge-color-background, var(--mod-badge-color-background, var(--ds-badge-base-color-background)));--_badge-color-text:var(--badge-color-text, var(--mod-badge-color-text, var(--ds-badge-base-color-text)));--_badge-pulse-color:var(--badge-pulse-color, var(--mod-badge-pulse-color, var(--ds-badge-base-color-background)));--_badge-font-size:var(--badge-font-size, var(--mod-badge-font-size, 85%));--_badge-icon-size:var(--badge-icon-size, var(--mod-badge-icon-size, 0.75rem));--_badge-icon-color:var(--badge-icon-color, var(--mod-badge-icon-color, var(--ds-badge-base-color-text)));--_badge-gap:var(--badge-gap, var(--mod-badge-gap, 4px));--_badge-padding-inline:var(--badge-padding-inline, var(--mod-badge-padding-inline, 4px));--_badge-padding-block:var(--badge-padding-block, var(--mod-badge-padding-block, 4px))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--_badge-font-size);white-space:nowrap;line-height:1;z-index:1;cursor:inherit;min-width:var(--_badge-min-width);height:var(--_badge-height);border-radius:var(--_badge-radius);background:var(--_badge-color-background);color:var(--_badge-color-text);font-family:var(--_badge-font-family);font-weight:var(--_badge-font-weight);gap:var(--_badge-gap);padding-inline:var(--_badge-padding-inline);padding-block:var(--_badge-padding-block)}:host ds-icon{--icon-size:var(--_badge-icon-size);--icon-inner-size:var(--_badge-icon-size);--icon-color:var(--_badge-icon-color)}:host(.is-red){--mod-badge-color-text:var(--ds-badge-red-color-text);--mod-badge-color-background:var(--ds-badge-red-color-background);--mod-badge-pulse-color:var(--ds-badge-red-color-background);--mod-badge-icon-color:var(--ds-badge-red-color-text);--icon-color:var(--ds-badge-red-color-text)}:host(.is-green){--mod-badge-color-text:var(--ds-badge-green-color-text);--mod-badge-color-background:var(--ds-badge-green-color-background);--mod-badge-pulse-color:var(--ds-badge-green-color-background);--mod-badge-icon-color:var(--ds-badge-green-color-text);--icon-color:var(--ds-badge-green-color-text)}:host(.is-yellow){--mod-badge-color-text:var(--ds-badge-yellow-color-text);--mod-badge-color-background:var(--ds-badge-yellow-color-background);--mod-badge-pulse-color:var(--ds-badge-yellow-color-background);--mod-badge-icon-color:var(--ds-badge-yellow-color-text);--icon-color:var(--ds-badge-yellow-color-text)}:host(.is-purple){--mod-badge-color-text:var(--ds-badge-purple-color-text);--mod-badge-color-background:var(--ds-badge-purple-color-background);--mod-badge-pulse-color:var(--ds-badge-purple-color-background);--mod-badge-icon-color:var(--ds-badge-purple-color-text);--icon-color:var(--ds-badge-purple-color-text)}:host(.is-grey){--mod-badge-color-text:var(--ds-badge-grey-color-text);--mod-badge-color-background:var(--ds-badge-grey-color-background);--mod-badge-pulse-color:var(--ds-badge-grey-color-background);--mod-badge-icon-color:var(--ds-badge-grey-color-text);--icon-color:var(--ds-badge-grey-color-text)}:host(.is-success){--mod-badge-color-text:var(--ds-badge-success-color-text);--mod-badge-color-background:var(--ds-badge-success-color-background);--mod-badge-pulse-color:var(--ds-badge-success-color-background);--mod-badge-icon-color:var(--ds-badge-success-color-text);--icon-color:var(--ds-badge-success-color-text)}:host(.is-warning){--mod-badge-color-text:var(--ds-badge-warning-color-text);--mod-badge-color-background:var(--ds-badge-warning-color-background);--mod-badge-pulse-color:var(--ds-badge-warning-color-background);--mod-badge-icon-color:var(--ds-badge-warning-color-text);--icon-color:var(--ds-badge-warning-color-text)}:host(.is-danger){--mod-badge-color-text:var(--ds-badge-danger-color-text);--mod-badge-color-background:var(--ds-badge-danger-color-background);--mod-badge-pulse-color:var(--ds-badge-danger-color-background);--mod-badge-icon-color:var(--ds-badge-danger-color-text);--icon-color:var(--ds-badge-danger-color-text)}:host(.is-sm){--mod-badge-radius:calc(var(--ds-badge-size-sm) / 2);--mod-badge-height:var(--ds-badge-size-sm);--mod-badge-min-width:var(--ds-badge-size-sm);--mod-badge-padding-inline:0;--mod-badge-padding-block:0;--mod-badge-font-size:0;max-width:var(--ds-badge-size-sm);padding:0;overflow:hidden}:host(.is-sm)>*{display:none}:host(.is-lg){--mod-badge-min-width:var(--ds-badge-size-lg);--mod-badge-height:var(--ds-badge-size-lg);--mod-badge-radius:calc(var(--ds-badge-size-lg) / 2);--mod-badge-font-size:1rem;--mod-badge-icon-size:1.125rem}:host(.is-pulse){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}`;
19
19
 
20
20
  const Badge = class {
21
21
  constructor(hostRef) {
22
22
  index.registerInstance(this, hostRef);
23
- // ========================================================================
24
- // PUBLIC PROPERTY API
25
- // ========================================================================
26
23
  /**
27
- * Name of the icon to show. If an icon is present, text should be hidden.
24
+ * PUBLIC PROPERTY API
25
+ * ─────────────────────────────────────────────────────
28
26
  */
29
- this.icon = '';
30
27
  /**
31
- * Define the size of badge. Small is recommended for tabs.
32
- */
33
- this.size = '';
34
- /**
35
- * Define the color for the badge.
36
- */
37
- this.color = '';
38
- /**
39
- * If `true` the badge is added to the top right corner of the card.
28
+ * Name of the icon to show. If an icon is present, text should be hidden.
40
29
  */
41
- this.position = '';
30
+ this.icon = '';
42
31
  /**
43
32
  * If `true` the badge is added to the top right corner of the card.
44
33
  */
@@ -47,25 +36,17 @@ const Badge = class {
47
36
  createLogger(log) {
48
37
  this.log = log;
49
38
  }
50
- // ========================================================================
51
- // LIFECYCLE
52
- // ========================================================================
53
- // ========================================================================
54
- // PROPERTY VALIDATION
55
- // ========================================================================
56
- // ========================================================================
57
- // PRIVATE METHODS
58
- // ========================================================================
59
- // ========================================================================
60
- // RENDER
61
- // ========================================================================
39
+ /**
40
+ * RENDER
41
+ * ─────────────────────────────────────────────────────
42
+ */
62
43
  render() {
63
44
  const size = tShirt.normalizeDeprecatedTShirtSize(this.size) || '';
64
- return (index.h(index.Host, { key: '96172084445525ad98729b13be73fd5608f20c3f', class: {
45
+ return (index.h(index.Host, { key: '34a3b93d70e490c99a38e6c745d18ecfdfdcc9e2', class: {
65
46
  [`is-${this.color}`]: hasValue.hasValue(this.color),
66
47
  [`is-${size}`]: hasValue.hasValue(this.size),
67
48
  'is-pulse': this.pulse,
68
- } }, index.h("span", { key: '23c0d0ddfd7be982b9d3538e5a6fba39993b3a99', id: "badge", part: "badge" }, index.h("slot", { key: 'c477848d6d4cb7079c12dfc667e3d63c15041ef9' }), size !== 'sm' && hasValue.hasValue(this.icon) ? index.h("ds-icon", { part: "icon", name: this.icon }) : '')));
49
+ } }, index.h("span", { key: 'ef842b604bf9d7135795e706bb2251bc97222dac', id: "badge", part: "badge" }, index.h("slot", { key: '72ae5dd7aacdf19ad8fb059e7eb6657ff1eaf92f' }), size !== 'sm' && hasValue.hasValue(this.icon) ? index.h("ds-icon", { part: "icon", name: this.icon }) : '')));
69
50
  }
70
51
  get el() { return index.getElement(this); }
71
52
  };
package/dist/cjs/ds-button-group.cjs.entry.js CHANGED
@@ -3,13 +3,13 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-CqInh7Vc.js');
7
- var tslib_es6 = require('./tslib.es6-BIB10hMZ.js');
8
- var button_interfaces = require('./button.interfaces-CqlUGR-N.js');
9
- var oneOf = require('./one-of-BotLfpAZ.js');
10
- var required = require('./required-BAhZ8oRM.js');
11
- var type = require('./type-Br_NbeTX.js');
12
- require('./create-validator-decorator-Ctd288ve.js');
6
+ var index = require('./index-DD7qcaNz.js');
7
+ var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
8
+ var button_interfaces = require('./button.interfaces-BKyK0H_f.js');
9
+ var oneOf = require('./one-of-xdIxH9e7.js');
10
+ var required = require('./required-Dh6TQNa1.js');
11
+ var type = require('./type-BcP2cAG-.js');
12
+ require('./create-validator-decorator-CiRieHJL.js');
13
13
 
14
14
  const buttonGroupHostCss = () => `:host{--_button-group-position:var(--button-group-position, var(--mod-button-group-position, static));--_button-group-top:var(--button-group-top, var(--mod-button-group-top));--_button-group-right:var(--button-group-right, var(--mod-button-group-right));--_button-group-bottom:var(--button-group-bottom, var(--mod-button-group-bottom));--_button-group-left:var(--button-group-left, var(--mod-button-group-left));position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left);--_button-group-m:var(--button-group-m, var(--mod-button-group-m, 0));--_button-group-my:var(--button-group-my, var(--mod-button-group-my));--_button-group-mx:var(--button-group-mx, var(--mod-button-group-mx));--_button-group-ml:var(--button-group-ml, var(--mod-button-group-ml));--_button-group-mr:var(--button-group-mr, var(--mod-button-group-mr));--_button-group-mt:var(--button-group-mt, var(--mod-button-group-mt));--_button-group-mb:var(--button-group-mb, var(--mod-button-group-mb));margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);display:block;margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left)}:host #group{--_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){:host #group ::slotted(.button:not(.is-square,.is-circle)),:host #group .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}:host #group ::slotted(ds-button:not(.is-square,.is-circle)),:host #group ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host #group.as-col-reverse{--mod-buttons-direction:column-reverse}:host #group.as-row-reverse{--mod-buttons-direction:row-reverse}:host #group.as-row{--mod-buttons-direction:row}:host #group.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){:host #group.as-col ::slotted(.button),:host #group.as-col .button,:host #group.as-col ::slotted(ds-button),:host #group.as-col ds-button,:host #group.as-col-reverse ::slotted(.button),:host #group.as-col-reverse .button,:host #group.as-col-reverse ::slotted(ds-button),:host #group.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){:host #group.as-col.is-center,:host #group.as-col.is-centered,:host #group.as-col-reverse.is-center,:host #group.as-col-reverse.is-centered{--mod-buttons-align-items:center}:host #group.as-col.is-left,:host #group.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}:host #group.as-col.is-right,:host #group.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){:host #group.as-row.is-center,:host #group.as-row.is-centered,:host #group.is-center:not(.as-col),:host #group.is-centered:not(.as-col){--mod-buttons-justify-content:center}:host #group.as-row.is-left,:host #group.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}:host #group.as-row.is-right,:host #group.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){:host #group.is-wide ::slotted(.button:not(.is-square,.is-circle)),:host #group.is-wide .button:not(.is-square,.is-circle),:host #group.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),:host #group.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}`;
15
15
 
package/dist/cjs/ds-button_2.cjs.entry.js CHANGED
@@ -3,20 +3,20 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-CqInh7Vc.js');
7
- var tslib_es6 = require('./tslib.es6-BIB10hMZ.js');
6
+ var index = require('./index-DD7qcaNz.js');
7
+ var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
8
8
  var aria = require('./aria-C3Tx6AHY.js');
9
9
  var attributes = require('./attributes-D57TMQsY.js');
10
- var hasValue = require('./has-value-rj502MLA.js');
10
+ var hasValue = require('./has-value-3s9rhB3K.js');
11
11
  var tShirt = require('./t-shirt-AyhbnEdJ.js');
12
- var button_interfaces = require('./button.interfaces-CqlUGR-N.js');
13
- var oneOf = require('./one-of-BotLfpAZ.js');
14
- var required = require('./required-BAhZ8oRM.js');
15
- var type = require('./type-Br_NbeTX.js');
12
+ var button_interfaces = require('./button.interfaces-BKyK0H_f.js');
13
+ var oneOf = require('./one-of-xdIxH9e7.js');
14
+ var required = require('./required-Dh6TQNa1.js');
15
+ var type = require('./type-BcP2cAG-.js');
16
16
  var close_i18n = require('./close.i18n-CSDAywTb.js');
17
- var config_decorator = require('./config.decorator-C64wi-MA.js');
18
- require('./create-validator-decorator-Ctd288ve.js');
19
- require('./config.utils-BhWbrVRz.js');
17
+ var config_decorator = require('./config.decorator-bU7c6ybP.js');
18
+ require('./create-validator-decorator-CiRieHJL.js');
19
+ require('./config.utils-BhJig3l5.js');
20
20
 
21
21
  const buttonHostCss = () => `:host{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}#button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{#button{display:none !important}}#button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}#button::-moz-focus-inner{border:0}#button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}#button:focus,#button:active{outline:none}@media (hover: hover)and (pointer: fine){#button:focus-visible:not(:active),#button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){#button:hover,#button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}#button:active,#button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}:host(.is-wide){width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-wide) #button{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}:host ::slotted(ds-badge),:host ::slotted(.badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}:host(.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}:host(.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}:host(.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}:host(.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}:host(.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}:host(.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}:host(.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}:host(.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}:host(.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}:host(.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}:host(.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}:host(.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}:host(.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-secondary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}:host(.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}:host(.is-text.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}:host(.is-link.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}:host(.is-sm){--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}:host(.is-lg){--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}:host(.is-xl){--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}:host(.is-flat){--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}:host(.is-rounded){--mod-button-radius:var(--ds-button-radius-rounded)}:host(.is-square:not(.is-sm)){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-square.is-sm){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.is-circle:not(.is-sm)){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-circle.is-sm){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.is-tertiary-purple.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}:host(.is-tertiary-red.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}:host(.is-tertiary-green.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}:host(.is-tertiary-yellow.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}:host(.has-shadow:not(.is-link):not(.is-text)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-text.has-shadow),:host(.is-link.has-shadow){--mod-button-text-shadow:var(--ds-alias-shadow-text)}:host(.has-no-wrap){max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host(.has-no-wrap) #button{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host #button[disabled],:host #button[disabled]:hover,:host #button[disabled].is-hovered,:host #button[disabled]:active,:host #button[disabled].is-pressed,:host #button[disabled]:focus,:host #button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-icon,:host #button[disabled]:hover>ds-icon,:host #button[disabled].is-hovered>ds-icon,:host #button[disabled]:active>ds-icon,:host #button[disabled].is-pressed>ds-icon,:host #button[disabled]:focus>ds-icon,:host #button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner,:host #button[disabled]:hover>ds-spinner,:host #button[disabled].is-hovered>ds-spinner,:host #button[disabled]:active>ds-spinner,:host #button[disabled].is-pressed>ds-spinner,:host #button[disabled]:focus>ds-spinner,:host #button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner.is-circle,:host #button[disabled]:hover>ds-spinner.is-circle,:host #button[disabled].is-hovered>ds-spinner.is-circle,:host #button[disabled]:active>ds-spinner.is-circle,:host #button[disabled].is-pressed>ds-spinner.is-circle,:host #button[disabled]:focus>ds-spinner.is-circle,:host #button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button,:host(.is-loading) #button:hover,:host(.is-loading) #button.is-hovered,:host(.is-loading) #button:active,:host(.is-loading) #button.is-pressed,:host(.is-loading) #button:focus,:host(.is-loading) #button.is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-icon,:host(.is-loading) #button:hover>ds-icon,:host(.is-loading) #button.is-hovered>ds-icon,:host(.is-loading) #button:active>ds-icon,:host(.is-loading) #button.is-pressed>ds-icon,:host(.is-loading) #button:focus>ds-icon,:host(.is-loading) #button.is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner,:host(.is-loading) #button:hover>ds-spinner,:host(.is-loading) #button.is-hovered>ds-spinner,:host(.is-loading) #button:active>ds-spinner,:host(.is-loading) #button.is-pressed>ds-spinner,:host(.is-loading) #button:focus>ds-spinner,:host(.is-loading) #button.is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner.is-circle,:host(.is-loading) #button:hover>ds-spinner.is-circle,:host(.is-loading) #button.is-hovered>ds-spinner.is-circle,:host(.is-loading) #button:active>ds-spinner.is-circle,:host(.is-loading) #button.is-pressed>ds-spinner.is-circle,:host(.is-loading) #button:focus>ds-spinner.is-circle,:host(.is-loading) #button.is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host{display:inline-block;width:var(--ds-button-width, -webkit-fit-content);width:var(--ds-button-width, -moz-fit-content);width:var(--ds-button-width, fit-content)}:host #button{margin:0 !important}`;
22
22
 
@@ -420,19 +420,15 @@ tslib_es6.__decorate([
420
420
  ], Button.prototype, "a11yHaspopup", void 0);
421
421
  Button.style = buttonHostCss();
422
422
 
423
- const CLOSE_SIZES = ['', 'sm', 'md', 'small', 'medium'];
423
+ const CLOSE_SIZES = ['sm', 'md', 'small', 'medium'];
424
424
 
425
- const closeHostCss = () => `:host{--_close-position:var(--close-position, var(--mod-close-position, static));--_close-top:var(--close-top, var(--mod-close-top));--_close-right:var(--close-right, var(--mod-close-right));--_close-bottom:var(--close-bottom, var(--mod-close-bottom));--_close-left:var(--close-left, var(--mod-close-left));position:var(--_close-position);top:var(--_close-top);right:var(--_close-right);bottom:var(--_close-bottom);left:var(--_close-left);--_close-m:var(--close-m, var(--mod-close-m, 0));--_close-my:var(--close-my, var(--mod-close-my));--_close-mx:var(--close-mx, var(--mod-close-mx));--_close-ml:var(--close-ml, var(--mod-close-ml));--_close-mr:var(--close-mr, var(--mod-close-mr));--_close-mt:var(--close-mt, var(--mod-close-mt));--_close-mb:var(--close-mb, var(--mod-close-mb));margin:var(--_close-m);margin-inline:var(--_close-mx);margin-block:var(--_close-my);margin-left:var(--_close-ml);margin-right:var(--_close-mr);margin-top:var(--_close-mt);margin-bottom:var(--_close-mb);--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-color-background-active)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-color-icon-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, 12px));--_close-padding:var(--close-padding, var(--mod-close-padding, 0.313rem));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{display:inline-block}:host button{position:relative;display:inline-block;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);padding:var(--_close-padding);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}:host button::after{content:"";display:block;width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host button:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host button:not(:disabled):hover,:host button:not(:disabled).is-hovered{background:var(--_close-color-background-hover)}}:host button:not(:disabled):active,:host button:not(:disabled).is-pressed{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){:host button:not(:disabled):focus-visible:not(:active),:host button:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host(.is-sm){--mod-close-padding:0.25rem;--mod-close-size-icon:10px}:host(.is-md){--mod-close-padding:0.531rem;--mod-close-size-icon:24px}:host(.is-inverted:not(.is-disabled)){--mod-close-color-icon:var(--ds-close-color-icon-inverted);--mod-close-color-background-hover:var(--ds-close-color-background-inverted-hover);--mod-close-color-background-active:var(--ds-close-color-background-inverted-active);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--mod-close-color-icon:var(--ds-close-color-icon-disabled);--mod-close-color-background:var(--ds-close-color-background-disabled);--mod-close-color-background-hover:var(--ds-close-color-background-disabled);--mod-close-color-background-active:var(--ds-close-color-background-disabled);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-disabled)}`;
425
+ const closeHostCss = () => `:host{--_close-position:var(--close-position, var(--mod-close-position, static));--_close-top:var(--close-top, var(--mod-close-top));--_close-right:var(--close-right, var(--mod-close-right));--_close-bottom:var(--close-bottom, var(--mod-close-bottom));--_close-left:var(--close-left, var(--mod-close-left));position:var(--_close-position);top:var(--_close-top);right:var(--_close-right);bottom:var(--_close-bottom);left:var(--_close-left);--_close-m:var(--close-m, var(--mod-close-m, 0));--_close-my:var(--close-my, var(--mod-close-my));--_close-mx:var(--close-mx, var(--mod-close-mx));--_close-ml:var(--close-ml, var(--mod-close-ml));--_close-mr:var(--close-mr, var(--mod-close-mr));--_close-mt:var(--close-mt, var(--mod-close-mt));--_close-mb:var(--close-mb, var(--mod-close-mb));margin:var(--_close-m);margin-inline:var(--_close-mx);margin-block:var(--_close-my);margin-left:var(--_close-ml);margin-right:var(--_close-mr);margin-top:var(--_close-mt);margin-bottom:var(--_close-mb);--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-color-background-active)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-icon-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, 12px));--_close-padding:var(--close-padding, var(--mod-close-padding, 0.313rem));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{display:inline-block}:host button{position:relative;display:inline-block;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);padding:var(--_close-padding);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host button::after{content:"";display:block;width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host button:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host button:not(:disabled):hover,:host button:not(:disabled).is-hovered{background:var(--_close-color-background-hover)}}:host button:not(:disabled):active,:host button:not(:disabled).is-pressed{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){:host button:not(:disabled):focus-visible:not(:active),:host button:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host(.is-sm){--mod-close-padding:0.25rem;--mod-close-size-icon:10px}:host(.is-md){--mod-close-padding:0.531rem;--mod-close-size-icon:24px}:host(.is-inverted:not(.is-disabled)){--mod-close-color-icon:var(--ds-close-inverted-icon-color-base);--mod-close-color-background-hover:var(--ds-close-inverted-color-background-hover);--mod-close-color-background-active:var(--ds-close-inverted-color-background-active);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--mod-close-color-icon:var(--ds-close-icon-color-disabled);--mod-close-color-background:var(--ds-close-color-background-disabled);--mod-close-color-background-hover:var(--ds-close-color-background-disabled);--mod-close-color-background-active:var(--ds-close-color-background-disabled);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-disabled)}`;
426
426
 
427
427
  const Close = class {
428
428
  constructor(hostRef) {
429
429
  index.registerInstance(this, hostRef);
430
430
  this.language = index.defaultConfig.language;
431
431
  this.region = index.defaultConfig.region;
432
- /**
433
- * Define the size of badge. Small is recommended for tabs.
434
- */
435
- this.size = '';
436
432
  /**
437
433
  * If `true` it supports dark backgrounds.
438
434
  */
@@ -446,14 +442,14 @@ const Close = class {
446
442
  * This is useful when you want to use the close component outside of a notification or alert, for example as a standalone button.
447
443
  */
448
444
  this.button = false;
449
- /**
450
- * Defines the color of the button variant. Only applicable if `button` is `true`.
451
- */
452
- this.buttonColor = '';
453
445
  }
454
446
  createLogger(log) {
455
447
  this.log = log;
456
448
  }
449
+ /**
450
+ * PUBLIC METHODS
451
+ * ─────────────────────────────────────────────────────
452
+ */
457
453
  /**
458
454
  * @internal define config for the component
459
455
  */
@@ -461,6 +457,10 @@ const Close = class {
461
457
  this.language = state.language;
462
458
  this.region = state.region;
463
459
  }
460
+ /**
461
+ * RENDER
462
+ * ─────────────────────────────────────────────────────
463
+ */
464
464
  render() {
465
465
  const label = close_i18n.i18nDsClose[this.language].close;
466
466
  const size = tShirt.normalizeDeprecatedTShirtSize(this.size) || '';
package/dist/cjs/ds-card-actions.cjs.entry.js CHANGED
@@ -3,11 +3,11 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-CqInh7Vc.js');
7
- var tslib_es6 = require('./tslib.es6-BIB10hMZ.js');
6
+ var index = require('./index-DD7qcaNz.js');
7
+ var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
8
8
  var card_interfaces = require('./card.interfaces-BnIQxJmW.js');
9
- var oneOf = require('./one-of-BotLfpAZ.js');
10
- require('./create-validator-decorator-Ctd288ve.js');
9
+ var oneOf = require('./one-of-xdIxH9e7.js');
10
+ require('./create-validator-decorator-CiRieHJL.js');
11
11
 
12
12
  const CardActions = class {
13
13
  constructor(hostRef) {
package/dist/cjs/ds-card-content.cjs.entry.js CHANGED
@@ -3,10 +3,10 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-CqInh7Vc.js');
7
- var tslib_es6 = require('./tslib.es6-BIB10hMZ.js');
6
+ var index = require('./index-DD7qcaNz.js');
7
+ var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
8
8
 
9
- const cardContentHostCss = () => `:host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-alias-text-family-body);font-weight:var(--ds-alias-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-alias-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-heading-weight)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}:host ds-heading:not(:last-child),:host h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}:host h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}:host ds-text:not(:last-child),:host p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}:host p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}`;
9
+ const cardContentHostCss = () => `:host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-alias-text-family-body);font-weight:var(--ds-alias-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-alias-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-heading-font-weight)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}:host ds-heading:not(:last-child),:host h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}:host h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}:host ds-text:not(:last-child),:host p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}:host p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}`;
10
10
 
11
11
  const CardContent = class {
12
12
  constructor(hostRef) {
package/dist/cjs/ds-card-header.cjs.entry.js CHANGED
@@ -3,12 +3,12 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-CqInh7Vc.js');
7
- var tslib_es6 = require('./tslib.es6-BIB10hMZ.js');
6
+ var index = require('./index-DD7qcaNz.js');
7
+ var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
8
8
  var card_interfaces = require('./card.interfaces-BnIQxJmW.js');
9
- var required = require('./required-BAhZ8oRM.js');
10
- var oneOf = require('./one-of-BotLfpAZ.js');
11
- require('./create-validator-decorator-Ctd288ve.js');
9
+ var required = require('./required-Dh6TQNa1.js');
10
+ var oneOf = require('./one-of-xdIxH9e7.js');
11
+ require('./create-validator-decorator-CiRieHJL.js');
12
12
 
13
13
  const cardHeaderHostCss = () => `:host{--_card-header-position:var(--card-header-position, var(--mod-card-header-position, static));--_card-header-top:var(--card-header-top, var(--mod-card-header-top));--_card-header-right:var(--card-header-right, var(--mod-card-header-right));--_card-header-bottom:var(--card-header-bottom, var(--mod-card-header-bottom));--_card-header-left:var(--card-header-left, var(--mod-card-header-left));position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left);--_card-header-m:var(--card-header-m, var(--mod-card-header-m, 0));--_card-header-my:var(--card-header-my, var(--mod-card-header-my));--_card-header-mx:var(--card-header-mx, var(--mod-card-header-mx));--_card-header-ml:var(--card-header-ml, var(--mod-card-header-ml));--_card-header-mr:var(--card-header-mr, var(--mod-card-header-mr));--_card-header-mt:var(--card-header-mt, var(--mod-card-header-mt));--_card-header-mb:var(--card-header-mb, var(--mod-card-header-mb));margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);display:-ms-flexbox;display:flex;margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left)}:host{--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem;--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){:host{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}:host{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}:host ds-icon,:host ::slotted(ds-icon){grid-area:icon}:host>.tag,:host>.tags,:host>ds-tag,:host>ds-tag-group,:host ::slotted(ds-tag),:host ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}:host .title,:host ds-card-title{grid-area:title}:host>p,:host .subtitle,:host ds-card-subtitle{grid-area:subtitle}:host .title,:host .subtitle,:host .heading{margin:0}`;
14
14
 
package/dist/cjs/ds-card-subtitle.cjs.entry.js CHANGED
@@ -3,13 +3,13 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-CqInh7Vc.js');
7
- var tslib_es6 = require('./tslib.es6-BIB10hMZ.js');
8
- var hasValue = require('./has-value-rj502MLA.js');
9
- var heading_interfaces = require('./heading.interfaces-B5NJ2yjL.js');
10
- var type = require('./type-Br_NbeTX.js');
11
- var oneOf = require('./one-of-BotLfpAZ.js');
12
- require('./create-validator-decorator-Ctd288ve.js');
6
+ var index = require('./index-DD7qcaNz.js');
7
+ var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
8
+ var hasValue = require('./has-value-3s9rhB3K.js');
9
+ var heading_interfaces = require('./heading.interfaces-CAc5LNKb.js');
10
+ var type = require('./type-BcP2cAG-.js');
11
+ var oneOf = require('./one-of-xdIxH9e7.js');
12
+ require('./create-validator-decorator-CiRieHJL.js');
13
13
 
14
14
  const cardSubtitleHostCss = () => `:host{--_card-subtitle-position:var(--card-subtitle-position, var(--mod-card-subtitle-position, static));--_card-subtitle-top:var(--card-subtitle-top, var(--mod-card-subtitle-top));--_card-subtitle-right:var(--card-subtitle-right, var(--mod-card-subtitle-right));--_card-subtitle-bottom:var(--card-subtitle-bottom, var(--mod-card-subtitle-bottom));--_card-subtitle-left:var(--card-subtitle-left, var(--mod-card-subtitle-left));position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left);--_card-subtitle-m:var(--card-subtitle-m, var(--mod-card-subtitle-m, 0));--_card-subtitle-my:var(--card-subtitle-my, var(--mod-card-subtitle-my));--_card-subtitle-mx:var(--card-subtitle-mx, var(--mod-card-subtitle-mx));--_card-subtitle-ml:var(--card-subtitle-ml, var(--mod-card-subtitle-ml));--_card-subtitle-mr:var(--card-subtitle-mr, var(--mod-card-subtitle-mr));--_card-subtitle-mt:var(--card-subtitle-mt, var(--mod-card-subtitle-mt));--_card-subtitle-mb:var(--card-subtitle-mb, var(--mod-card-subtitle-mb));margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);display:-ms-flexbox;display:flex;margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left)}:host{grid-area:subtitle;grid-area:subtitle}`;
15
15
 
@@ -24,23 +24,19 @@ const CardSubtitle = class {
24
24
  * If `true` the card text color is bold.
25
25
  */
26
26
  this.bold = false;
27
- /**
28
- * If `true` the card text color becomes white.
29
- */
30
- this.color = '';
31
27
  }
32
28
  createLogger(log) {
33
29
  this.log = log;
34
30
  }
35
31
  render() {
36
- return (index.h(index.Host, { key: 'f0ebc669832a45b2a8614cfc1736e6b7b568f57a', class: {
32
+ return (index.h(index.Host, { key: 'bac619921e784bd2bf2d9d3a75cfd435c9c1840e', class: {
37
33
  'card-header': true,
38
- } }, index.h("span", { key: '9881912fa1461c37c5ecda96b1e85f8b3cb1ea29', class: {
34
+ } }, index.h("span", { key: '072f1b05c414a58e451e54ca1618cb5d77067f21', class: {
39
35
  'text': true,
40
36
  'is-bold': this.bold,
41
37
  [`is-${this.color}`]: hasValue.hasValue(this.color) && !this.inverted,
42
38
  'is-inverted': this.inverted,
43
- } }, index.h("slot", { key: '479fd315099be3aacb3378e5f2f78759cf386e7d' }))));
39
+ } }, index.h("slot", { key: 'eb92c2403f1c2535db682a1f425fae474a95e6ae' }))));
44
40
  }
45
41
  get el() { return index.getElement(this); }
46
42
  };
package/dist/cjs/ds-card-title.cjs.entry.js CHANGED
@@ -3,13 +3,13 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-CqInh7Vc.js');
7
- var tslib_es6 = require('./tslib.es6-BIB10hMZ.js');
8
- var heading_interfaces = require('./heading.interfaces-B5NJ2yjL.js');
9
- var type = require('./type-Br_NbeTX.js');
10
- var required = require('./required-BAhZ8oRM.js');
11
- var oneOf = require('./one-of-BotLfpAZ.js');
12
- require('./create-validator-decorator-Ctd288ve.js');
6
+ var index = require('./index-DD7qcaNz.js');
7
+ var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
8
+ var heading_interfaces = require('./heading.interfaces-CAc5LNKb.js');
9
+ var type = require('./type-BcP2cAG-.js');
10
+ var required = require('./required-Dh6TQNa1.js');
11
+ var oneOf = require('./one-of-xdIxH9e7.js');
12
+ require('./create-validator-decorator-CiRieHJL.js');
13
13
 
14
14
  const cardTitleHostCss = () => `:host{--_card-title-position:var(--card-title-position, var(--mod-card-title-position, static));--_card-title-top:var(--card-title-top, var(--mod-card-title-top));--_card-title-right:var(--card-title-right, var(--mod-card-title-right));--_card-title-bottom:var(--card-title-bottom, var(--mod-card-title-bottom));--_card-title-left:var(--card-title-left, var(--mod-card-title-left));position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left);--_card-title-m:var(--card-title-m, var(--mod-card-title-m, 0));--_card-title-my:var(--card-title-my, var(--mod-card-title-my));--_card-title-mx:var(--card-title-mx, var(--mod-card-title-mx));--_card-title-ml:var(--card-title-ml, var(--mod-card-title-ml));--_card-title-mr:var(--card-title-mr, var(--mod-card-title-mr));--_card-title-mt:var(--card-title-mt, var(--mod-card-title-mt));--_card-title-mb:var(--card-title-mb, var(--mod-card-title-mb));margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);display:-ms-flexbox;display:flex;margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left)}:host{grid-area:title;text-align:inherit}`;
15
15
 
@@ -24,18 +24,12 @@ const CardTitle = class {
24
24
  * The actual heading level used in the HTML markup.
25
25
  */
26
26
  this.level = 'h3';
27
- /**
28
- * Make the visual style mimic a specific heading level.
29
- * This option allows you to make e.g. h1 visually look like h3,
30
- * but still keep it h1 in the markup.
31
- */
32
- this.visualLevel = '';
33
27
  }
34
28
  createLogger(log) {
35
29
  this.log = log;
36
30
  }
37
31
  render() {
38
- return (index.h(index.Host, { key: '72e817c803b8ab4a17b7900a88497bf5cc34ee77' }, index.h("ds-heading", { key: 'aa65474978e8ebe8ec69d7394ecf98d88c950b86', level: this.level, visualLevel: this.visualLevel, space: "none", inverted: this.inverted }, index.h("slot", { key: '028afa9859201893ec5fe95303ebd13c6c942176' }))));
32
+ return (index.h(index.Host, { key: 'bfe21d09ce3bbf2cc5d95a22b0440f7b48f2e42e' }, index.h("ds-heading", { key: '3519b56f27ea575fdf6f5e18512c88aba3b19787', level: this.level, visualLevel: this.visualLevel, space: "none", inverted: this.inverted }, index.h("slot", { key: 'db68ae10025bdb8aa669dfa724c4d357e9ee25d6' }))));
39
33
  }
40
34
  get el() { return index.getElement(this); }
41
35
  };