@dso-toolkit/core 93.0.1 → 95.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 (489) hide show
  1. package/dist/bundle/dso-accordion-section.js +16 -22
  2. package/dist/bundle/dso-accordion.js +1 -1
  3. package/dist/bundle/dso-action-list-item.js +2 -2
  4. package/dist/bundle/dso-action-list.js +1 -1
  5. package/dist/bundle/dso-advanced-select.js +36 -26
  6. package/dist/bundle/dso-alert.js +1 -1
  7. package/dist/bundle/dso-annotation-activiteit.js +15 -21
  8. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +14 -20
  9. package/dist/bundle/dso-annotation-kaart.js +6 -6
  10. package/dist/bundle/dso-annotation-locatie.js +1 -1
  11. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +15 -21
  12. package/dist/bundle/dso-attachments-counter.js +1 -1
  13. package/dist/bundle/dso-autosuggest.js +6 -6
  14. package/dist/bundle/dso-badge.js +1 -1
  15. package/dist/bundle/dso-banner.js +1 -1
  16. package/dist/bundle/dso-button-group.js +1 -1
  17. package/dist/bundle/dso-card-container.js +1 -1
  18. package/dist/bundle/dso-card.js +3 -3
  19. package/dist/bundle/dso-contact-information.js +1 -1
  20. package/dist/bundle/dso-cursor-tooltip.js +1 -1
  21. package/dist/bundle/dso-date-picker.js +1 -1
  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.js +1 -1
  25. package/dist/bundle/dso-expandable.js +1 -1
  26. package/dist/bundle/dso-header.js +4 -4
  27. package/dist/bundle/dso-highlight-box.js +1 -1
  28. package/dist/bundle/dso-history-item.js +2 -2
  29. package/dist/bundle/dso-icon-button.js +1 -1
  30. package/dist/bundle/dso-icon.js +1 -1
  31. package/dist/bundle/dso-image-overlay.js +1 -1
  32. package/dist/bundle/dso-info-button.js +1 -1
  33. package/dist/bundle/dso-info.js +1 -1
  34. package/dist/bundle/dso-input-range.js +1 -1
  35. package/dist/bundle/dso-label.js +1 -1
  36. package/dist/bundle/dso-legend-group.js +5 -5
  37. package/dist/bundle/dso-legend-item.js +8 -8
  38. package/dist/bundle/dso-legend.js +6 -6
  39. package/dist/bundle/dso-list-button.js +9 -9
  40. package/dist/bundle/dso-logo.js +2 -2
  41. package/dist/bundle/dso-map-base-layers.js +10 -10
  42. package/dist/bundle/dso-map-controls.js +8 -8
  43. package/dist/bundle/dso-map-layer-object.js +5 -5
  44. package/dist/bundle/dso-map-layer.js +5 -5
  45. package/dist/bundle/dso-map-message.js +4 -4
  46. package/dist/bundle/dso-map-overlays.js +10 -10
  47. package/dist/bundle/dso-mark-bar.js +4 -4
  48. package/dist/bundle/dso-modal.js +1 -130
  49. package/dist/bundle/dso-onboarding-tip.js +5 -5
  50. package/dist/bundle/dso-ozon-content-toggletip.js +2 -2
  51. package/dist/bundle/dso-ozon-content.js +1 -1
  52. package/dist/bundle/dso-pagination.js +3 -3
  53. package/dist/bundle/dso-panel.js +1 -1
  54. package/dist/bundle/dso-plekinfo-card.js +5 -5
  55. package/dist/bundle/dso-progress-indicator.js +1 -1
  56. package/dist/bundle/dso-project-item.js +8 -14
  57. package/dist/bundle/dso-renvooi.js +1 -1
  58. package/dist/bundle/dso-responsive-element.js +1 -1
  59. package/dist/bundle/dso-scrollable.js +1 -1
  60. package/dist/bundle/dso-segmented-button.js +2 -2
  61. package/dist/bundle/dso-selectable.js +1 -1
  62. package/dist/bundle/dso-skiplink.js +3 -3
  63. package/dist/bundle/dso-slide-toggle.js +1 -1
  64. package/dist/bundle/dso-survey-rating.js +7 -7
  65. package/dist/bundle/dso-tab.js +1 -1
  66. package/dist/bundle/dso-table.js +1 -1
  67. package/dist/bundle/dso-tabs.js +2 -2
  68. package/dist/bundle/dso-tijdreis-banner.js +3 -3
  69. package/dist/bundle/dso-tooltip.js +2114 -1
  70. package/dist/bundle/dso-tree-view.js +4 -4
  71. package/dist/bundle/dso-viewer-grid.js +3 -3
  72. package/dist/bundle/dsot-document-component-demo.js +28 -28
  73. package/dist/bundle/index.js +2 -2
  74. package/dist/bundle/{p-Bpxt6ayX.js → p-5nlGueoS.js} +1 -1
  75. package/dist/bundle/{p-kQvyXIDA.js → p-7h6dLq9M.js} +1 -1
  76. package/dist/bundle/{p-Cx-wt8X8.js → p-B3m8trPV.js} +1 -1
  77. package/dist/bundle/{p-coDX50W3.js → p-B9XEou_S.js} +4 -4
  78. package/dist/bundle/{p-CRPLuDWD.js → p-BLZJxjte.js} +20 -16
  79. package/dist/bundle/{p-DqzYyiPW.js → p-BSaHsr79.js} +1 -1
  80. package/dist/bundle/{p-NAG22yyq.js → p-BbrcIY5U.js} +2 -2
  81. package/dist/bundle/p-BcejAJTk.js +132 -0
  82. package/dist/bundle/{p-ZVYFxI1s.js → p-Bh6sbzpT.js} +2 -2
  83. package/dist/bundle/p-C3TYRjeb.js +166 -0
  84. package/dist/bundle/{p-DORLt6w9.js → p-CF5u2saq.js} +4 -4
  85. package/dist/{esm/v4-DEQj4hHE.js → bundle/p-CK3_k8jD.js} +7 -17
  86. package/dist/bundle/p-CR-rxxZR.js +341 -0
  87. package/dist/bundle/{p-BUfOvN-j.js → p-C_yE-yT4.js} +4 -4
  88. package/dist/bundle/p-CbZsDFSf.js +109 -0
  89. package/dist/bundle/p-CjrG2WYI.js +79 -0
  90. package/dist/bundle/{p-UID4cKLB.js → p-CpHN9nNa.js} +3 -3
  91. package/dist/bundle/{p-DBGoQkQq.js → p-CuGyp3WQ.js} +23 -5
  92. package/dist/bundle/{p-MpcavIBO.js → p-CwETV-gv.js} +2 -2
  93. package/dist/bundle/p-D6mShNSe.js +119 -0
  94. package/dist/bundle/{p-BPivYT1Y.js → p-DAF7EsKp.js} +3 -3
  95. package/dist/bundle/{p-ChUPoPD0.js → p-DBi6XQa8.js} +61 -19
  96. package/dist/bundle/{p-CIhIApHw.js → p-DIM0fY1S.js} +2 -2
  97. package/dist/bundle/{p-B9SM87U3.js → p-DQ4k80p_.js} +1 -1
  98. package/dist/bundle/p-DQAO2E8R.js +189 -0
  99. package/dist/bundle/{p-EL_IgcTa.js → p-DV3b_VnF.js} +1 -1
  100. package/dist/bundle/{p-pBMyyJLQ.js → p-DZGMkIzK.js} +5 -5
  101. package/dist/bundle/{p-Aw2GDcd_.js → p-DoVqfHFv.js} +1 -1
  102. package/dist/bundle/p-Drg4jBmd.js +1209 -0
  103. package/dist/{esm/i18n-ULwgxD7S.js → bundle/p-DwBHVuoZ.js} +71 -90
  104. package/dist/bundle/{p-B3_SLWNA.js → p-NCJ9jUD-.js} +71 -53
  105. package/dist/bundle/{p-DfoVRvxy.js → p-RkXc1mJn.js} +11 -9
  106. package/dist/bundle/p-pAprbk-K.js +100 -0
  107. package/dist/cjs/{annotation-body-D709UN2k.js → annotation-body-BYBiDMDz.js} +1 -1
  108. package/dist/cjs/{annotation-list-renvooi-values-Bf6MmhgH.js → annotation-list-renvooi-values-D5GfwuRO.js} +1 -1
  109. package/dist/cjs/{annotation-watcher-nmRcLxK5.js → annotation-watcher-DRtgT1BA.js} +1 -1
  110. package/dist/cjs/dso-accordion-section.cjs.entry.js +2 -2
  111. package/dist/cjs/dso-accordion.cjs.entry.js +1 -1
  112. package/dist/cjs/dso-action-list-item.cjs.entry.js +1 -1
  113. package/dist/cjs/dso-action-list.cjs.entry.js +1 -1
  114. package/dist/cjs/dso-advanced-select.cjs.entry.js +26 -10
  115. package/dist/cjs/dso-alert_7.cjs.entry.js +57 -69
  116. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +5 -5
  117. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +4 -4
  118. package/dist/cjs/dso-annotation-kaart.cjs.entry.js +3 -3
  119. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +6 -6
  120. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +5 -5
  121. package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +1 -1
  122. package/dist/cjs/dso-autosuggest.cjs.entry.js +3 -3
  123. package/dist/cjs/dso-banner.cjs.entry.js +1 -1
  124. package/dist/cjs/dso-button-group.cjs.entry.js +1 -1
  125. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  126. package/dist/cjs/dso-card.cjs.entry.js +2 -2
  127. package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
  128. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +1 -1
  129. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  130. package/dist/cjs/dso-document-card.cjs.entry.js +1 -1
  131. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +2 -2
  132. package/dist/cjs/dso-header.cjs.entry.js +2 -2
  133. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  134. package/dist/cjs/dso-history-item.cjs.entry.js +1 -1
  135. package/dist/cjs/dso-icon_2.cjs.entry.js +16 -20
  136. package/dist/cjs/dso-info_3.cjs.entry.js +23 -18
  137. package/dist/cjs/dso-input-range.cjs.entry.js +1 -1
  138. package/dist/cjs/dso-label_3.cjs.entry.js +36 -9
  139. package/dist/cjs/dso-legend-group.cjs.entry.js +3 -3
  140. package/dist/cjs/dso-legend-item.cjs.entry.js +3 -3
  141. package/dist/cjs/dso-legend.cjs.entry.js +3 -3
  142. package/dist/cjs/dso-list-button.cjs.entry.js +3 -3
  143. package/dist/cjs/dso-logo.cjs.entry.js +2 -2
  144. package/dist/cjs/dso-map-base-layers.cjs.entry.js +4 -4
  145. package/dist/cjs/dso-map-controls.cjs.entry.js +4 -4
  146. package/dist/cjs/dso-map-layer-object.cjs.entry.js +4 -4
  147. package/dist/cjs/dso-map-layer.cjs.entry.js +4 -4
  148. package/dist/cjs/dso-map-message.cjs.entry.js +3 -3
  149. package/dist/cjs/dso-map-overlays.cjs.entry.js +4 -4
  150. package/dist/cjs/dso-mark-bar.cjs.entry.js +2 -2
  151. package/dist/cjs/dso-modal.cjs.entry.js +5 -5
  152. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +3 -3
  153. package/dist/cjs/dso-pagination.cjs.entry.js +1 -1
  154. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +4 -4
  155. package/dist/cjs/dso-progress-indicator.cjs.entry.js +3 -3
  156. package/dist/cjs/dso-project-item.cjs.entry.js +2 -2
  157. package/dist/cjs/dso-responsive-element.cjs.entry.js +2 -2
  158. package/dist/cjs/dso-scrollable.cjs.entry.js +26 -8
  159. package/dist/cjs/dso-segmented-button.cjs.entry.js +2 -2
  160. package/dist/cjs/dso-skiplink.cjs.entry.js +2 -2
  161. package/dist/cjs/dso-survey-rating.cjs.entry.js +4 -4
  162. package/dist/cjs/dso-tab.cjs.entry.js +1 -1
  163. package/dist/cjs/dso-tabs.cjs.entry.js +2 -2
  164. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +2 -2
  165. package/dist/cjs/dso-toolkit.cjs.js +3 -3
  166. package/dist/cjs/dso-tooltip.cjs.entry.js +2 -2
  167. package/dist/cjs/dso-tree-view.cjs.entry.js +2 -2
  168. package/dist/cjs/dso-viewer-grid.cjs.entry.js +3 -3
  169. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  170. package/dist/cjs/{i18n-EVv0JhYm.js → i18n-5XH7oHkT.js} +71 -90
  171. package/dist/cjs/{index-Dqk4tvHL.js → index-v3FWnSvn.js} +61 -19
  172. package/dist/cjs/loader.cjs.js +2 -2
  173. package/dist/cjs/{parse-wijzigactie-from-node.function-2IxB-3Tj.js → parse-wijzigactie-from-node.function-joV1jDjd.js} +1 -1
  174. package/dist/cjs/{position-tooltip.function-CppeKAt4.js → position-tooltip.function-BjWi5ZKZ.js} +69 -45
  175. package/dist/cjs/tooltip.functional-component-Dbxr_PJe.js +7 -0
  176. package/dist/cjs/{v4-B9KyY_nQ.js → v4-_2BfiRUa.js} +7 -17
  177. package/dist/cjs/{wrap-wijzigactie.functional-component-CJUtPTJt.js → wrap-wijzigactie.functional-component-BDznkHgj.js} +1 -1
  178. package/dist/collection/collection-manifest.json +1 -1
  179. package/dist/collection/components/accordion/components/accordion-section.css +2 -2
  180. package/dist/collection/components/annotation/annotation.css +4 -3
  181. package/dist/collection/components/badge/badge.css +0 -10
  182. package/dist/collection/components/badge/badge.js +22 -26
  183. package/dist/collection/components/card/card.css +1 -0
  184. package/dist/collection/components/document-component/document-component.css +33 -10
  185. package/dist/collection/components/icon-button/icon-button.css +13 -8
  186. package/dist/collection/components/icon-button/icon-button.js +12 -20
  187. package/dist/collection/components/image-overlay/image-overlay.css +6 -6
  188. package/dist/collection/components/info-button/info-button.css +0 -5
  189. package/dist/collection/components/info-button/info-button.js +14 -10
  190. package/dist/collection/components/label/label.css +46 -3
  191. package/dist/collection/components/label/label.js +30 -6
  192. package/dist/collection/components/legend/legend-group/legend-group.js +1 -1
  193. package/dist/collection/components/legend/legend-item/legend-item.js +1 -1
  194. package/dist/collection/components/legend/legend.js +1 -1
  195. package/dist/collection/components/list-button/list-button.css +10 -4
  196. package/dist/collection/components/list-button/list-button.js +1 -1
  197. package/dist/collection/components/logo/logo.js +1 -1
  198. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  199. package/dist/collection/components/map-controls/map-controls.css +29 -7
  200. package/dist/collection/components/map-controls/map-controls.js +1 -1
  201. package/dist/collection/components/map-layer/components/map-layer-object.css +2 -2
  202. package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
  203. package/dist/collection/components/map-layer/map-layer.css +2 -2
  204. package/dist/collection/components/map-layer/map-layer.js +1 -1
  205. package/dist/collection/components/map-message/map-message.js +2 -2
  206. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  207. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  208. package/dist/collection/components/modal/modal.css +50 -69
  209. package/dist/collection/components/modal/modal.js +1 -1
  210. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  211. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.css +9 -11
  212. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +17 -16
  213. package/dist/collection/components/ozon-content/nodes/noot.node.js +2 -3
  214. package/dist/collection/components/ozon-content/ozon-content.css +55 -193
  215. package/dist/collection/components/ozon-content/ozon-content.js +2 -2
  216. package/dist/collection/components/panel/panel.js +1 -1
  217. package/dist/collection/components/plekinfo-card/plekinfo-card.css +3 -3
  218. package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
  219. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  220. package/dist/collection/components/project-item/project-item.js +1 -1
  221. package/dist/collection/components/renvooi/renvooi.css +3 -3
  222. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  223. package/dist/collection/components/scrollable/scrollable.js +22 -4
  224. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  225. package/dist/collection/components/selectable/selectable.js +8 -6
  226. package/dist/collection/components/skiplink/skiplink.js +1 -1
  227. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  228. package/dist/collection/components/survey-rating/survey-rating.css +6 -1
  229. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  230. package/dist/collection/components/table/table.css +37 -245
  231. package/dist/collection/components/table/table.js +1 -10
  232. package/dist/collection/components/tabs/tabs.js +1 -1
  233. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  234. package/dist/collection/components/tooltip/tooltip.js +2 -2
  235. package/dist/collection/components/tree-view/tree-view.js +1 -1
  236. package/dist/collection/components/viewer-grid/viewer-grid.css +9 -3
  237. package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
  238. package/dist/collection/functional-components/tooltip/position-tooltip.function.js +69 -45
  239. package/dist/collection/functional-components/tooltip/tooltip.functional-component.js +1 -7
  240. package/dist/collection/utils/i18n.js +0 -1
  241. package/dist/components/annotation-locatie.js +1 -1
  242. package/dist/components/badge.js +1 -1
  243. package/dist/components/document-component.js +1 -1
  244. package/dist/components/dso-accordion-section.js +1 -1
  245. package/dist/components/dso-advanced-select.js +4 -4
  246. package/dist/components/dso-annotation-activiteit.js +1 -1
  247. package/dist/components/dso-annotation-gebiedsaanwijzing.js +1 -1
  248. package/dist/components/dso-annotation-kaart.js +1 -1
  249. package/dist/components/dso-annotation-omgevingsnormwaarde.js +1 -1
  250. package/dist/components/dso-card.js +1 -1
  251. package/dist/components/dso-legend-group.js +1 -1
  252. package/dist/components/dso-legend-item.js +1 -1
  253. package/dist/components/dso-legend.js +1 -1
  254. package/dist/components/dso-list-button.js +1 -1
  255. package/dist/components/dso-logo.js +1 -1
  256. package/dist/components/dso-map-base-layers.js +1 -1
  257. package/dist/components/dso-map-controls.js +1 -1
  258. package/dist/components/dso-map-layer-object.js +1 -1
  259. package/dist/components/dso-map-layer.js +1 -1
  260. package/dist/components/dso-map-message.js +1 -1
  261. package/dist/components/dso-map-overlays.js +1 -1
  262. package/dist/components/dso-mark-bar.js +1 -1
  263. package/dist/components/dso-modal.js +1 -1
  264. package/dist/components/dso-onboarding-tip.js +1 -1
  265. package/dist/components/dso-ozon-content-toggletip.js +1 -1
  266. package/dist/components/dso-plekinfo-card.js +1 -1
  267. package/dist/components/dso-project-item.js +1 -1
  268. package/dist/components/dso-segmented-button.js +1 -1
  269. package/dist/components/dso-skiplink.js +1 -1
  270. package/dist/components/dso-survey-rating.js +1 -1
  271. package/dist/components/dso-tabs.js +1 -1
  272. package/dist/components/dso-tijdreis-banner.js +1 -1
  273. package/dist/components/dso-tooltip.js +1 -1
  274. package/dist/components/dso-tree-view.js +1 -1
  275. package/dist/components/dso-viewer-grid.js +1 -1
  276. package/dist/components/dsot-document-component-demo.js +1 -1
  277. package/dist/components/i18n.js +1 -1
  278. package/dist/components/icon-button.js +1 -1
  279. package/dist/components/image-overlay.js +1 -1
  280. package/dist/components/index.d.ts +1 -1
  281. package/dist/components/info-button.js +1 -1
  282. package/dist/components/label.js +1 -1
  283. package/dist/components/modal.js +1 -0
  284. package/dist/components/ozon-content-toggletip.js +1 -1
  285. package/dist/components/ozon-content.js +1 -1
  286. package/dist/components/panel.js +1 -1
  287. package/dist/components/progress-indicator.js +1 -1
  288. package/dist/components/renvooi.js +1 -1
  289. package/dist/components/responsive-element.js +1 -1
  290. package/dist/components/scrollable.js +1 -1
  291. package/dist/components/selectable.js +1 -1
  292. package/dist/components/slide-toggle.js +1 -1
  293. package/dist/components/table.js +1 -1
  294. package/dist/components/tooltip.functional-component.js +1 -1
  295. package/dist/components/v4.js +1 -1
  296. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  297. package/dist/dso-toolkit/p-015bdc99.entry.js +1 -0
  298. package/dist/dso-toolkit/{p-3f7b7a21.entry.js → p-037cc6e2.entry.js} +1 -1
  299. package/dist/dso-toolkit/{p-4f7c6b0b.entry.js → p-0d9c2c99.entry.js} +1 -1
  300. package/dist/dso-toolkit/{p-f6962cc7.entry.js → p-0f58bc7d.entry.js} +1 -1
  301. package/dist/dso-toolkit/p-13a4359b.entry.js +1 -0
  302. package/dist/dso-toolkit/p-151dd30f.entry.js +1 -0
  303. package/dist/dso-toolkit/{p-0d2c73be.entry.js → p-164492f5.entry.js} +1 -1
  304. package/dist/dso-toolkit/{p-6353b664.entry.js → p-169b492d.entry.js} +1 -1
  305. package/dist/dso-toolkit/{p-e73b1880.entry.js → p-17d68c90.entry.js} +1 -1
  306. package/dist/dso-toolkit/{p-de38f478.entry.js → p-19645089.entry.js} +1 -1
  307. package/dist/dso-toolkit/{p-d64ee7f4.entry.js → p-1d1a3740.entry.js} +1 -1
  308. package/dist/dso-toolkit/{p-6f5c451b.entry.js → p-20fb5b5a.entry.js} +1 -1
  309. package/dist/dso-toolkit/p-252007ac.entry.js +1 -0
  310. package/dist/dso-toolkit/{p-7a47230a.entry.js → p-25cea845.entry.js} +1 -1
  311. package/dist/dso-toolkit/p-2b05f2ab.entry.js +1 -0
  312. package/dist/dso-toolkit/{p-9a8a99a5.entry.js → p-2f0febe0.entry.js} +1 -1
  313. package/dist/dso-toolkit/p-39e33d16.entry.js +1 -0
  314. package/dist/dso-toolkit/{p-7d2a6081.entry.js → p-3d5affd8.entry.js} +1 -1
  315. package/dist/dso-toolkit/{p-90bf4262.entry.js → p-44552258.entry.js} +1 -1
  316. package/dist/dso-toolkit/{p-75a6103a.entry.js → p-455afb41.entry.js} +1 -1
  317. package/dist/dso-toolkit/p-4e05b633.entry.js +1 -0
  318. package/dist/dso-toolkit/{p-3c4c4af0.entry.js → p-4f21807b.entry.js} +3 -3
  319. package/dist/dso-toolkit/{p-520eb463.entry.js → p-53a165b2.entry.js} +1 -1
  320. package/dist/dso-toolkit/{p-4738fcf7.entry.js → p-57a0fb42.entry.js} +1 -1
  321. package/dist/dso-toolkit/p-57cd10e4.entry.js +1 -0
  322. package/dist/dso-toolkit/{p-b0a9948f.entry.js → p-61cd4ede.entry.js} +1 -1
  323. package/dist/dso-toolkit/{p-30286d1c.entry.js → p-6d3cc273.entry.js} +1 -1
  324. package/dist/dso-toolkit/{p-4bf15aa2.entry.js → p-7e817da1.entry.js} +1 -1
  325. package/dist/dso-toolkit/p-7f7f9551.entry.js +1 -0
  326. package/dist/dso-toolkit/p-846fe7d0.entry.js +1 -0
  327. package/dist/dso-toolkit/p-885f6260.entry.js +1 -0
  328. package/dist/dso-toolkit/p-89160dc8.entry.js +1 -0
  329. package/dist/dso-toolkit/p-8a6862d9.entry.js +1 -0
  330. package/dist/dso-toolkit/p-94db498f.entry.js +1 -0
  331. package/dist/dso-toolkit/p-978b1c1c.entry.js +1 -0
  332. package/dist/dso-toolkit/p-9c186af8.entry.js +1 -0
  333. package/dist/dso-toolkit/p-9c2cebf3.entry.js +1 -0
  334. package/dist/dso-toolkit/p-9e9eee7c.entry.js +1 -0
  335. package/dist/dso-toolkit/p-CK3_k8jD.js +1 -0
  336. package/dist/dso-toolkit/p-CYHYSMIz.js +1 -0
  337. package/dist/dso-toolkit/p-DEkvng4d.js +1 -0
  338. package/dist/dso-toolkit/p-DdaJdjEq.js +1 -0
  339. package/dist/dso-toolkit/p-DfixBhJX.js +1 -0
  340. package/dist/dso-toolkit/p-DwBHVuoZ.js +1 -0
  341. package/dist/dso-toolkit/p-ViUybizz.js +1 -0
  342. package/dist/dso-toolkit/{p-0833576d.entry.js → p-a56a45c0.entry.js} +1 -1
  343. package/dist/dso-toolkit/p-a64cbe94.entry.js +1 -0
  344. package/dist/dso-toolkit/{p-1796464a.entry.js → p-a85bbabe.entry.js} +1 -1
  345. package/dist/dso-toolkit/{p-c8b47115.entry.js → p-ab9af74a.entry.js} +1 -1
  346. package/dist/dso-toolkit/{p-9a8967f9.entry.js → p-b295a325.entry.js} +1 -1
  347. package/dist/dso-toolkit/{p-112128be.entry.js → p-b8614377.entry.js} +1 -1
  348. package/dist/dso-toolkit/{p-a6cd2273.entry.js → p-be187c76.entry.js} +1 -1
  349. package/dist/dso-toolkit/{p-a28f17f3.entry.js → p-c45e35cb.entry.js} +1 -1
  350. package/dist/dso-toolkit/{p-b2841387.entry.js → p-c50752f2.entry.js} +1 -1
  351. package/dist/dso-toolkit/{p-007fa89d.entry.js → p-c6d4aacf.entry.js} +1 -1
  352. package/dist/dso-toolkit/{p-deba4529.entry.js → p-c92a750b.entry.js} +1 -1
  353. package/dist/dso-toolkit/{p-808812c1.entry.js → p-cb1937ac.entry.js} +1 -1
  354. package/dist/dso-toolkit/p-ccdd9458.entry.js +1 -0
  355. package/dist/dso-toolkit/{p-9a36a39d.entry.js → p-d685a2f7.entry.js} +1 -1
  356. package/dist/dso-toolkit/{p-d0bbc40a.entry.js → p-d7c1ff76.entry.js} +1 -1
  357. package/dist/dso-toolkit/{p-a97aa67d.entry.js → p-dd84ff10.entry.js} +1 -1
  358. package/dist/dso-toolkit/{p-c86f85f1.entry.js → p-de4a1c14.entry.js} +1 -1
  359. package/dist/dso-toolkit/{p-fb70477b.entry.js → p-ecb84284.entry.js} +1 -1
  360. package/dist/dso-toolkit/p-eyz38o4U.js +1 -0
  361. package/dist/dso-toolkit/{p-96002988.entry.js → p-f2d1acf2.entry.js} +1 -1
  362. package/dist/dso-toolkit/{p-25afc236.entry.js → p-fcf93614.entry.js} +1 -1
  363. package/dist/dso-toolkit/{p-ea0d2c1f.entry.js → p-fe202eef.entry.js} +1 -1
  364. package/dist/dso-toolkit/{p-B9WLR_Pd.js → p-tZPA50GA.js} +1 -1
  365. package/dist/dso-toolkit/p-uGZacrki.js +2 -0
  366. package/dist/esm/{annotation-body-XmHPl1j-.js → annotation-body-BbGGiDzU.js} +1 -1
  367. package/dist/esm/{annotation-list-renvooi-values-BrskkBG_.js → annotation-list-renvooi-values-DV918XX7.js} +1 -1
  368. package/dist/esm/{annotation-watcher-CXzFGupS.js → annotation-watcher-D5FQ94at.js} +1 -1
  369. package/dist/esm/dso-accordion-section.entry.js +2 -2
  370. package/dist/esm/dso-accordion.entry.js +1 -1
  371. package/dist/esm/dso-action-list-item.entry.js +1 -1
  372. package/dist/esm/dso-action-list.entry.js +1 -1
  373. package/dist/esm/dso-advanced-select.entry.js +26 -10
  374. package/dist/esm/dso-alert_7.entry.js +57 -69
  375. package/dist/esm/dso-annotation-activiteit.entry.js +5 -5
  376. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +4 -4
  377. package/dist/esm/dso-annotation-kaart.entry.js +3 -3
  378. package/dist/esm/dso-annotation-locatie_2.entry.js +6 -6
  379. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +5 -5
  380. package/dist/esm/dso-attachments-counter_2.entry.js +1 -1
  381. package/dist/esm/dso-autosuggest.entry.js +3 -3
  382. package/dist/esm/dso-banner.entry.js +1 -1
  383. package/dist/esm/dso-button-group.entry.js +1 -1
  384. package/dist/esm/dso-card-container.entry.js +1 -1
  385. package/dist/esm/dso-card.entry.js +2 -2
  386. package/dist/esm/dso-contact-information.entry.js +1 -1
  387. package/dist/esm/dso-cursor-tooltip.entry.js +1 -1
  388. package/dist/esm/dso-date-picker.entry.js +1 -1
  389. package/dist/esm/dso-document-card.entry.js +1 -1
  390. package/dist/esm/dso-dropdown-menu.entry.js +2 -2
  391. package/dist/esm/dso-header.entry.js +2 -2
  392. package/dist/esm/dso-highlight-box.entry.js +1 -1
  393. package/dist/esm/dso-history-item.entry.js +1 -1
  394. package/dist/esm/dso-icon_2.entry.js +16 -20
  395. package/dist/esm/dso-info_3.entry.js +23 -18
  396. package/dist/esm/dso-input-range.entry.js +1 -1
  397. package/dist/esm/dso-label_3.entry.js +36 -9
  398. package/dist/esm/dso-legend-group.entry.js +3 -3
  399. package/dist/esm/dso-legend-item.entry.js +3 -3
  400. package/dist/esm/dso-legend.entry.js +3 -3
  401. package/dist/esm/dso-list-button.entry.js +3 -3
  402. package/dist/esm/dso-logo.entry.js +2 -2
  403. package/dist/esm/dso-map-base-layers.entry.js +4 -4
  404. package/dist/esm/dso-map-controls.entry.js +4 -4
  405. package/dist/esm/dso-map-layer-object.entry.js +4 -4
  406. package/dist/esm/dso-map-layer.entry.js +4 -4
  407. package/dist/esm/dso-map-message.entry.js +3 -3
  408. package/dist/esm/dso-map-overlays.entry.js +4 -4
  409. package/dist/esm/dso-mark-bar.entry.js +2 -2
  410. package/dist/esm/dso-modal.entry.js +5 -5
  411. package/dist/esm/dso-onboarding-tip.entry.js +3 -3
  412. package/dist/esm/dso-pagination.entry.js +1 -1
  413. package/dist/esm/dso-plekinfo-card.entry.js +4 -4
  414. package/dist/esm/dso-progress-indicator.entry.js +3 -3
  415. package/dist/esm/dso-project-item.entry.js +2 -2
  416. package/dist/esm/dso-responsive-element.entry.js +2 -2
  417. package/dist/esm/dso-scrollable.entry.js +23 -5
  418. package/dist/esm/dso-segmented-button.entry.js +2 -2
  419. package/dist/esm/dso-skiplink.entry.js +2 -2
  420. package/dist/esm/dso-survey-rating.entry.js +4 -4
  421. package/dist/esm/dso-tab.entry.js +1 -1
  422. package/dist/esm/dso-tabs.entry.js +2 -2
  423. package/dist/esm/dso-tijdreis-banner.entry.js +2 -2
  424. package/dist/esm/dso-toolkit.js +4 -4
  425. package/dist/esm/dso-tooltip.entry.js +2 -2
  426. package/dist/esm/dso-tree-view.entry.js +2 -2
  427. package/dist/esm/dso-viewer-grid.entry.js +3 -3
  428. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  429. package/dist/{bundle/p-ULwgxD7S.js → esm/i18n-DwBHVuoZ.js} +71 -90
  430. package/dist/esm/{index-BIfnbekk.js → index-uGZacrki.js} +61 -19
  431. package/dist/esm/loader.js +3 -3
  432. package/dist/esm/{parse-wijzigactie-from-node.function-g0_S_VRv.js → parse-wijzigactie-from-node.function-BtJ4WFIK.js} +1 -1
  433. package/dist/esm/{position-tooltip.function-Cf2lM20T.js → position-tooltip.function-DoXRpCfQ.js} +69 -45
  434. package/dist/esm/tooltip.functional-component-DNqxwCG5.js +5 -0
  435. package/dist/{bundle/p-DEQj4hHE.js → esm/v4-CK3_k8jD.js} +7 -17
  436. package/dist/esm/{wrap-wijzigactie.functional-component-BB1TmP-v.js → wrap-wijzigactie.functional-component-ChvYnlwn.js} +1 -1
  437. package/dist/types/components/badge/badge.d.ts +5 -6
  438. package/dist/types/components/icon-button/icon-button.d.ts +8 -8
  439. package/dist/types/components/info-button/info-button.d.ts +2 -2
  440. package/dist/types/components/label/label.d.ts +6 -2
  441. package/dist/types/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.d.ts +6 -5
  442. package/dist/types/components/ozon-content/nodes/noot.node.d.ts +1 -1
  443. package/dist/types/components/selectable/selectable.d.ts +1 -1
  444. package/dist/types/components/selectable/selectable.interfaces.d.ts +2 -0
  445. package/dist/types/components/table/table.d.ts +0 -3
  446. package/dist/types/components.d.ts +3 -3
  447. package/dist/types/functional-components/tooltip/tooltip.functional-component.d.ts +1 -2
  448. package/package.json +14 -13
  449. package/dist/bundle/p-8Tkxj9ba.js +0 -85
  450. package/dist/bundle/p-BMEJps6X.js +0 -97
  451. package/dist/bundle/p-BW8maL6h.js +0 -341
  452. package/dist/bundle/p-C3yNQ7WK.js +0 -1204
  453. package/dist/bundle/p-CslDhrwG.js +0 -102
  454. package/dist/bundle/p-D3dXzdge.js +0 -2116
  455. package/dist/bundle/p-DALBSzfQ.js +0 -170
  456. package/dist/bundle/p-DHOQChpz.js +0 -172
  457. package/dist/bundle/p-Rz6GCQXJ.js +0 -123
  458. package/dist/cjs/tooltip.functional-component-DrN_v5w1.js +0 -13
  459. package/dist/components/tooltip.js +0 -1
  460. package/dist/dso-toolkit/p-0da6b02f.entry.js +0 -1
  461. package/dist/dso-toolkit/p-1440ff2e.entry.js +0 -1
  462. package/dist/dso-toolkit/p-26cd4149.entry.js +0 -1
  463. package/dist/dso-toolkit/p-294c3de2.entry.js +0 -1
  464. package/dist/dso-toolkit/p-3a49df1e.entry.js +0 -1
  465. package/dist/dso-toolkit/p-3c3dffc6.entry.js +0 -1
  466. package/dist/dso-toolkit/p-47379b28.entry.js +0 -1
  467. package/dist/dso-toolkit/p-53470b6d.entry.js +0 -1
  468. package/dist/dso-toolkit/p-5987e305.entry.js +0 -1
  469. package/dist/dso-toolkit/p-60bd9c8f.entry.js +0 -1
  470. package/dist/dso-toolkit/p-62200d9a.entry.js +0 -1
  471. package/dist/dso-toolkit/p-650b8ea0.entry.js +0 -1
  472. package/dist/dso-toolkit/p-6c8e1ef8.entry.js +0 -1
  473. package/dist/dso-toolkit/p-7b702683.entry.js +0 -1
  474. package/dist/dso-toolkit/p-BIfnbekk.js +0 -2
  475. package/dist/dso-toolkit/p-BaoXsbsy.js +0 -1
  476. package/dist/dso-toolkit/p-BuFNkQa2.js +0 -1
  477. package/dist/dso-toolkit/p-CJ3poofC.js +0 -1
  478. package/dist/dso-toolkit/p-Co-_Hv5Q.js +0 -1
  479. package/dist/dso-toolkit/p-DEQj4hHE.js +0 -1
  480. package/dist/dso-toolkit/p-DHajDj9P.js +0 -1
  481. package/dist/dso-toolkit/p-ULwgxD7S.js +0 -1
  482. package/dist/dso-toolkit/p-Vx2gP-Bl.js +0 -1
  483. package/dist/dso-toolkit/p-a49290e8.entry.js +0 -1
  484. package/dist/dso-toolkit/p-aed43ede.entry.js +0 -1
  485. package/dist/dso-toolkit/p-c2b4161b.entry.js +0 -1
  486. package/dist/dso-toolkit/p-de8977da.entry.js +0 -1
  487. package/dist/dso-toolkit/p-edea17c9.entry.js +0 -1
  488. package/dist/dso-toolkit/p-fb97e1cd.entry.js +0 -1
  489. package/dist/esm/tooltip.functional-component-eBucNQlw.js +0 -11
@@ -1,1204 +0,0 @@
1
- import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-ChUPoPD0.js';
2
- import { W as WrapWijzigactie } from './p-DqzYyiPW.js';
3
- import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
4
- import { c as clsx } from './p-ChV9xqsO.js';
5
- import { v as v4 } from './p-DEQj4hHE.js';
6
- import { d as defineCustomElement$6 } from './p-B9SM87U3.js';
7
- import { d as defineCustomElement$5 } from './p-Rz6GCQXJ.js';
8
- import { d as defineCustomElement$4 } from './p-coDX50W3.js';
9
- import { d as defineCustomElement$3 } from './p-CslDhrwG.js';
10
- import { d as defineCustomElement$2 } from './p-BMEJps6X.js';
11
- import { d as defineCustomElement$1 } from './p-D3dXzdge.js';
12
-
13
- const MarkText = ({ mark, text, emitMarkItemHighlight }) => {
14
- const result = mark(text);
15
- return !result || result.length === 0 ? (h(Fragment, null, text)) : (h(Fragment, null, result.map((value) => {
16
- if (typeof value === "string") {
17
- return h(Fragment, null, value);
18
- }
19
- return (h("mark", { class: value.highlight ? "dso-highlight" : undefined, ref: (ref) => value.highlight && ref && emitMarkItemHighlight(value.text, ref) }, value.text));
20
- })));
21
- };
22
-
23
- const parser = new DOMParser();
24
- function parseXml(input) {
25
- if (!input) {
26
- return undefined;
27
- }
28
- const doc = parser.parseFromString(input, "application/xml");
29
- if (doc.querySelector("parsererror")) {
30
- console.error({
31
- message: "Unable to parse XML",
32
- input,
33
- document: doc,
34
- }, null, 2);
35
- return undefined;
36
- }
37
- return doc;
38
- }
39
-
40
- function parseWijzigactieFromNode(node) {
41
- const wijzigactie = node instanceof Element ? node.getAttribute("wijzigactie") : undefined;
42
- return wijzigactie === "voegtoe" || wijzigactie === "verwijder" ? wijzigactie : undefined;
43
- }
44
-
45
- function getNodeName(node) {
46
- if (node instanceof Element) {
47
- return node.localName;
48
- }
49
- if (node.nodeName.includes(":")) {
50
- return node.nodeName.substring(node.nodeName.indexOf(":") + 1);
51
- }
52
- return node.nodeName;
53
- }
54
-
55
- class OzonContentAbbrNode {
56
- constructor() {
57
- this.name = "abbr";
58
- }
59
- render(node, { mapNodeToJsx }) {
60
- const title = node.getAttribute("title");
61
- return (h("span", { class: "od-abbr" }, h("abbr", null, mapNodeToJsx(node.childNodes)), title && ` (${title})`));
62
- }
63
- }
64
-
65
- function wijzigactieToClassName(wijzigactie) {
66
- if (wijzigactie === "voegtoe") {
67
- return "editaction-add";
68
- }
69
- if (wijzigactie === "verwijder") {
70
- return "editaction-remove";
71
- }
72
- return undefined;
73
- }
74
-
75
- function isNestedAl(path) {
76
- return path.some((n) => {
77
- const nodeName = getNodeName(n);
78
- return nodeName === "Al" || nodeName === "Opschrift";
79
- });
80
- }
81
- class OzonContentAlNode {
82
- constructor() {
83
- this.name = "Al";
84
- }
85
- render(node, { mapNodeToJsx, path, inline }) {
86
- let content = mapNodeToJsx(node.childNodes);
87
- const wijzigactie = parseWijzigactieFromNode(node);
88
- const className = wijzigactieToClassName(wijzigactie);
89
- if (inline || isNestedAl(path)) {
90
- content = (h("span", { role: "paragraph", class: className }, content));
91
- }
92
- else {
93
- content = h("p", { class: className }, content);
94
- }
95
- return h(WrapWijzigactie, { wijzigactie: wijzigactie }, content);
96
- }
97
- }
98
-
99
- const Term = ({ begripWijzigactie, node, mapNodeToJsx }) => {
100
- const content = mapNodeToJsx(node.childNodes);
101
- const wijzigactie = parseWijzigactieFromNode(node);
102
- const className = wijzigactieToClassName(wijzigactie);
103
- return (h("dt", { class: className }, h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
104
- };
105
- const Definitie = ({ begripWijzigactie, node, mapNodeToJsx }) => {
106
- const content = mapNodeToJsx(node.childNodes);
107
- const wijzigactie = parseWijzigactieFromNode(node);
108
- const className = wijzigactieToClassName(wijzigactie);
109
- return (h("dd", { class: className }, h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
110
- };
111
- class OzonContentBegripNode {
112
- constructor() {
113
- this.name = "Begrip";
114
- }
115
- render(node, { mapNodeToJsx }) {
116
- const wijzigactie = parseWijzigactieFromNode(node);
117
- const className = wijzigactieToClassName(wijzigactie);
118
- const childNodes = Array.from(node.childNodes);
119
- const terms = childNodes.filter((n) => getNodeName(n) === "Term");
120
- const definitions = childNodes.filter((n) => getNodeName(n) === "Definitie");
121
- return (h("div", { class: className }, terms.map((term) => (h(Term, { node: term, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx }))), definitions.map((definition) => (h(Definitie, { node: definition, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx })))));
122
- }
123
- }
124
-
125
- class OzonContentBegrippenlijstNode {
126
- constructor() {
127
- this.name = "Begrippenlijst";
128
- }
129
- render(node, { mapNodeToJsx }) {
130
- const content = mapNodeToJsx(node.childNodes);
131
- const wijzigactie = parseWijzigactieFromNode(node);
132
- const className = wijzigactieToClassName(wijzigactie);
133
- return (h("div", { class: "begrippenlijst" }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("dl", { class: className }, content))));
134
- }
135
- }
136
-
137
- class OzonContentBronNode {
138
- constructor() {
139
- this.name = "Bron";
140
- }
141
- render(node, { mapNodeToJsx }, ignoreMark) {
142
- return h("span", { class: "dso-ozon-bron" }, mapNodeToJsx(node.childNodes, ignoreMark));
143
- }
144
- }
145
-
146
- class OzonContentDocumentNode {
147
- constructor() {
148
- this.name = "#document";
149
- }
150
- render(node, { mapNodeToJsx }) {
151
- return h(Fragment, null, mapNodeToJsx(node.childNodes));
152
- }
153
- }
154
-
155
- var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
156
-
157
- function getDefaultExportFromCjs (x) {
158
- return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
159
- }
160
-
161
- /**
162
- * lodash (Custom Build) <https://lodash.com/>
163
- * Build: `lodash modularize exports="npm" -o ./`
164
- * Copyright jQuery Foundation and other contributors <https://jquery.org/>
165
- * Released under MIT license <https://lodash.com/license>
166
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
167
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
168
- */
169
-
170
- var lodash_kebabcase;
171
- var hasRequiredLodash_kebabcase;
172
-
173
- function requireLodash_kebabcase () {
174
- if (hasRequiredLodash_kebabcase) return lodash_kebabcase;
175
- hasRequiredLodash_kebabcase = 1;
176
-
177
- /** `Object#toString` result references. */
178
- var symbolTag = '[object Symbol]';
179
-
180
- /** Used to match words composed of alphanumeric characters. */
181
- var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
182
-
183
- /** Used to match Latin Unicode letters (excluding mathematical operators). */
184
- var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
185
-
186
- /** Used to compose unicode character classes. */
187
- var rsAstralRange = '\\ud800-\\udfff',
188
- rsComboMarksRange = '\\u0300-\\u036f\\ufe20-\\ufe23',
189
- rsComboSymbolsRange = '\\u20d0-\\u20f0',
190
- rsDingbatRange = '\\u2700-\\u27bf',
191
- rsLowerRange = 'a-z\\xdf-\\xf6\\xf8-\\xff',
192
- rsMathOpRange = '\\xac\\xb1\\xd7\\xf7',
193
- rsNonCharRange = '\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf',
194
- rsPunctuationRange = '\\u2000-\\u206f',
195
- rsSpaceRange = ' \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000',
196
- rsUpperRange = 'A-Z\\xc0-\\xd6\\xd8-\\xde',
197
- rsVarRange = '\\ufe0e\\ufe0f',
198
- rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
199
-
200
- /** Used to compose unicode capture groups. */
201
- var rsApos = "['\u2019]",
202
- rsBreak = '[' + rsBreakRange + ']',
203
- rsCombo = '[' + rsComboMarksRange + rsComboSymbolsRange + ']',
204
- rsDigits = '\\d+',
205
- rsDingbat = '[' + rsDingbatRange + ']',
206
- rsLower = '[' + rsLowerRange + ']',
207
- rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',
208
- rsFitz = '\\ud83c[\\udffb-\\udfff]',
209
- rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',
210
- rsNonAstral = '[^' + rsAstralRange + ']',
211
- rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}',
212
- rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]',
213
- rsUpper = '[' + rsUpperRange + ']',
214
- rsZWJ = '\\u200d';
215
-
216
- /** Used to compose unicode regexes. */
217
- var rsLowerMisc = '(?:' + rsLower + '|' + rsMisc + ')',
218
- rsUpperMisc = '(?:' + rsUpper + '|' + rsMisc + ')',
219
- rsOptLowerContr = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?',
220
- rsOptUpperContr = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?',
221
- reOptMod = rsModifier + '?',
222
- rsOptVar = '[' + rsVarRange + ']?',
223
- rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',
224
- rsSeq = rsOptVar + reOptMod + rsOptJoin,
225
- rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq;
226
-
227
- /** Used to match apostrophes. */
228
- var reApos = RegExp(rsApos, 'g');
229
-
230
- /**
231
- * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and
232
- * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).
233
- */
234
- var reComboMark = RegExp(rsCombo, 'g');
235
-
236
- /** Used to match complex or compound words. */
237
- var reUnicodeWord = RegExp([
238
- rsUpper + '?' + rsLower + '+' + rsOptLowerContr + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',
239
- rsUpperMisc + '+' + rsOptUpperContr + '(?=' + [rsBreak, rsUpper + rsLowerMisc, '$'].join('|') + ')',
240
- rsUpper + '?' + rsLowerMisc + '+' + rsOptLowerContr,
241
- rsUpper + '+' + rsOptUpperContr,
242
- rsDigits,
243
- rsEmoji
244
- ].join('|'), 'g');
245
-
246
- /** Used to detect strings that need a more robust regexp to match words. */
247
- var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
248
-
249
- /** Used to map Latin Unicode letters to basic Latin letters. */
250
- var deburredLetters = {
251
- // Latin-1 Supplement block.
252
- '\xc0': 'A', '\xc1': 'A', '\xc2': 'A', '\xc3': 'A', '\xc4': 'A', '\xc5': 'A',
253
- '\xe0': 'a', '\xe1': 'a', '\xe2': 'a', '\xe3': 'a', '\xe4': 'a', '\xe5': 'a',
254
- '\xc7': 'C', '\xe7': 'c',
255
- '\xd0': 'D', '\xf0': 'd',
256
- '\xc8': 'E', '\xc9': 'E', '\xca': 'E', '\xcb': 'E',
257
- '\xe8': 'e', '\xe9': 'e', '\xea': 'e', '\xeb': 'e',
258
- '\xcc': 'I', '\xcd': 'I', '\xce': 'I', '\xcf': 'I',
259
- '\xec': 'i', '\xed': 'i', '\xee': 'i', '\xef': 'i',
260
- '\xd1': 'N', '\xf1': 'n',
261
- '\xd2': 'O', '\xd3': 'O', '\xd4': 'O', '\xd5': 'O', '\xd6': 'O', '\xd8': 'O',
262
- '\xf2': 'o', '\xf3': 'o', '\xf4': 'o', '\xf5': 'o', '\xf6': 'o', '\xf8': 'o',
263
- '\xd9': 'U', '\xda': 'U', '\xdb': 'U', '\xdc': 'U',
264
- '\xf9': 'u', '\xfa': 'u', '\xfb': 'u', '\xfc': 'u',
265
- '\xdd': 'Y', '\xfd': 'y', '\xff': 'y',
266
- '\xc6': 'Ae', '\xe6': 'ae',
267
- '\xde': 'Th', '\xfe': 'th',
268
- '\xdf': 'ss',
269
- // Latin Extended-A block.
270
- '\u0100': 'A', '\u0102': 'A', '\u0104': 'A',
271
- '\u0101': 'a', '\u0103': 'a', '\u0105': 'a',
272
- '\u0106': 'C', '\u0108': 'C', '\u010a': 'C', '\u010c': 'C',
273
- '\u0107': 'c', '\u0109': 'c', '\u010b': 'c', '\u010d': 'c',
274
- '\u010e': 'D', '\u0110': 'D', '\u010f': 'd', '\u0111': 'd',
275
- '\u0112': 'E', '\u0114': 'E', '\u0116': 'E', '\u0118': 'E', '\u011a': 'E',
276
- '\u0113': 'e', '\u0115': 'e', '\u0117': 'e', '\u0119': 'e', '\u011b': 'e',
277
- '\u011c': 'G', '\u011e': 'G', '\u0120': 'G', '\u0122': 'G',
278
- '\u011d': 'g', '\u011f': 'g', '\u0121': 'g', '\u0123': 'g',
279
- '\u0124': 'H', '\u0126': 'H', '\u0125': 'h', '\u0127': 'h',
280
- '\u0128': 'I', '\u012a': 'I', '\u012c': 'I', '\u012e': 'I', '\u0130': 'I',
281
- '\u0129': 'i', '\u012b': 'i', '\u012d': 'i', '\u012f': 'i', '\u0131': 'i',
282
- '\u0134': 'J', '\u0135': 'j',
283
- '\u0136': 'K', '\u0137': 'k', '\u0138': 'k',
284
- '\u0139': 'L', '\u013b': 'L', '\u013d': 'L', '\u013f': 'L', '\u0141': 'L',
285
- '\u013a': 'l', '\u013c': 'l', '\u013e': 'l', '\u0140': 'l', '\u0142': 'l',
286
- '\u0143': 'N', '\u0145': 'N', '\u0147': 'N', '\u014a': 'N',
287
- '\u0144': 'n', '\u0146': 'n', '\u0148': 'n', '\u014b': 'n',
288
- '\u014c': 'O', '\u014e': 'O', '\u0150': 'O',
289
- '\u014d': 'o', '\u014f': 'o', '\u0151': 'o',
290
- '\u0154': 'R', '\u0156': 'R', '\u0158': 'R',
291
- '\u0155': 'r', '\u0157': 'r', '\u0159': 'r',
292
- '\u015a': 'S', '\u015c': 'S', '\u015e': 'S', '\u0160': 'S',
293
- '\u015b': 's', '\u015d': 's', '\u015f': 's', '\u0161': 's',
294
- '\u0162': 'T', '\u0164': 'T', '\u0166': 'T',
295
- '\u0163': 't', '\u0165': 't', '\u0167': 't',
296
- '\u0168': 'U', '\u016a': 'U', '\u016c': 'U', '\u016e': 'U', '\u0170': 'U', '\u0172': 'U',
297
- '\u0169': 'u', '\u016b': 'u', '\u016d': 'u', '\u016f': 'u', '\u0171': 'u', '\u0173': 'u',
298
- '\u0174': 'W', '\u0175': 'w',
299
- '\u0176': 'Y', '\u0177': 'y', '\u0178': 'Y',
300
- '\u0179': 'Z', '\u017b': 'Z', '\u017d': 'Z',
301
- '\u017a': 'z', '\u017c': 'z', '\u017e': 'z',
302
- '\u0132': 'IJ', '\u0133': 'ij',
303
- '\u0152': 'Oe', '\u0153': 'oe',
304
- '\u0149': "'n", '\u017f': 'ss'
305
- };
306
-
307
- /** Detect free variable `global` from Node.js. */
308
- var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
309
-
310
- /** Detect free variable `self`. */
311
- var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
312
-
313
- /** Used as a reference to the global object. */
314
- var root = freeGlobal || freeSelf || Function('return this')();
315
-
316
- /**
317
- * A specialized version of `_.reduce` for arrays without support for
318
- * iteratee shorthands.
319
- *
320
- * @private
321
- * @param {Array} [array] The array to iterate over.
322
- * @param {Function} iteratee The function invoked per iteration.
323
- * @param {*} [accumulator] The initial value.
324
- * @param {boolean} [initAccum] Specify using the first element of `array` as
325
- * the initial value.
326
- * @returns {*} Returns the accumulated value.
327
- */
328
- function arrayReduce(array, iteratee, accumulator, initAccum) {
329
- var index = -1,
330
- length = array ? array.length : 0;
331
- while (++index < length) {
332
- accumulator = iteratee(accumulator, array[index], index, array);
333
- }
334
- return accumulator;
335
- }
336
-
337
- /**
338
- * Splits an ASCII `string` into an array of its words.
339
- *
340
- * @private
341
- * @param {string} The string to inspect.
342
- * @returns {Array} Returns the words of `string`.
343
- */
344
- function asciiWords(string) {
345
- return string.match(reAsciiWord) || [];
346
- }
347
-
348
- /**
349
- * The base implementation of `_.propertyOf` without support for deep paths.
350
- *
351
- * @private
352
- * @param {Object} object The object to query.
353
- * @returns {Function} Returns the new accessor function.
354
- */
355
- function basePropertyOf(object) {
356
- return function(key) {
357
- return object == null ? undefined : object[key];
358
- };
359
- }
360
-
361
- /**
362
- * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A
363
- * letters to basic Latin letters.
364
- *
365
- * @private
366
- * @param {string} letter The matched letter to deburr.
367
- * @returns {string} Returns the deburred letter.
368
- */
369
- var deburrLetter = basePropertyOf(deburredLetters);
370
-
371
- /**
372
- * Checks if `string` contains a word composed of Unicode symbols.
373
- *
374
- * @private
375
- * @param {string} string The string to inspect.
376
- * @returns {boolean} Returns `true` if a word is found, else `false`.
377
- */
378
- function hasUnicodeWord(string) {
379
- return reHasUnicodeWord.test(string);
380
- }
381
-
382
- /**
383
- * Splits a Unicode `string` into an array of its words.
384
- *
385
- * @private
386
- * @param {string} The string to inspect.
387
- * @returns {Array} Returns the words of `string`.
388
- */
389
- function unicodeWords(string) {
390
- return string.match(reUnicodeWord) || [];
391
- }
392
-
393
- /** Used for built-in method references. */
394
- var objectProto = Object.prototype;
395
-
396
- /**
397
- * Used to resolve the
398
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
399
- * of values.
400
- */
401
- var objectToString = objectProto.toString;
402
-
403
- /** Built-in value references. */
404
- var Symbol = root.Symbol;
405
-
406
- /** Used to convert symbols to primitives and strings. */
407
- var symbolProto = Symbol ? Symbol.prototype : undefined,
408
- symbolToString = symbolProto ? symbolProto.toString : undefined;
409
-
410
- /**
411
- * The base implementation of `_.toString` which doesn't convert nullish
412
- * values to empty strings.
413
- *
414
- * @private
415
- * @param {*} value The value to process.
416
- * @returns {string} Returns the string.
417
- */
418
- function baseToString(value) {
419
- // Exit early for strings to avoid a performance hit in some environments.
420
- if (typeof value == 'string') {
421
- return value;
422
- }
423
- if (isSymbol(value)) {
424
- return symbolToString ? symbolToString.call(value) : '';
425
- }
426
- var result = (value + '');
427
- return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
428
- }
429
-
430
- /**
431
- * Creates a function like `_.camelCase`.
432
- *
433
- * @private
434
- * @param {Function} callback The function to combine each word.
435
- * @returns {Function} Returns the new compounder function.
436
- */
437
- function createCompounder(callback) {
438
- return function(string) {
439
- return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');
440
- };
441
- }
442
-
443
- /**
444
- * Checks if `value` is object-like. A value is object-like if it's not `null`
445
- * and has a `typeof` result of "object".
446
- *
447
- * @static
448
- * @memberOf _
449
- * @since 4.0.0
450
- * @category Lang
451
- * @param {*} value The value to check.
452
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
453
- * @example
454
- *
455
- * _.isObjectLike({});
456
- * // => true
457
- *
458
- * _.isObjectLike([1, 2, 3]);
459
- * // => true
460
- *
461
- * _.isObjectLike(_.noop);
462
- * // => false
463
- *
464
- * _.isObjectLike(null);
465
- * // => false
466
- */
467
- function isObjectLike(value) {
468
- return !!value && typeof value == 'object';
469
- }
470
-
471
- /**
472
- * Checks if `value` is classified as a `Symbol` primitive or object.
473
- *
474
- * @static
475
- * @memberOf _
476
- * @since 4.0.0
477
- * @category Lang
478
- * @param {*} value The value to check.
479
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
480
- * @example
481
- *
482
- * _.isSymbol(Symbol.iterator);
483
- * // => true
484
- *
485
- * _.isSymbol('abc');
486
- * // => false
487
- */
488
- function isSymbol(value) {
489
- return typeof value == 'symbol' ||
490
- (isObjectLike(value) && objectToString.call(value) == symbolTag);
491
- }
492
-
493
- /**
494
- * Converts `value` to a string. An empty string is returned for `null`
495
- * and `undefined` values. The sign of `-0` is preserved.
496
- *
497
- * @static
498
- * @memberOf _
499
- * @since 4.0.0
500
- * @category Lang
501
- * @param {*} value The value to process.
502
- * @returns {string} Returns the string.
503
- * @example
504
- *
505
- * _.toString(null);
506
- * // => ''
507
- *
508
- * _.toString(-0);
509
- * // => '-0'
510
- *
511
- * _.toString([1, 2, 3]);
512
- * // => '1,2,3'
513
- */
514
- function toString(value) {
515
- return value == null ? '' : baseToString(value);
516
- }
517
-
518
- /**
519
- * Deburrs `string` by converting
520
- * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)
521
- * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)
522
- * letters to basic Latin letters and removing
523
- * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).
524
- *
525
- * @static
526
- * @memberOf _
527
- * @since 3.0.0
528
- * @category String
529
- * @param {string} [string=''] The string to deburr.
530
- * @returns {string} Returns the deburred string.
531
- * @example
532
- *
533
- * _.deburr('déjà vu');
534
- * // => 'deja vu'
535
- */
536
- function deburr(string) {
537
- string = toString(string);
538
- return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');
539
- }
540
-
541
- /**
542
- * Converts `string` to
543
- * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).
544
- *
545
- * @static
546
- * @memberOf _
547
- * @since 3.0.0
548
- * @category String
549
- * @param {string} [string=''] The string to convert.
550
- * @returns {string} Returns the kebab cased string.
551
- * @example
552
- *
553
- * _.kebabCase('Foo Bar');
554
- * // => 'foo-bar'
555
- *
556
- * _.kebabCase('fooBar');
557
- * // => 'foo-bar'
558
- *
559
- * _.kebabCase('__FOO_BAR__');
560
- * // => 'foo-bar'
561
- */
562
- var kebabCase = createCompounder(function(result, word, index) {
563
- return result + (index ? '-' : '') + word.toLowerCase();
564
- });
565
-
566
- /**
567
- * Splits `string` into an array of its words.
568
- *
569
- * @static
570
- * @memberOf _
571
- * @since 3.0.0
572
- * @category String
573
- * @param {string} [string=''] The string to inspect.
574
- * @param {RegExp|string} [pattern] The pattern to match words.
575
- * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
576
- * @returns {Array} Returns the words of `string`.
577
- * @example
578
- *
579
- * _.words('fred, barney, & pebbles');
580
- * // => ['fred', 'barney', 'pebbles']
581
- *
582
- * _.words('fred, barney, & pebbles', /[^, ]+/g);
583
- * // => ['fred', 'barney', '&', 'pebbles']
584
- */
585
- function words(string, pattern, guard) {
586
- string = toString(string);
587
- pattern = pattern;
588
-
589
- if (pattern === undefined) {
590
- return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);
591
- }
592
- return string.match(pattern) || [];
593
- }
594
-
595
- lodash_kebabcase = kebabCase;
596
- return lodash_kebabcase;
597
- }
598
-
599
- var lodash_kebabcaseExports = requireLodash_kebabcase();
600
- var kebabCase = /*@__PURE__*/getDefaultExportFromCjs(lodash_kebabcaseExports);
601
-
602
- class OzonContentExtRefNode {
603
- constructor() {
604
- this.name = ["ExtRef", "ExtIoRef"];
605
- }
606
- render(node, { mapNodeToJsx, urlResolver }) {
607
- const className = kebabCase(node.tagName);
608
- const ref = node.getAttribute("ref");
609
- const name = node.tagName === "ExtRef" ? "ExtRef" : "ExtIoRef";
610
- if (!ref) {
611
- return mapNodeToJsx(node.childNodes);
612
- }
613
- const href = urlResolver ? urlResolver(name, "ref", ref, node) : ref;
614
- return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href ?? undefined, class: className, title: "Opent andere website in nieuw tabblad" }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" })));
615
- }
616
- }
617
-
618
- class OzonContentFallbackNode {
619
- constructor() {
620
- // This name does not match any elements
621
- this.name = ["<fallback>"];
622
- }
623
- render(node, { mapNodeToJsx }, ignoreMark) {
624
- return h("span", { class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes, ignoreMark));
625
- }
626
- }
627
-
628
- const Bijschrift = ({ bijschrift, bron, mapNodeToJsx, ignoreMark }) => {
629
- const bronText = bron && bron.textContent?.trim();
630
- return (h("span", { class: "figuur-bijschrift" }, bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud, ignoreMark), bronText && (h(Fragment, null, `${bijschrift ? " " : ""}(bron: `, mapNodeToJsx(bron, ignoreMark), ")"))));
631
- };
632
- class OzonContentFiguurNode {
633
- constructor() {
634
- this.name = ["Figuur"];
635
- }
636
- getStyle(illustratie) {
637
- const widthPixels = Number(illustratie.breedte);
638
- const heightPixels = Number(illustratie.hoogte);
639
- const style = {
640
- "--_dso-ozon-content-illustratie-uitlijning": illustratie.uitlijning,
641
- };
642
- if (widthPixels && heightPixels) {
643
- // This is the STOP formula to calculate the width in percentage
644
- // see: https://koop.gitlab.io/stop/standaard/1.4.0-ic/regeltekst_afbeelding.html
645
- // We maximise it to 100% in the case of missing dpi or a calculated percentage greater than 100%
646
- const widthPercentage = Math.min(illustratie.dpi ? (16.4 * widthPixels) / Number(illustratie.dpi) : 100, 100);
647
- Object.assign(style, {
648
- "--_dso-ozon-content-illustratie-aspect-ratio": (widthPixels / heightPixels).toString(),
649
- "--_dso-ozon-content-illustratie-width": `${widthPercentage}%`,
650
- });
651
- }
652
- return style;
653
- }
654
- mapIllustratieNode(node) {
655
- return {
656
- naam: node.getAttribute("naam"),
657
- breedte: Number(node.getAttribute("breedte")),
658
- hoogte: Number(node.getAttribute("hoogte")),
659
- dpi: Number(node.getAttribute("dpi")),
660
- uitlijning: ["start", "center", "end"].find((u) => node.getAttribute("uitlijning") === u) ??
661
- "start",
662
- alt: node.getAttribute("alt"),
663
- };
664
- }
665
- render(node, { mapNodeToJsx, urlResolver }) {
666
- const childNodes = Array.from(node.childNodes);
667
- const titel = childNodes.find((n) => getNodeName(n) === "Titel");
668
- const bron = childNodes.find((n) => getNodeName(n) === "Bron");
669
- const illustratieNode = childNodes.find((n) => getNodeName(n) === "Illustratie");
670
- const bijschriftNode = childNodes.find((n) => getNodeName(n) === "Bijschrift");
671
- const wijzigactie = node.getAttribute("wijzigactie") || undefined;
672
- if (illustratieNode instanceof Element) {
673
- const illustratie = this.mapIllustratieNode(illustratieNode);
674
- const bijschrift = bijschriftNode instanceof Element
675
- ? {
676
- inhoud: bijschriftNode.childNodes,
677
- locatie: bijschriftNode.getAttribute("locatie") ?? "onder",
678
- }
679
- : undefined;
680
- const src = urlResolver && illustratie.naam ? urlResolver("Illustratie", "naam", illustratie.naam, node) : illustratie.naam;
681
- return (h("div", { class: `dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : "onder"}`, style: this.getStyle(illustratie) }, titel && h("span", { class: "figuur-titel" }, mapNodeToJsx(titel)), bijschrift?.locatie === "boven" && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })), h("dso-image-overlay", { wijzigactie: wijzigactie }, titel && (h("div", { slot: "titel" }, h("span", null, mapNodeToJsx(titel, true)))), h("img", { src: src ?? undefined, alt: illustratie.alt ?? titel?.textContent ?? illustratie.naam ?? undefined }), (bijschrift || bron) && (h("div", { slot: "bijschrift" }, h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx, ignoreMark: true })))), (bijschrift?.locatie === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
682
- }
683
- }
684
- }
685
-
686
- class OzonContentInhoudNode {
687
- constructor() {
688
- this.name = ["Inhoud", "ContainerBlocksType", "BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"];
689
- }
690
- render(node, { mapNodeToJsx }) {
691
- const wijzigactie = node.getAttribute("wijzigactie");
692
- const richContent = h("div", { class: "dso-rich-content" }, mapNodeToJsx(node.childNodes));
693
- if (wijzigactie === "verwijder") {
694
- return h("del", { class: "editaction-remove" }, richContent);
695
- }
696
- if (wijzigactie === "voegtoe") {
697
- return h("ins", { class: "editaction-add" }, richContent);
698
- }
699
- return richContent;
700
- }
701
- }
702
-
703
- class OzonContentInlineTekstAfbeeldingNode {
704
- constructor() {
705
- this.name = ["InlineTekstAfbeelding", "Illustratie"];
706
- }
707
- render(node, { urlResolver }) {
708
- const naam = node.getAttribute("naam");
709
- const name = node.tagName === "InlineTekstAfbeelding" ? "InlineTekstAfbeelding" : "Illustratie";
710
- const src = urlResolver && naam ? urlResolver(name, "naam", naam, node) : naam;
711
- return (h("img", { src: src ?? undefined, alt: naam ?? undefined, height: node.getAttribute("hoogte") ?? undefined, width: node.getAttribute("breedte") ?? undefined }));
712
- }
713
- }
714
-
715
- class OzonContentInlineNodes {
716
- constructor() {
717
- this.name = ["sub", "sup", "strong", "b", "u", "i", "br"];
718
- }
719
- render(node, { mapNodeToJsx }) {
720
- if (node.localName === "br") {
721
- return h("br", null);
722
- }
723
- const Tag = node.localName;
724
- return h(Tag, null, mapNodeToJsx(node.childNodes));
725
- }
726
- }
727
-
728
- class OzonContentIntIoRefNode {
729
- constructor() {
730
- this.name = "IntIoRef";
731
- }
732
- render(node, { mapNodeToJsx, emitClick, urlResolver, annotated }) {
733
- const ref = node.getAttribute("ref");
734
- if (!ref) {
735
- return mapNodeToJsx(node.childNodes);
736
- }
737
- const href = urlResolver ? urlResolver("IntIoRef", "ref", ref, node) : ref;
738
- const intIoRefOnClick = (event) => {
739
- emitClick({
740
- type: "IntIoRef",
741
- node,
742
- originalEvent: event,
743
- });
744
- };
745
- return (h(Fragment, null, h("dso-ozon-content-toggletip", { icon: "map-location" }, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), annotated && (h("span", { role: "paragraph" }, "Gebieden op de kaart tonen:", " ", h("button", { type: "button", class: "dso-tertiary", onClick: intIoRefOnClick }, h("span", null, "Kenmerken en kaart"), h("dso-icon", { icon: "label" })))), h("span", { role: "paragraph" }, "Offici\u00EBle publicaties:", " ", h("a", { target: "_blank", rel: "noopener noreferrer", href: href ?? undefined, title: "Opent andere website in nieuw tabblad" }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" }))))));
746
- }
747
- }
748
-
749
- class OzonContentIntRefNode {
750
- constructor() {
751
- this.name = "IntRef";
752
- }
753
- render(node, { mapNodeToJsx, emitClick, begripResolver, urlResolver }) {
754
- const ref = node.getAttribute("ref");
755
- if (!ref) {
756
- return mapNodeToJsx(node.childNodes);
757
- }
758
- const definitie = begripResolver?.(ref, node);
759
- if (definitie) {
760
- const definitieXMLDocument = typeof definitie === "string" ? parseXml(definitie) : definitie;
761
- if (!definitieXMLDocument ||
762
- definitieXMLDocument.documentElement.localName !== "Definitie" ||
763
- !definitieXMLDocument.documentElement.hasChildNodes()) {
764
- return mapNodeToJsx(node.childNodes);
765
- }
766
- return (h("dso-ozon-content-toggletip", null, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), mapNodeToJsx(Array.from(definitieXMLDocument.documentElement.childNodes))));
767
- }
768
- const handleIntRefClick = (event) => {
769
- emitClick({
770
- type: "IntRef",
771
- node,
772
- originalEvent: event,
773
- isModifiedEvent: isModifiedEvent(event),
774
- });
775
- };
776
- const href = urlResolver ? urlResolver("IntRef", "ref", ref, node) : ref;
777
- return (h("a", { href: href, onClick: handleIntRefClick }, mapNodeToJsx(node.childNodes)));
778
- }
779
- }
780
-
781
- function mapData$1(node) {
782
- return {
783
- label: node.querySelector("Label"),
784
- nummer: node.querySelector("Nummer"),
785
- opschrift: node.querySelector("Opschrift"),
786
- subtitels: Array.from(node.querySelectorAll("Subtitel")),
787
- };
788
- }
789
- class OzonContentKopNode {
790
- constructor() {
791
- this.name = "Kop";
792
- this.handles = ["Label", "Nummer", "Opschrift", "Subtitel"];
793
- }
794
- render(node, { mapNodeToJsx, emitClick }) {
795
- const handleKopClick = (event) => {
796
- emitClick({
797
- type: "Kop",
798
- node,
799
- originalEvent: event,
800
- });
801
- };
802
- const { label, nummer, opschrift, subtitels } = mapData$1(node);
803
- const wijzigactieLabel = label ? parseWijzigactieFromNode(label) : undefined;
804
- const wijzigactieNummer = nummer ? parseWijzigactieFromNode(nummer) : undefined;
805
- const wijzigactieOpschrift = opschrift ? parseWijzigactieFromNode(opschrift) : undefined;
806
- return (h(WrapWijzigactie, { wijzigactie: parseWijzigactieFromNode(node) }, h("div", { onClick: handleKopClick, part: "_kop", class: "kop" }, label && h(WrapWijzigactie, { wijzigactie: wijzigactieLabel }, mapNodeToJsx(label.childNodes)), nummer && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieNummer }, mapNodeToJsx(nummer.childNodes)))), opschrift && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieOpschrift }, mapNodeToJsx(opschrift.childNodes))))), subtitels.length > 0 && (h("div", { class: "subtitels-container", part: "_subtitels" }, subtitels.map((subtitel) => {
807
- const wijzigactieSubtitel = parseWijzigactieFromNode(subtitel);
808
- return (h("div", { class: "subtitel" }, h(WrapWijzigactie, { wijzigactie: wijzigactieSubtitel }, mapNodeToJsx(subtitel.childNodes))));
809
- })))));
810
- }
811
- }
812
-
813
- class OzonContentLijstNode {
814
- constructor() {
815
- this.name = "Lijst";
816
- }
817
- render(node, { mapNodeToJsx }) {
818
- const wijzigactie = parseWijzigactieFromNode(node);
819
- const childNodes = Array.from(node.childNodes);
820
- const type = parseTypeFromLijstNode(node);
821
- const aanhef = childNodes.find((n) => getNodeName(n) === "Lijstaanhef");
822
- const sluiting = childNodes.find((n) => getNodeName(n) === "Lijstsluiting");
823
- const listItems = childNodes.filter((n) => getNodeName(n) === "Li");
824
- return (h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("div", { class: clsx("dso-ozon-lijst od-Lijst", wijzigactieToClassName(wijzigactie)) }, aanhef && mapNodeToJsx(aanhef), h("ul", { class: type }, listItems.map((item) => {
825
- const itemNodes = Array.from(item.childNodes);
826
- const liNummer = itemNodes.find((n) => getNodeName(n) === "LiNummer")?.childNodes;
827
- const liWijzigactie = parseWijzigactieFromNode(item);
828
- return (h("li", { class: clsx("od-Li", wijzigactieToClassName(liWijzigactie)) }, liNummer && h("span", { class: "od-LiNummer" }, mapNodeToJsx(liNummer)), h(WrapWijzigactie, { wijzigactie: liWijzigactie }, mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== "LiNummer")))));
829
- })), sluiting && mapNodeToJsx(sluiting))));
830
- }
831
- }
832
- function parseTypeFromLijstNode(node) {
833
- const type = node instanceof Element ? node.getAttribute("type") : undefined;
834
- return type === "expliciet" || type === "ongemarkeerd" ? type : undefined;
835
- }
836
-
837
- class OzonContentNieuweTekstNode {
838
- constructor() {
839
- this.name = "NieuweTekst";
840
- }
841
- render(node, { mapNodeToJsx }) {
842
- return h("ins", { class: "new-text" }, mapNodeToJsx(node.childNodes));
843
- }
844
- }
845
-
846
- class OzonContentNootNode {
847
- constructor() {
848
- this.name = "Noot";
849
- this.handles = ["NootNummer"];
850
- }
851
- identify() {
852
- return "Noot";
853
- }
854
- render(node, { mapNodeToJsx, state: openNoteId, setState }) {
855
- const noteId = node.getAttribute("id");
856
- if (!noteId) {
857
- console.error("Noot node without id", node);
858
- return h(Fragment, null);
859
- }
860
- const noteControlsId = `dso-ozon-note-${noteId}`;
861
- const childNodes = Array.from(node.childNodes);
862
- const nootNummer = childNodes.find((n) => getNodeName(n) === "NootNummer")?.textContent ?? noteId;
863
- return (h(Fragment, null, h("sup", null, h("button", { type: "button", class: "toggle-note", "aria-describedby": noteControlsId, onClick: () => setState?.(openNoteId === noteId ? undefined : noteId), onBlur: () => setState?.(undefined), "aria-expanded": openNoteId === noteId ? "true" : "false" }, nootNummer)), h("dso-tooltip", { active: openNoteId === noteId, id: noteControlsId, stateless: true, descriptive: true }, h("span", { role: "section" }, mapNodeToJsx(Array.from(node.querySelectorAll(":scope > Al")))))));
864
- }
865
- }
866
-
867
- function mapColspecs(count, nodeList) {
868
- const elements = Array.from(nodeList);
869
- const totalWidth = getTotalWidth(elements);
870
- return {
871
- totalWidth,
872
- count,
873
- columns: elements.map((element, index) => {
874
- const colNumber = element.getAttribute("colnum");
875
- return {
876
- colsep: element.getAttribute("colsep"),
877
- name: element.getAttribute("colname") ?? "",
878
- number: colNumber ? parseInt(colNumber, 10) : index + 1,
879
- rowsep: element.getAttribute("rowsep"),
880
- width: getWidth(totalWidth, element),
881
- };
882
- }),
883
- };
884
- }
885
- function getTotalWidth(elements) {
886
- return elements.reduce((totalWidth, element) => {
887
- const width = element.getAttribute("colwidth")?.replace(/[^0-9]/, "") ?? "";
888
- const colWidth = parseInt(width, 10);
889
- return totalWidth + (isNaN(colWidth) ? 0 : colWidth);
890
- }, 0);
891
- }
892
- function getWidth(totalWidth, element) {
893
- const width = element.getAttribute("colwidth");
894
- if (!width) {
895
- return undefined;
896
- }
897
- if (width === "*") {
898
- return "100%";
899
- }
900
- if (width.includes("*") || width.match(/^[\d+]$/)) {
901
- const colWidth = parseInt(width.replace(/[^0-9]/, ""), 10);
902
- return `${Math.round((colWidth / totalWidth) * 100)}%`;
903
- }
904
- return width;
905
- }
906
-
907
- const Colgroup = ({ colspecs }) => colspecs.columns.length > 0 ? (h("colgroup", null, colspecs.columns.map((colspec) => (h("col", { style: { width: colspec.width } }))))) : (h(Fragment, null));
908
-
909
- function getColspecStartColsep({ columns }, nameStart) {
910
- const colspecStart = columns.find((c) => c.name === nameStart);
911
- return colspecStart ? colspecStart.colsep : null;
912
- }
913
- function getColspecStartRowsep({ columns }, nameStart) {
914
- const colspecStart = columns.find((c) => c.name === nameStart);
915
- return colspecStart ? colspecStart.rowsep : null;
916
- }
917
- function getData(cell, colspecs) {
918
- const nameStart = cell.getAttribute("namest");
919
- const row = cell.parentElement;
920
- const tgroup = row?.parentElement?.parentElement;
921
- const table = tgroup?.parentElement;
922
- const colsep = cell.getAttribute("colsep") ||
923
- (colspecs && nameStart ? getColspecStartColsep(colspecs, nameStart) : null) ||
924
- (tgroup && tgroup.getAttribute("colsep")) ||
925
- (table && table.getAttribute("colsep"));
926
- const rowsep = cell.getAttribute("rowsep") ||
927
- (row && row.getAttribute("rowsep")) ||
928
- (colspecs && nameStart ? getColspecStartRowsep(colspecs, nameStart) : null) ||
929
- (tgroup && tgroup.getAttribute("rowsep")) ||
930
- (table && table.getAttribute("rowsep"));
931
- return {
932
- moreRows: cell.getAttribute("morerows"),
933
- nameStart,
934
- nameEnd: cell.getAttribute("nameend"),
935
- colsep,
936
- rowsep,
937
- };
938
- }
939
- function getColspan({ columns }, nameStart, nameEnd) {
940
- const colspecStart = columns.find((c) => c.name === nameStart);
941
- const colspecEnd = columns.find((c) => c.name === nameEnd);
942
- if (!colspecStart || !colspecEnd) {
943
- return undefined;
944
- }
945
- const colspan = colspecEnd.number - colspecStart.number + 1;
946
- return colspan === 1 ? undefined : colspan;
947
- }
948
- const Cell = ({ context: { mapNodeToJsx }, colspecs, cell, wijzigactie }) => {
949
- const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);
950
- return (h("td", { class: clsx({ "dso-horizontal-line": rowsep !== "0" }, { "dso-vertical-line": colsep !== "0" }, wijzigactieToClassName(wijzigactie)), rowSpan: moreRows ? parseInt(moreRows, 10) + 1 : undefined, colSpan: colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, mapNodeToJsx(cell.childNodes))));
951
- };
952
-
953
- const Header = ({ context: { mapNodeToJsx }, colspecs, cell, wijzigactie }) => {
954
- const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);
955
- return (h("th", { class: clsx({ "dso-horizontal-line": rowsep !== "0" }, { "dso-vertical-line": colsep !== "0" }, wijzigactieToClassName(wijzigactie)), rowSpan: moreRows ? parseInt(moreRows, 10) + 1 : undefined, colSpan: colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, mapNodeToJsx(cell.childNodes))));
956
- };
957
-
958
- const Rows = ({ context, colspecs, rows, head }) => {
959
- return (h(Fragment, null, rows.map((row) => (h("tr", null, Array.from(row.children).map((cell) => (head && (h(Header, { cell: cell, colspecs: colspecs, context: context, wijzigactie: parseWijzigactieFromNode(row) }))) || (h(Cell, { cell: cell, colspecs: colspecs, context: context, wijzigactie: parseWijzigactieFromNode(row) }))))))));
960
- };
961
-
962
- function mapData(node) {
963
- const tgroup = node.querySelector(":scope > tgroup");
964
- const colAttribute = tgroup?.getAttribute("cols") ?? undefined;
965
- const columnCount = colAttribute ? parseInt(colAttribute, 10) : undefined;
966
- return {
967
- caption: node.querySelector(":scope > title")?.textContent ?? undefined,
968
- colspecs: tgroup && columnCount ? mapColspecs(columnCount, tgroup.querySelectorAll(":scope > colspec")) : undefined,
969
- headRows: Array.from(node.querySelectorAll(":scope > tgroup > thead > row")),
970
- bodyRows: Array.from(node.querySelectorAll(":scope > tgroup > tbody > row")),
971
- wijzigactie: node.getAttribute("wijzigactie"),
972
- frame: node.getAttribute("frame") ? node.getAttribute("frame") : "all",
973
- };
974
- }
975
- class OzonContentTableNode {
976
- constructor() {
977
- this.name = "table";
978
- this.handles = ["title", "tgroup", "colspec", "thead", "tbody", "row", "cell"];
979
- this.id = v4();
980
- }
981
- render(node, context) {
982
- const { caption, colspecs, headRows, bodyRows, wijzigactie, frame } = mapData(node);
983
- const bron = Array.from(node.childNodes).find((n) => getNodeName(n) === "Bron");
984
- return (h("dso-table", null, h("table", { class: clsx("table", {
985
- "editaction-add": wijzigactie === "voegtoe",
986
- "editaction-remove": wijzigactie === "verwijder",
987
- [`dso-table-outside-lines-${frame}`]: frame,
988
- }), ...(bron ? { "aria-describedby": this.id } : {}) }, caption && h("caption", null, caption), colspecs && h(Colgroup, { colspecs: colspecs }), headRows.length > 0 && (h("thead", null, h(Rows, { head: true, rows: headRows, colspecs: colspecs, context: context }))), bodyRows.length > 0 && (h("tbody", null, h(Rows, { rows: bodyRows, colspecs: colspecs, context: context })))), bron && h("div", { id: this.id }, context.mapNodeToJsx(bron))));
989
- }
990
- }
991
-
992
- class OzonContentTextNode {
993
- constructor() {
994
- this.name = "#text";
995
- }
996
- render({ textContent }, { mark, emitMarkItemHighlight }, ignoreMark) {
997
- if (ignoreMark || !mark || !textContent) {
998
- return h(Fragment, null, textContent);
999
- }
1000
- return h(MarkText, { mark: mark, text: textContent, emitMarkItemHighlight: emitMarkItemHighlight });
1001
- }
1002
- }
1003
-
1004
- class OzonContentVerwijderdeTekstNode {
1005
- constructor() {
1006
- this.name = "VerwijderdeTekst";
1007
- }
1008
- render(node, { mapNodeToJsx }) {
1009
- return h("del", { class: "removed-text" }, mapNodeToJsx(node.childNodes));
1010
- }
1011
- }
1012
-
1013
- class Mapper {
1014
- constructor() {
1015
- this.mappers = [
1016
- new OzonContentAbbrNode(),
1017
- new OzonContentBegrippenlijstNode(),
1018
- new OzonContentBegripNode(),
1019
- new OzonContentTextNode(),
1020
- new OzonContentDocumentNode(),
1021
- new OzonContentInhoudNode(),
1022
- new OzonContentKopNode(),
1023
- new OzonContentIntRefNode(),
1024
- new OzonContentExtRefNode(),
1025
- new OzonContentAlNode(),
1026
- new OzonContentInlineNodes(),
1027
- new OzonContentInlineTekstAfbeeldingNode(),
1028
- new OzonContentNootNode(),
1029
- new OzonContentTableNode(),
1030
- new OzonContentIntIoRefNode(),
1031
- new OzonContentFiguurNode(),
1032
- new OzonContentLijstNode(),
1033
- new OzonContentBronNode(),
1034
- new OzonContentNieuweTekstNode(),
1035
- new OzonContentVerwijderdeTekstNode(),
1036
- ];
1037
- this.skip = this.mappers.reduce((t, m) => {
1038
- if (m.handles) {
1039
- t.push(...m.handles);
1040
- }
1041
- return t;
1042
- }, []);
1043
- this.fallbackNode = new OzonContentFallbackNode();
1044
- }
1045
- findMapper(name) {
1046
- if (this.skip.includes(name)) {
1047
- return undefined;
1048
- }
1049
- return (this.mappers.find((m) => {
1050
- if (Array.isArray(m.name)) {
1051
- return m.name.includes(name);
1052
- }
1053
- return m.name === name;
1054
- }) ?? this.fallbackNode);
1055
- }
1056
- mapNodeToJsx(node, context, path, ignoreMark) {
1057
- if (node instanceof NodeList) {
1058
- return h(Fragment, null, Array.from(node).map((n) => this.mapNodeToJsx(n, context, path, ignoreMark)));
1059
- }
1060
- if (Array.isArray(node)) {
1061
- return h(Fragment, null, node.map((n) => this.mapNodeToJsx(n, context, path, ignoreMark)));
1062
- }
1063
- const nodeName = getNodeName(node);
1064
- const mapper = this.findMapper(nodeName);
1065
- if (!mapper) {
1066
- return h(Fragment, null);
1067
- }
1068
- const identity = mapper.identify?.(node);
1069
- const state = identity ? context.state[identity] : undefined;
1070
- const setState = identity ? (s) => context.setState({ ...context.state, [identity]: s }) : undefined;
1071
- return mapper.render(node, {
1072
- inline: context.inline,
1073
- mark: context.mark,
1074
- mapNodeToJsx: (n, m) => this.mapNodeToJsx(n, context, [...path, node], m),
1075
- emitClick: context.emitClick,
1076
- setState,
1077
- emitMarkItemHighlight: context.emitMarkItemHighlight,
1078
- state,
1079
- path,
1080
- urlResolver: context.urlResolver,
1081
- begripResolver: context.begripResolver,
1082
- annotated: context.annotated,
1083
- }, ignoreMark);
1084
- }
1085
- transform(input, context) {
1086
- if (!input) {
1087
- return h(Fragment, null);
1088
- }
1089
- const doc = typeof input === "string" ? parseXml(input) : input;
1090
- if (!doc) {
1091
- return h(Fragment, null);
1092
- }
1093
- return this.mapNodeToJsx(doc.getRootNode(), context, []);
1094
- }
1095
- }
1096
-
1097
- const ozonContentCss = () => `button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } a.dso-primary, button.dso-primary, label.dso-primary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-primary:focus, a.dso-primary:focus-visible, button.dso-primary:focus, button.dso-primary:focus-visible, label.dso-primary:focus, label.dso-primary:focus-visible { outline-offset: 2px; } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active { outline: 0; } a.dso-primary.extern::after, a.dso-primary.download::after, button.dso-primary.extern::after, button.dso-primary.download::after, label.dso-primary.extern::after, label.dso-primary.download::after { content: ""; display: inline-block; } a.dso-primary, button.dso-primary, label.dso-primary { background-color: var(--_dso-button-primary-background-color, #39870c); border-color: var(--_dso-button-primary-border-color, #39870c); color: var(--_dso-button-primary-color, #fff); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } a.dso-primary:hover, button.dso-primary:hover, label.dso-primary:hover { background-color: var(--_dso-button-primary-hover-background-color, #275937); border-color: var(--_dso-button-primary-hover-border-color, #275937); color: var(--_dso-button-primary-hover-color, #fff); } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active { background-color: var(--_dso-button-primary-active-background-color, #173521); border-color: var(--_dso-button-primary-active-border-color, #173521); color: var(--_dso-button-primary-active-color, #fff); } a.dso-primary[disabled], a.dso-primary[disabled]:hover, button.dso-primary[disabled], button.dso-primary[disabled]:hover, label.dso-primary[disabled], label.dso-primary[disabled]:hover { background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d); border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d); color: var(--_dso-button-primary-disabled-color, #fff); } a.dso-primary.dso-small, button.dso-primary.dso-small, label.dso-primary.dso-small { line-height: 1rem; } a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before, button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before, label.dso-primary.dso-small dso-icon, label.dso-primary.dso-small.extern::after, label.dso-primary.dso-small.download::after, label.dso-primary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-primary.dso-small.dso-spinner-left::before, button.dso-primary.dso-small.dso-spinner-left::before, label.dso-primary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-small.dso-spinner-right::after, button.dso-primary.dso-small.dso-spinner-right::after, label.dso-primary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small { line-height: 1rem; } a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before, button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before, label.dso-primary.dso-extra-small dso-icon, label.dso-primary.dso-extra-small.extern::after, label.dso-primary.dso-extra-small.download::after, label.dso-primary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-primary.dso-extra-small.dso-spinner-left::before, button.dso-primary.dso-extra-small.dso-spinner-left::before, label.dso-primary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small.dso-spinner-right::after, button.dso-primary.dso-extra-small.dso-spinner-right::after, label.dso-primary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small { padding-block: 9px; } a.dso-primary dso-icon:has(+ span:not(.sr-only)), button.dso-primary dso-icon:has(+ span:not(.sr-only)), label.dso-primary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-primary span:not(.sr-only) + dso-icon, button.dso-primary span:not(.sr-only) + dso-icon, label.dso-primary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-primary dso-icon + span:not(.sr-only), button.dso-primary dso-icon + span:not(.sr-only), label.dso-primary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled], button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled], label.dso-primary.dso-spinner-left[disabled], label.dso-primary.dso-spinner-right[disabled] { background-color: #39870c; border-color: #39870c; color: #fff; } a.dso-primary.dso-spinner-left::before, button.dso-primary.dso-spinner-left::before, label.dso-primary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-primary.dso-spinner-right::after, button.dso-primary.dso-spinner-right::after, label.dso-primary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-primary.download::after, button.dso-primary.download::after, label.dso-primary.download::after { background: url("./di.svg#download-wit") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after { background: url("./di.svg#external-link-wit") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-secondary, button.dso-secondary, label.dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-secondary:focus, a.dso-secondary:focus-visible, button.dso-secondary:focus, button.dso-secondary:focus-visible, label.dso-secondary:focus, label.dso-secondary:focus-visible { outline-offset: 2px; } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active { outline: 0; } a.dso-secondary.extern::after, a.dso-secondary.download::after, button.dso-secondary.extern::after, button.dso-secondary.download::after, label.dso-secondary.extern::after, label.dso-secondary.download::after { content: ""; display: inline-block; } a.dso-secondary, button.dso-secondary, label.dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } a.dso-secondary:hover, button.dso-secondary:hover, label.dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); } a.dso-secondary[disabled], a.dso-secondary[disabled]:hover, button.dso-secondary[disabled], button.dso-secondary[disabled]:hover, label.dso-secondary[disabled], label.dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-secondary.dso-small, button.dso-secondary.dso-small, label.dso-secondary.dso-small { line-height: 1rem; } a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before, button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before, label.dso-secondary.dso-small dso-icon, label.dso-secondary.dso-small.extern::after, label.dso-secondary.dso-small.download::after, label.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-secondary.dso-small.dso-spinner-left::before, button.dso-secondary.dso-small.dso-spinner-left::before, label.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-small.dso-spinner-right::after, button.dso-secondary.dso-small.dso-spinner-right::after, label.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small { line-height: 1rem; } a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before, button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before, label.dso-secondary.dso-extra-small dso-icon, label.dso-secondary.dso-extra-small.extern::after, label.dso-secondary.dso-extra-small.download::after, label.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-secondary.dso-extra-small.dso-spinner-left::before, button.dso-secondary.dso-extra-small.dso-spinner-left::before, label.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small.dso-spinner-right::after, button.dso-secondary.dso-extra-small.dso-spinner-right::after, label.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small { padding-block: 9px; } a.dso-secondary dso-icon:has(+ span:not(.sr-only)), button.dso-secondary dso-icon:has(+ span:not(.sr-only)), label.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-secondary span:not(.sr-only) + dso-icon, button.dso-secondary span:not(.sr-only) + dso-icon, label.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-secondary dso-icon + span:not(.sr-only), button.dso-secondary dso-icon + span:not(.sr-only), label.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled], button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled], label.dso-secondary.dso-spinner-left[disabled], label.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } a.dso-secondary.dso-spinner-left::before, button.dso-secondary.dso-spinner-left::before, label.dso-secondary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]):hover::before, button.dso-secondary.dso-spinner-left:not([disabled]):hover::before, label.dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-spinner-right::after, button.dso-secondary.dso-spinner-right::after, label.dso-secondary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]):hover::after, button.dso-secondary.dso-spinner-right:not([disabled]):hover::after, label.dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.download::after, button.dso-secondary.download::after, label.dso-secondary.download::after { background: url("./di.svg#download") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after { background-image: var(--_dso-di-background-image, url("./di.svg#download-bosgroen")); } a.dso-secondary.download[disabled]::after, button.dso-secondary.download[disabled]::after, label.dso-secondary.download[disabled]::after { background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40")); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after { background: url("./di.svg#external-link") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-bosgroen")); } a.dso-secondary.extern[disabled]::after, button.dso-secondary.extern[disabled]::after, label.dso-secondary.extern[disabled]::after { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40")); } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible { outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { content: ""; display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible { outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { content: ""; display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { background-color: var(--_dso-button-tertiary-background-color, ); border-color: var(--_dso-button-tertiary-border-color, ); color: var(--_dso-button-tertiary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: auto; padding-block: 11px; padding-inline: 15px; } a.dso-tertiary:hover, button.dso-tertiary:hover, label.dso-tertiary:hover { background-color: var(--_dso-button-tertiary-hover-background-color, ); border-color: var(--_dso-button-tertiary-hover-border-color, ); color: var(--_dso-button-tertiary-hover-color, #275937); } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { background-color: var(--_dso-button-tertiary-active-background-color, ); border-color: var(--_dso-button-tertiary-active-border-color, ); color: var(--_dso-button-tertiary-active-color, #173521); } a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover, button.dso-tertiary[disabled], button.dso-tertiary[disabled]:hover, label.dso-tertiary[disabled], label.dso-tertiary[disabled]:hover { background-color: var(--_dso-button-tertiary-disabled-background-color, ); border-color: var(--_dso-button-tertiary-disabled-border-color, ); color: var(--_dso-button-tertiary-disabled-color, #afcf9d); } a.dso-tertiary.dso-small, button.dso-tertiary.dso-small, label.dso-tertiary.dso-small { line-height: 1rem; } a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before, button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before, label.dso-tertiary.dso-small dso-icon, label.dso-tertiary.dso-small.extern::after, label.dso-tertiary.dso-small.download::after, label.dso-tertiary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-tertiary.dso-small.dso-spinner-left::before, button.dso-tertiary.dso-small.dso-spinner-left::before, label.dso-tertiary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-small.dso-spinner-right::after, button.dso-tertiary.dso-small.dso-spinner-right::after, label.dso-tertiary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small { line-height: 1rem; } a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before, button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before, label.dso-tertiary.dso-extra-small dso-icon, label.dso-tertiary.dso-extra-small.extern::after, label.dso-tertiary.dso-extra-small.download::after, label.dso-tertiary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-tertiary.dso-extra-small.dso-spinner-left::before, button.dso-tertiary.dso-extra-small.dso-spinner-left::before, label.dso-tertiary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small.dso-spinner-right::after, button.dso-tertiary.dso-extra-small.dso-spinner-right::after, label.dso-tertiary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small { padding-block: 9px; } a.dso-tertiary dso-icon:has(+ span:not(.sr-only)), button.dso-tertiary dso-icon:has(+ span:not(.sr-only)), label.dso-tertiary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { border: 0; line-height: 1; padding: 0; background-color: transparent; } a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right, button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right, label.dso-tertiary[disabled].dso-spinner-left, label.dso-tertiary[disabled].dso-spinner-right { color: #39870c; } a.dso-tertiary:not([disabled]):hover, button.dso-tertiary:not([disabled]):hover, label.dso-tertiary:not([disabled]):hover { text-decoration: underline; text-underline-position: under; } a.dso-tertiary.dso-align, button.dso-tertiary.dso-align, label.dso-tertiary.dso-align { line-height: calc(1.5em - 1px); padding-block: 11px; padding-inline: 0; position: relative; } a.dso-tertiary.dso-truncate, button.dso-tertiary.dso-truncate, label.dso-tertiary.dso-truncate { max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } a.dso-tertiary.dso-spinner-left::before, button.dso-tertiary.dso-spinner-left::before, label.dso-tertiary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-end: 8px; } a.dso-tertiary.dso-spinner-right::after, button.dso-tertiary.dso-spinner-right::after, label.dso-tertiary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-start: 8px; } a.dso-tertiary dso-icon + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; } a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] { margin-inline-start: 0; } a.dso-tertiary dso-icon, a.dso-tertiary span, button.dso-tertiary dso-icon, button.dso-tertiary span, label.dso-tertiary dso-icon, label.dso-tertiary span { vertical-align: middle; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { position: relative; inset-block-start: -2px; } a.dso-tertiary.download::after, button.dso-tertiary.download::after, label.dso-tertiary.download::after { background: url("./di.svg#download") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after { background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40")); } a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after, button.dso-tertiary.download:not([disabled]):hover::after, button.dso-tertiary.download:not([disabled]):active::after, label.dso-tertiary.download:not([disabled]):hover::after, label.dso-tertiary.download:not([disabled]):active::after { background-image: var(--_dso-di-background-image, url("./di.svg#download-bosgroen")); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after { background: url("./di.svg#external-link") no-repeat center; background-size: cover; block-size: 24px; vertical-align: top; inline-size: 24px; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40")); } a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after, button.dso-tertiary.extern:not([disabled]):hover::after, button.dso-tertiary.extern:not([disabled]):active::after, label.dso-tertiary.extern:not([disabled]):hover::after, label.dso-tertiary.extern:not([disabled]):active::after { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-bosgroen")); } a.dso-map, button.dso-map, label.dso-map { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible { outline-offset: 2px; } a.dso-map:active, button.dso-map:active, label.dso-map:active { outline: 0; } a.dso-map, button.dso-map, label.dso-map { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } a.dso-map:hover, button.dso-map:hover, label.dso-map:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-map:active, button.dso-map:active, label.dso-map:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); } a.dso-map[disabled], a.dso-map[disabled]:hover, button.dso-map[disabled], button.dso-map[disabled]:hover, label.dso-map[disabled], label.dso-map[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-map.dso-small, button.dso-map.dso-small, label.dso-map.dso-small { line-height: 1rem; } a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before, button.dso-map.dso-small dso-icon, button.dso-map.dso-small.extern::after, button.dso-map.dso-small.download::after, button.dso-map.dso-small.dso-spinner::before, label.dso-map.dso-small dso-icon, label.dso-map.dso-small.extern::after, label.dso-map.dso-small.download::after, label.dso-map.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-map.dso-small.dso-spinner-left::before, button.dso-map.dso-small.dso-spinner-left::before, label.dso-map.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-small.dso-spinner-right::after, button.dso-map.dso-small.dso-spinner-right::after, label.dso-map.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small { line-height: 1rem; } a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before, button.dso-map.dso-extra-small dso-icon, button.dso-map.dso-extra-small.extern::after, button.dso-map.dso-extra-small.download::after, button.dso-map.dso-extra-small.dso-spinner::before, label.dso-map.dso-extra-small dso-icon, label.dso-map.dso-extra-small.extern::after, label.dso-map.dso-extra-small.download::after, label.dso-map.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-map.dso-extra-small.dso-spinner-left::before, button.dso-map.dso-extra-small.dso-spinner-left::before, label.dso-map.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small.dso-spinner-right::after, button.dso-map.dso-extra-small.dso-spinner-right::after, label.dso-map.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small { padding-block: 9px; } a.dso-map dso-icon:has(+ span:not(.sr-only)), button.dso-map dso-icon:has(+ span:not(.sr-only)), label.dso-map dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-map span:not(.sr-only) + dso-icon, button.dso-map span:not(.sr-only) + dso-icon, label.dso-map span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-map dso-icon + span:not(.sr-only), button.dso-map dso-icon + span:not(.sr-only), label.dso-map dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled], button.dso-map.dso-spinner-left[disabled], button.dso-map.dso-spinner-right[disabled], label.dso-map.dso-spinner-left[disabled], label.dso-map.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } a.dso-map.dso-spinner-left::before, button.dso-map.dso-spinner-left::before, label.dso-map.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]):hover::before, button.dso-map.dso-spinner-left:not([disabled]):hover::before, label.dso-map.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-spinner-right::after, button.dso-map.dso-spinner-right::after, label.dso-map.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]):hover::after, button.dso-map.dso-spinner-right:not([disabled]):hover::after, label.dso-map.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } a.dso-map, button.dso-map, label.dso-map { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); border: 0; font-weight: 600; margin-inline-end: 16px; padding-block: 8px; padding-inline: 16px; white-space: nowrap; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible { outline-offset: -1px; } a.dso-map:has(span.sr-only):has(dso-icon), button.dso-map:has(span.sr-only):has(dso-icon), label.dso-map:has(span.sr-only):has(dso-icon) { padding: 8px; min-inline-size: auto; block-size: 40px; inline-size: 40px; } a.dso-primary, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible { color: #fff; text-decoration: none; } a.dso-secondary { text-decoration: none; } a.dso-secondary, a.dso-secondary:visited { color: #39870c; } a.dso-secondary:hover, a.dso-secondary:focus-visible { color: #275937; text-decoration: none; } a.dso-tertiary { text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited { color: #39870c; } .dso-primary + .dso-primary, .dso-primary + .dso-secondary, .dso-primary + .dso-tertiary, .dso-secondary + .dso-primary, .dso-secondary + .dso-secondary, .dso-secondary + .dso-tertiary, .dso-tertiary + .dso-primary, .dso-tertiary + .dso-secondary, .dso-tertiary + .dso-tertiary { margin-inline-start: 16px; } mark { background-color: var(--_dt-mark-bg-color, #f8f5ce); color: var(--_dt-mark-color, #000); padding-block: var(--_dt-mark-padding-block, 0.2rem); font-weight: var(--_dt-mark-font-weight, normal); } mark.dso-highlight { background-color: #dbd136; } sup { font-size: 0.65em; line-height: 0; position: relative; inset-block-start: -0.5em; vertical-align: baseline; } sup a { text-decoration: none; } sup a:hover, sup a:focus-visible, sup a:active { text-decoration: underline; } sub { inset-block-end: -0.25em; font-size: 0.65em; line-height: 0; position: relative; vertical-align: baseline; } sub a { text-decoration: none; } sub a:hover, sub a:focus-visible, sub a:active { text-decoration: underline; } caption { color: #666; padding-block-end: 8px; padding-block-start: 8px; text-align: start; } td, th { padding: 0; } th { font-weight: 600; text-align: start; } table.table td:not(.plain-content) p, table.table th p { margin-block: 0 var(--_dt-rich-content-margin-block, 16px); margin-inline: 0; } table.table td:not(.plain-content) ul, table.table td:not(.plain-content) ol, table.table th ul, table.table th ol { margin-block-end: 16px; } table.table td:not(.plain-content) ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list), table.table td:not(.plain-content) ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list), table.table th ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list), table.table th ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) { padding-inline-start: 24px; } table.table td:not(.plain-content) ul ul, table.table td:not(.plain-content) ul ol, table.table td:not(.plain-content) ol ul, table.table td:not(.plain-content) ol ol, table.table th ul ul, table.table th ul ol, table.table th ol ul, table.table th ol ol { margin-block-end: 0; } table.table td:not(.plain-content) pre, table.table th pre { margin-block: 0 16px; margin-inline: 0; } table.table td:not(.plain-content) blockquote, table.table th blockquote { padding-block: 16px; padding-inline: 24px; } table.table td:not(.plain-content) dso-highlight-box, table.table td:not(.plain-content) .dso-highlight-box, table.table th dso-highlight-box, table.table th .dso-highlight-box { margin-block-end: 24px; } table.table td:not(.plain-content) img, table.table th img { block-size: auto; max-inline-size: 100%; } table.table, .dso-rich-content table { margin-block-end: 24px; max-inline-size: 100%; inline-size: 100%; } table.table .dso-tertiary:not(dso-ozon-content-toggletip *), table.table dso-icon-button, .dso-rich-content table .dso-tertiary:not(dso-ozon-content-toggletip *), .dso-rich-content table dso-icon-button { position: relative; inset-block-start: -2px; white-space: nowrap; } table.table.dso-text-left th, table.table.dso-text-left td, .dso-rich-content table.dso-text-left th, .dso-rich-content table.dso-text-left td { text-align: start; } table.table.dso-text-center th, table.table.dso-text-center td, .dso-rich-content table.dso-text-center th, .dso-rich-content table.dso-text-center td { text-align: center; } table.table.dso-text-right th, table.table.dso-text-right td, .dso-rich-content table.dso-text-right th, .dso-rich-content table.dso-text-right td { text-align: end; } table.table.dso-table-vertical-lines > thead > tr > td, table.table.dso-table-vertical-lines > thead > tr > th, .dso-rich-content table.dso-table-vertical-lines > thead > tr > td, .dso-rich-content table.dso-table-vertical-lines > thead > tr > th { border: 1px solid #666; } table.table.dso-table-vertical-lines > tbody > tr > td, table.table.dso-table-vertical-lines > tbody > tr > th, table.table.dso-table-vertical-lines > tfoot > tr > td, table.table.dso-table-vertical-lines > tfoot > tr > th, .dso-rich-content table.dso-table-vertical-lines > tbody > tr > td, .dso-rich-content table.dso-table-vertical-lines > tbody > tr > th, .dso-rich-content table.dso-table-vertical-lines > tfoot > tr > td, .dso-rich-content table.dso-table-vertical-lines > tfoot > tr > th { border: 1px solid #ccc; } table.table.dso-table-vertical-lines > thead + tbody > tr:first-child > td, table.table.dso-table-vertical-lines > thead + tbody > tr:first-child > th, .dso-rich-content table.dso-table-vertical-lines > thead + tbody > tr:first-child > td, .dso-rich-content table.dso-table-vertical-lines > thead + tbody > tr:first-child > th { border-block-start: 0; } table.table.dso-table-outside-lines-top, .dso-rich-content table.dso-table-outside-lines-top { border-block-start: 1px solid #666; } table.table.dso-table-outside-lines-bottom, .dso-rich-content table.dso-table-outside-lines-bottom { border-block-end: 1px solid #ccc; } table.table.dso-table-outside-lines-topbot, .dso-rich-content table.dso-table-outside-lines-topbot { border-block-start: 1px solid #666; border-block-end: 1px solid #ccc; } table.table.dso-table-outside-lines-all, .dso-rich-content table.dso-table-outside-lines-all { border-block-start: 1px solid #666; border-block-end: 1px solid #ccc; } table.table.dso-table-outside-lines-all thead, .dso-rich-content table.dso-table-outside-lines-all thead { border-inline-start: 1px solid #666; border-inline-end: 1px solid #666; } table.table.dso-table-outside-lines-all tbody, .dso-rich-content table.dso-table-outside-lines-all tbody { border-inline-start: 1px solid #ccc; border-inline-end: 1px solid #ccc; } table.table.dso-table-outside-lines-sides thead, .dso-rich-content table.dso-table-outside-lines-sides thead { border-inline-start: 1px solid #666; border-inline-end: 1px solid #666; } table.table.dso-table-outside-lines-sides tbody, .dso-rich-content table.dso-table-outside-lines-sides tbody { border-inline-start: 1px solid #ccc; border-inline-end: 1px solid #ccc; } table.table > thead > tr > td.dso-horizontal-line, table.table > thead > tr > th.dso-horizontal-line, .dso-rich-content table > thead > tr > td.dso-horizontal-line, .dso-rich-content table > thead > tr > th.dso-horizontal-line { border-block-end: 1px solid #666; } table.table > thead > tr > td:not(:last-child).dso-vertical-line, table.table > thead > tr > th:not(:last-child).dso-vertical-line, .dso-rich-content table > thead > tr > td:not(:last-child).dso-vertical-line, .dso-rich-content table > thead > tr > th:not(:last-child).dso-vertical-line { border-inline-end: 1px solid #666; } table.table > tbody > tr > td:not(:last-child).dso-vertical-line, table.table > tbody > tr > th:not(:last-child).dso-vertical-line, table.table > tfoot > tr > td:not(:last-child).dso-vertical-line, table.table > tfoot > tr > th:not(:last-child).dso-vertical-line, .dso-rich-content table > tbody > tr > td:not(:last-child).dso-vertical-line, .dso-rich-content table > tbody > tr > th:not(:last-child).dso-vertical-line, .dso-rich-content table > tfoot > tr > td:not(:last-child).dso-vertical-line, .dso-rich-content table > tfoot > tr > th:not(:last-child).dso-vertical-line { border-inline-end: 1px solid #ccc; } table.table > tbody > tr:not(:last-child) > td.dso-horizontal-line, table.table > tbody > tr:not(:last-child) > th.dso-horizontal-line, table.table > tfoot > tr:not(:last-child) > td.dso-horizontal-line, table.table > tfoot > tr:not(:last-child) > th.dso-horizontal-line, .dso-rich-content table > tbody > tr:not(:last-child) > td.dso-horizontal-line, .dso-rich-content table > tbody > tr:not(:last-child) > th.dso-horizontal-line, .dso-rich-content table > tfoot > tr:not(:last-child) > td.dso-horizontal-line, .dso-rich-content table > tfoot > tr:not(:last-child) > th.dso-horizontal-line { border-block-end: 1px solid #ccc; } table.table th.dso-text-left, table.table td.dso-text-left, .dso-rich-content table th.dso-text-left, .dso-rich-content table td.dso-text-left { text-align: start; } table.table th.dso-text-center, table.table td.dso-text-center, .dso-rich-content table th.dso-text-center, .dso-rich-content table td.dso-text-center { text-align: center; } table.table th.dso-text-right, table.table td.dso-text-right, .dso-rich-content table th.dso-text-right, .dso-rich-content table td.dso-text-right { text-align: end; } table.table > thead > tr > th, table.table > thead > tr > td, table.table > tbody > tr > th, table.table > tbody > tr > td, table.table > tfoot > tr > th, table.table > tfoot > tr > td, .dso-rich-content table > thead > tr > th, .dso-rich-content table > thead > tr > td, .dso-rich-content table > tbody > tr > th, .dso-rich-content table > tbody > tr > td, .dso-rich-content table > tfoot > tr > th, .dso-rich-content table > tfoot > tr > td { line-height: 1.5; padding-block: 12px; padding-inline: 8px; vertical-align: top; } table.table > thead > tr > th a, table.table > thead > tr > td a, table.table > tbody > tr > th a, table.table > tbody > tr > td a, table.table > tfoot > tr > th a, table.table > tfoot > tr > td a, .dso-rich-content table > thead > tr > th a, .dso-rich-content table > thead > tr > td a, .dso-rich-content table > tbody > tr > th a, .dso-rich-content table > tbody > tr > td a, .dso-rich-content table > tfoot > tr > th a, .dso-rich-content table > tfoot > tr > td a { text-decoration: underline; } table.table:not([class*=dso-table-outside-lines]) > thead > tr > td, table.table:not([class*=dso-table-outside-lines]) > thead > tr > th, .dso-rich-content table:not([class*=dso-table-outside-lines]) > thead > tr > td, .dso-rich-content table:not([class*=dso-table-outside-lines]) > thead > tr > th { border-block-end: 1px solid #666; } table.table:not([class*=dso-table-outside-lines]) > tbody > tr > td, table.table:not([class*=dso-table-outside-lines]) > tbody > tr > th, table.table:not([class*=dso-table-outside-lines]) > tfoot > tr > td, table.table:not([class*=dso-table-outside-lines]) > tfoot > tr > th, .dso-rich-content table:not([class*=dso-table-outside-lines]) > tbody > tr > td, .dso-rich-content table:not([class*=dso-table-outside-lines]) > tbody > tr > th, .dso-rich-content table:not([class*=dso-table-outside-lines]) > tfoot > tr > td, .dso-rich-content table:not([class*=dso-table-outside-lines]) > tfoot > tr > th { border-block-end: 1px solid #ccc; } table.table > tbody + tbody, .dso-rich-content table > tbody + tbody { border-block-start: 2px solid #ccc; } table.table .table, .dso-rich-content table .table { background-color: #fff; } table.table > tbody > tr.result-error td, .dso-rich-content table > tbody > tr.result-error td { font-style: italic; } table.table > thead > tr > th, .dso-rich-content table > thead > tr > th { vertical-align: bottom; } table.table > thead > tr > th .dso-primary.dso-sort, table.table > thead > tr > th .dso-secondary.dso-sort, table.table > thead > tr > th .dso-tertiary.dso-sort, .dso-rich-content table > thead > tr > th .dso-primary.dso-sort, .dso-rich-content table > thead > tr > th .dso-secondary.dso-sort, .dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort { color: #191919; font-weight: 600; } table.table > thead > tr > th .dso-primary.dso-sort dso-icon, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon, .dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon, .dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon, .dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon { color: #666; } table.table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active, .dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active, .dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active, .dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active { color: #191919; } .table-hover > tbody > tr:hover { background-color: #f2f2f2; } table col[class*=col-] { display: table-column; float: none; position: static; } table { background-color: transparent; border-collapse: collapse; border-spacing: 0; } table td[class*=col-], table th[class*=col-] { display: table-cell; float: none; position: static; } .dso-rich-content table > thead > tr > td.active, .dso-rich-content table > thead > tr > th.active, .dso-rich-content table > thead > tr.active > td, .dso-rich-content table > thead > tr.active > th, .dso-rich-content table > tbody > tr > td.active, .dso-rich-content table > tbody > tr > th.active, .dso-rich-content table > tbody > tr.active > td, .dso-rich-content table > tbody > tr.active > th, .dso-rich-content table > tfoot > tr > td.active, .dso-rich-content table > tfoot > tr > th.active, .dso-rich-content table > tfoot > tr.active > td, .dso-rich-content table > tfoot > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f2f2f2; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #f2f2f2; } .table-hover > tbody > tr:hover > th, .table-hover > tbody > tr:hover > td { background-color: #f2f2f2; } .table-hover > tbody > tr:hover > th a, .table-hover > tbody > tr:hover > td a { color: #191919; } .table-hover > tbody > tr:hover > th a:hover, .table-hover > tbody > tr:hover > td a:hover { text-decoration: none; } .table > tbody > tr.active > th, .table > tbody > tr.active > td { background-color: #f2f2f2; } .table > tbody > tr.active > th a, .table > tbody > tr.active > td a { color: #191919; } .table > tbody > tr.active > th a:hover, .table > tbody > tr.active > td a:hover { text-decoration: none; } .dso-table-responsive, .dso-table-scroll-container { min-block-size: 0.01%; overflow-x: auto; position: relative; } .dso-table-scroll-container { -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ccc; margin-block-end: 0; overflow-y: hidden; inline-size: 100%; } .dso-table-scroll-container::before { content: "beweeg de tabel van links naar rechts"; display: block; font-size: 0.8em; margin-block-end: 8px; position: relative; text-align: center; } .dso-table-scroll-container > .table { margin-block-end: 0; } .dso-table-scroll-container > .table > thead > tr > th, .dso-table-scroll-container > .table > thead > tr > td, .dso-table-scroll-container > .table > tbody > tr > th, .dso-table-scroll-container > .table > tbody > tr > td, .dso-table-scroll-container > .table > tfoot > tr > th, .dso-table-scroll-container > .table > tfoot > tr > td { white-space: nowrap; } @media screen and (max-width: 767px) { .dso-table-responsive { -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ccc; margin-block-end: 0; overflow-y: hidden; inline-size: 100%; } .dso-table-responsive::before { content: "beweeg de tabel van links naar rechts"; display: block; font-size: 0.8em; margin-block-end: 8px; position: relative; text-align: center; } .dso-table-responsive > .table { margin-block-end: 0; } .dso-table-responsive > .table > thead > tr > th, .dso-table-responsive > .table > thead > tr > td, .dso-table-responsive > .table > tbody > tr > th, .dso-table-responsive > .table > tbody > tr > td, .dso-table-responsive > .table > tfoot > tr > th, .dso-table-responsive > .table > tfoot > tr > td { white-space: nowrap; } } .dso-table-filter-wrapper .dso-search-bar { margin-block-end: 16px; inline-size: 288px; } dso-table table.table { margin-block-end: 0; } dso-table.dso-is-responsive { margin-block-end: 0; } dso-table.dso-is-responsive > .table > thead > tr > th, dso-table.dso-is-responsive > .table > thead > tr > td, dso-table.dso-is-responsive > .table > tbody > tr > th, dso-table.dso-is-responsive > .table > tbody > tr > td, dso-table.dso-is-responsive > .table > tfoot > tr > th, dso-table.dso-is-responsive > .table > tfoot > tr > td { white-space: nowrap; } dso-icon-button + dso-icon-button { margin-inline-start: 16px; } :host(:not([inline])) { display: block; } :host([inline]) { display: inline; } button.toggle-note { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } button.toggle-note:focus, button.toggle-note:focus-visible { outline-offset: 2px; } button.toggle-note:active { outline: 0; } button.toggle-note { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } button.toggle-note:focus, button.toggle-note:focus-visible { outline-offset: 2px; } button.toggle-note:active { outline: 0; } button.toggle-note { background-color: var(--_dso-button-tertiary-background-color, ); border-color: var(--_dso-button-tertiary-border-color, ); color: var(--_dso-button-tertiary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: auto; padding-block: 11px; padding-inline: 15px; } button.toggle-note:hover { background-color: var(--_dso-button-tertiary-hover-background-color, ); border-color: var(--_dso-button-tertiary-hover-border-color, ); color: var(--_dso-button-tertiary-hover-color, #275937); } button.toggle-note:active { background-color: var(--_dso-button-tertiary-active-background-color, ); border-color: var(--_dso-button-tertiary-active-border-color, ); color: var(--_dso-button-tertiary-active-color, #173521); } button.toggle-note[disabled], button.toggle-note[disabled]:hover { background-color: var(--_dso-button-tertiary-disabled-background-color, ); border-color: var(--_dso-button-tertiary-disabled-border-color, ); color: var(--_dso-button-tertiary-disabled-color, #afcf9d); } button.toggle-note.dso-small { line-height: 1rem; } button.toggle-note.dso-small dso-icon, button.toggle-note.dso-small.extern::after, button.toggle-note.dso-small.download::after, button.toggle-note.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.toggle-note.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.toggle-note.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.toggle-note.dso-extra-small { line-height: 1rem; } button.toggle-note.dso-extra-small dso-icon, button.toggle-note.dso-extra-small.extern::after, button.toggle-note.dso-extra-small.download::after, button.toggle-note.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.toggle-note.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.toggle-note.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.toggle-note.dso-extra-small { padding-block: 9px; } button.toggle-note dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } button.toggle-note span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } button.toggle-note dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } button.toggle-note { border: 0; line-height: 1; padding: 0; background-color: transparent; } button.toggle-note[disabled].dso-spinner-left, button.toggle-note[disabled].dso-spinner-right { color: #39870c; } button.toggle-note:not([disabled]):hover { text-decoration: underline; text-underline-position: under; } button.toggle-note.dso-align { line-height: calc(1.5em - 1px); padding-block: 11px; padding-inline: 0; position: relative; } button.toggle-note.dso-truncate { max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } button.toggle-note.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-end: 8px; } button.toggle-note.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-start: 8px; } button.toggle-note dso-icon + span:not(.sr-only), button.toggle-note span:not(.sr-only) + dso-icon { margin-inline-start: 8px; } button.toggle-note dso-icon[icon=chevron-left] + span:not(.sr-only), button.toggle-note dso-icon[icon=chevron-right] + span:not(.sr-only), button.toggle-note span:not(.sr-only) + dso-icon[icon=chevron-left], button.toggle-note span:not(.sr-only) + dso-icon[icon=chevron-right] { margin-inline-start: 0; } button.toggle-note dso-icon, button.toggle-note span { vertical-align: middle; } span[role=section], span[role=paragraph] { display: block; } span[role=paragraph] { margin-block: var(--_dt-span-role-paragraph-margin-block, 0); } span[role=paragraph] + span[role=paragraph] { margin-block: var(--_dt-span-role-paragraph-margin-block, 16px 0); } span[role=paragraph] + span[role=paragraph] .dso-tertiary { margin-block-start: -3px; } :host(:not([inline])) .fallback { display: block; } a { background-color: transparent; color: var(--link-color); text-decoration: underline; text-underline-offset: 15%; } a:hover, a:focus-visible { color: var(--link-hover-color); text-decoration: underline; } a:active { text-decoration: none; } a .sr-only + dso-icon { margin-inline-start: 0; } a:visited { color: var(--link-visited-color); } .od-Term { font-weight: 700; } .od-Definitie, .od-Tussenkop { font-style: italic; } .od-Inhoud, .od-Inhoud > .od-Lijst, .od-Lidnr, .od-LiNr, .od-Opschrift, .od-Tussenkop { display: inline; } .od-Al { margin-block-end: 0.75em; } .dso-ozon-bron { font-style: italic; font-size: 0.75rem; } .dso-ozon-figuur { text-align: var(--_dso-ozon-content-illustratie-uitlijning); margin-block-end: 8px; } .dso-ozon-figuur .figuur-bijschrift { display: block; font-size: 0.75rem; font-style: italic; } .dso-ozon-figuur.bijschrift-boven .figuur-bijschrift { padding-block-end: 0.25rem; } .dso-ozon-figuur.bijschrift-onder .figuur-bijschrift { padding-block-start: 0.25rem; } .dso-ozon-figuur .figuur-titel { color: #8b4a6a; display: block; font-weight: 500; padding-block-end: 0.5rem; } .dso-ozon-figuur > dso-image-overlay { inline-size: var(--_dso-ozon-content-illustratie-width); block-size: auto; max-block-size: 200vh; aspect-ratio: var(--_dso-ozon-content-illustratie-aspect-ratio); } .dso-ozon-figuur > dso-image-overlay img { block-size: 100%; inline-size: 100%; } .dso-ozon-lijst span.od-Lijstaanhef, .dso-ozon-lijst span.od-Lijstsluiting { margin-block-end: 8px; } .dso-ozon-lijst ul { margin-block-end: 8px !important; margin-block-start: 8px; } .dso-ozon-lijst ul p { margin-block-end: 8px; } .dso-ozon-lijst ul.expliciet { list-style: none; } .dso-ozon-lijst ul.expliciet > .od-Li { position: relative; } .dso-ozon-lijst ul.expliciet > .od-Li > span.od-LiNummer { position: absolute; inset-inline-start: -44px; text-align: end; inline-size: 40px; } .dso-ozon-lijst p { margin: 0; } .od-Tabel thead { font-weight: 600; } .od-Kadertekst { border: 1px solid #e5e5e5; margin-block-end: 8px; padding: 8px; } p.editaction-add, span[role=paragraph].editaction-add, .dso-ozon-lijst.editaction-add, .dso-ozon-lijst > ul > li.editaction-add, table.editaction-add { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), .dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), .dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), table.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), .dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), .dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), table.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), .dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), .dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), table.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), .dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), .dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), table.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } p.editaction-add, span[role=paragraph].editaction-add, .dso-ozon-lijst.editaction-add, .dso-ozon-lijst > ul > li.editaction-add, table.editaction-add { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #e4f1d4; color: #191919; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5); --_dso-ozon-content-toggletip-color: #000; } p.editaction-remove, span[role=paragraph].editaction-remove, .dso-ozon-lijst.editaction-remove, .dso-ozon-lijst > ul > li.editaction-remove, table.editaction-remove { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), .dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), .dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), table.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), .dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), .dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), table.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), .dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), .dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), table.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), .dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), .dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), table.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } p.editaction-remove, span[role=paragraph].editaction-remove, .dso-ozon-lijst.editaction-remove, .dso-ozon-lijst > ul > li.editaction-remove, table.editaction-remove { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #f5d8dc; color: #191919; --_dso-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dso-ozon-content-toggletip-text-decoration: underline line-through; } @media screen and (min--moz-device-pixel-ratio: 0) { p.editaction-remove, span[role=paragraph].editaction-remove, .dso-ozon-lijst.editaction-remove, .dso-ozon-lijst > ul > li.editaction-remove, table.editaction-remove { font-family: sans-serif; } } ins { text-decoration: none; } ins.new-text { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } ins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } ins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } ins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } ins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } ins.new-text { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #e4f1d4; color: #191919; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5); --_dso-ozon-content-toggletip-color: #000; } ins.editaction-add { display: inline-block; margin-block-end: 8px; padding: 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; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } ins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } ins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } ins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } ins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } ins.editaction-add { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #e4f1d4; color: #191919; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5); --_dso-ozon-content-toggletip-color: #000; } ins.editaction-add p:last-child { margin: 0; } del.removed-text { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } del.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } del.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } del.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } del.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } del.removed-text { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #f5d8dc; color: #191919; --_dso-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dso-ozon-content-toggletip-text-decoration: underline line-through; } @media screen and (min--moz-device-pixel-ratio: 0) { del.removed-text { font-family: sans-serif; } } del.editaction-remove { display: inline-block; margin-block-end: 8px; padding: 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; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } del.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } del.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } del.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } del.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } del.editaction-remove { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #f5d8dc; color: #191919; --_dso-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dso-ozon-content-toggletip-text-decoration: underline line-through; } @media screen and (min--moz-device-pixel-ratio: 0) { del.editaction-remove { font-family: sans-serif; } } del.editaction-remove p:last-child { margin: 0; } .editaction-label { font-style: italic; } .dso-rich-content p { margin-block: 0 var(--_dt-rich-content-margin-block, 16px); margin-inline: 0; } .dso-rich-content ul, .dso-rich-content ol { margin-block-end: 16px; } .dso-rich-content ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list), .dso-rich-content ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) { padding-inline-start: 24px; } .dso-rich-content ul ul, .dso-rich-content ul ol, .dso-rich-content ol ul, .dso-rich-content ol ol { margin-block-end: 0; } .dso-rich-content pre { margin-block: 0 16px; margin-inline: 0; } .dso-rich-content blockquote { padding-block: 16px; padding-inline: 24px; } .dso-rich-content dso-highlight-box, .dso-rich-content .dso-highlight-box { margin-block-end: 24px; } .dso-rich-content img { block-size: auto; max-inline-size: 100%; } .od-abbr { text-decoration: underline dotted; } .subtitels-container { cursor: default; } .subtitel { color: #527a5e; font-weight: 700; margin-block: 0 16px; margin-inline: 0; } .subtitel:has(del, ins) { display: inline-block; inline-size: 100%; margin-inline: -4px; padding-inline: 4px; } .subtitel:has(del:not(.removed-text)) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } .subtitel:has(del:not(.removed-text)) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } .subtitel:has(del:not(.removed-text)) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } .subtitel:has(del:not(.removed-text)) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } .subtitel:has(del:not(.removed-text)) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } .subtitel:has(del:not(.removed-text)) { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #f5d8dc; color: #191919; --_dso-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dso-ozon-content-toggletip-text-decoration: underline line-through; } @media screen and (min--moz-device-pixel-ratio: 0) { .subtitel:has(del:not(.removed-text)) { font-family: sans-serif; } } .subtitel:has(ins:not(.new-text)) { text-decoration: none; --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } .subtitel:has(ins:not(.new-text)) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } .subtitel:has(ins:not(.new-text)) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } .subtitel:has(ins:not(.new-text)) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } .subtitel:has(ins:not(.new-text)) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } .subtitel:has(ins:not(.new-text)) { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #e4f1d4; color: #191919; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5); --_dso-ozon-content-toggletip-color: #000; } .subtitel ins, .subtitel del { color: #173521; } td.editaction-remove { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } td.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } td.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } td.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } td.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } td.editaction-remove { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #f5d8dc; color: #191919; --_dso-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dso-ozon-content-toggletip-text-decoration: underline line-through; } @media screen and (min--moz-device-pixel-ratio: 0) { td.editaction-remove { font-family: sans-serif; } } td.editaction-add { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } td.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } td.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } td.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } td.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } td.editaction-add { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #e4f1d4; color: #191919; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5); --_dso-ozon-content-toggletip-color: #000; } .begrippenlijst .editaction-add { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } .begrippenlijst .editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } .begrippenlijst .editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } .begrippenlijst .editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } .begrippenlijst .editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } .begrippenlijst .editaction-add { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #e4f1d4; color: #191919; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5); --_dso-ozon-content-toggletip-color: #000; } .begrippenlijst .editaction-remove { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } .begrippenlijst .editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } .begrippenlijst .editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } .begrippenlijst .editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } .begrippenlijst .editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } .begrippenlijst .editaction-remove { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #f5d8dc; color: #191919; --_dso-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dso-ozon-content-toggletip-text-decoration: underline line-through; } @media screen and (min--moz-device-pixel-ratio: 0) { .begrippenlijst .editaction-remove { font-family: sans-serif; } } .begrippenlijst .editaction-remove dt, .begrippenlijst .editaction-remove dd { text-decoration: line-through; --_dso-ozon-content-toggletip-text-decoration: underline line-through; } @media screen and (min--moz-device-pixel-ratio: 0) { .begrippenlijst .editaction-remove dt, .begrippenlijst .editaction-remove dd { font-family: sans-serif; } } .begrippenlijst dt { display: inline-block; } .kop ins { text-decoration: none; --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } .kop ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } .kop ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } .kop ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } .kop ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } .kop ins { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #e4f1d4; color: #191919; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5); --_dso-ozon-content-toggletip-color: #000; } .kop del { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } .kop del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } .kop del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } .kop del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } .kop del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } .kop del { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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: #f5d8dc; color: #191919; --_dso-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dso-ozon-content-toggletip-text-decoration: underline line-through; } @media screen and (min--moz-device-pixel-ratio: 0) { .kop del { font-family: sans-serif; } }`;
1098
-
1099
- const mapper = new Mapper();
1100
- const OzonContent = /*@__PURE__*/ proxyCustomElement(class OzonContent extends H {
1101
- constructor(registerHost) {
1102
- super();
1103
- if (registerHost !== false) {
1104
- this.__registerHost();
1105
- }
1106
- this.__attachShadow();
1107
- this.dsoClick = createEvent(this, "dsoClick", 3);
1108
- this.dsoOzonContentMarkItemHighlight = createEvent(this, "dsoOzonContentMarkItemHighlight", 3);
1109
- /**
1110
- * Setting this property creates dso-ozon-content as inline element instead of a block element.
1111
- */
1112
- this.inline = false;
1113
- /**
1114
- * Boolean indicating that this dso-ozon-content is part of an annotated context. If true the content of the
1115
- * toggletip for "IntIoRef" will show a "Kenmerken en kaart" annotation button.
1116
- */
1117
- this.annotated = false;
1118
- this.state = {};
1119
- this.handleMarkItemHighlight = (text, elementRef) => {
1120
- this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });
1121
- };
1122
- }
1123
- contentWatcher() {
1124
- this.state = {};
1125
- }
1126
- render() {
1127
- const context = {
1128
- state: this.state,
1129
- inline: this.inline,
1130
- mark: this.mark,
1131
- setState: (state) => (this.state = state),
1132
- emitMarkItemHighlight: this.handleMarkItemHighlight,
1133
- emitClick: this.dsoClick.emit,
1134
- urlResolver: this.urlResolver,
1135
- begripResolver: this.begripResolver,
1136
- annotated: this.annotated,
1137
- };
1138
- const transformed = mapper.transform(this.content, context);
1139
- return h(Fragment, { key: '2bd89c9643f0bee020a1fee5354f107c2b3b1e25' }, transformed);
1140
- }
1141
- static get watchers() { return {
1142
- "content": [{
1143
- "contentWatcher": 0
1144
- }]
1145
- }; }
1146
- static get style() { return ozonContentCss(); }
1147
- }, [1, "dso-ozon-content", {
1148
- "content": [1],
1149
- "inline": [516],
1150
- "mark": [16],
1151
- "urlResolver": [16],
1152
- "begripResolver": [16],
1153
- "annotated": [516],
1154
- "state": [32]
1155
- }, undefined, {
1156
- "content": [{
1157
- "contentWatcher": 0
1158
- }]
1159
- }]);
1160
- function defineCustomElement() {
1161
- if (typeof customElements === "undefined") {
1162
- return;
1163
- }
1164
- const components = ["dso-ozon-content", "dso-icon", "dso-icon-button", "dso-image-overlay", "dso-ozon-content-toggletip", "dso-table", "dso-tooltip"];
1165
- components.forEach(tagName => { switch (tagName) {
1166
- case "dso-ozon-content":
1167
- if (!customElements.get(transformTag(tagName))) {
1168
- customElements.define(transformTag(tagName), OzonContent);
1169
- }
1170
- break;
1171
- case "dso-icon":
1172
- if (!customElements.get(transformTag(tagName))) {
1173
- defineCustomElement$6();
1174
- }
1175
- break;
1176
- case "dso-icon-button":
1177
- if (!customElements.get(transformTag(tagName))) {
1178
- defineCustomElement$5();
1179
- }
1180
- break;
1181
- case "dso-image-overlay":
1182
- if (!customElements.get(transformTag(tagName))) {
1183
- defineCustomElement$4();
1184
- }
1185
- break;
1186
- case "dso-ozon-content-toggletip":
1187
- if (!customElements.get(transformTag(tagName))) {
1188
- defineCustomElement$3();
1189
- }
1190
- break;
1191
- case "dso-table":
1192
- if (!customElements.get(transformTag(tagName))) {
1193
- defineCustomElement$2();
1194
- }
1195
- break;
1196
- case "dso-tooltip":
1197
- if (!customElements.get(transformTag(tagName))) {
1198
- defineCustomElement$1();
1199
- }
1200
- break;
1201
- } });
1202
- }
1203
-
1204
- export { MarkText as M, OzonContent as O, parseWijzigactieFromNode as a, commonjsGlobal as c, defineCustomElement as d, getDefaultExportFromCjs as g, parseXml as p };