@dso-toolkit/core 97.1.0 → 98.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 (538) hide show
  1. package/dist/bundle/dso-accordion-section.js +15 -14
  2. package/dist/bundle/dso-accordion.js +2 -276
  3. package/dist/bundle/dso-action-list-item.js +3 -3
  4. package/dist/bundle/dso-action-list.js +2 -2
  5. package/dist/bundle/dso-advanced-select.js +109 -232
  6. package/dist/bundle/dso-alert.js +1 -1
  7. package/dist/bundle/dso-annotation-activiteit.js +10 -10
  8. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +9 -9
  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 +10 -10
  12. package/dist/bundle/dso-attachments-counter.js +1 -1
  13. package/dist/bundle/dso-autosuggest.js +26 -17
  14. package/dist/bundle/dso-badge.js +1 -1
  15. package/dist/bundle/dso-banner.js +3 -3
  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 +3 -3
  23. package/dist/bundle/dso-document-component.js +1 -1
  24. package/dist/bundle/dso-dropdown-menu-group.d.ts +11 -0
  25. package/dist/bundle/dso-dropdown-menu-group.js +51 -0
  26. package/dist/bundle/dso-dropdown-menu-item.d.ts +11 -0
  27. package/dist/bundle/dso-dropdown-menu-item.js +70 -0
  28. package/dist/bundle/dso-dropdown-menu.js +93 -107
  29. package/dist/bundle/dso-expandable.js +1 -1
  30. package/dist/bundle/dso-header.js +23 -6
  31. package/dist/bundle/dso-highlight-box.js +2 -2
  32. package/dist/bundle/dso-history-item.js +3 -3
  33. package/dist/bundle/dso-icon-button.js +1 -1
  34. package/dist/bundle/dso-icon.js +1 -1
  35. package/dist/bundle/dso-image-overlay.js +1 -1
  36. package/dist/bundle/dso-info-button.js +1 -1
  37. package/dist/bundle/dso-info.js +1 -1
  38. package/dist/bundle/dso-input-range.js +3 -3
  39. package/dist/bundle/dso-label.js +1 -1
  40. package/dist/bundle/dso-legend-group.js +5 -5
  41. package/dist/bundle/dso-legend-item.js +8 -8
  42. package/dist/bundle/dso-legend.js +7 -7
  43. package/dist/bundle/dso-list-button.js +9 -9
  44. package/dist/bundle/dso-logo.js +2 -2
  45. package/dist/bundle/dso-map-base-layers.js +9 -9
  46. package/dist/bundle/dso-map-controls.js +8 -8
  47. package/dist/bundle/dso-map-layer-object.js +5 -5
  48. package/dist/bundle/dso-map-layer.js +5 -5
  49. package/dist/bundle/dso-map-message.js +4 -4
  50. package/dist/bundle/dso-map-overlays.js +9 -9
  51. package/dist/bundle/dso-mark-bar.js +4 -4
  52. package/dist/bundle/dso-modal.js +1 -1
  53. package/dist/bundle/dso-onboarding-tip.js +5 -5
  54. package/dist/bundle/dso-ozon-content-toggletip.js +1 -1
  55. package/dist/bundle/dso-ozon-content.js +1 -1
  56. package/dist/bundle/dso-pagination.js +3 -3
  57. package/dist/bundle/dso-panel.js +1 -1
  58. package/dist/bundle/dso-plekinfo-card.js +5 -5
  59. package/dist/bundle/dso-progress-indicator.js +1 -1
  60. package/dist/bundle/dso-project-item.js +6 -6
  61. package/dist/bundle/dso-renvooi.js +1 -1
  62. package/dist/bundle/dso-responsive-element.js +1 -1
  63. package/dist/bundle/dso-scrollable.js +1 -1
  64. package/dist/bundle/dso-segmented-button.js +2 -2
  65. package/dist/bundle/dso-selectable.js +1 -1
  66. package/dist/bundle/dso-skiplink.js +3 -3
  67. package/dist/bundle/dso-slide-toggle.js +1 -1
  68. package/dist/bundle/dso-survey-rating.js +7 -7
  69. package/dist/bundle/dso-tab.js +1 -1
  70. package/dist/bundle/dso-table.js +1 -1
  71. package/dist/bundle/dso-tabs.js +2 -2
  72. package/dist/bundle/dso-tijdreis-banner.js +3 -3
  73. package/dist/bundle/dso-tooltip.js +2 -2
  74. package/dist/bundle/dso-tree-view.js +5 -5
  75. package/dist/bundle/dso-viewer-grid.js +4 -4
  76. package/dist/bundle/dsot-document-component-demo.js +18 -18
  77. package/dist/bundle/index.js +6 -2
  78. package/dist/bundle/p-B75VIizV.js +166 -0
  79. package/dist/bundle/{p-jon8ZgCu.js → p-B94z5NjB.js} +19 -5
  80. package/dist/bundle/{p-CA57bAyP.js → p-BCqaYIQt.js} +3 -3
  81. package/dist/bundle/{p-D1ciWwSo.js → p-BFzVw-DT.js} +2 -2
  82. package/dist/bundle/{p-ChO20JhC.js → p-BHpXZF8A.js} +4 -4
  83. package/dist/bundle/{p-DaRtnn5i.js → p-BO8XMsvv.js} +1 -1
  84. package/dist/bundle/p-BXiN5sX-.js +189 -0
  85. package/dist/{esm/index.esm-PsHl6ZhV.js → bundle/p-BZ0vuOVx.js} +1 -1
  86. package/dist/bundle/{p-CFPWVcsY.js → p-BfWc_aEb.js} +4 -4
  87. package/dist/bundle/{p-D33HZm70.js → p-Bk1uG4K2.js} +7 -7
  88. package/dist/bundle/p-BlVogjOP.js +1209 -0
  89. package/dist/bundle/{p-rHiKziuf.js → p-ByYAhz9G.js} +1 -1
  90. package/dist/bundle/p-C2TaY3C1.js +148 -0
  91. package/dist/bundle/{p-HMxVj4ab.js → p-C5AGixB6.js} +2 -2
  92. package/dist/bundle/{p-C7VfGukK.js → p-CFFKe8A0.js} +2 -2
  93. package/dist/bundle/{p-B2ZlmdWO.js → p-CH7Qz1nD.js} +5 -5
  94. package/dist/bundle/{p-DwBHVuoZ.js → p-CRgylkO_.js} +12 -4
  95. package/dist/bundle/p-CaARHb7c.js +122 -0
  96. package/dist/bundle/p-CvSgAdem.js +83 -0
  97. package/dist/bundle/{p-DtNjY6f6.js → p-CxCyh-ue.js} +6 -6
  98. package/dist/bundle/{p-DYFOhFhk.js → p-D-E3DKqU.js} +2 -2
  99. package/dist/bundle/p-D1Oc-tJz.js +124 -0
  100. package/dist/bundle/{p-Bh_AjQ7z.js → p-D9ik-TAM.js} +7 -7
  101. package/dist/bundle/{p-CcFEBE0l.js → p-DFS4M3wz.js} +4 -4
  102. package/dist/bundle/{p-C-8vTVVo.js → p-DH5oGVbg.js} +9 -9
  103. package/dist/bundle/{p-BNEJjrr8.js → p-DTmh2fpe.js} +2 -2
  104. package/dist/bundle/p-DVuh3xxM.js +278 -0
  105. package/dist/bundle/p-DbanifFc.js +341 -0
  106. package/dist/bundle/{p-BIShp3sw.js → p-Di7uBIhp.js} +1 -1
  107. package/dist/bundle/{p-WEiXvjCu.js → p-DiFgvE1s.js} +1 -1
  108. package/dist/bundle/{p-DgKvq-q9.js → p-_Cugwqbf.js} +1 -1
  109. package/dist/bundle/{p-CgXakBQA.js → p-_TVwcL7Y.js} +1 -1
  110. package/dist/bundle/{p-CKnJRPZn.js → p-_WFAb7kl.js} +27 -8
  111. package/dist/cjs/{annotation-body-DorcBRdu.js → annotation-body-CiWbOM67.js} +1 -1
  112. package/dist/cjs/{annotation-list-renvooi-values-DY_nt_wa.js → annotation-list-renvooi-values-BeNFLgnO.js} +1 -1
  113. package/dist/cjs/{annotation-watcher-DuftgGaK.js → annotation-watcher-5j3WUBEz.js} +1 -1
  114. package/dist/cjs/dso-accordion-section.cjs.entry.js +8 -7
  115. package/dist/cjs/dso-accordion.cjs.entry.js +3 -277
  116. package/dist/cjs/dso-action-list-item.cjs.entry.js +2 -2
  117. package/dist/cjs/dso-action-list.cjs.entry.js +2 -2
  118. package/dist/cjs/dso-advanced-select.cjs.entry.js +103 -226
  119. package/dist/cjs/dso-alert_7.cjs.entry.js +68 -27
  120. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +5 -5
  121. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +4 -4
  122. package/dist/cjs/dso-annotation-kaart.cjs.entry.js +3 -3
  123. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +6 -6
  124. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +5 -5
  125. package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +3 -3
  126. package/dist/cjs/dso-autosuggest.cjs.entry.js +23 -14
  127. package/dist/cjs/dso-banner.cjs.entry.js +2 -2
  128. package/dist/cjs/dso-button-group.cjs.entry.js +2 -2
  129. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  130. package/dist/cjs/dso-card.cjs.entry.js +2 -2
  131. package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
  132. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +1 -1
  133. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  134. package/dist/cjs/dso-document-card.cjs.entry.js +2 -2
  135. package/dist/cjs/dso-dropdown-menu-group.cjs.entry.js +31 -0
  136. package/dist/cjs/dso-dropdown-menu-item.cjs.entry.js +41 -0
  137. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +80 -101
  138. package/dist/cjs/dso-header.cjs.entry.js +21 -4
  139. package/dist/cjs/dso-highlight-box.cjs.entry.js +2 -2
  140. package/dist/cjs/dso-history-item.cjs.entry.js +2 -2
  141. package/dist/cjs/dso-icon-button.cjs.entry.js +97 -0
  142. package/dist/cjs/{dso-icon_2.cjs.entry.js → dso-icon.cjs.entry.js} +2 -95
  143. package/dist/cjs/dso-info_3.cjs.entry.js +7 -7
  144. package/dist/cjs/dso-input-range.cjs.entry.js +3 -3
  145. package/dist/cjs/dso-label_3.cjs.entry.js +7 -7
  146. package/dist/cjs/dso-legend-group.cjs.entry.js +3 -3
  147. package/dist/cjs/dso-legend-item.cjs.entry.js +3 -3
  148. package/dist/cjs/dso-legend.cjs.entry.js +4 -4
  149. package/dist/cjs/dso-list-button.cjs.entry.js +3 -3
  150. package/dist/cjs/dso-logo.cjs.entry.js +2 -2
  151. package/dist/cjs/dso-map-base-layers.cjs.entry.js +3 -3
  152. package/dist/cjs/dso-map-controls.cjs.entry.js +4 -4
  153. package/dist/cjs/dso-map-layer-object.cjs.entry.js +4 -4
  154. package/dist/cjs/dso-map-layer.cjs.entry.js +4 -4
  155. package/dist/cjs/dso-map-message.cjs.entry.js +3 -3
  156. package/dist/cjs/dso-map-overlays.cjs.entry.js +3 -3
  157. package/dist/cjs/dso-mark-bar.cjs.entry.js +2 -2
  158. package/dist/cjs/dso-modal.cjs.entry.js +4 -4
  159. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +2 -2
  160. package/dist/cjs/dso-pagination.cjs.entry.js +1 -1
  161. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +4 -4
  162. package/dist/cjs/dso-progress-indicator.cjs.entry.js +3 -3
  163. package/dist/cjs/dso-project-item.cjs.entry.js +3 -3
  164. package/dist/cjs/dso-responsive-element.cjs.entry.js +19 -5
  165. package/dist/cjs/dso-scrollable.cjs.entry.js +4 -4
  166. package/dist/cjs/dso-segmented-button.cjs.entry.js +2 -2
  167. package/dist/cjs/dso-skiplink.cjs.entry.js +2 -2
  168. package/dist/cjs/dso-survey-rating.cjs.entry.js +4 -4
  169. package/dist/cjs/dso-tab.cjs.entry.js +1 -1
  170. package/dist/cjs/dso-tabs.cjs.entry.js +2 -2
  171. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +2 -2
  172. package/dist/cjs/dso-toolkit.cjs.js +3 -3
  173. package/dist/cjs/dso-tooltip.cjs.entry.js +2 -2
  174. package/dist/cjs/dso-tree-view.cjs.entry.js +3 -3
  175. package/dist/cjs/dso-viewer-grid.cjs.entry.js +4 -4
  176. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  177. package/dist/cjs/{i18n-5XH7oHkT.js → i18n-DxQ6ZWA0.js} +12 -4
  178. package/dist/cjs/index-D8SsuyUx.js +280 -0
  179. package/dist/cjs/{index-BOI4CviS.js → index-fOjUpMJG.js} +1 -1
  180. package/dist/cjs/loader.cjs.js +2 -2
  181. package/dist/cjs/{parse-wijzigactie-from-node.function-BbYINqVA.js → parse-wijzigactie-from-node.function-Bi4NE9Tt.js} +1 -1
  182. package/dist/cjs/{tooltip.functional-component-CW6vXWhM.js → tooltip.functional-component-D6oJmzwD.js} +1 -1
  183. package/dist/cjs/{wrap-wijzigactie.functional-component-BOafAh_v.js → wrap-wijzigactie.functional-component-CV8gX7lQ.js} +1 -1
  184. package/dist/collection/collection-manifest.json +3 -1
  185. package/dist/collection/components/accordion/components/accordion-section.css +5 -5
  186. package/dist/collection/components/accordion/components/accordion-section.js +6 -5
  187. package/dist/collection/components/action-list/action-list.css +5 -5
  188. package/dist/collection/components/action-list/components/action-list-item.css +4 -4
  189. package/dist/collection/components/alert/alert.css +82 -89
  190. package/dist/collection/components/alert/alert.js +1 -1
  191. package/dist/collection/components/annotation/annotation.css +3 -3
  192. package/dist/collection/components/autosuggest/autosuggest.js +21 -12
  193. package/dist/collection/components/badge/badge.css +5 -5
  194. package/dist/collection/components/banner/banner.css +31 -31
  195. package/dist/collection/components/button-group/button-group.css +11 -11
  196. package/dist/collection/components/card/card.css +6 -6
  197. package/dist/collection/components/document-card/document-card.css +1 -1
  198. package/dist/collection/components/document-component/document-component.css +35 -35
  199. package/dist/collection/components/dropdown-menu/dropdown-menu-group/dropdown-menu-group.css +16 -0
  200. package/dist/collection/components/dropdown-menu/dropdown-menu-group/dropdown-menu-group.js +55 -0
  201. package/dist/collection/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.css +80 -0
  202. package/dist/collection/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.js +160 -0
  203. package/dist/collection/components/dropdown-menu/dropdown-menu.css +482 -2
  204. package/dist/collection/components/dropdown-menu/dropdown-menu.interfaces.js +1 -0
  205. package/dist/collection/components/dropdown-menu/dropdown-menu.js +134 -142
  206. package/dist/collection/components/expandable/expandable.js +2 -2
  207. package/dist/collection/components/header/header.js +19 -2
  208. package/dist/collection/components/highlight-box/highlight-box.js +1 -1
  209. package/dist/collection/components/history-item/history-item.js +1 -1
  210. package/dist/collection/components/icon/icon.js +1 -1
  211. package/dist/collection/components/icon-button/icon-button.css +28 -28
  212. package/dist/collection/components/icon-button/icon-button.js +1 -1
  213. package/dist/collection/components/image-overlay/image-overlay.css +6 -6
  214. package/dist/collection/components/image-overlay/image-overlay.js +23 -4
  215. package/dist/collection/components/info/info.js +1 -1
  216. package/dist/collection/components/info-button/info-button.css +6 -6
  217. package/dist/collection/components/info-button/info-button.js +1 -1
  218. package/dist/collection/components/input-range/input-range.js +2 -2
  219. package/dist/collection/components/label/label.css +4 -4
  220. package/dist/collection/components/label/label.js +2 -2
  221. package/dist/collection/components/legend/legend-group/legend-group.js +1 -1
  222. package/dist/collection/components/legend/legend-item/legend-item.js +1 -1
  223. package/dist/collection/components/legend/legend.css +3 -3
  224. package/dist/collection/components/legend/legend.js +1 -1
  225. package/dist/collection/components/list-button/list-button.css +9 -9
  226. package/dist/collection/components/list-button/list-button.js +1 -1
  227. package/dist/collection/components/logo/logo.js +1 -1
  228. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  229. package/dist/collection/components/map-controls/map-controls.css +28 -28
  230. package/dist/collection/components/map-controls/map-controls.js +1 -1
  231. package/dist/collection/components/map-layer/components/map-layer-object.css +2 -2
  232. package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
  233. package/dist/collection/components/map-layer/map-layer.css +2 -2
  234. package/dist/collection/components/map-layer/map-layer.js +1 -1
  235. package/dist/collection/components/map-message/map-message.js +2 -2
  236. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  237. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  238. package/dist/collection/components/modal/modal.css +18 -19
  239. package/dist/collection/components/modal/modal.js +1 -1
  240. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  241. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.css +8 -8
  242. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +1 -1
  243. package/dist/collection/components/ozon-content/ozon-content.css +60 -60
  244. package/dist/collection/components/ozon-content/ozon-content.js +3 -3
  245. package/dist/collection/components/panel/panel.js +1 -1
  246. package/dist/collection/components/plekinfo-card/plekinfo-card.css +6 -6
  247. package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
  248. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  249. package/dist/collection/components/project-item/project-item.css +22 -22
  250. package/dist/collection/components/project-item/project-item.js +1 -1
  251. package/dist/collection/components/renvooi/renvooi.css +7 -7
  252. package/dist/collection/components/responsive-element/responsive-element.js +18 -4
  253. package/dist/collection/components/scrollable/scrollable.css +7 -7
  254. package/dist/collection/components/scrollable/scrollable.js +2 -2
  255. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  256. package/dist/collection/components/selectable/selectable.css +3 -3
  257. package/dist/collection/components/selectable/selectable.js +1 -1
  258. package/dist/collection/components/skiplink/skiplink.js +1 -1
  259. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  260. package/dist/collection/components/survey-rating/survey-rating.css +6 -6
  261. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  262. package/dist/collection/components/table/table.css +36 -36
  263. package/dist/collection/components/table/table.js +30 -8
  264. package/dist/collection/components/tabs/tabs.js +1 -1
  265. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  266. package/dist/collection/components/tooltip/tooltip.js +1 -1
  267. package/dist/collection/components/tree-view/tree-view.js +2 -2
  268. package/dist/collection/components/viewer-grid/viewer-grid.css +17 -13
  269. package/dist/collection/components/viewer-grid/viewer-grid.js +2 -2
  270. package/dist/components/alert.js +1 -1
  271. package/dist/components/annotation-locatie.js +1 -1
  272. package/dist/components/badge.js +1 -1
  273. package/dist/components/button-group.js +1 -1
  274. package/dist/components/document-component.js +1 -1
  275. package/dist/components/dso-accordion-section.js +1 -1
  276. package/dist/components/dso-accordion.js +1 -1
  277. package/dist/components/dso-action-list-item.js +1 -1
  278. package/dist/components/dso-action-list.js +1 -1
  279. package/dist/components/dso-advanced-select.js +3 -5
  280. package/dist/components/dso-annotation-activiteit.js +1 -1
  281. package/dist/components/dso-annotation-gebiedsaanwijzing.js +1 -1
  282. package/dist/components/dso-annotation-kaart.js +1 -1
  283. package/dist/components/dso-annotation-omgevingsnormwaarde.js +1 -1
  284. package/dist/components/dso-autosuggest.js +1 -1
  285. package/dist/components/dso-banner.js +1 -1
  286. package/dist/components/dso-card.js +1 -1
  287. package/dist/components/dso-document-card.js +1 -1
  288. package/dist/components/dso-dropdown-menu-group.d.ts +11 -0
  289. package/dist/components/dso-dropdown-menu-group.js +1 -0
  290. package/dist/components/dso-dropdown-menu-item.d.ts +11 -0
  291. package/dist/components/dso-dropdown-menu-item.js +1 -0
  292. package/dist/components/dso-dropdown-menu.js +1 -1
  293. package/dist/components/dso-header.js +1 -1
  294. package/dist/components/dso-highlight-box.js +1 -1
  295. package/dist/components/dso-history-item.js +1 -1
  296. package/dist/components/dso-input-range.js +1 -1
  297. package/dist/components/dso-legend-group.js +1 -1
  298. package/dist/components/dso-legend-item.js +1 -1
  299. package/dist/components/dso-legend.js +1 -1
  300. package/dist/components/dso-list-button.js +1 -1
  301. package/dist/components/dso-logo.js +1 -1
  302. package/dist/components/dso-map-base-layers.js +1 -1
  303. package/dist/components/dso-map-controls.js +1 -1
  304. package/dist/components/dso-map-layer-object.js +1 -1
  305. package/dist/components/dso-map-layer.js +1 -1
  306. package/dist/components/dso-map-message.js +1 -1
  307. package/dist/components/dso-map-overlays.js +1 -1
  308. package/dist/components/dso-mark-bar.js +1 -1
  309. package/dist/components/dso-onboarding-tip.js +1 -1
  310. package/dist/components/dso-plekinfo-card.js +1 -1
  311. package/dist/components/dso-project-item.js +1 -1
  312. package/dist/components/dso-segmented-button.js +1 -1
  313. package/dist/components/dso-skiplink.js +1 -1
  314. package/dist/components/dso-survey-rating.js +1 -1
  315. package/dist/components/dso-tabs.js +1 -1
  316. package/dist/components/dso-tijdreis-banner.js +1 -1
  317. package/dist/components/dso-tooltip.js +1 -1
  318. package/dist/components/dso-tree-view.js +1 -1
  319. package/dist/components/dso-viewer-grid.js +1 -1
  320. package/dist/components/expandable.js +1 -1
  321. package/dist/components/i18n.js +1 -1
  322. package/dist/components/icon-button.js +1 -1
  323. package/dist/components/icon.js +1 -1
  324. package/dist/components/image-overlay.js +1 -1
  325. package/dist/components/index.d.ts +4 -0
  326. package/dist/components/index.esm.js +1 -1
  327. package/dist/components/index.js +1 -1
  328. package/dist/components/index2.js +1 -1
  329. package/dist/components/index3.js +1 -0
  330. package/dist/components/info-button.js +1 -1
  331. package/dist/components/info.js +1 -1
  332. package/dist/components/label.js +1 -1
  333. package/dist/components/modal.js +1 -1
  334. package/dist/components/ozon-content-toggletip.js +1 -1
  335. package/dist/components/ozon-content.js +1 -1
  336. package/dist/components/panel.js +1 -1
  337. package/dist/components/progress-indicator.js +1 -1
  338. package/dist/components/renvooi.js +1 -1
  339. package/dist/components/responsive-element.js +1 -1
  340. package/dist/components/scrollable.js +1 -1
  341. package/dist/components/selectable.js +1 -1
  342. package/dist/components/slide-toggle.js +1 -1
  343. package/dist/components/table.js +1 -1
  344. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  345. package/dist/dso-toolkit/p-01ef7894.entry.js +1 -0
  346. package/dist/dso-toolkit/p-14c01a1b.entry.js +1 -0
  347. package/dist/dso-toolkit/{p-44549e9c.entry.js → p-1512f23c.entry.js} +1 -1
  348. package/dist/dso-toolkit/{p-540a8027.entry.js → p-15cf1d50.entry.js} +1 -1
  349. package/dist/dso-toolkit/{p-2d1eb113.entry.js → p-1bcb1be6.entry.js} +1 -1
  350. package/dist/dso-toolkit/{p-d9800183.entry.js → p-20dff64b.entry.js} +1 -1
  351. package/dist/dso-toolkit/{p-be7adaac.entry.js → p-2adca4ff.entry.js} +1 -1
  352. package/dist/dso-toolkit/p-2c966756.entry.js +1 -0
  353. package/dist/dso-toolkit/{p-f066244e.entry.js → p-2eecf6c8.entry.js} +1 -1
  354. package/dist/dso-toolkit/p-388128c4.entry.js +1 -0
  355. package/dist/dso-toolkit/{p-dabed551.entry.js → p-3b7b2b8f.entry.js} +1 -1
  356. package/dist/dso-toolkit/{p-e03ff53f.entry.js → p-3defafe9.entry.js} +1 -1
  357. package/dist/dso-toolkit/{p-798eeae6.entry.js → p-4172e122.entry.js} +1 -1
  358. package/dist/dso-toolkit/p-43d180dd.entry.js +1 -0
  359. package/dist/dso-toolkit/{p-bb7ac6f7.entry.js → p-45b1fde3.entry.js} +1 -1
  360. package/dist/dso-toolkit/p-45d91da0.entry.js +1 -0
  361. package/dist/dso-toolkit/p-4855c2f3.entry.js +1 -0
  362. package/dist/dso-toolkit/p-48a683ed.entry.js +1 -0
  363. package/dist/dso-toolkit/{p-c9768843.entry.js → p-4da1153e.entry.js} +1 -1
  364. package/dist/dso-toolkit/{p-2edbfaae.entry.js → p-4fc4d02f.entry.js} +1 -1
  365. package/dist/dso-toolkit/p-4fc83300.entry.js +1 -0
  366. package/dist/dso-toolkit/{p-8e206e7e.entry.js → p-520dc726.entry.js} +1 -1
  367. package/dist/dso-toolkit/p-5517c4f6.entry.js +1 -0
  368. package/dist/dso-toolkit/{p-cce55fbb.entry.js → p-57ff1b4b.entry.js} +1 -1
  369. package/dist/dso-toolkit/{p-4020bb89.entry.js → p-5904bfcb.entry.js} +1 -1
  370. package/dist/dso-toolkit/p-5962b2d4.entry.js +1 -0
  371. package/dist/dso-toolkit/p-5a3e159b.entry.js +1 -0
  372. package/dist/dso-toolkit/{p-6ebe1b0e.entry.js → p-70972000.entry.js} +1 -1
  373. package/dist/dso-toolkit/p-7379b3bc.entry.js +1 -0
  374. package/dist/dso-toolkit/p-737d1d0e.entry.js +1 -0
  375. package/dist/dso-toolkit/{p-181cb6f7.entry.js → p-796cebce.entry.js} +1 -1
  376. package/dist/dso-toolkit/{p-3047432c.entry.js → p-7a2c40f3.entry.js} +1 -1
  377. package/dist/dso-toolkit/{p-85c2c887.entry.js → p-7b8b9188.entry.js} +1 -1
  378. package/dist/dso-toolkit/p-7c41ad14.entry.js +5 -0
  379. package/dist/dso-toolkit/{p-875b414d.entry.js → p-7d9ce75e.entry.js} +1 -1
  380. package/dist/dso-toolkit/{p-626ae90b.entry.js → p-845d3d61.entry.js} +1 -1
  381. package/dist/dso-toolkit/p-85d562bd.entry.js +1 -0
  382. package/dist/dso-toolkit/p-8b46e524.entry.js +1 -0
  383. package/dist/dso-toolkit/{p-ea1f5082.entry.js → p-91e4c3e6.entry.js} +1 -1
  384. package/dist/dso-toolkit/{p-b2202cd6.entry.js → p-965ee5c3.entry.js} +1 -1
  385. package/dist/dso-toolkit/{p-b4747ac0.entry.js → p-96d40735.entry.js} +1 -1
  386. package/dist/dso-toolkit/p-9b9588a4.entry.js +1 -0
  387. package/dist/dso-toolkit/{p-e08e43be.entry.js → p-9e4fcb9a.entry.js} +1 -1
  388. package/dist/dso-toolkit/{p-PsHl6ZhV.js → p-BZ0vuOVx.js} +1 -1
  389. package/dist/dso-toolkit/{p-PjubEIMY.js → p-CDgoS98P.js} +1 -1
  390. package/dist/dso-toolkit/{p-Chbfdofl.js → p-CHpgprST.js} +1 -1
  391. package/dist/dso-toolkit/p-CKvC5fms.js +1 -0
  392. package/dist/dso-toolkit/p-CRgylkO_.js +1 -0
  393. package/dist/dso-toolkit/p-CWxbEBiv.js +1 -0
  394. package/dist/dso-toolkit/p-CmOx9B7G.js +1 -0
  395. package/dist/dso-toolkit/p-Cw_CPOlV.js +1 -0
  396. package/dist/dso-toolkit/p-DHGCm31c.js +1 -0
  397. package/dist/dso-toolkit/p-a8ef7b7e.entry.js +1 -0
  398. package/dist/dso-toolkit/{p-fc8f252a.entry.js → p-adf26ede.entry.js} +1 -1
  399. package/dist/dso-toolkit/p-b469a75d.entry.js +1 -0
  400. package/dist/dso-toolkit/{p-c3d5ccc6.entry.js → p-b59d6811.entry.js} +1 -1
  401. package/dist/dso-toolkit/p-c41060e1.entry.js +1 -0
  402. package/dist/dso-toolkit/{p-75e5057e.entry.js → p-c782af02.entry.js} +1 -1
  403. package/dist/dso-toolkit/{p-84f647aa.entry.js → p-cb7a5987.entry.js} +1 -1
  404. package/dist/dso-toolkit/{p-e311d101.entry.js → p-cb8ad08f.entry.js} +1 -1
  405. package/dist/dso-toolkit/{p-3fe44227.entry.js → p-cdaeddbf.entry.js} +1 -1
  406. package/dist/dso-toolkit/p-d91feee5.entry.js +1 -0
  407. package/dist/dso-toolkit/{p-b270f26b.entry.js → p-ddbbc77d.entry.js} +1 -1
  408. package/dist/dso-toolkit/p-e53de048.entry.js +1 -0
  409. package/dist/dso-toolkit/{p-e1f30dbb.entry.js → p-e7323c65.entry.js} +1 -1
  410. package/dist/dso-toolkit/{p-a14ee5bd.entry.js → p-e7a860be.entry.js} +1 -1
  411. package/dist/dso-toolkit/p-e803701e.entry.js +1 -0
  412. package/dist/dso-toolkit/{p-d877c432.entry.js → p-edddf0f5.entry.js} +1 -1
  413. package/dist/dso-toolkit/{p-7a809a49.entry.js → p-f52d7bb1.entry.js} +1 -1
  414. package/dist/dso-toolkit/p-fdf9798a.entry.js +1 -0
  415. package/dist/dso-toolkit/{p-d87dd7c8.entry.js → p-fe00cb79.entry.js} +1 -1
  416. package/dist/esm/{annotation-body-DeKLxp3F.js → annotation-body-DBGu5INB.js} +1 -1
  417. package/dist/esm/{annotation-list-renvooi-values-CGxBKqb7.js → annotation-list-renvooi-values-DoTvSWOI.js} +1 -1
  418. package/dist/esm/{annotation-watcher-BO_h7wWk.js → annotation-watcher-Dm4MhmMp.js} +1 -1
  419. package/dist/esm/dso-accordion-section.entry.js +8 -7
  420. package/dist/esm/dso-accordion.entry.js +2 -276
  421. package/dist/esm/dso-action-list-item.entry.js +2 -2
  422. package/dist/esm/dso-action-list.entry.js +2 -2
  423. package/dist/esm/dso-advanced-select.entry.js +104 -227
  424. package/dist/esm/dso-alert_7.entry.js +68 -27
  425. package/dist/esm/dso-annotation-activiteit.entry.js +5 -5
  426. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +4 -4
  427. package/dist/esm/dso-annotation-kaart.entry.js +3 -3
  428. package/dist/esm/dso-annotation-locatie_2.entry.js +6 -6
  429. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +5 -5
  430. package/dist/esm/dso-attachments-counter_2.entry.js +3 -3
  431. package/dist/esm/dso-autosuggest.entry.js +23 -14
  432. package/dist/esm/dso-banner.entry.js +2 -2
  433. package/dist/esm/dso-button-group.entry.js +2 -2
  434. package/dist/esm/dso-card-container.entry.js +1 -1
  435. package/dist/esm/dso-card.entry.js +2 -2
  436. package/dist/esm/dso-contact-information.entry.js +1 -1
  437. package/dist/esm/dso-cursor-tooltip.entry.js +1 -1
  438. package/dist/esm/dso-date-picker.entry.js +1 -1
  439. package/dist/esm/dso-document-card.entry.js +2 -2
  440. package/dist/esm/dso-dropdown-menu-group.entry.js +29 -0
  441. package/dist/esm/dso-dropdown-menu-item.entry.js +39 -0
  442. package/dist/esm/dso-dropdown-menu.entry.js +80 -101
  443. package/dist/esm/dso-header.entry.js +22 -5
  444. package/dist/esm/dso-highlight-box.entry.js +2 -2
  445. package/dist/esm/dso-history-item.entry.js +2 -2
  446. package/dist/esm/dso-icon-button.entry.js +95 -0
  447. package/dist/esm/{dso-icon_2.entry.js → dso-icon.entry.js} +3 -95
  448. package/dist/esm/dso-info_3.entry.js +7 -7
  449. package/dist/esm/dso-input-range.entry.js +3 -3
  450. package/dist/esm/dso-label_3.entry.js +7 -7
  451. package/dist/esm/dso-legend-group.entry.js +3 -3
  452. package/dist/esm/dso-legend-item.entry.js +3 -3
  453. package/dist/esm/dso-legend.entry.js +4 -4
  454. package/dist/esm/dso-list-button.entry.js +3 -3
  455. package/dist/esm/dso-logo.entry.js +2 -2
  456. package/dist/esm/dso-map-base-layers.entry.js +3 -3
  457. package/dist/esm/dso-map-controls.entry.js +4 -4
  458. package/dist/esm/dso-map-layer-object.entry.js +4 -4
  459. package/dist/esm/dso-map-layer.entry.js +4 -4
  460. package/dist/esm/dso-map-message.entry.js +3 -3
  461. package/dist/esm/dso-map-overlays.entry.js +3 -3
  462. package/dist/esm/dso-mark-bar.entry.js +2 -2
  463. package/dist/esm/dso-modal.entry.js +4 -4
  464. package/dist/esm/dso-onboarding-tip.entry.js +2 -2
  465. package/dist/esm/dso-pagination.entry.js +1 -1
  466. package/dist/esm/dso-plekinfo-card.entry.js +4 -4
  467. package/dist/esm/dso-progress-indicator.entry.js +3 -3
  468. package/dist/esm/dso-project-item.entry.js +3 -3
  469. package/dist/esm/dso-responsive-element.entry.js +19 -5
  470. package/dist/esm/dso-scrollable.entry.js +4 -4
  471. package/dist/esm/dso-segmented-button.entry.js +2 -2
  472. package/dist/esm/dso-skiplink.entry.js +2 -2
  473. package/dist/esm/dso-survey-rating.entry.js +4 -4
  474. package/dist/esm/dso-tab.entry.js +1 -1
  475. package/dist/esm/dso-tabs.entry.js +2 -2
  476. package/dist/esm/dso-tijdreis-banner.entry.js +2 -2
  477. package/dist/esm/dso-toolkit.js +4 -4
  478. package/dist/esm/dso-tooltip.entry.js +2 -2
  479. package/dist/esm/dso-tree-view.entry.js +3 -3
  480. package/dist/esm/dso-viewer-grid.entry.js +4 -4
  481. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  482. package/dist/esm/{i18n-DwBHVuoZ.js → i18n-CRgylkO_.js} +12 -4
  483. package/dist/esm/index-OTFpj3vR.js +278 -0
  484. package/dist/esm/{index-DrQGiJP8.js → index-pqfDfKeZ.js} +1 -1
  485. package/dist/{bundle/p-PsHl6ZhV.js → esm/index.esm-BZ0vuOVx.js} +1 -1
  486. package/dist/esm/loader.js +3 -3
  487. package/dist/esm/{parse-wijzigactie-from-node.function-BroGebB4.js → parse-wijzigactie-from-node.function-Cn1GXjSM.js} +1 -1
  488. package/dist/esm/{tooltip.functional-component-nHAIYF3o.js → tooltip.functional-component-CsWjK64w.js} +1 -1
  489. package/dist/esm/{wrap-wijzigactie.functional-component-BCT1o51-.js → wrap-wijzigactie.functional-component-DzSLSv0i.js} +1 -1
  490. package/dist/types/components/annotation/annotation-list-renvooi-values.d.ts +2 -2
  491. package/dist/types/components/autosuggest/autosuggest.d.ts +2 -0
  492. package/dist/types/components/dropdown-menu/dropdown-menu-group/dropdown-menu-group.d.ts +12 -0
  493. package/dist/types/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.d.ts +31 -0
  494. package/dist/types/components/dropdown-menu/dropdown-menu.d.ts +25 -20
  495. package/dist/types/components/dropdown-menu/dropdown-menu.interfaces.d.ts +10 -0
  496. package/dist/types/components/header/header.d.ts +3 -0
  497. package/dist/types/components/image-overlay/image-overlay.d.ts +3 -0
  498. package/dist/types/components/responsive-element/responsive-element.d.ts +3 -0
  499. package/dist/types/components/table/table.d.ts +3 -0
  500. package/dist/types/components.d.ts +99 -25
  501. package/dist/types/stencil-public-runtime.d.ts +1 -0
  502. package/package.json +13 -13
  503. package/dist/bundle/p-0h9cOnX9.js +0 -148
  504. package/dist/bundle/p-6-0kKG2F.js +0 -189
  505. package/dist/bundle/p-BnDZHxeO.js +0 -166
  506. package/dist/bundle/p-C2l5d-V9.js +0 -341
  507. package/dist/bundle/p-C332B2dN.js +0 -100
  508. package/dist/bundle/p-HXung-P3.js +0 -1209
  509. package/dist/bundle/p-z2uKmX1Q.js +0 -83
  510. package/dist/bundle/p-zYhsKlIm.js +0 -124
  511. package/dist/dso-toolkit/p-0146f231.entry.js +0 -1
  512. package/dist/dso-toolkit/p-040f3f53.entry.js +0 -1
  513. package/dist/dso-toolkit/p-0cc62094.entry.js +0 -1
  514. package/dist/dso-toolkit/p-1bb92456.entry.js +0 -7
  515. package/dist/dso-toolkit/p-1ea5fb0d.entry.js +0 -1
  516. package/dist/dso-toolkit/p-4a493df9.entry.js +0 -1
  517. package/dist/dso-toolkit/p-5a25d8d9.entry.js +0 -1
  518. package/dist/dso-toolkit/p-61fd983a.entry.js +0 -1
  519. package/dist/dso-toolkit/p-6c41b0a9.entry.js +0 -1
  520. package/dist/dso-toolkit/p-7f3898d7.entry.js +0 -1
  521. package/dist/dso-toolkit/p-869027bc.entry.js +0 -1
  522. package/dist/dso-toolkit/p-8b9194ca.entry.js +0 -1
  523. package/dist/dso-toolkit/p-9b0716d8.entry.js +0 -1
  524. package/dist/dso-toolkit/p-9ce75fcd.entry.js +0 -1
  525. package/dist/dso-toolkit/p-AZpKxz9p.js +0 -1
  526. package/dist/dso-toolkit/p-BKr5d3Gu.js +0 -1
  527. package/dist/dso-toolkit/p-Dev1bLxp.js +0 -1
  528. package/dist/dso-toolkit/p-DwBHVuoZ.js +0 -1
  529. package/dist/dso-toolkit/p-a286ac17.entry.js +0 -1
  530. package/dist/dso-toolkit/p-a8184705.entry.js +0 -1
  531. package/dist/dso-toolkit/p-ab33a108.entry.js +0 -1
  532. package/dist/dso-toolkit/p-b2d0319d.entry.js +0 -1
  533. package/dist/dso-toolkit/p-bf803e4f.entry.js +0 -1
  534. package/dist/dso-toolkit/p-c0111a70.entry.js +0 -1
  535. package/dist/dso-toolkit/p-d4539b83.entry.js +0 -1
  536. package/dist/dso-toolkit/p-db32a77a.entry.js +0 -1
  537. package/dist/dso-toolkit/p-go_iJ4_L.js +0 -1
  538. /package/dist/dso-toolkit/{p-DrQGiJP8.js → p-pqfDfKeZ.js} +0 -0
@@ -1,1209 +0,0 @@
1
- import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-BIShp3sw.js';
2
- import { W as WrapWijzigactie } from './p-DaRtnn5i.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-CK3_k8jD.js';
6
- import { d as defineCustomElement$7 } from './p-D1ciWwSo.js';
7
- import { d as defineCustomElement$6 } from './p-zYhsKlIm.js';
8
- import { d as defineCustomElement$5 } from './p-CKnJRPZn.js';
9
- import { d as defineCustomElement$4 } from './p-D33HZm70.js';
10
- import { d as defineCustomElement$3 } from './p-DtNjY6f6.js';
11
- import { d as defineCustomElement$2 } from './p-CcFEBE0l.js';
12
- import { d as defineCustomElement$1 } from './p-C332B2dN.js';
13
-
14
- const MarkText = ({ mark, text, emitMarkItemHighlight }) => {
15
- const result = mark(text);
16
- return !result || result.length === 0 ? (h(Fragment, null, text)) : (h(Fragment, null, result.map((value) => {
17
- if (typeof value === "string") {
18
- return h(Fragment, null, value);
19
- }
20
- return (h("mark", { class: value.highlight ? "dso-highlight" : undefined, ref: (ref) => value.highlight && ref && emitMarkItemHighlight(value.text, ref) }, value.text));
21
- })));
22
- };
23
-
24
- const parser = new DOMParser();
25
- function parseXml(input) {
26
- if (!input) {
27
- return undefined;
28
- }
29
- const doc = parser.parseFromString(input, "application/xml");
30
- if (doc.querySelector("parsererror")) {
31
- console.error({
32
- message: "Unable to parse XML",
33
- input,
34
- document: doc,
35
- }, null, 2);
36
- return undefined;
37
- }
38
- return doc;
39
- }
40
-
41
- function parseWijzigactieFromNode(node) {
42
- const wijzigactie = node instanceof Element ? node.getAttribute("wijzigactie") : undefined;
43
- return wijzigactie === "voegtoe" || wijzigactie === "verwijder" ? wijzigactie : undefined;
44
- }
45
-
46
- function getNodeName(node) {
47
- if (node instanceof Element) {
48
- return node.localName;
49
- }
50
- if (node.nodeName.includes(":")) {
51
- return node.nodeName.substring(node.nodeName.indexOf(":") + 1);
52
- }
53
- return node.nodeName;
54
- }
55
-
56
- class OzonContentAbbrNode {
57
- constructor() {
58
- this.name = "abbr";
59
- }
60
- render(node, { mapNodeToJsx }) {
61
- const title = node.getAttribute("title");
62
- return (h("span", { class: "od-abbr" }, h("abbr", null, mapNodeToJsx(node.childNodes)), title && ` (${title})`));
63
- }
64
- }
65
-
66
- function wijzigactieToClassName(wijzigactie) {
67
- if (wijzigactie === "voegtoe") {
68
- return "editaction-add";
69
- }
70
- if (wijzigactie === "verwijder") {
71
- return "editaction-remove";
72
- }
73
- return undefined;
74
- }
75
-
76
- function isNestedAl(path) {
77
- return path.some((n) => {
78
- const nodeName = getNodeName(n);
79
- return nodeName === "Al" || nodeName === "Opschrift";
80
- });
81
- }
82
- class OzonContentAlNode {
83
- constructor() {
84
- this.name = "Al";
85
- }
86
- render(node, { mapNodeToJsx, path, inline }) {
87
- let content = mapNodeToJsx(node.childNodes);
88
- const wijzigactie = parseWijzigactieFromNode(node);
89
- const className = wijzigactieToClassName(wijzigactie);
90
- if (inline || isNestedAl(path)) {
91
- content = (h("span", { role: "paragraph", class: className }, content));
92
- }
93
- else {
94
- content = h("p", { class: className }, content);
95
- }
96
- return h(WrapWijzigactie, { wijzigactie: wijzigactie }, content);
97
- }
98
- }
99
-
100
- const Term = ({ begripWijzigactie, node, mapNodeToJsx }) => {
101
- const content = mapNodeToJsx(node.childNodes);
102
- const wijzigactie = parseWijzigactieFromNode(node);
103
- const className = wijzigactieToClassName(wijzigactie);
104
- return (h("dt", { class: className }, h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
105
- };
106
- const Definitie = ({ begripWijzigactie, node, mapNodeToJsx }) => {
107
- const content = mapNodeToJsx(node.childNodes);
108
- const wijzigactie = parseWijzigactieFromNode(node);
109
- const className = wijzigactieToClassName(wijzigactie);
110
- return (h("dd", { class: className }, h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
111
- };
112
- class OzonContentBegripNode {
113
- constructor() {
114
- this.name = "Begrip";
115
- }
116
- render(node, { mapNodeToJsx }) {
117
- const wijzigactie = parseWijzigactieFromNode(node);
118
- const className = wijzigactieToClassName(wijzigactie);
119
- const childNodes = Array.from(node.childNodes);
120
- const terms = childNodes.filter((n) => getNodeName(n) === "Term");
121
- const definitions = childNodes.filter((n) => getNodeName(n) === "Definitie");
122
- 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 })))));
123
- }
124
- }
125
-
126
- class OzonContentBegrippenlijstNode {
127
- constructor() {
128
- this.name = "Begrippenlijst";
129
- }
130
- render(node, { mapNodeToJsx }) {
131
- const content = mapNodeToJsx(node.childNodes);
132
- const wijzigactie = parseWijzigactieFromNode(node);
133
- const className = wijzigactieToClassName(wijzigactie);
134
- return (h("div", { class: "begrippenlijst" }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("dl", { class: className }, content))));
135
- }
136
- }
137
-
138
- class OzonContentBronNode {
139
- constructor() {
140
- this.name = "Bron";
141
- }
142
- render(node, { mapNodeToJsx }, ignoreMark) {
143
- return h("span", { class: "dso-ozon-bron" }, mapNodeToJsx(node.childNodes, ignoreMark));
144
- }
145
- }
146
-
147
- class OzonContentDocumentNode {
148
- constructor() {
149
- this.name = "#document";
150
- }
151
- render(node, { mapNodeToJsx }) {
152
- return h(Fragment, null, mapNodeToJsx(node.childNodes));
153
- }
154
- }
155
-
156
- var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
157
-
158
- function getDefaultExportFromCjs (x) {
159
- return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
160
- }
161
-
162
- /**
163
- * lodash (Custom Build) <https://lodash.com/>
164
- * Build: `lodash modularize exports="npm" -o ./`
165
- * Copyright jQuery Foundation and other contributors <https://jquery.org/>
166
- * Released under MIT license <https://lodash.com/license>
167
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
168
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
169
- */
170
-
171
- var lodash_kebabcase;
172
- var hasRequiredLodash_kebabcase;
173
-
174
- function requireLodash_kebabcase () {
175
- if (hasRequiredLodash_kebabcase) return lodash_kebabcase;
176
- hasRequiredLodash_kebabcase = 1;
177
-
178
- /** `Object#toString` result references. */
179
- var symbolTag = '[object Symbol]';
180
-
181
- /** Used to match words composed of alphanumeric characters. */
182
- var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
183
-
184
- /** Used to match Latin Unicode letters (excluding mathematical operators). */
185
- var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
186
-
187
- /** Used to compose unicode character classes. */
188
- var rsAstralRange = '\\ud800-\\udfff',
189
- rsComboMarksRange = '\\u0300-\\u036f\\ufe20-\\ufe23',
190
- rsComboSymbolsRange = '\\u20d0-\\u20f0',
191
- rsDingbatRange = '\\u2700-\\u27bf',
192
- rsLowerRange = 'a-z\\xdf-\\xf6\\xf8-\\xff',
193
- rsMathOpRange = '\\xac\\xb1\\xd7\\xf7',
194
- rsNonCharRange = '\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf',
195
- rsPunctuationRange = '\\u2000-\\u206f',
196
- 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',
197
- rsUpperRange = 'A-Z\\xc0-\\xd6\\xd8-\\xde',
198
- rsVarRange = '\\ufe0e\\ufe0f',
199
- rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
200
-
201
- /** Used to compose unicode capture groups. */
202
- var rsApos = "['\u2019]",
203
- rsBreak = '[' + rsBreakRange + ']',
204
- rsCombo = '[' + rsComboMarksRange + rsComboSymbolsRange + ']',
205
- rsDigits = '\\d+',
206
- rsDingbat = '[' + rsDingbatRange + ']',
207
- rsLower = '[' + rsLowerRange + ']',
208
- rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',
209
- rsFitz = '\\ud83c[\\udffb-\\udfff]',
210
- rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',
211
- rsNonAstral = '[^' + rsAstralRange + ']',
212
- rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}',
213
- rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]',
214
- rsUpper = '[' + rsUpperRange + ']',
215
- rsZWJ = '\\u200d';
216
-
217
- /** Used to compose unicode regexes. */
218
- var rsLowerMisc = '(?:' + rsLower + '|' + rsMisc + ')',
219
- rsUpperMisc = '(?:' + rsUpper + '|' + rsMisc + ')',
220
- rsOptLowerContr = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?',
221
- rsOptUpperContr = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?',
222
- reOptMod = rsModifier + '?',
223
- rsOptVar = '[' + rsVarRange + ']?',
224
- rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',
225
- rsSeq = rsOptVar + reOptMod + rsOptJoin,
226
- rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq;
227
-
228
- /** Used to match apostrophes. */
229
- var reApos = RegExp(rsApos, 'g');
230
-
231
- /**
232
- * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and
233
- * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).
234
- */
235
- var reComboMark = RegExp(rsCombo, 'g');
236
-
237
- /** Used to match complex or compound words. */
238
- var reUnicodeWord = RegExp([
239
- rsUpper + '?' + rsLower + '+' + rsOptLowerContr + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',
240
- rsUpperMisc + '+' + rsOptUpperContr + '(?=' + [rsBreak, rsUpper + rsLowerMisc, '$'].join('|') + ')',
241
- rsUpper + '?' + rsLowerMisc + '+' + rsOptLowerContr,
242
- rsUpper + '+' + rsOptUpperContr,
243
- rsDigits,
244
- rsEmoji
245
- ].join('|'), 'g');
246
-
247
- /** Used to detect strings that need a more robust regexp to match words. */
248
- 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 ]/;
249
-
250
- /** Used to map Latin Unicode letters to basic Latin letters. */
251
- var deburredLetters = {
252
- // Latin-1 Supplement block.
253
- '\xc0': 'A', '\xc1': 'A', '\xc2': 'A', '\xc3': 'A', '\xc4': 'A', '\xc5': 'A',
254
- '\xe0': 'a', '\xe1': 'a', '\xe2': 'a', '\xe3': 'a', '\xe4': 'a', '\xe5': 'a',
255
- '\xc7': 'C', '\xe7': 'c',
256
- '\xd0': 'D', '\xf0': 'd',
257
- '\xc8': 'E', '\xc9': 'E', '\xca': 'E', '\xcb': 'E',
258
- '\xe8': 'e', '\xe9': 'e', '\xea': 'e', '\xeb': 'e',
259
- '\xcc': 'I', '\xcd': 'I', '\xce': 'I', '\xcf': 'I',
260
- '\xec': 'i', '\xed': 'i', '\xee': 'i', '\xef': 'i',
261
- '\xd1': 'N', '\xf1': 'n',
262
- '\xd2': 'O', '\xd3': 'O', '\xd4': 'O', '\xd5': 'O', '\xd6': 'O', '\xd8': 'O',
263
- '\xf2': 'o', '\xf3': 'o', '\xf4': 'o', '\xf5': 'o', '\xf6': 'o', '\xf8': 'o',
264
- '\xd9': 'U', '\xda': 'U', '\xdb': 'U', '\xdc': 'U',
265
- '\xf9': 'u', '\xfa': 'u', '\xfb': 'u', '\xfc': 'u',
266
- '\xdd': 'Y', '\xfd': 'y', '\xff': 'y',
267
- '\xc6': 'Ae', '\xe6': 'ae',
268
- '\xde': 'Th', '\xfe': 'th',
269
- '\xdf': 'ss',
270
- // Latin Extended-A block.
271
- '\u0100': 'A', '\u0102': 'A', '\u0104': 'A',
272
- '\u0101': 'a', '\u0103': 'a', '\u0105': 'a',
273
- '\u0106': 'C', '\u0108': 'C', '\u010a': 'C', '\u010c': 'C',
274
- '\u0107': 'c', '\u0109': 'c', '\u010b': 'c', '\u010d': 'c',
275
- '\u010e': 'D', '\u0110': 'D', '\u010f': 'd', '\u0111': 'd',
276
- '\u0112': 'E', '\u0114': 'E', '\u0116': 'E', '\u0118': 'E', '\u011a': 'E',
277
- '\u0113': 'e', '\u0115': 'e', '\u0117': 'e', '\u0119': 'e', '\u011b': 'e',
278
- '\u011c': 'G', '\u011e': 'G', '\u0120': 'G', '\u0122': 'G',
279
- '\u011d': 'g', '\u011f': 'g', '\u0121': 'g', '\u0123': 'g',
280
- '\u0124': 'H', '\u0126': 'H', '\u0125': 'h', '\u0127': 'h',
281
- '\u0128': 'I', '\u012a': 'I', '\u012c': 'I', '\u012e': 'I', '\u0130': 'I',
282
- '\u0129': 'i', '\u012b': 'i', '\u012d': 'i', '\u012f': 'i', '\u0131': 'i',
283
- '\u0134': 'J', '\u0135': 'j',
284
- '\u0136': 'K', '\u0137': 'k', '\u0138': 'k',
285
- '\u0139': 'L', '\u013b': 'L', '\u013d': 'L', '\u013f': 'L', '\u0141': 'L',
286
- '\u013a': 'l', '\u013c': 'l', '\u013e': 'l', '\u0140': 'l', '\u0142': 'l',
287
- '\u0143': 'N', '\u0145': 'N', '\u0147': 'N', '\u014a': 'N',
288
- '\u0144': 'n', '\u0146': 'n', '\u0148': 'n', '\u014b': 'n',
289
- '\u014c': 'O', '\u014e': 'O', '\u0150': 'O',
290
- '\u014d': 'o', '\u014f': 'o', '\u0151': 'o',
291
- '\u0154': 'R', '\u0156': 'R', '\u0158': 'R',
292
- '\u0155': 'r', '\u0157': 'r', '\u0159': 'r',
293
- '\u015a': 'S', '\u015c': 'S', '\u015e': 'S', '\u0160': 'S',
294
- '\u015b': 's', '\u015d': 's', '\u015f': 's', '\u0161': 's',
295
- '\u0162': 'T', '\u0164': 'T', '\u0166': 'T',
296
- '\u0163': 't', '\u0165': 't', '\u0167': 't',
297
- '\u0168': 'U', '\u016a': 'U', '\u016c': 'U', '\u016e': 'U', '\u0170': 'U', '\u0172': 'U',
298
- '\u0169': 'u', '\u016b': 'u', '\u016d': 'u', '\u016f': 'u', '\u0171': 'u', '\u0173': 'u',
299
- '\u0174': 'W', '\u0175': 'w',
300
- '\u0176': 'Y', '\u0177': 'y', '\u0178': 'Y',
301
- '\u0179': 'Z', '\u017b': 'Z', '\u017d': 'Z',
302
- '\u017a': 'z', '\u017c': 'z', '\u017e': 'z',
303
- '\u0132': 'IJ', '\u0133': 'ij',
304
- '\u0152': 'Oe', '\u0153': 'oe',
305
- '\u0149': "'n", '\u017f': 'ss'
306
- };
307
-
308
- /** Detect free variable `global` from Node.js. */
309
- var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
310
-
311
- /** Detect free variable `self`. */
312
- var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
313
-
314
- /** Used as a reference to the global object. */
315
- var root = freeGlobal || freeSelf || Function('return this')();
316
-
317
- /**
318
- * A specialized version of `_.reduce` for arrays without support for
319
- * iteratee shorthands.
320
- *
321
- * @private
322
- * @param {Array} [array] The array to iterate over.
323
- * @param {Function} iteratee The function invoked per iteration.
324
- * @param {*} [accumulator] The initial value.
325
- * @param {boolean} [initAccum] Specify using the first element of `array` as
326
- * the initial value.
327
- * @returns {*} Returns the accumulated value.
328
- */
329
- function arrayReduce(array, iteratee, accumulator, initAccum) {
330
- var index = -1,
331
- length = array ? array.length : 0;
332
- while (++index < length) {
333
- accumulator = iteratee(accumulator, array[index], index, array);
334
- }
335
- return accumulator;
336
- }
337
-
338
- /**
339
- * Splits an ASCII `string` into an array of its words.
340
- *
341
- * @private
342
- * @param {string} The string to inspect.
343
- * @returns {Array} Returns the words of `string`.
344
- */
345
- function asciiWords(string) {
346
- return string.match(reAsciiWord) || [];
347
- }
348
-
349
- /**
350
- * The base implementation of `_.propertyOf` without support for deep paths.
351
- *
352
- * @private
353
- * @param {Object} object The object to query.
354
- * @returns {Function} Returns the new accessor function.
355
- */
356
- function basePropertyOf(object) {
357
- return function(key) {
358
- return object == null ? undefined : object[key];
359
- };
360
- }
361
-
362
- /**
363
- * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A
364
- * letters to basic Latin letters.
365
- *
366
- * @private
367
- * @param {string} letter The matched letter to deburr.
368
- * @returns {string} Returns the deburred letter.
369
- */
370
- var deburrLetter = basePropertyOf(deburredLetters);
371
-
372
- /**
373
- * Checks if `string` contains a word composed of Unicode symbols.
374
- *
375
- * @private
376
- * @param {string} string The string to inspect.
377
- * @returns {boolean} Returns `true` if a word is found, else `false`.
378
- */
379
- function hasUnicodeWord(string) {
380
- return reHasUnicodeWord.test(string);
381
- }
382
-
383
- /**
384
- * Splits a Unicode `string` into an array of its words.
385
- *
386
- * @private
387
- * @param {string} The string to inspect.
388
- * @returns {Array} Returns the words of `string`.
389
- */
390
- function unicodeWords(string) {
391
- return string.match(reUnicodeWord) || [];
392
- }
393
-
394
- /** Used for built-in method references. */
395
- var objectProto = Object.prototype;
396
-
397
- /**
398
- * Used to resolve the
399
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
400
- * of values.
401
- */
402
- var objectToString = objectProto.toString;
403
-
404
- /** Built-in value references. */
405
- var Symbol = root.Symbol;
406
-
407
- /** Used to convert symbols to primitives and strings. */
408
- var symbolProto = Symbol ? Symbol.prototype : undefined,
409
- symbolToString = symbolProto ? symbolProto.toString : undefined;
410
-
411
- /**
412
- * The base implementation of `_.toString` which doesn't convert nullish
413
- * values to empty strings.
414
- *
415
- * @private
416
- * @param {*} value The value to process.
417
- * @returns {string} Returns the string.
418
- */
419
- function baseToString(value) {
420
- // Exit early for strings to avoid a performance hit in some environments.
421
- if (typeof value == 'string') {
422
- return value;
423
- }
424
- if (isSymbol(value)) {
425
- return symbolToString ? symbolToString.call(value) : '';
426
- }
427
- var result = (value + '');
428
- return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
429
- }
430
-
431
- /**
432
- * Creates a function like `_.camelCase`.
433
- *
434
- * @private
435
- * @param {Function} callback The function to combine each word.
436
- * @returns {Function} Returns the new compounder function.
437
- */
438
- function createCompounder(callback) {
439
- return function(string) {
440
- return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');
441
- };
442
- }
443
-
444
- /**
445
- * Checks if `value` is object-like. A value is object-like if it's not `null`
446
- * and has a `typeof` result of "object".
447
- *
448
- * @static
449
- * @memberOf _
450
- * @since 4.0.0
451
- * @category Lang
452
- * @param {*} value The value to check.
453
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
454
- * @example
455
- *
456
- * _.isObjectLike({});
457
- * // => true
458
- *
459
- * _.isObjectLike([1, 2, 3]);
460
- * // => true
461
- *
462
- * _.isObjectLike(_.noop);
463
- * // => false
464
- *
465
- * _.isObjectLike(null);
466
- * // => false
467
- */
468
- function isObjectLike(value) {
469
- return !!value && typeof value == 'object';
470
- }
471
-
472
- /**
473
- * Checks if `value` is classified as a `Symbol` primitive or object.
474
- *
475
- * @static
476
- * @memberOf _
477
- * @since 4.0.0
478
- * @category Lang
479
- * @param {*} value The value to check.
480
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
481
- * @example
482
- *
483
- * _.isSymbol(Symbol.iterator);
484
- * // => true
485
- *
486
- * _.isSymbol('abc');
487
- * // => false
488
- */
489
- function isSymbol(value) {
490
- return typeof value == 'symbol' ||
491
- (isObjectLike(value) && objectToString.call(value) == symbolTag);
492
- }
493
-
494
- /**
495
- * Converts `value` to a string. An empty string is returned for `null`
496
- * and `undefined` values. The sign of `-0` is preserved.
497
- *
498
- * @static
499
- * @memberOf _
500
- * @since 4.0.0
501
- * @category Lang
502
- * @param {*} value The value to process.
503
- * @returns {string} Returns the string.
504
- * @example
505
- *
506
- * _.toString(null);
507
- * // => ''
508
- *
509
- * _.toString(-0);
510
- * // => '-0'
511
- *
512
- * _.toString([1, 2, 3]);
513
- * // => '1,2,3'
514
- */
515
- function toString(value) {
516
- return value == null ? '' : baseToString(value);
517
- }
518
-
519
- /**
520
- * Deburrs `string` by converting
521
- * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)
522
- * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)
523
- * letters to basic Latin letters and removing
524
- * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).
525
- *
526
- * @static
527
- * @memberOf _
528
- * @since 3.0.0
529
- * @category String
530
- * @param {string} [string=''] The string to deburr.
531
- * @returns {string} Returns the deburred string.
532
- * @example
533
- *
534
- * _.deburr('déjà vu');
535
- * // => 'deja vu'
536
- */
537
- function deburr(string) {
538
- string = toString(string);
539
- return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');
540
- }
541
-
542
- /**
543
- * Converts `string` to
544
- * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).
545
- *
546
- * @static
547
- * @memberOf _
548
- * @since 3.0.0
549
- * @category String
550
- * @param {string} [string=''] The string to convert.
551
- * @returns {string} Returns the kebab cased string.
552
- * @example
553
- *
554
- * _.kebabCase('Foo Bar');
555
- * // => 'foo-bar'
556
- *
557
- * _.kebabCase('fooBar');
558
- * // => 'foo-bar'
559
- *
560
- * _.kebabCase('__FOO_BAR__');
561
- * // => 'foo-bar'
562
- */
563
- var kebabCase = createCompounder(function(result, word, index) {
564
- return result + (index ? '-' : '') + word.toLowerCase();
565
- });
566
-
567
- /**
568
- * Splits `string` into an array of its words.
569
- *
570
- * @static
571
- * @memberOf _
572
- * @since 3.0.0
573
- * @category String
574
- * @param {string} [string=''] The string to inspect.
575
- * @param {RegExp|string} [pattern] The pattern to match words.
576
- * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
577
- * @returns {Array} Returns the words of `string`.
578
- * @example
579
- *
580
- * _.words('fred, barney, & pebbles');
581
- * // => ['fred', 'barney', 'pebbles']
582
- *
583
- * _.words('fred, barney, & pebbles', /[^, ]+/g);
584
- * // => ['fred', 'barney', '&', 'pebbles']
585
- */
586
- function words(string, pattern, guard) {
587
- string = toString(string);
588
- pattern = pattern;
589
-
590
- if (pattern === undefined) {
591
- return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);
592
- }
593
- return string.match(pattern) || [];
594
- }
595
-
596
- lodash_kebabcase = kebabCase;
597
- return lodash_kebabcase;
598
- }
599
-
600
- var lodash_kebabcaseExports = requireLodash_kebabcase();
601
- var kebabCase = /*@__PURE__*/getDefaultExportFromCjs(lodash_kebabcaseExports);
602
-
603
- class OzonContentExtRefNode {
604
- constructor() {
605
- this.name = ["ExtRef", "ExtIoRef"];
606
- }
607
- render(node, { mapNodeToJsx, urlResolver }) {
608
- const className = kebabCase(node.tagName);
609
- const ref = node.getAttribute("ref");
610
- const name = node.tagName === "ExtRef" ? "ExtRef" : "ExtIoRef";
611
- if (!ref) {
612
- return mapNodeToJsx(node.childNodes);
613
- }
614
- const href = urlResolver ? urlResolver(name, "ref", ref, node) : ref;
615
- 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" })));
616
- }
617
- }
618
-
619
- class OzonContentFallbackNode {
620
- constructor() {
621
- // This name does not match any elements
622
- this.name = ["<fallback>"];
623
- }
624
- render(node, { mapNodeToJsx }, ignoreMark) {
625
- return h("span", { class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes, ignoreMark));
626
- }
627
- }
628
-
629
- const Bijschrift = ({ bijschrift, bron, mapNodeToJsx, ignoreMark }) => {
630
- const bronText = bron && bron.textContent?.trim();
631
- return (h("span", { class: "figuur-bijschrift" }, bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud, ignoreMark), bronText && (h(Fragment, null, `${bijschrift ? " " : ""}(bron: `, mapNodeToJsx(bron, ignoreMark), ")"))));
632
- };
633
- class OzonContentFiguurNode {
634
- constructor() {
635
- this.name = ["Figuur"];
636
- }
637
- getStyle(illustratie) {
638
- const widthPixels = Number(illustratie.breedte);
639
- const heightPixels = Number(illustratie.hoogte);
640
- const style = {
641
- "--_dso-ozon-content-illustratie-uitlijning": illustratie.uitlijning,
642
- };
643
- if (widthPixels && heightPixels) {
644
- // This is the STOP formula to calculate the width in percentage
645
- // see: https://koop.gitlab.io/stop/standaard/1.4.0-ic/regeltekst_afbeelding.html
646
- // We maximise it to 100% in the case of missing dpi or a calculated percentage greater than 100%
647
- const widthPercentage = Math.min(illustratie.dpi ? (16.4 * widthPixels) / Number(illustratie.dpi) : 100, 100);
648
- Object.assign(style, {
649
- "--_dso-ozon-content-illustratie-aspect-ratio": (widthPixels / heightPixels).toString(),
650
- "--_dso-ozon-content-illustratie-width": `${widthPercentage}%`,
651
- });
652
- }
653
- return style;
654
- }
655
- mapIllustratieNode(node) {
656
- return {
657
- naam: node.getAttribute("naam"),
658
- breedte: Number(node.getAttribute("breedte")),
659
- hoogte: Number(node.getAttribute("hoogte")),
660
- dpi: Number(node.getAttribute("dpi")),
661
- uitlijning: ["start", "center", "end"].find((u) => node.getAttribute("uitlijning") === u) ??
662
- "start",
663
- alt: node.getAttribute("alt"),
664
- };
665
- }
666
- render(node, { mapNodeToJsx, urlResolver }) {
667
- const childNodes = Array.from(node.childNodes);
668
- const titel = childNodes.find((n) => getNodeName(n) === "Titel");
669
- const bron = childNodes.find((n) => getNodeName(n) === "Bron");
670
- const illustratieNode = childNodes.find((n) => getNodeName(n) === "Illustratie");
671
- const bijschriftNode = childNodes.find((n) => getNodeName(n) === "Bijschrift");
672
- const wijzigactie = node.getAttribute("wijzigactie") || undefined;
673
- if (illustratieNode instanceof Element) {
674
- const illustratie = this.mapIllustratieNode(illustratieNode);
675
- const bijschrift = bijschriftNode instanceof Element
676
- ? {
677
- inhoud: bijschriftNode.childNodes,
678
- locatie: bijschriftNode.getAttribute("locatie") ?? "onder",
679
- }
680
- : undefined;
681
- const src = urlResolver && illustratie.naam ? urlResolver("Illustratie", "naam", illustratie.naam, node) : illustratie.naam;
682
- 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 }))));
683
- }
684
- }
685
- }
686
-
687
- class OzonContentInhoudNode {
688
- constructor() {
689
- this.name = ["Inhoud", "ContainerBlocksType", "BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"];
690
- }
691
- render(node, { mapNodeToJsx }) {
692
- const wijzigactie = node.getAttribute("wijzigactie");
693
- const richContent = h("div", { class: "dso-rich-content" }, mapNodeToJsx(node.childNodes));
694
- if (wijzigactie === "verwijder") {
695
- return h("del", { class: "editaction-remove" }, richContent);
696
- }
697
- if (wijzigactie === "voegtoe") {
698
- return h("ins", { class: "editaction-add" }, richContent);
699
- }
700
- return richContent;
701
- }
702
- }
703
-
704
- class OzonContentInlineTekstAfbeeldingNode {
705
- constructor() {
706
- this.name = ["InlineTekstAfbeelding", "Illustratie"];
707
- }
708
- render(node, { urlResolver }) {
709
- const naam = node.getAttribute("naam");
710
- const name = node.tagName === "InlineTekstAfbeelding" ? "InlineTekstAfbeelding" : "Illustratie";
711
- const src = urlResolver && naam ? urlResolver(name, "naam", naam, node) : naam;
712
- return (h("img", { src: src ?? undefined, alt: naam ?? undefined, height: node.getAttribute("hoogte") ?? undefined, width: node.getAttribute("breedte") ?? undefined }));
713
- }
714
- }
715
-
716
- class OzonContentInlineNodes {
717
- constructor() {
718
- this.name = ["sub", "sup", "strong", "b", "u", "i", "br"];
719
- }
720
- render(node, { mapNodeToJsx }) {
721
- if (node.localName === "br") {
722
- return h("br", null);
723
- }
724
- const Tag = node.localName;
725
- return h(Tag, null, mapNodeToJsx(node.childNodes));
726
- }
727
- }
728
-
729
- class OzonContentIntIoRefNode {
730
- constructor() {
731
- this.name = "IntIoRef";
732
- }
733
- render(node, { mapNodeToJsx, emitClick, urlResolver, annotated }) {
734
- const ref = node.getAttribute("ref");
735
- if (!ref) {
736
- return mapNodeToJsx(node.childNodes);
737
- }
738
- const href = urlResolver ? urlResolver("IntIoRef", "ref", ref, node) : ref;
739
- const intIoRefOnClick = (event) => {
740
- emitClick({
741
- type: "IntIoRef",
742
- node,
743
- originalEvent: event,
744
- });
745
- };
746
- 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" }))))));
747
- }
748
- }
749
-
750
- class OzonContentIntRefNode {
751
- constructor() {
752
- this.name = "IntRef";
753
- }
754
- render(node, { mapNodeToJsx, emitClick, begripResolver, urlResolver }) {
755
- const ref = node.getAttribute("ref");
756
- if (!ref) {
757
- return mapNodeToJsx(node.childNodes);
758
- }
759
- const definitie = begripResolver?.(ref, node);
760
- if (definitie) {
761
- const definitieXMLDocument = typeof definitie === "string" ? parseXml(definitie) : definitie;
762
- if (!definitieXMLDocument ||
763
- definitieXMLDocument.documentElement.localName !== "Definitie" ||
764
- !definitieXMLDocument.documentElement.hasChildNodes()) {
765
- return mapNodeToJsx(node.childNodes);
766
- }
767
- return (h("dso-ozon-content-toggletip", null, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), mapNodeToJsx(Array.from(definitieXMLDocument.documentElement.childNodes))));
768
- }
769
- const handleIntRefClick = (event) => {
770
- emitClick({
771
- type: "IntRef",
772
- node,
773
- originalEvent: event,
774
- isModifiedEvent: isModifiedEvent(event),
775
- });
776
- };
777
- const href = urlResolver ? urlResolver("IntRef", "ref", ref, node) : ref;
778
- return (h("a", { href: href, onClick: handleIntRefClick }, mapNodeToJsx(node.childNodes)));
779
- }
780
- }
781
-
782
- function mapData$1(node) {
783
- return {
784
- label: node.querySelector("Label"),
785
- nummer: node.querySelector("Nummer"),
786
- opschrift: node.querySelector("Opschrift"),
787
- subtitels: Array.from(node.querySelectorAll("Subtitel")),
788
- };
789
- }
790
- class OzonContentKopNode {
791
- constructor() {
792
- this.name = "Kop";
793
- this.handles = ["Label", "Nummer", "Opschrift", "Subtitel"];
794
- }
795
- render(node, { mapNodeToJsx, emitClick }) {
796
- const handleKopClick = (event) => {
797
- emitClick({
798
- type: "Kop",
799
- node,
800
- originalEvent: event,
801
- });
802
- };
803
- const { label, nummer, opschrift, subtitels } = mapData$1(node);
804
- const wijzigactieLabel = label ? parseWijzigactieFromNode(label) : undefined;
805
- const wijzigactieNummer = nummer ? parseWijzigactieFromNode(nummer) : undefined;
806
- const wijzigactieOpschrift = opschrift ? parseWijzigactieFromNode(opschrift) : undefined;
807
- 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) => {
808
- const wijzigactieSubtitel = parseWijzigactieFromNode(subtitel);
809
- return (h("div", { class: "subtitel" }, h(WrapWijzigactie, { wijzigactie: wijzigactieSubtitel }, mapNodeToJsx(subtitel.childNodes))));
810
- })))));
811
- }
812
- }
813
-
814
- class OzonContentLijstNode {
815
- constructor() {
816
- this.name = "Lijst";
817
- }
818
- render(node, { mapNodeToJsx }) {
819
- const wijzigactie = parseWijzigactieFromNode(node);
820
- const childNodes = Array.from(node.childNodes);
821
- const type = parseTypeFromLijstNode(node);
822
- const aanhef = childNodes.find((n) => getNodeName(n) === "Lijstaanhef");
823
- const sluiting = childNodes.find((n) => getNodeName(n) === "Lijstsluiting");
824
- const listItems = childNodes.filter((n) => getNodeName(n) === "Li");
825
- 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) => {
826
- const itemNodes = Array.from(item.childNodes);
827
- const liNummer = itemNodes.find((n) => getNodeName(n) === "LiNummer")?.childNodes;
828
- const liWijzigactie = parseWijzigactieFromNode(item);
829
- 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")))));
830
- })), sluiting && mapNodeToJsx(sluiting))));
831
- }
832
- }
833
- function parseTypeFromLijstNode(node) {
834
- const type = node instanceof Element ? node.getAttribute("type") : undefined;
835
- return type === "expliciet" || type === "ongemarkeerd" ? type : undefined;
836
- }
837
-
838
- class OzonContentNieuweTekstNode {
839
- constructor() {
840
- this.name = "NieuweTekst";
841
- }
842
- render(node, { mapNodeToJsx }) {
843
- return h("ins", { class: "new-text" }, mapNodeToJsx(node.childNodes));
844
- }
845
- }
846
-
847
- class OzonContentNootNode {
848
- constructor() {
849
- this.name = "Noot";
850
- this.handles = ["NootNummer"];
851
- }
852
- identify() {
853
- return "Noot";
854
- }
855
- render(node, { mapNodeToJsx }) {
856
- const noteId = node.getAttribute("id");
857
- if (!noteId) {
858
- console.error("Noot node without id", node);
859
- return h(Fragment, null);
860
- }
861
- const childNodes = Array.from(node.childNodes);
862
- const nootNummer = childNodes.find((n) => getNodeName(n) === "NootNummer")?.textContent ?? noteId;
863
- return (h("sup", null, h("dso-ozon-content-toggletip", { class: "toggle-note" }, h("span", { slot: "label" }, nootNummer), 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: var(--_dt-button-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); float: var(--_dt-button-float-primary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dt-button-inline-size, auto); 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); float: var(--_dt-button-float-primary, none); } 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); float: var(--_dt-button-float-primary, none); } 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); float: var(--_dt-button-float-primary, none); } 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: var(--_dt-button-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); float: var(--_dt-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dt-button-inline-size, auto); 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); float: var(--_dt-button-float-secondary, none); } 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); float: var(--_dt-button-float-secondary, none); } 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); float: var(--_dt-button-float-secondary, none); } 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: var(--_dt-button-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: var(--_dt-button-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); float: var(--_dt-button-float-tertiary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: auto; inline-size: var(--_dt-button-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); float: var(--_dt-button-float-tertiary, none); } 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); float: var(--_dt-button-float-tertiary, none); } 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); float: var(--_dt-button-float-tertiary, none); } 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, button.dso-tertiary, label.dso-tertiary { border: 0; line-height: 1; padding-inline: 0; padding-block: var(--_dt-button-padding-block-tertiary, 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: var(--_dt-button-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); float: var(--_dt-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dt-button-inline-size, auto); 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); float: var(--_dt-button-float-secondary, none); } 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); float: var(--_dt-button-float-secondary, none); } 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); float: var(--_dt-button-float-secondary, none); } 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-block-start: var(--_dt-button-after-button-margin-block-start, 0); margin-inline-start: var(--_dt-button-after-button-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; } .toggle-note { --_dt-ozon-content-toggletip-text-decoration: none; --_dt-ozon-content-toggletip-color: #39870c; } 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 { overflow-wrap: anywhere; 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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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); --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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; --_dt-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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); --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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); --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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; --_dt-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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; --_dt-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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; --_dt-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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); --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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; --_dt-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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); --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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); --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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; --_dt-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dt-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; --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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); --_dt-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-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-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; --_dt-ozon-content-toggletip-color: #000; text-decoration: line-through; --_dt-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: '4f256666f8ec846c7adb1f066cafb9774dcf7e17' }, 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-modal", "dso-ozon-content-toggletip", "dso-scrollable", "dso-table"];
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$7();
1174
- }
1175
- break;
1176
- case "dso-icon-button":
1177
- if (!customElements.get(transformTag(tagName))) {
1178
- defineCustomElement$6();
1179
- }
1180
- break;
1181
- case "dso-image-overlay":
1182
- if (!customElements.get(transformTag(tagName))) {
1183
- defineCustomElement$5();
1184
- }
1185
- break;
1186
- case "dso-modal":
1187
- if (!customElements.get(transformTag(tagName))) {
1188
- defineCustomElement$4();
1189
- }
1190
- break;
1191
- case "dso-ozon-content-toggletip":
1192
- if (!customElements.get(transformTag(tagName))) {
1193
- defineCustomElement$3();
1194
- }
1195
- break;
1196
- case "dso-scrollable":
1197
- if (!customElements.get(transformTag(tagName))) {
1198
- defineCustomElement$2();
1199
- }
1200
- break;
1201
- case "dso-table":
1202
- if (!customElements.get(transformTag(tagName))) {
1203
- defineCustomElement$1();
1204
- }
1205
- break;
1206
- } });
1207
- }
1208
-
1209
- export { MarkText as M, OzonContent as O, parseWijzigactieFromNode as a, commonjsGlobal as c, defineCustomElement as d, getDefaultExportFromCjs as g, parseXml as p };