@dso-toolkit/core 100.3.1 → 101.0.0

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 (584) hide show
  1. package/dist/bundle/dso-accordion-section.js +33 -18
  2. package/dist/bundle/dso-accordion.js +4 -4
  3. package/dist/bundle/dso-action-list-item.js +4 -4
  4. package/dist/bundle/dso-action-list.js +2 -2
  5. package/dist/bundle/dso-advanced-select.js +17 -11
  6. package/dist/bundle/dso-alert.js +1 -1
  7. package/dist/bundle/dso-annotation-activiteit.js +21 -15
  8. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +20 -14
  9. package/dist/bundle/dso-annotation-kaart.js +5 -5
  10. package/dist/bundle/dso-annotation-locatie.js +1 -1
  11. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +21 -15
  12. package/dist/bundle/dso-attachments-counter.js +1 -1
  13. package/dist/bundle/dso-autosuggest.js +7 -7
  14. package/dist/bundle/dso-badge.js +1 -1
  15. package/dist/bundle/dso-banner.js +4 -4
  16. package/dist/bundle/dso-button-group.js +1 -1
  17. package/dist/bundle/dso-card-container.js +3 -3
  18. package/dist/bundle/dso-card.js +4 -4
  19. package/dist/bundle/dso-contact-information.js +1 -1
  20. package/dist/bundle/dso-cursor-tooltip.js +2 -2
  21. package/dist/bundle/dso-date-picker.js +5 -5
  22. package/dist/bundle/dso-document-card.js +2 -2
  23. package/dist/bundle/dso-document-component.js +1 -1
  24. package/dist/bundle/dso-dropdown-menu-group.js +2 -2
  25. package/dist/bundle/dso-dropdown-menu-item.js +3 -3
  26. package/dist/bundle/dso-dropdown-menu.js +9 -6
  27. package/dist/bundle/dso-expandable.js +1 -1
  28. package/dist/bundle/dso-grid-column.js +3 -4
  29. package/dist/bundle/dso-header.js +29 -8
  30. package/dist/bundle/dso-hero-image.js +1 -1
  31. package/dist/bundle/dso-highlight-box.js +2 -2
  32. package/dist/bundle/dso-history-item.js +2 -2
  33. package/dist/bundle/dso-icon-button.js +1 -1
  34. package/dist/bundle/dso-icon.js +1 -1
  35. package/dist/bundle/dso-image-overlay.js +1 -1
  36. package/dist/bundle/dso-info-button.js +1 -1
  37. package/dist/bundle/dso-info.js +1 -1
  38. package/dist/bundle/dso-input-range.js +1 -1
  39. package/dist/bundle/dso-label.js +1 -1
  40. package/dist/bundle/dso-legend-group.js +5 -5
  41. package/dist/bundle/dso-legend-item.js +8 -8
  42. package/dist/bundle/dso-legend.js +6 -6
  43. package/dist/bundle/dso-list-button.js +8 -8
  44. package/dist/bundle/dso-logo.js +2 -2
  45. package/dist/bundle/dso-map-base-layers.js +9 -9
  46. package/dist/bundle/dso-map-controls.js +7 -7
  47. package/dist/bundle/dso-map-layer-object.js +4 -4
  48. package/dist/bundle/dso-map-layer.js +4 -4
  49. package/dist/bundle/dso-map-message.js +5 -5
  50. package/dist/bundle/dso-map-overlays.js +9 -9
  51. package/dist/bundle/dso-mark-bar.js +4 -4
  52. package/dist/bundle/dso-modal.js +1 -1
  53. package/dist/bundle/dso-onboarding-tip.js +5 -5
  54. package/dist/bundle/dso-ozon-content-toggletip.js +1 -1
  55. package/dist/bundle/dso-ozon-content.js +1 -1
  56. package/dist/bundle/dso-pagination.js +3 -3
  57. package/dist/bundle/dso-panel.js +1 -1
  58. package/dist/bundle/dso-plekinfo-card-item.d.ts +11 -0
  59. package/dist/bundle/dso-plekinfo-card-item.js +65 -0
  60. package/dist/bundle/dso-plekinfo-card.js +11 -9
  61. package/dist/bundle/dso-progress-indicator.js +1 -1
  62. package/dist/bundle/dso-project-item.js +14 -8
  63. package/dist/bundle/dso-renvooi.js +1 -1
  64. package/dist/bundle/dso-responsive-element.js +1 -1
  65. package/dist/bundle/dso-scrollable.js +1 -1
  66. package/dist/bundle/dso-segmented-button.js +2 -2
  67. package/dist/bundle/dso-selectable.js +1 -1
  68. package/dist/bundle/dso-shopping-cart-item.js +3 -3
  69. package/dist/bundle/dso-shopping-cart.js +4 -4
  70. package/dist/bundle/dso-skiplink.js +3 -3
  71. package/dist/bundle/dso-slide-toggle.js +1 -1
  72. package/dist/bundle/dso-survey-rating.js +6 -6
  73. package/dist/bundle/dso-tab.js +1 -1
  74. package/dist/bundle/dso-table.js +1 -1
  75. package/dist/bundle/dso-tabs.js +2 -2
  76. package/dist/bundle/dso-tijdreis-banner.js +3 -3
  77. package/dist/bundle/dso-tree-view.js +4 -4
  78. package/dist/bundle/dso-truncate.d.ts +11 -0
  79. package/dist/bundle/dso-truncate.js +6 -0
  80. package/dist/bundle/dso-viewer-grid.js +3 -3
  81. package/dist/bundle/dsot-document-component-demo.js +41 -35
  82. package/dist/bundle/index.js +6 -2
  83. package/dist/bundle/{p-DSn98k7j.js → p-B1sfJaTU.js} +16 -45
  84. package/dist/bundle/{p-wroz5qbN.js → p-BHAfq_R9.js} +5 -5
  85. package/dist/bundle/{p-C78OzjGD.js → p-BHPEhHca.js} +2 -2
  86. package/dist/bundle/{p-COI1m0uI.js → p-BI_yo2z3.js} +5 -5
  87. package/dist/bundle/{p-DB6jeYdL.js → p-BIioZO_6.js} +1 -1
  88. package/dist/bundle/{p-Cz4DEkYY.js → p-BMhDrgpW.js} +4 -4
  89. package/dist/bundle/{p-Ci81TOhm.js → p-BoEv7D0u.js} +29 -79
  90. package/dist/bundle/{p-CkzyPAOs.js → p-Brr0tC8B.js} +1 -1
  91. package/dist/bundle/p-BsaL-EuM.js +76 -0
  92. package/dist/bundle/{p-DTx5uLrL.js → p-C-8R9yq6.js} +4 -4
  93. package/dist/bundle/p-C49HfF1N.js +60 -0
  94. package/dist/bundle/p-CEzwBNry.js +112 -0
  95. package/dist/bundle/{p-DdH_IPw_.js → p-CMhiuOhg.js} +1 -1
  96. package/dist/bundle/p-CbLp6uks.js +144 -0
  97. package/dist/bundle/{p-Cg-toWNU.js → p-CvUpjPda.js} +1 -1
  98. package/dist/bundle/{p-BhW3MSGZ.js → p-CwjT2QlY.js} +6 -6
  99. package/dist/bundle/{p-CIfxp928.js → p-D09qaSTl.js} +3 -3
  100. package/dist/bundle/{p-nBjxlgfX.js → p-D3XzrCzR.js} +6 -6
  101. package/dist/bundle/{p-D8J4Z2LD.js → p-D3aWEfZN.js} +10 -10
  102. package/dist/bundle/{p-BeyBvNPm.js → p-D9oE1q7k.js} +16 -30
  103. package/dist/bundle/{p-BVLZrKNg.js → p-DHj0KBgK.js} +1 -1
  104. package/dist/bundle/{p-DFhKaDMe.js → p-DZCYhv_b.js} +1 -1
  105. package/dist/bundle/{p-D33uqBOM.js → p-D_wg33r9.js} +3 -3
  106. package/dist/bundle/{p-BydRjBUc.js → p-DcRIbRiR.js} +18 -42
  107. package/dist/bundle/{p-LAIYa8JB.js → p-DdHRX4cC.js} +20 -14
  108. package/dist/bundle/{p-Bj6TmNEh.js → p-DixhcduG.js} +1 -1
  109. package/dist/bundle/{p-CiFTQ7lb.js → p-DtUeWj74.js} +76 -33
  110. package/dist/bundle/{p-ZSFwKURq.js → p-Dtkoi4Xj.js} +2 -2
  111. package/dist/bundle/{p-BPxWl5Jg.js → p-Dv0849Rl.js} +35 -29
  112. package/dist/bundle/p-Dy8e3KhJ.js +152 -0
  113. package/dist/bundle/{p-BcoGSCi2.js → p-Dyvz4l_L.js} +2 -2
  114. package/dist/bundle/{p-TaOl3xYb.js → p-NElTvMxv.js} +3 -3
  115. package/dist/bundle/{p-DjR55R0Z.js → p-d1IkgLLm.js} +1 -1
  116. package/dist/bundle/{p-CMm0xWy5.js → p-mwUKtKZg.js} +2 -2
  117. package/dist/{esm/i18n-CCOI5nUo.js → bundle/p-xDSTG4OU.js} +28 -1
  118. package/dist/cjs/{annotation-body-H_YdGRBP.js → annotation-body-CCYWAvBu.js} +1 -1
  119. package/dist/cjs/{annotation-list-renvooi-values-DnvYPhrD.js → annotation-list-renvooi-values-UnGybDbb.js} +1 -1
  120. package/dist/cjs/{annotation-watcher-DXLGEmn8.js → annotation-watcher-D9lm8RSy.js} +1 -1
  121. package/dist/cjs/dso-accordion-section.cjs.entry.js +13 -4
  122. package/dist/cjs/dso-accordion.cjs.entry.js +4 -4
  123. package/dist/cjs/dso-action-list-item.cjs.entry.js +3 -3
  124. package/dist/cjs/dso-action-list.cjs.entry.js +2 -2
  125. package/dist/cjs/dso-advanced-select.cjs.entry.js +1 -1
  126. package/dist/cjs/dso-alert_7.cjs.entry.js +47 -112
  127. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +5 -5
  128. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +4 -4
  129. package/dist/cjs/dso-annotation-kaart.cjs.entry.js +2 -2
  130. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +9 -9
  131. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +5 -5
  132. package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +3 -3
  133. package/dist/cjs/dso-autosuggest.cjs.entry.js +4 -4
  134. package/dist/cjs/dso-banner.cjs.entry.js +3 -3
  135. package/dist/cjs/dso-button-group.cjs.entry.js +2 -2
  136. package/dist/cjs/dso-card-container.cjs.entry.js +3 -3
  137. package/dist/cjs/dso-card.cjs.entry.js +3 -3
  138. package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
  139. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +2 -2
  140. package/dist/cjs/dso-date-picker.cjs.entry.js +3 -3
  141. package/dist/cjs/dso-document-card.cjs.entry.js +1 -1
  142. package/dist/cjs/dso-dropdown-menu-group.cjs.entry.js +2 -2
  143. package/dist/cjs/dso-dropdown-menu-item.cjs.entry.js +2 -2
  144. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +7 -4
  145. package/dist/cjs/dso-grid-column.cjs.entry.js +3 -4
  146. package/dist/cjs/dso-header.cjs.entry.js +27 -6
  147. package/dist/cjs/dso-hero-image.cjs.entry.js +1 -1
  148. package/dist/cjs/dso-highlight-box.cjs.entry.js +2 -2
  149. package/dist/cjs/dso-history-item.cjs.entry.js +1 -1
  150. package/dist/cjs/dso-icon_2.cjs.entry.js +16 -45
  151. package/dist/cjs/dso-info_3.cjs.entry.js +19 -43
  152. package/dist/cjs/dso-input-range.cjs.entry.js +1 -1
  153. package/dist/cjs/dso-label_3.cjs.entry.js +41 -121
  154. package/dist/cjs/dso-legend-group.cjs.entry.js +3 -3
  155. package/dist/cjs/dso-legend-item.cjs.entry.js +3 -3
  156. package/dist/cjs/dso-legend.cjs.entry.js +3 -3
  157. package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
  158. package/dist/cjs/dso-logo.cjs.entry.js +2 -2
  159. package/dist/cjs/dso-map-base-layers.cjs.entry.js +3 -3
  160. package/dist/cjs/dso-map-controls.cjs.entry.js +3 -3
  161. package/dist/cjs/dso-map-layer-object.cjs.entry.js +3 -3
  162. package/dist/cjs/dso-map-layer.cjs.entry.js +3 -3
  163. package/dist/cjs/dso-map-message.cjs.entry.js +4 -4
  164. package/dist/cjs/dso-map-overlays.cjs.entry.js +3 -3
  165. package/dist/cjs/dso-mark-bar.cjs.entry.js +2 -2
  166. package/dist/cjs/dso-modal.cjs.entry.js +3 -3
  167. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +2 -2
  168. package/dist/cjs/dso-pagination.cjs.entry.js +1 -1
  169. package/dist/cjs/dso-plekinfo-card-item.cjs.entry.js +37 -0
  170. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +10 -8
  171. package/dist/cjs/dso-progress-indicator.cjs.entry.js +3 -3
  172. package/dist/cjs/dso-project-item.cjs.entry.js +2 -2
  173. package/dist/cjs/dso-responsive-element.cjs.entry.js +2 -2
  174. package/dist/cjs/dso-scrollable.cjs.entry.js +3 -3
  175. package/dist/cjs/dso-segmented-button.cjs.entry.js +2 -2
  176. package/dist/cjs/dso-shopping-cart-item.cjs.entry.js +1 -1
  177. package/dist/cjs/dso-shopping-cart.cjs.entry.js +2 -2
  178. package/dist/cjs/dso-skiplink.cjs.entry.js +2 -2
  179. package/dist/cjs/dso-survey-rating.cjs.entry.js +3 -3
  180. package/dist/cjs/dso-tab.cjs.entry.js +1 -1
  181. package/dist/cjs/dso-tabs.cjs.entry.js +2 -2
  182. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +2 -2
  183. package/dist/cjs/dso-toolkit.cjs.js +3 -3
  184. package/dist/cjs/dso-tree-view.cjs.entry.js +2 -2
  185. package/dist/cjs/dso-truncate.cjs.entry.js +129 -0
  186. package/dist/cjs/dso-viewer-grid.cjs.entry.js +3 -3
  187. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  188. package/dist/cjs/{i18n-DH0Su3jj.js → i18n-Bzut_vVm.js} +28 -1
  189. package/dist/cjs/{index-CfwUrDXc.js → index-BBx5yytN.js} +76 -33
  190. package/dist/cjs/{index-EngjN4P3.js → index-DZPLxT1W.js} +1 -1
  191. package/dist/cjs/loader.cjs.js +2 -2
  192. package/dist/cjs/{parse-wijzigactie-from-node.function-B2dUQ7Rf.js → parse-wijzigactie-from-node.function-CYUDdIa0.js} +1 -1
  193. package/dist/cjs/toggletip.controller-BB-Voe-Z.js +63 -0
  194. package/dist/cjs/tooltip.controller-Cvac0qe3.js +78 -0
  195. package/dist/cjs/{tooltip.functional-component-BEcuvKwS.js → tooltip.functional-component-DOBjuEpE.js} +1 -1
  196. package/dist/cjs/{wrap-wijzigactie.functional-component-DodUwf7_.js → wrap-wijzigactie.functional-component-D1UjZ36u.js} +1 -1
  197. package/dist/collection/collection-manifest.json +3 -1
  198. package/dist/collection/components/accordion/accordion.css +6 -0
  199. package/dist/collection/components/accordion/accordion.js +4 -1
  200. package/dist/collection/components/accordion/components/accordion-section.css +15 -6
  201. package/dist/collection/components/accordion/components/accordion-section.js +15 -2
  202. package/dist/collection/components/action-list/action-list.js +4 -1
  203. package/dist/collection/components/action-list/components/action-list-item.js +5 -2
  204. package/dist/collection/components/alert/alert.js +4 -1
  205. package/dist/collection/components/annotation/annotation-activiteit/annotation-activiteit.js +1 -4
  206. package/dist/collection/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.js +1 -4
  207. package/dist/collection/components/annotation/annotation-locatie/annotation-locatie.js +1 -4
  208. package/dist/collection/components/annotation/annotation-omgevingsnormwaarde/annotation-omgevingsnormwaarde.js +1 -6
  209. package/dist/collection/components/autosuggest/autosuggest.js +5 -2
  210. package/dist/collection/components/badge/badge.js +26 -77
  211. package/dist/collection/components/banner/banner.js +5 -2
  212. package/dist/collection/components/button-group/button-group.js +4 -1
  213. package/dist/collection/components/card/card.js +3 -3
  214. package/dist/collection/components/card-container/card-container.css +5 -0
  215. package/dist/collection/components/card-container/card-container.js +4 -1
  216. package/dist/collection/components/cursor-tooltip/cursor-tooltip.js +4 -1
  217. package/dist/collection/components/date-picker/date-picker.js +9 -9
  218. package/dist/collection/components/date-picker/date-utils.js +1 -1
  219. package/dist/collection/components/document-component/document-component.js +6 -4
  220. package/dist/collection/components/dropdown-menu/dropdown-menu-group/dropdown-menu-group.js +4 -1
  221. package/dist/collection/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.js +4 -1
  222. package/dist/collection/components/dropdown-menu/dropdown-menu.js +8 -2
  223. package/dist/collection/components/expandable/expandable.js +5 -2
  224. package/dist/collection/components/grid-column/grid-column.js +2 -3
  225. package/dist/collection/components/header/header.css +65 -46
  226. package/dist/collection/components/header/header.i18n.js +2 -0
  227. package/dist/collection/components/header/header.js +25 -3
  228. package/dist/collection/components/highlight-box/highlight-box.js +5 -1
  229. package/dist/collection/components/icon-button/icon-button.js +13 -43
  230. package/dist/collection/components/image-overlay/image-overlay.js +5 -0
  231. package/dist/collection/components/info/info.js +4 -1
  232. package/dist/collection/components/info-button/info-button.js +16 -38
  233. package/dist/collection/components/label/label.css +6 -53
  234. package/dist/collection/components/label/label.js +25 -134
  235. package/dist/collection/components/legend/legend-group/legend-group.js +1 -1
  236. package/dist/collection/components/legend/legend-item/legend-item.js +1 -1
  237. package/dist/collection/components/legend/legend.js +4 -1
  238. package/dist/collection/components/list-button/list-button.js +4 -1
  239. package/dist/collection/components/logo/logo.js +1 -1
  240. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  241. package/dist/collection/components/map-controls/map-controls.js +4 -1
  242. package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
  243. package/dist/collection/components/map-layer/map-layer.js +1 -1
  244. package/dist/collection/components/map-message/map-message.css +4 -1
  245. package/dist/collection/components/map-message/map-message.js +3 -3
  246. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  247. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  248. package/dist/collection/components/modal/modal.js +1 -1
  249. package/dist/collection/components/onboarding-tip/onboarding-tip.js +5 -1
  250. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +16 -27
  251. package/dist/collection/components/ozon-content/ozon-content.js +1 -1
  252. package/dist/collection/components/panel/panel.js +1 -1
  253. package/dist/collection/components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.css +148 -0
  254. package/dist/collection/components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.js +82 -0
  255. package/dist/collection/components/plekinfo-card/plekinfo-card.css +4 -5
  256. package/dist/collection/components/plekinfo-card/plekinfo-card.js +10 -9
  257. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  258. package/dist/collection/components/project-item/project-item.js +7 -1
  259. package/dist/collection/components/responsive-element/responsive-element.js +4 -1
  260. package/dist/collection/components/scrollable/scrollable.js +5 -2
  261. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  262. package/dist/collection/components/selectable/selectable.css +6 -6
  263. package/dist/collection/components/selectable/selectable.js +1 -1
  264. package/dist/collection/components/shopping-cart/shopping-cart.js +1 -1
  265. package/dist/collection/components/skiplink/skiplink.js +1 -1
  266. package/dist/collection/components/slide-toggle/slide-toggle.js +4 -1
  267. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  268. package/dist/collection/components/table/table.js +5 -1
  269. package/dist/collection/components/tabs/tabs.js +1 -1
  270. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +5 -1
  271. package/dist/collection/components/tree-view/tree-view.js +1 -1
  272. package/dist/collection/components/truncate/truncate.css +67 -0
  273. package/dist/collection/components/truncate/truncate.js +145 -0
  274. package/dist/collection/components/viewer-grid/viewer-grid.js +5 -9
  275. package/dist/collection/functional-components/tooltip/toggletip.controller.js +57 -0
  276. package/dist/collection/functional-components/tooltip/tooltip.controller.js +73 -0
  277. package/dist/components/alert.js +1 -1
  278. package/dist/components/annotation-locatie.js +1 -1
  279. package/dist/components/badge.js +1 -1
  280. package/dist/components/button-group.js +1 -1
  281. package/dist/components/document-component.js +1 -1
  282. package/dist/components/dso-accordion-section.js +1 -1
  283. package/dist/components/dso-accordion.js +1 -1
  284. package/dist/components/dso-action-list-item.js +1 -1
  285. package/dist/components/dso-action-list.js +1 -1
  286. package/dist/components/dso-advanced-select.js +2 -2
  287. package/dist/components/dso-annotation-activiteit.js +1 -1
  288. package/dist/components/dso-annotation-gebiedsaanwijzing.js +1 -1
  289. package/dist/components/dso-annotation-omgevingsnormwaarde.js +1 -1
  290. package/dist/components/dso-autosuggest.js +1 -1
  291. package/dist/components/dso-banner.js +1 -1
  292. package/dist/components/dso-card-container.js +1 -1
  293. package/dist/components/dso-card.js +1 -1
  294. package/dist/components/dso-cursor-tooltip.js +1 -1
  295. package/dist/components/dso-date-picker.js +1 -1
  296. package/dist/components/dso-dropdown-menu-group.js +1 -1
  297. package/dist/components/dso-dropdown-menu-item.js +1 -1
  298. package/dist/components/dso-dropdown-menu.js +1 -1
  299. package/dist/components/dso-grid-column.js +1 -1
  300. package/dist/components/dso-header.js +1 -1
  301. package/dist/components/dso-highlight-box.js +1 -1
  302. package/dist/components/dso-legend-group.js +1 -1
  303. package/dist/components/dso-legend-item.js +1 -1
  304. package/dist/components/dso-legend.js +1 -1
  305. package/dist/components/dso-list-button.js +1 -1
  306. package/dist/components/dso-logo.js +1 -1
  307. package/dist/components/dso-map-base-layers.js +1 -1
  308. package/dist/components/dso-map-controls.js +1 -1
  309. package/dist/components/dso-map-layer-object.js +1 -1
  310. package/dist/components/dso-map-layer.js +1 -1
  311. package/dist/components/dso-map-message.js +1 -1
  312. package/dist/components/dso-map-overlays.js +1 -1
  313. package/dist/components/dso-mark-bar.js +1 -1
  314. package/dist/components/dso-onboarding-tip.js +1 -1
  315. package/dist/components/dso-plekinfo-card-item.d.ts +11 -0
  316. package/dist/components/dso-plekinfo-card-item.js +1 -0
  317. package/dist/components/dso-plekinfo-card.js +1 -1
  318. package/dist/components/dso-project-item.js +1 -1
  319. package/dist/components/dso-segmented-button.js +1 -1
  320. package/dist/components/dso-shopping-cart.js +1 -1
  321. package/dist/components/dso-skiplink.js +1 -1
  322. package/dist/components/dso-survey-rating.js +1 -1
  323. package/dist/components/dso-tabs.js +1 -1
  324. package/dist/components/dso-tijdreis-banner.js +1 -1
  325. package/dist/components/dso-tree-view.js +1 -1
  326. package/dist/components/dso-truncate.d.ts +11 -0
  327. package/dist/components/dso-truncate.js +1 -0
  328. package/dist/components/dso-viewer-grid.js +1 -1
  329. package/dist/components/dsot-document-component-demo.js +1 -1
  330. package/dist/components/expandable.js +1 -1
  331. package/dist/components/i18n.js +1 -1
  332. package/dist/components/icon-button.js +1 -1
  333. package/dist/components/index.d.ts +4 -0
  334. package/dist/components/index.js +1 -1
  335. package/dist/components/info-button.js +1 -1
  336. package/dist/components/info.js +1 -1
  337. package/dist/components/label.js +1 -1
  338. package/dist/components/modal.js +1 -1
  339. package/dist/components/ozon-content-toggletip.js +1 -1
  340. package/dist/components/ozon-content.js +1 -1
  341. package/dist/components/panel.js +1 -1
  342. package/dist/components/progress-indicator.js +1 -1
  343. package/dist/components/responsive-element.js +1 -1
  344. package/dist/components/scrollable.js +1 -1
  345. package/dist/components/selectable.js +1 -1
  346. package/dist/components/slide-toggle.js +1 -1
  347. package/dist/components/table.js +1 -1
  348. package/dist/components/toggletip.controller.js +1 -0
  349. package/dist/components/tooltip.controller.js +1 -0
  350. package/dist/components/truncate.js +1 -0
  351. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  352. package/dist/dso-toolkit/p-036e7b74.entry.js +1 -0
  353. package/dist/dso-toolkit/{p-610341c7.entry.js → p-04844de1.entry.js} +1 -1
  354. package/dist/dso-toolkit/p-0630c10c.entry.js +1 -0
  355. package/dist/dso-toolkit/{p-f6e9a1b4.entry.js → p-08a7e828.entry.js} +1 -1
  356. package/dist/dso-toolkit/p-0b1d6ae8.entry.js +1 -0
  357. package/dist/dso-toolkit/{p-55a160ad.entry.js → p-0ee52216.entry.js} +1 -1
  358. package/dist/dso-toolkit/p-1007fdd3.entry.js +1 -0
  359. package/dist/dso-toolkit/p-13c27118.entry.js +1 -0
  360. package/dist/dso-toolkit/p-1c1b27c0.entry.js +1 -0
  361. package/dist/dso-toolkit/{p-f0b21f16.entry.js → p-1f197259.entry.js} +1 -1
  362. package/dist/dso-toolkit/{p-460e04c3.entry.js → p-227620ac.entry.js} +1 -1
  363. package/dist/dso-toolkit/p-25483f0a.entry.js +1 -0
  364. package/dist/dso-toolkit/{p-ecc3eaab.entry.js → p-26c32a38.entry.js} +1 -1
  365. package/dist/dso-toolkit/p-29dc27dc.entry.js +1 -0
  366. package/dist/dso-toolkit/{p-342636b2.entry.js → p-2a32cbeb.entry.js} +1 -1
  367. package/dist/dso-toolkit/p-2sI1K6K0.js +3 -0
  368. package/dist/dso-toolkit/{p-f5575f84.entry.js → p-37c83fa7.entry.js} +1 -1
  369. package/dist/dso-toolkit/{p-0099ff32.entry.js → p-3825c4e5.entry.js} +1 -1
  370. package/dist/dso-toolkit/{p-b83b2fa7.entry.js → p-38616371.entry.js} +1 -1
  371. package/dist/dso-toolkit/{p-8bd4637f.entry.js → p-3a6a1010.entry.js} +1 -1
  372. package/dist/dso-toolkit/p-3ed9443d.entry.js +1 -0
  373. package/dist/dso-toolkit/{p-16288a6a.entry.js → p-4aa3ca6c.entry.js} +1 -1
  374. package/dist/dso-toolkit/{p-84ca2384.entry.js → p-4ec77050.entry.js} +1 -1
  375. package/dist/dso-toolkit/{p-3628d830.entry.js → p-54036b31.entry.js} +1 -1
  376. package/dist/dso-toolkit/{p-768794e0.entry.js → p-5901d652.entry.js} +1 -1
  377. package/dist/dso-toolkit/{p-3098df1c.entry.js → p-5f2269ec.entry.js} +1 -1
  378. package/dist/dso-toolkit/p-5f6a6095.entry.js +1 -0
  379. package/dist/dso-toolkit/{p-64f2263c.entry.js → p-64331ac9.entry.js} +1 -1
  380. package/dist/dso-toolkit/p-6835e07d.entry.js +1 -0
  381. package/dist/dso-toolkit/{p-48cd0276.entry.js → p-6a68177b.entry.js} +1 -1
  382. package/dist/dso-toolkit/{p-0438b8cb.entry.js → p-6a99c0bb.entry.js} +1 -1
  383. package/dist/dso-toolkit/{p-58978006.entry.js → p-6bc7de9b.entry.js} +1 -1
  384. package/dist/dso-toolkit/{p-a639c227.entry.js → p-6bcf7a01.entry.js} +1 -1
  385. package/dist/dso-toolkit/{p-5598c232.entry.js → p-7ff8aa45.entry.js} +2 -2
  386. package/dist/dso-toolkit/p-801a459f.entry.js +1 -0
  387. package/dist/dso-toolkit/{p-301cb792.entry.js → p-823c047d.entry.js} +1 -1
  388. package/dist/dso-toolkit/{p-ec50e32d.entry.js → p-835cd682.entry.js} +1 -1
  389. package/dist/dso-toolkit/{p-e2d4f404.entry.js → p-8cbb00ac.entry.js} +1 -1
  390. package/dist/dso-toolkit/{p-0f019b7c.entry.js → p-8e4964ac.entry.js} +1 -1
  391. package/dist/dso-toolkit/{p-7eadab64.entry.js → p-8f90718f.entry.js} +1 -1
  392. package/dist/dso-toolkit/{p-02f97f93.entry.js → p-904250ca.entry.js} +1 -1
  393. package/dist/dso-toolkit/{p-0117fba0.entry.js → p-9b4dc3ef.entry.js} +1 -1
  394. package/dist/dso-toolkit/{p-ab498200.entry.js → p-9df806f0.entry.js} +1 -1
  395. package/dist/dso-toolkit/p-9f214aa4.entry.js +1 -0
  396. package/dist/dso-toolkit/p-B02Jy5YO.js +1 -0
  397. package/dist/dso-toolkit/p-B_Ud6lxQ.js +1 -0
  398. package/dist/dso-toolkit/p-C0I7oJkh.js +1 -0
  399. package/dist/dso-toolkit/p-CUqv0PSk.js +1 -0
  400. package/dist/dso-toolkit/p-DkZG4rwC.js +1 -0
  401. package/dist/dso-toolkit/{p-kDBsQgLI.js → p-Dksz1aH2.js} +1 -1
  402. package/dist/dso-toolkit/{p-DeuvCGGT.js → p-DoJpDsvb.js} +1 -1
  403. package/dist/dso-toolkit/p-DxsAk2iQ.js +1 -0
  404. package/dist/dso-toolkit/{p-f85b0396.entry.js → p-a3003466.entry.js} +1 -1
  405. package/dist/dso-toolkit/{p-7cea7c6f.entry.js → p-a43a81a4.entry.js} +1 -1
  406. package/dist/dso-toolkit/p-aec8f591.entry.js +1 -0
  407. package/dist/dso-toolkit/p-b093e2f2.entry.js +1 -0
  408. package/dist/dso-toolkit/{p-f17348e1.entry.js → p-b1fc14cc.entry.js} +1 -1
  409. package/dist/dso-toolkit/{p-cfccb614.entry.js → p-b26c5285.entry.js} +1 -1
  410. package/dist/dso-toolkit/p-b27d50c9.entry.js +1 -0
  411. package/dist/dso-toolkit/p-b8a0d3b9.entry.js +1 -0
  412. package/dist/dso-toolkit/p-b8a488af.entry.js +1 -0
  413. package/dist/dso-toolkit/{p-2e7acaf8.entry.js → p-bb0d9c4a.entry.js} +1 -1
  414. package/dist/dso-toolkit/{p-d2e60e72.entry.js → p-c0735ea5.entry.js} +1 -1
  415. package/dist/dso-toolkit/{p-a93cfad8.entry.js → p-c15a3689.entry.js} +1 -1
  416. package/dist/dso-toolkit/{p-99db12e8.entry.js → p-d0196ffd.entry.js} +1 -1
  417. package/dist/dso-toolkit/{p-ebf09749.entry.js → p-d64bd153.entry.js} +1 -1
  418. package/dist/dso-toolkit/{p-9fef9c1a.entry.js → p-d819abc5.entry.js} +1 -1
  419. package/dist/dso-toolkit/{p-3fc897a1.entry.js → p-de86de0a.entry.js} +1 -1
  420. package/dist/dso-toolkit/{p-f9490a3f.entry.js → p-e2c97b41.entry.js} +1 -1
  421. package/dist/dso-toolkit/{p-0085311a.entry.js → p-e3ba6480.entry.js} +1 -1
  422. package/dist/dso-toolkit/{p-272382d1.entry.js → p-e3d0debf.entry.js} +1 -1
  423. package/dist/dso-toolkit/{p-0cd1de97.entry.js → p-e4181a16.entry.js} +1 -1
  424. package/dist/dso-toolkit/{p-a0b21fb2.entry.js → p-e442fe62.entry.js} +1 -1
  425. package/dist/dso-toolkit/{p-fb2eb060.entry.js → p-ec2fc65e.entry.js} +1 -1
  426. package/dist/dso-toolkit/{p-3ce055f8.entry.js → p-fb8860e1.entry.js} +1 -1
  427. package/dist/dso-toolkit/p-mhQu0fx2.js +1 -0
  428. package/dist/dso-toolkit/p-xDSTG4OU.js +1 -0
  429. package/dist/esm/{annotation-body-CfhN4FON.js → annotation-body-lbq2tmAQ.js} +1 -1
  430. package/dist/esm/{annotation-list-renvooi-values-BTPUEm3B.js → annotation-list-renvooi-values-iAOwX0lR.js} +1 -1
  431. package/dist/esm/{annotation-watcher-BO0jbdlD.js → annotation-watcher-COiqhqqD.js} +1 -1
  432. package/dist/esm/dso-accordion-section.entry.js +13 -4
  433. package/dist/esm/dso-accordion.entry.js +4 -4
  434. package/dist/esm/dso-action-list-item.entry.js +3 -3
  435. package/dist/esm/dso-action-list.entry.js +2 -2
  436. package/dist/esm/dso-advanced-select.entry.js +1 -1
  437. package/dist/esm/dso-alert_7.entry.js +47 -112
  438. package/dist/esm/dso-annotation-activiteit.entry.js +5 -5
  439. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +4 -4
  440. package/dist/esm/dso-annotation-kaart.entry.js +2 -2
  441. package/dist/esm/dso-annotation-locatie_2.entry.js +9 -9
  442. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +5 -5
  443. package/dist/esm/dso-attachments-counter_2.entry.js +3 -3
  444. package/dist/esm/dso-autosuggest.entry.js +4 -4
  445. package/dist/esm/dso-banner.entry.js +3 -3
  446. package/dist/esm/dso-button-group.entry.js +2 -2
  447. package/dist/esm/dso-card-container.entry.js +3 -3
  448. package/dist/esm/dso-card.entry.js +3 -3
  449. package/dist/esm/dso-contact-information.entry.js +1 -1
  450. package/dist/esm/dso-cursor-tooltip.entry.js +2 -2
  451. package/dist/esm/dso-date-picker.entry.js +3 -3
  452. package/dist/esm/dso-document-card.entry.js +1 -1
  453. package/dist/esm/dso-dropdown-menu-group.entry.js +2 -2
  454. package/dist/esm/dso-dropdown-menu-item.entry.js +2 -2
  455. package/dist/esm/dso-dropdown-menu.entry.js +7 -4
  456. package/dist/esm/dso-grid-column.entry.js +3 -4
  457. package/dist/esm/dso-header.entry.js +27 -6
  458. package/dist/esm/dso-hero-image.entry.js +1 -1
  459. package/dist/esm/dso-highlight-box.entry.js +2 -2
  460. package/dist/esm/dso-history-item.entry.js +1 -1
  461. package/dist/esm/dso-icon_2.entry.js +16 -45
  462. package/dist/esm/dso-info_3.entry.js +19 -43
  463. package/dist/esm/dso-input-range.entry.js +1 -1
  464. package/dist/esm/dso-label_3.entry.js +23 -103
  465. package/dist/esm/dso-legend-group.entry.js +3 -3
  466. package/dist/esm/dso-legend-item.entry.js +3 -3
  467. package/dist/esm/dso-legend.entry.js +3 -3
  468. package/dist/esm/dso-list-button.entry.js +2 -2
  469. package/dist/esm/dso-logo.entry.js +2 -2
  470. package/dist/esm/dso-map-base-layers.entry.js +3 -3
  471. package/dist/esm/dso-map-controls.entry.js +3 -3
  472. package/dist/esm/dso-map-layer-object.entry.js +3 -3
  473. package/dist/esm/dso-map-layer.entry.js +3 -3
  474. package/dist/esm/dso-map-message.entry.js +4 -4
  475. package/dist/esm/dso-map-overlays.entry.js +3 -3
  476. package/dist/esm/dso-mark-bar.entry.js +2 -2
  477. package/dist/esm/dso-modal.entry.js +3 -3
  478. package/dist/esm/dso-onboarding-tip.entry.js +2 -2
  479. package/dist/esm/dso-pagination.entry.js +1 -1
  480. package/dist/esm/dso-plekinfo-card-item.entry.js +35 -0
  481. package/dist/esm/dso-plekinfo-card.entry.js +10 -8
  482. package/dist/esm/dso-progress-indicator.entry.js +3 -3
  483. package/dist/esm/dso-project-item.entry.js +2 -2
  484. package/dist/esm/dso-responsive-element.entry.js +2 -2
  485. package/dist/esm/dso-scrollable.entry.js +3 -3
  486. package/dist/esm/dso-segmented-button.entry.js +2 -2
  487. package/dist/esm/dso-shopping-cart-item.entry.js +1 -1
  488. package/dist/esm/dso-shopping-cart.entry.js +2 -2
  489. package/dist/esm/dso-skiplink.entry.js +2 -2
  490. package/dist/esm/dso-survey-rating.entry.js +3 -3
  491. package/dist/esm/dso-tab.entry.js +1 -1
  492. package/dist/esm/dso-tabs.entry.js +2 -2
  493. package/dist/esm/dso-tijdreis-banner.entry.js +2 -2
  494. package/dist/esm/dso-toolkit.js +4 -4
  495. package/dist/esm/dso-tree-view.entry.js +2 -2
  496. package/dist/esm/dso-truncate.entry.js +127 -0
  497. package/dist/esm/dso-viewer-grid.entry.js +3 -3
  498. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  499. package/dist/{bundle/p-CCOI5nUo.js → esm/i18n-xDSTG4OU.js} +28 -1
  500. package/dist/esm/{index-CieBNbUH.js → index-2sI1K6K0.js} +76 -33
  501. package/dist/esm/{index-B0pTkGRp.js → index-LpJ181Xi.js} +1 -1
  502. package/dist/esm/loader.js +3 -3
  503. package/dist/esm/{parse-wijzigactie-from-node.function-DhCCxNJH.js → parse-wijzigactie-from-node.function-CrOTV1B6.js} +1 -1
  504. package/dist/esm/toggletip.controller-KNf1n4og.js +60 -0
  505. package/dist/esm/tooltip.controller-RLM8ixUv.js +76 -0
  506. package/dist/esm/{tooltip.functional-component-chN-aNlU.js → tooltip.functional-component-3fxPwYtA.js} +1 -1
  507. package/dist/esm/{wrap-wijzigactie.functional-component-BYWldnbn.js → wrap-wijzigactie.functional-component-C-ha4z-Y.js} +1 -1
  508. package/dist/types/components/accordion/accordion.d.ts +3 -0
  509. package/dist/types/components/accordion/components/accordion-section.d.ts +4 -0
  510. package/dist/types/components/action-list/action-list.d.ts +3 -0
  511. package/dist/types/components/action-list/components/action-list-item.d.ts +3 -0
  512. package/dist/types/components/alert/alert.d.ts +3 -0
  513. package/dist/types/components/annotation/annotation-activiteit/annotation-activiteit.d.ts +0 -3
  514. package/dist/types/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.d.ts +0 -3
  515. package/dist/types/components/annotation/annotation-locatie/annotation-locatie.d.ts +0 -3
  516. package/dist/types/components/annotation/annotation-omgevingsnormwaarde/annotation-omgevingsnormwaarde.d.ts +0 -5
  517. package/dist/types/components/autosuggest/autosuggest.d.ts +3 -0
  518. package/dist/types/components/badge/badge.d.ts +2 -8
  519. package/dist/types/components/banner/banner.d.ts +3 -0
  520. package/dist/types/components/button-group/button-group.d.ts +3 -0
  521. package/dist/types/components/card/card.d.ts +1 -1
  522. package/dist/types/components/card-container/card-container.d.ts +3 -0
  523. package/dist/types/components/cursor-tooltip/cursor-tooltip.d.ts +3 -0
  524. package/dist/types/components/date-picker/date-picker.d.ts +4 -2
  525. package/dist/types/components/date-picker/date-utils.d.ts +1 -1
  526. package/dist/types/components/document-component/document-component.d.ts +2 -0
  527. package/dist/types/components/dropdown-menu/dropdown-menu-group/dropdown-menu-group.d.ts +3 -0
  528. package/dist/types/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.d.ts +3 -0
  529. package/dist/types/components/dropdown-menu/dropdown-menu.d.ts +4 -0
  530. package/dist/types/components/expandable/expandable.d.ts +3 -0
  531. package/dist/types/components/header/header.d.ts +9 -0
  532. package/dist/types/components/highlight-box/highlight-box.d.ts +4 -0
  533. package/dist/types/components/icon-button/icon-button.d.ts +2 -7
  534. package/dist/types/components/image-overlay/image-overlay.d.ts +5 -0
  535. package/dist/types/components/info/info.d.ts +3 -0
  536. package/dist/types/components/info-button/info-button.d.ts +4 -2
  537. package/dist/types/components/label/label.d.ts +14 -36
  538. package/dist/types/components/legend/legend.d.ts +3 -0
  539. package/dist/types/components/list-button/list-button.d.ts +3 -0
  540. package/dist/types/components/map-controls/map-controls.d.ts +3 -0
  541. package/dist/types/components/map-message/map-message.d.ts +1 -1
  542. package/dist/types/components/onboarding-tip/onboarding-tip.d.ts +4 -0
  543. package/dist/types/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.d.ts +5 -2
  544. package/dist/types/components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.d.ts +23 -0
  545. package/dist/types/components/plekinfo-card/plekinfo-card.d.ts +3 -4
  546. package/dist/types/components/project-item/project-item.d.ts +6 -0
  547. package/dist/types/components/responsive-element/responsive-element.d.ts +3 -0
  548. package/dist/types/components/scrollable/scrollable.d.ts +3 -0
  549. package/dist/types/components/slide-toggle/slide-toggle.d.ts +3 -0
  550. package/dist/types/components/table/table.d.ts +4 -0
  551. package/dist/types/components/tijdreis-banner/tijdreis-banner.d.ts +4 -0
  552. package/dist/types/components/truncate/truncate.d.ts +26 -0
  553. package/dist/types/components/viewer-grid/viewer-grid.d.ts +3 -7
  554. package/dist/types/components.d.ts +48 -24
  555. package/dist/types/functional-components/tooltip/toggletip.controller.d.ts +31 -0
  556. package/dist/types/functional-components/tooltip/tooltip.controller.d.ts +30 -0
  557. package/dist/types/stencil-public-runtime.d.ts +12 -0
  558. package/loader/index.d.ts +1 -1
  559. package/package.json +10 -10
  560. package/dist/bundle/p-3mY5bRq3.js +0 -189
  561. package/dist/bundle/p-Cy1s6Fqo.js +0 -152
  562. package/dist/dso-toolkit/p-0fb7714e.entry.js +0 -1
  563. package/dist/dso-toolkit/p-5018c559.entry.js +0 -1
  564. package/dist/dso-toolkit/p-55668cd5.entry.js +0 -1
  565. package/dist/dso-toolkit/p-6a42dae9.entry.js +0 -1
  566. package/dist/dso-toolkit/p-6a6a38e6.entry.js +0 -1
  567. package/dist/dso-toolkit/p-918d8967.entry.js +0 -1
  568. package/dist/dso-toolkit/p-947abc8e.entry.js +0 -1
  569. package/dist/dso-toolkit/p-C32sfSnK.js +0 -1
  570. package/dist/dso-toolkit/p-C7Q97EIG.js +0 -1
  571. package/dist/dso-toolkit/p-CCOI5nUo.js +0 -1
  572. package/dist/dso-toolkit/p-CieBNbUH.js +0 -2
  573. package/dist/dso-toolkit/p-DQbnZnP0.js +0 -1
  574. package/dist/dso-toolkit/p-DxGQgnCh.js +0 -1
  575. package/dist/dso-toolkit/p-a98b5b00.entry.js +0 -1
  576. package/dist/dso-toolkit/p-acb7b5c5.entry.js +0 -1
  577. package/dist/dso-toolkit/p-b6a747b3.entry.js +0 -1
  578. package/dist/dso-toolkit/p-be6bbcf3.entry.js +0 -1
  579. package/dist/dso-toolkit/p-c525f97c.entry.js +0 -1
  580. package/dist/dso-toolkit/p-d71f20c0.entry.js +0 -1
  581. package/dist/dso-toolkit/p-d92b4f7b.entry.js +0 -1
  582. package/dist/dso-toolkit/p-de3ece98.entry.js +0 -1
  583. package/dist/dso-toolkit/p-e9bcbf0c.entry.js +0 -1
  584. package/dist/dso-toolkit/p-jq9f4Z3R.js +0 -1
@@ -1,8 +1,8 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-CiFTQ7lb.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DtUeWj74.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
- import { i as i18n } from './p-CCOI5nUo.js';
4
- import { d as defineCustomElement$2 } from './p-Bj6TmNEh.js';
5
- import { d as defineCustomElement$1 } from './p-DSn98k7j.js';
3
+ import { i as i18n } from './p-xDSTG4OU.js';
4
+ import { d as defineCustomElement$2 } from './p-DixhcduG.js';
5
+ import { d as defineCustomElement$1 } from './p-B1sfJaTU.js';
6
6
 
7
7
  const translations = {
8
8
  en: {
@@ -46,7 +46,7 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends H {
46
46
  if (!isValidStatus) {
47
47
  console.warn(`Invalid status ${this.status}`);
48
48
  }
49
- return (h("div", { key: '2f3804fc5cb8af7bb475beb0c1180167e12f0a29', class: clsx("alert", { [`alert-${this.status}`]: isValidStatus }, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, isValidStatus && (h(Fragment, null, !this.compact && (h("dso-icon", { key: '5157d1a6105065c9480eee40949f747d825b6963', class: "icon-status", icon: `status-${this.status === "info" ? "info-solid" : this.status}`, "aria-hidden": "true" })), h("span", { key: '4f0e4edba075e4973828b013e1268d2bebbd2779', class: "sr-only" }, this.text(this.status), ":"))), h("slot", { key: '05793df0001cb3066913c67b1f1873a19e0cd805' }), this.closable && (h("dso-icon-button", { key: 'c662d10b9bcbd003dd3bd19d878c25224a6ef795', label: this.text("close"), variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
49
+ return (h("div", { key: 'd442da267a8983bc71ecd194250fe01f04cd9dab', class: clsx("alert", { [`alert-${this.status}`]: isValidStatus }, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, isValidStatus && (h(Fragment, null, !this.compact && (h("dso-icon", { key: '6961871f69e99c778b7bee28e5fd458b4082eab9', class: "icon-status", icon: `status-${this.status === "info" ? "info-solid" : this.status}`, "aria-hidden": "true" })), h("span", { key: 'd016153d5e46460b68a8ba2d9a73d3e82dc8795e', class: "sr-only" }, this.text(this.status), ":"))), h("slot", { key: 'a5d90a9fd35f9b4178bfa7d13d13b5f52c0f3666' }), this.closable && (h("dso-icon-button", { key: '400cd28d62ff4d709cd9a32bb232a1f55fa5d4c9', label: this.text("close"), variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
50
50
  }
51
51
  get host() { return this; }
52
52
  static get style() { return alertCss(); }
@@ -1,5 +1,5 @@
1
- import { p as proxyCustomElement, H, h, t as transformTag } from './p-CiFTQ7lb.js';
2
- import { d as defineCustomElement$1 } from './p-Bj6TmNEh.js';
1
+ import { p as proxyCustomElement, H, h, t as transformTag } from './p-DtUeWj74.js';
2
+ import { d as defineCustomElement$1 } from './p-DixhcduG.js';
3
3
 
4
4
  const attachmentsCounterCss = () => `:host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}`;
5
5
 
@@ -1,8 +1,8 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-CiFTQ7lb.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-DtUeWj74.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
- import { i as i18n } from './p-CCOI5nUo.js';
4
- import { d as defineCustomElement$2 } from './p-Bj6TmNEh.js';
5
- import { d as defineCustomElement$1 } from './p-DSn98k7j.js';
3
+ import { i as i18n } from './p-xDSTG4OU.js';
4
+ import { d as defineCustomElement$2 } from './p-DixhcduG.js';
5
+ import { d as defineCustomElement$1 } from './p-B1sfJaTU.js';
6
6
 
7
7
  const translations = {
8
8
  en: {
@@ -34,7 +34,7 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends H {
34
34
  this.text = i18n(() => this.host, translations);
35
35
  }
36
36
  render() {
37
- return (h("div", { key: '5b81375974d8d11a0462df7c694c52c3f2a798a7', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: 'b824a62964522377a144ddb4ba3b5dd4fa299c17', class: "panel-heading" }, h("slot", { key: '3bd31ee54d5b7ee08a8f9780a678c6d54d7b3b72', name: "heading" }), h("dso-icon-button", { key: 'e1f52f75e650affa433a205f37c42e179c01d75e', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: 'aeede848e4146fa72911e2cb4bfd2eb686fe7159', class: "panel-body" }, h("slot", { key: '3313c2ed613913ee014071f8803e287c8fd7c9ff' }))));
37
+ return (h("div", { key: 'fdcef28b2c5de26f2213133d70a7bba233169e70', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '103979cf987d46596d5c8b440163bf72e5bb3d74', class: "panel-heading" }, h("slot", { key: '75816074542c74dce6c2142a87f641ea35287476', name: "heading" }), h("dso-icon-button", { key: 'aa89b842cd9159f0a136668b391f7c0e3a97d328', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '11fe6ce29a384f5bf53fd3ae3e49ac910ba391f5', class: "panel-body" }, h("slot", { key: '10d6c013559e598e027c604eba614707fd0d8423' }))));
38
38
  }
39
39
  get host() { return this; }
40
40
  static get style() { return panelCss(); }
@@ -1,4 +1,4 @@
1
- import { S as StencilCore } from './p-CiFTQ7lb.js';
1
+ import { S as StencilCore } from './p-DtUeWj74.js';
2
2
 
3
3
  const appendToMap = (map, refsByValue, propName, value) => {
4
4
  let ref = refsByValue.get(value);
@@ -1,6 +1,6 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-CiFTQ7lb.js';
2
- import { d as defineCustomElement$2 } from './p-Bj6TmNEh.js';
3
- import { d as defineCustomElement$1 } from './p-DSn98k7j.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DtUeWj74.js';
2
+ import { d as defineCustomElement$2 } from './p-DixhcduG.js';
3
+ import { d as defineCustomElement$1 } from './p-B1sfJaTU.js';
4
4
 
5
5
  const infoCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;--_dso-image-display:block;--_dso-image-margin-block:8px;--_dso-image-margin-inline:auto;--_dso-rich-content-margin-block-start:0}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}`;
6
6
 
@@ -14,7 +14,7 @@ const Info = /*@__PURE__*/ proxyCustomElement(class Info extends H {
14
14
  this.dsoClose = createEvent(this, "dsoClose", 7);
15
15
  }
16
16
  render() {
17
- return (h(Fragment, { key: 'a9db2b8522cbfa55e8629b58a9757d58931ecbca' }, h("slot", { key: '2059c0fb8926f48a4b1f36a2210d5c8e48861b1a' }), !this.fixed && (h("dso-icon-button", { key: 'b5350abb35893dabf2dfcb0278aee5efd7bb8951', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
17
+ return (h(Fragment, { key: '501034aaf66e9109b35acead40058a4a42081904' }, h("slot", { key: '3e92f25b24180c39db9cbe8967baac16e41e0f03' }), !this.fixed && (h("dso-icon-button", { key: '568cdfc82e1fb885849226689812843a9045184d', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
18
18
  }
19
19
  static get style() { return infoCss(); }
20
20
  }, [257, "dso-info", {
@@ -1,7 +1,9 @@
1
- import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-CiFTQ7lb.js';
1
+ import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-DtUeWj74.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
- import { p as positionTooltip, T as Tooltip } from './p-DFhKaDMe.js';
4
- import { d as defineCustomElement$1 } from './p-TaOl3xYb.js';
3
+ import { T as ToggletipController } from './p-C49HfF1N.js';
4
+ import { T as TooltipController } from './p-BsaL-EuM.js';
5
+ import { T as Tooltip } from './p-DZCYhv_b.js';
6
+ import { d as defineCustomElement$1 } from './p-NElTvMxv.js';
5
7
 
6
8
  const badgeCss = () => `.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-badge{border-width:1px;border-style:solid;border-radius:1em;display:inline-block;font-size:0.875em;line-height:1;min-inline-size:1.5rem;padding-block:4px;padding-inline:8px;text-align:center;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#666;color:#fff;border-color:#666}.dso-badge.badge-info{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff;border-color:#2b5780}.dso-badge.badge-primary{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff;border-color:#275937}.dso-badge.badge-success{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff;border-color:#39870c}.dso-badge.badge-warning{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919;border-color:#dcd400}.dso-badge.badge-error{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff;border-color:#ce3f51}.dso-badge.badge-outline{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-color:#191919}.dso-badge.badge-attention{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff;border-color:#8b4a6a}.dso-badge.interactive:hover,.dso-badge.interactive:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#4c4c4c;color:#fff;border-color:#4c4c4c}.dso-badge.interactive.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#323232;color:#fff;border-color:#323232}.dso-badge.interactive.badge-info:hover,.dso-badge.interactive.badge-info:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#224666;color:#fff;border-color:#224666}.dso-badge.interactive.badge-info.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#1e3d5a;color:#fff;border-color:#1e3d5a}.dso-badge.interactive.badge-primary:hover,.dso-badge.interactive.badge-primary:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#1f472c;color:#fff;border-color:#1f472c}.dso-badge.interactive.badge-primary.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#1b3e27;color:#fff;border-color:#1b3e27}.dso-badge.interactive.badge-success:hover,.dso-badge.interactive.badge-success:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2e6c0a;color:#fff;border-color:#2e6c0a}.dso-badge.interactive.badge-success.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#285f08;color:#fff;border-color:#285f08}.dso-badge.interactive.badge-warning:hover,.dso-badge.interactive.badge-warning:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#c6bf00;color:#191919;border-color:#c6bf00}.dso-badge.interactive.badge-warning.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#b0aa00;color:#191919;border-color:#b0aa00}.dso-badge.interactive.badge-error:hover,.dso-badge.interactive.badge-error:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#a53241;color:#fff;border-color:#a53241}.dso-badge.interactive.badge-error.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#902c39;color:#fff;border-color:#902c39}.dso-badge.interactive.badge-outline:hover,.dso-badge.interactive.badge-outline:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e5e5e5;color:#191919;border-color:#191919}.dso-badge.interactive.badge-outline.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#ccc;color:#191919;border-color:#191919}.dso-badge.interactive.badge-attention:hover,.dso-badge.interactive.badge-attention:focus-visible{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#6f3b55;color:#fff;border-color:#6f3b55}.dso-badge.interactive.badge-attention.toggled{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#61344a;color:#fff;border-color:#61344a}.toggletip-button{background-color:transparent;border:0;cursor:pointer;font-size:1rem;padding:0}.toggletip-button+.dso-tooltip{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#666;color:#fff;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:320px}.toggletip-button+.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#666;color:#fff;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:8px;border-radius:4px;line-height:1.5}.toggletip-button+.dso-tooltip .tooltip-arrow{position:absolute;background-color:#666;border-start-start-radius:4px;block-size:8px;inline-size:8px;pointer-events:none;z-index:-1}`;
7
9
 
@@ -12,8 +14,20 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends H {
12
14
  this.__registerHost();
13
15
  }
14
16
  this.__attachShadow();
15
- this.lastClickTime = 0;
16
- this.tooltipShowDelay = 500;
17
+ this.tooltipController = new TooltipController({
18
+ getReferenceElement: () => this.buttonElRef,
19
+ getTipElement: () => this.tooltipElRef,
20
+ getTipArrowElement: () => this.tooltipArrowElRef,
21
+ getPlacement: () => "top",
22
+ showDelay: 500,
23
+ });
24
+ this.toggletipController = new ToggletipController({
25
+ getReferenceElement: () => this.buttonElRef,
26
+ getTipElement: () => this.toggletipElRef,
27
+ getTipArrowElement: () => this.toggletipArrowElRef,
28
+ getRestrictContentElement: () => this.restrictContentElement,
29
+ getPlacement: () => this.toggletipPlacement,
30
+ });
17
31
  /**
18
32
  * The placement of the toggletip on click of the interactive Badge with Toggletip.
19
33
  */
@@ -21,38 +35,10 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends H {
21
35
  this.toggletipActive = false;
22
36
  this.hasToggletip = false;
23
37
  this.handleShowTooltip = () => {
24
- // Don't show the tooltip if the button is clicked within 500ms of the last click
25
- if (Date.now() - this.lastClickTime < this.tooltipShowDelay) {
26
- return;
27
- }
28
- this.clearToolTipTimeout();
29
- this.tooltipTimeout = window.setTimeout(() => {
30
- if (!this.tooltipElRef?.isConnected) {
31
- return;
32
- }
33
- this.tooltipElRef?.showPopover();
34
- if (!this.cleanUpFunctionTooltip && this.buttonElRef && this.tooltipElRef && this.tooltipArrowElRef) {
35
- this.cleanUpFunctionTooltip = positionTooltip({
36
- referenceElement: this.buttonElRef,
37
- tipRef: this.tooltipElRef,
38
- tipArrowRef: this.tooltipArrowElRef,
39
- placementTip: "top",
40
- topPositionSmallViewPort: false,
41
- halfMainAxisOffset: false,
42
- forceVisible: true,
43
- });
44
- }
45
- }, this.tooltipShowDelay);
38
+ this.tooltipController.show();
46
39
  };
47
40
  this.handleHideTooltip = () => {
48
- this.clearToolTipTimeout();
49
- if (this.tooltipElRef?.isConnected && this.tooltipElRef.matches(":popover-open")) {
50
- this.tooltipElRef.hidePopover();
51
- }
52
- if (this.cleanUpFunctionTooltip) {
53
- this.cleanUpFunctionTooltip();
54
- this.cleanUpFunctionTooltip = undefined;
55
- }
41
+ this.tooltipController.hide();
56
42
  };
57
43
  this.keyDownHandler = (event) => {
58
44
  if (!this.toggletipActive)
@@ -64,58 +50,21 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends H {
64
50
  this.focusOutHandler = (event) => {
65
51
  if (!this.host.contains(event.relatedTarget)) {
66
52
  this.toggletipActive = false;
67
- this.toggletipElRef?.hidePopover();
68
- }
69
- };
70
- this.clearToolTipTimeout = () => {
71
- if (this.tooltipTimeout) {
72
- clearTimeout(this.tooltipTimeout);
73
53
  }
74
54
  };
75
55
  }
76
56
  handleToggle() {
77
- this.lastClickTime = Date.now();
57
+ this.tooltipController.notifyClick();
78
58
  this.toggletipActive = !this.toggletipActive;
79
59
  this.handleHideTooltip();
80
60
  }
81
- cleanUpToggletip() {
82
- this.cleanUpFunctionToggletip?.();
83
- this.cleanUpFunctionToggletip = undefined;
84
- }
85
- cleanUpTooltip() {
86
- this.clearToolTipTimeout();
87
- this.cleanUpFunctionTooltip?.();
88
- this.cleanUpFunctionTooltip = undefined;
89
- }
90
61
  componentDidRender() {
91
62
  if (!this.hasToggletip) {
92
- this.toggletipElRef?.hidePopover();
93
- this.cleanUpToggletip();
94
- this.cleanUpTooltip();
63
+ this.tooltipController.hide();
64
+ this.toggletipController.dispose();
95
65
  return;
96
66
  }
97
- if (!this.cleanUpFunctionToggletip &&
98
- this.toggletipActive &&
99
- this.buttonElRef &&
100
- this.toggletipElRef &&
101
- this.toggletipArrowElRef) {
102
- this.cleanUpFunctionToggletip = positionTooltip({
103
- referenceElement: this.buttonElRef,
104
- tipRef: this.toggletipElRef,
105
- tipArrowRef: this.toggletipArrowElRef,
106
- placementTip: this.toggletipPlacement,
107
- restrictContentElement: this.restrictContentElement,
108
- });
109
- }
110
- if (this.cleanUpFunctionToggletip) {
111
- if (this.toggletipActive) {
112
- this.toggletipElRef?.showPopover();
113
- }
114
- else {
115
- this.toggletipElRef?.hidePopover();
116
- this.cleanUpToggletip();
117
- }
118
- }
67
+ this.toggletipController.update(this.toggletipActive);
119
68
  }
120
69
  connectedCallback() {
121
70
  this.mutationObserver = new MutationObserver(() => {
@@ -127,13 +76,14 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends H {
127
76
  });
128
77
  }
129
78
  disconnectedCallback() {
130
- this.cleanUpToggletip();
79
+ this.toggletipController.dispose();
80
+ this.tooltipController.dispose();
131
81
  this.mutationObserver?.disconnect();
132
82
  delete this.mutationObserver;
133
83
  }
134
84
  render() {
135
- return ((this.hasToggletip && (h(Host, { key: '8f56471d80c9118d52956e275dc5ff7ce237da90', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("button", { key: '0958933c2fa529c9c6cce55165055d7c4dc1ea14', ref: (el) => (this.buttonElRef = el), type: "button", "aria-label": this.label, class: "toggletip-button", onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: () => this.handleToggle() }, h("span", { key: '6490903670efe4464e7ad245277ed9072ad42743', class: clsx("dso-badge", "interactive", { [`badge-${this.status}`]: this.status }, { toggled: this.toggletipActive }) }, h("slot", { key: '5b0a207e2a68200df54a48468e230cbe1091e61e' }))), h(Tooltip, { key: '2c4dc90b24bbff89a3b5138c76f526470f3baf49', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label), h(Tooltip, { key: '72e2930db3e66ead2daafba967d626eeb0469d03', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: 'b30417c30e1527e8b2ca91acfdb06522d80aca46', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: 'afc649587d37a0bba4bfc7dc82337f1c0907e276', name: "toggletip" })))))) ||
136
- (!this.hasToggletip && (h("span", { key: '72d0faf68371571cdab19dded4e90fc79944e860', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'd98f3b80cb9441f3f3ccb30b37dac286ed7ced56' })))));
85
+ return ((this.hasToggletip && (h(Host, { key: '42d1ac080484dc2715b74d35c5282f3967478d27', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("button", { key: 'e043590d457889fca4a98ce783a17d4e9358c8d0', ref: (el) => (this.buttonElRef = el), type: "button", "aria-label": this.label, class: "toggletip-button", onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: () => this.handleToggle() }, h("span", { key: '7f0e34532c0837bc53277186279d01fcfce7ba88', class: clsx("dso-badge", "interactive", { [`badge-${this.status}`]: this.status }, { toggled: this.toggletipActive }) }, h("slot", { key: 'bb7204c453f0d6cd078e973e95b58da506c41710' }))), h(Tooltip, { key: '704344b00cf1f387f9090c4ba9e163697fa5f0b0', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label), h(Tooltip, { key: '709f41ae5e01da24af80ce2483b338e6d77110be', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: 'b05cf14b78d9b582929f9e44e52eeebef5f00255', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: 'ff2e0c00c8f0ca7a924d2689370c2be8fc65e787', name: "toggletip" })))))) ||
86
+ (!this.hasToggletip && (h("span", { key: '71cb4cddd7b542f0dbbf3d528a31049c118dabd5', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'b0ac9999257dd171d0f48716d15752225b707c54' })))));
137
87
  }
138
88
  get host() { return this; }
139
89
  static get style() { return badgeCss(); }
@@ -1,4 +1,4 @@
1
- import { h } from './p-CiFTQ7lb.js';
1
+ import { h } from './p-DtUeWj74.js';
2
2
 
3
3
  const AnnotationBody = ({ symbol, title, data, active, dsoActiveChange, }) => (h("div", { class: "annotation-body" }, symbol && h("div", { class: "annotation-symbol" }, symbol), h("div", { class: "annotation-info" }, h("p", { class: "annotation-title" }, title), data && h("p", { class: "annotation-data" }, data)), dsoActiveChange && (h("div", { class: "annotation-control" }, h("dso-slide-toggle", { accessibleLabel: "Toon op kaart", checked: active, onDsoActiveChange: (e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e }) })))));
4
4
 
@@ -0,0 +1,76 @@
1
+ import { p as positionTooltip } from './p-DZCYhv_b.js';
2
+
3
+ /**
4
+ * Shared controller for the positioning, showing, and hiding of a Tooltip.
5
+ */
6
+ class TooltipController {
7
+ constructor(options) {
8
+ this.options = options;
9
+ this.lastClickTime = 0;
10
+ this.doShow = () => {
11
+ const tipRef = this.options.getTipElement();
12
+ if (!tipRef?.isConnected) {
13
+ return;
14
+ }
15
+ tipRef.showPopover();
16
+ if (!this.cleanUpFunction) {
17
+ const referenceElement = this.options.getReferenceElement();
18
+ const tipArrowRef = this.options.getTipArrowElement();
19
+ if (referenceElement && tipArrowRef) {
20
+ this.cleanUpFunction = positionTooltip({
21
+ referenceElement,
22
+ tipRef,
23
+ tipArrowRef,
24
+ placementTip: this.options.getPlacement(),
25
+ topPositionSmallViewPort: false,
26
+ halfMainAxisOffset: false,
27
+ forceVisible: true,
28
+ });
29
+ }
30
+ }
31
+ };
32
+ }
33
+ /**
34
+ * Registers a click to suppress the tooltip from (re)appearing within showDelay milliseconds after a click on the
35
+ * reference element.
36
+ */
37
+ notifyClick() {
38
+ this.lastClickTime = Date.now();
39
+ }
40
+ show() {
41
+ const { showDelay = 0 } = this.options;
42
+ this.clearShowTimeout();
43
+ if (Date.now() - this.lastClickTime < showDelay) {
44
+ return;
45
+ }
46
+ if (showDelay > 0) {
47
+ this.tooltipTimeout = window.setTimeout(this.doShow, showDelay);
48
+ }
49
+ else {
50
+ this.doShow();
51
+ }
52
+ }
53
+ hide() {
54
+ this.clearShowTimeout();
55
+ const tipRef = this.options.getTipElement();
56
+ if (tipRef?.isConnected && tipRef.matches(":popover-open")) {
57
+ tipRef.hidePopover();
58
+ }
59
+ this.cleanUpTooltip();
60
+ }
61
+ dispose() {
62
+ this.clearShowTimeout();
63
+ this.cleanUpTooltip();
64
+ }
65
+ clearShowTimeout() {
66
+ if (this.tooltipTimeout) {
67
+ clearTimeout(this.tooltipTimeout);
68
+ }
69
+ }
70
+ cleanUpTooltip() {
71
+ this.cleanUpFunction?.();
72
+ this.cleanUpFunction = undefined;
73
+ }
74
+ }
75
+
76
+ export { TooltipController as T };
@@ -1,6 +1,6 @@
1
- import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-CiFTQ7lb.js';
2
- import { i as i18n } from './p-CCOI5nUo.js';
3
- import { d as defineCustomElement$1 } from './p-Bj6TmNEh.js';
1
+ import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-DtUeWj74.js';
2
+ import { i as i18n } from './p-xDSTG4OU.js';
3
+ import { d as defineCustomElement$1 } from './p-DixhcduG.js';
4
4
 
5
5
  const translations = {
6
6
  en: {
@@ -27,7 +27,7 @@ const Progressindicator = /*@__PURE__*/ proxyCustomElement(class Progressindicat
27
27
  this.text = i18n(() => this.host, translations);
28
28
  }
29
29
  render() {
30
- return (h(Host, { key: '756b3c77f67be36f96ff5ab888468612ba099827' }, h("span", { key: '11fb5c5829de9fc1a01ba440aacf0c1577c5bf2e', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '2ea1050a9196781ab9f246dd50b8f1b905bf085b', icon: "spinner" })), h("span", { key: 'ec94e1009c0d8aa8540ceb3bc9b745db8f591e15', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
30
+ return (h(Host, { key: '4c4a20f9efaed65f1238c20d9e6edb1a451a22d9' }, h("span", { key: '21ce4ac50f717a0219a8e5ffd59efb2319107705', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '7452a5fc2d83e55f6728aa3886c259984006b708', icon: "spinner" })), h("span", { key: '654ee10f19a190b00787f9bc2e714a23f76ad6b2', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
31
31
  }
32
32
  get host() { return this; }
33
33
  static get style() { return progressIndicatorCss(); }
@@ -0,0 +1,60 @@
1
+ import { p as positionTooltip } from './p-DZCYhv_b.js';
2
+
3
+ /**
4
+ * Shared controller for the positioning, showing, and hiding of a Toggletip.
5
+ */
6
+ class ToggletipController {
7
+ constructor(options) {
8
+ this.options = options;
9
+ }
10
+ /**
11
+ * Position the Toggletip and show or hide it based on the `active` parameter.
12
+ *
13
+ * Intended to be called from `componentDidRender`.
14
+ *
15
+ * @param active Whether the Toggletip should be active.
16
+ */
17
+ update(active) {
18
+ const tipRef = this.options.getTipElement();
19
+ if (!this.cleanUpFunction && active) {
20
+ const referenceElement = this.options.getReferenceElement();
21
+ const tipArrowRef = this.options.getTipArrowElement();
22
+ if (referenceElement && tipRef && tipArrowRef) {
23
+ this.cleanUpFunction = positionTooltip({
24
+ referenceElement,
25
+ tipRef,
26
+ tipArrowRef,
27
+ placementTip: this.options.getPlacement(),
28
+ restrictContentElement: this.options.getRestrictContentElement?.(),
29
+ });
30
+ }
31
+ }
32
+ if (this.cleanUpFunction) {
33
+ if (active) {
34
+ tipRef?.showPopover();
35
+ }
36
+ else {
37
+ if (tipRef?.isConnected && tipRef.matches(":popover-open")) {
38
+ tipRef?.hidePopover();
39
+ }
40
+ this.cleanUpToggletip();
41
+ }
42
+ }
43
+ }
44
+ dispose() {
45
+ this.cleanUpToggletip();
46
+ }
47
+ cleanUpToggletip() {
48
+ this.cleanUpFunction?.();
49
+ this.cleanUpFunction = undefined;
50
+ }
51
+ }
52
+ /**
53
+ * Determines whether an event originated outside `host`, based on `event.composedPath()`.
54
+ * Used for outside-dismiss handling of a Toggletip.
55
+ */
56
+ function isEventOutside(host, event) {
57
+ return !event.composedPath().includes(host);
58
+ }
59
+
60
+ export { ToggletipController as T, isEventOutside as i };