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